Add Syncpack to lint dependency version consistency across workspaces

Author: manzoorwanijk

.github/workflows/static-checks.yml

@@ -73,6 +73,9 @@ jobs:
             - name: Lint package.json files
               run: npm run lint:pkg-json
 
+            - name: Lint dependency versions across workspaces
+              run: npm run lint:deps
+
             - name: Lint package-lock.json file
               run: npm run lint:lockfile
 

package-lock.json

@@ -107,6 +107,7 @@
 		"sprintf-js": "1.1.1",
 		"style-loader": "3.2.1",
 		"stylelint-plugin-logical-css": "^1.2.3",
+		"syncpack": "^15.1.2",
 		"typescript": "6.0.2",
 		"wait-on": "8.0.1"
 	},
@@ -137,9 +138,11 @@
 		"preformat:php": "npm run other:update-packages:php",
 		"format:php": "wp-env run --env-cwd='wp-content/plugins/gutenberg' cli composer run-script format",
 		"prelint:js": "npm run --if-present --workspaces prelint:js",
-		"lint": "concurrently \"npm run lint:lockfile\" \"npm run lint:tsconfig\" \"npm run lint:js\" \"npm run lint:pkg-json\" \"npm run lint:css\"",
+		"lint": "concurrently \"npm run lint:lockfile\" \"npm run lint:tsconfig\" \"npm run lint:js\" \"npm run lint:pkg-json\" \"npm run lint:deps\" \"npm run lint:css\"",
 		"lint:css": "wp-scripts lint-style \"**/*.scss\" \"**/*.module.css\"",
 		"lint:css:fix": "npm run lint:css -- --fix",
+		"lint:deps": "syncpack lint",
+		"lint:deps:fix": "syncpack fix",
 		"lint:js": "node ./tools/eslint/lint-js.cjs",
 		"lint:js:fix": "npm run lint:js -- --fix",
 		"lint:js:prune-suppressions": "npm run lint:js -- --prune-suppressions",

package.json

@@ -0,0 +1,29 @@
+/** @type {import('syncpack').RcFile} */
+export default {
+	versionGroups: [
+		{
+			label: 'Internal @wordpress/* workspace packages: ignore (workspaces are the source of truth).',
+			dependencies: [ '@wordpress/**' ],
+			packages: [ '**' ],
+			isIgnored: true,
+		},
+		{
+			label: 'peerDependencies use intentionally wide ranges; only enforce that the ranges are mutually satisfiable.',
+			dependencyTypes: [ 'peer' ],
+			policy: 'sameRange',
+		},
+		{
+			label: 'All dependencies must use the same version across the repo.',
+			dependencies: [ '**' ],
+			packages: [ '**' ],
+		},
+	],
+	semverGroups: [
+		{
+			label: 'All dependencies must use caret ranges.',
+			packages: [ '**' ],
+			dependencyTypes: [ 'prod', 'dev' ],
+			range: '^',
+		},
+	],
+};