Update dependencies to build on Node 20 (WordPress#2391)

* Update dependencies to build on Node 20

* Remove duplicate wp-scripts dependency

* Fix lint errors

* Fix stylelint errors

* Try using v4 github actions

.github/workflows/linters.yml

@@ -13,15 +13,15 @@ jobs:
     runs-on: ubuntu-latest
 
     steps:
-    - uses: actions/checkout@v3
+    - uses: actions/checkout@v4
 
     - name: Fetch wporg parent theme css
       run: |
         mkdir wp-content/themes/pub/wporg
         svn export https://meta.svn.wordpress.org/sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg/css wp-content/themes/pub/wporg/css
 
     - name: Install NodeJS
-      uses: actions/setup-node@v3
+      uses: actions/setup-node@v4
       with:
         node-version-file: '.nvmrc'
         cache: 'yarn'

.nvmrc

@@ -1 +1 @@
-14
+20

.stylelintrc

@@ -6,6 +6,7 @@
 		"rule-empty-line-before" : [ "always-multi-line", {
 			"except" : [ "first-nested", "after-single-line-comment" ]
 		} ],
-		"selector-class-pattern": null
+		"selector-class-pattern": null,
+		"value-keyword-case": [ "lower", { "camelCaseSvgKeywords": true } ]
 	}
 }

package.json

@@ -6,7 +6,9 @@
 	"license": "GPL-2.0-or-later",
 	"private": true,
 	"dependencies": {
-		"@wordpress/env": "4.1.3"
+		"@wordpress/env": "9.3.0",
+		"@wordpress/scripts": "27.2.0",
+		"@wordpress/stylelint-config": "21.34.0"
 	},
 	"workspaces": {
 		"packages": [
@@ -31,8 +33,5 @@
 		"watch:plugin": "yarn workspace wporg-learn-plugin start",
 		"setup:tools": "exit 0"
 	},
-	"main": "index.js",
-	"devDependencies": {
-		"@wordpress/scripts": "^19.2.2"
-	}
+	"main": "index.js"
 }

wp-content/mu-plugins/pub/locale-switcher/package.json

@@ -20,6 +20,6 @@
 		"@wordpress/url": "^3.21.0"
 	},
 	"devDependencies": {
-		"@wordpress/scripts": "^19.2.2"
+		"@wordpress/scripts": "27.2.0"
 	}
 }

wp-content/plugins/wporg-learn/js/expiration-date/index.js

@@ -77,9 +77,8 @@ const ExpirationDate = () => {
 											},
 										} );
 
-										const {
-											ownerDocument,
-										} = pickerRef.current;
+										const { ownerDocument } =
+											pickerRef.current;
 										ownerDocument.activeElement.blur();
 									} }
 								/>

wp-content/plugins/wporg-learn/js/hooks/use-is-block-in-sidebar.js

@@ -5,9 +5,8 @@ import { useSelect } from '@wordpress/data';
 
 export const useIsBlockInSidebar = ( clientId, sidebarName ) => {
 	return useSelect( ( select ) => {
-		const { getBlockAttributes, getBlockName, getBlockParents } = select(
-			'core/block-editor'
-		);
+		const { getBlockAttributes, getBlockName, getBlockParents } =
+			select( 'core/block-editor' );
 		const parents = getBlockParents( clientId );
 		return parents.some( ( parent ) => {
 			if ( 'core/widget-area' !== getBlockName( parent ) ) {

wp-content/plugins/wporg-learn/package.json

@@ -27,7 +27,7 @@
 		"@wordpress/url": "3.19.0"
 	},
 	"devDependencies": {
-		"@wordpress/scripts": "^19.2.2"
+		"@wordpress/scripts": "27.2.0"
 	},
 	"stylelint": {
 		"extends": "../../../.stylelintrc"

wp-content/themes/pub/wporg-learn-2020/css/settings/_colors.scss

@@ -1,3 +1,5 @@
+/* stylelint-disable scss/no-global-function-names */
+
 // Base colors.
 $color__wp-blue: #0073aa;
 $color__green: #c7e8ca;

wp-content/themes/pub/wporg-learn-2020/css/style-editor.scss

@@ -8,7 +8,7 @@
 @import "settings/structure";
 @import "settings/typography";
 @import "../../pub/wporg/css/tools/breakpoint";
-@import "../../pub/wporg/css/settings/_modular-scale.scss";
+@import "../../pub/wporg/css/settings/modular-scale";
 @import "../../pub/wporg/css/objects/buttons";
 @import "objects/buttons";
 @import "objects/hero";

wp-content/themes/pub/wporg-learn-2020/package.json

@@ -22,7 +22,7 @@
 	],
 	"devDependencies": {
 		"@wordpress/browserslist-config": "2.6.0",
-		"@wordpress/scripts": "^19.2.2",
+		"@wordpress/scripts": "27.2.0",
 		"autoprefixer": "9.6.1",
 		"cssnano": "4.1.10",
 		"grunt": "1.0.4",
@@ -36,6 +36,6 @@
 	},
 	"stylelint": {
 		"extends": "../../../../.stylelintrc",
-		"ignoreFiles": ["*/vendor/*", "**/*.css", "**/*.css.map"]
+		"ignoreFiles": ["*/vendor/*", "**/*.css", "**/*.css.map", "**/*.md"]
 	}
 }