Merge pull request #444 from Yoast/feature/upgrade-packages

Refactor webpack plugins and add tooling versions file

Author: enricobattocchi

.babelrc

@@ -1,26 +1,10 @@
 {
-  "presets": [ [ "env" ] ],
+  "presets": [
+    [ "@babel/preset-env" ],
+    [ "@babel/preset-react", { "pragma": "wp.element.createElement", "runtime": "classic" } ]
+  ],
   "plugins": [
-    [
-      "transform-react-jsx",
-      {
-        "pragma": "wp.element.createElement"
-      }
-    ],
-    "dynamic-import-webpack",
-    "transform-object-rest-spread"
+    "@babel/plugin-transform-runtime"
   ],
-  "env": {
-    "test": {
-      "plugins": [
-        [
-          "transform-react-jsx",
-          {
-            "pragma": "wp.element.createElement"
-          }
-        ]
-      ]
-    }
-  },
   "comments": true
 }

.github/workflows/deploy.yml

@@ -71,7 +71,7 @@ jobs:
       - name: Set up node and disable caching of dependencies
         uses: actions/setup-node@6044e13b5dc448c55e2357c09f80417699197238 # v6.2.0
         with:
-          node-version: '14'
+          node-version-file: './.nvmrc'
           # Explicitly NOT using the cache functionality to prevent cache poisoning for deployments.
           cache: ''
           package-manager-cache: false

.nvmrc

@@ -1 +1 @@
-16
+20

VERSIONS.json

@@ -0,0 +1,36 @@
+{
+  "comment": "JSON-formatted versions of the tooling and languages used by automations to build, deploy, and test this branch",
+  "tools": {
+    "composer": {
+      "name": "composer",
+      "version": "--stable",
+      "comment": "Used with Jenkins, GH actions uses its own setup"
+    },
+    "node": {
+      "name": "nodeJS",
+      "node-version-file": "./.nvmrc",
+      "comment": "We use the version set in the .nvmrc file, so Devs will see the same version as CI and release processes"
+    },
+    "php": {
+      "name": "PHP",
+      "GH-Actions_version": "7.4",
+      "GH-Actions-comment": "This is hard coded ATM in the GH-actions",
+      "version": "7.4",
+      "possible version values": [
+        "7.4",
+        "8.0",
+        "8.1",
+        "8.2"
+      ],
+      "container": "bullseye",
+      "possible container values": [
+        "bullseye"
+      ],
+      "comment": "Used Jenkins container will be made of <version>-<container> see https://hub.docker.com/r/yoastseo/jenkins-plugin-release/tags"
+    },
+    "yarn": {
+      "name": "yarn",
+      "comment": "We use the version set in .yarnrc (line yarn-path), this is the method used by Yarn itself"
+    }
+  }
+}

config/webpack/webpack.config.js

@@ -1,4 +1,3 @@
-const CaseSensitivePathsPlugin = require( "case-sensitive-paths-webpack-plugin" );
 
 const {
 	camelCaseDash,
@@ -99,9 +98,7 @@ module.exports = ( env = { environment: "production" } ) => {
 				},
 			],
 		},
-		plugins: [
-			new CaseSensitivePathsPlugin(),
-		],
+		plugins: [],
 	};
 
 	if ( mode === "development" ) {

package.json

@@ -27,29 +27,25 @@
   },
   "homepage": "https://github.com/Yoast/duplicate-post#readme",
   "devDependencies": {
-    "@wordpress/data": "^4.25.0",
-    "@wordpress/dependency-extraction-webpack-plugin": "^2.8.0",
+    "@babel/core": "^7.18.5",
+    "@babel/plugin-transform-runtime": "^7.18.5",
+    "@babel/preset-env": "^7.18.5",
+    "@babel/preset-react": "^7.18.5",
+    "@babel/runtime": "^7.18.5",
+    "@wordpress/dependency-extraction-webpack-plugin": "^6.6.0",
+    "@wordpress/scripts": "^28.6.0",
     "@yoast/grunt-plugin-tasks": "^2.5",
-    "babel-core": "^6.26.3",
-    "babel-eslint": "^10.1.0",
-    "babel-loader": "7",
-    "babel-plugin-dynamic-import-webpack": "^1.1.0",
-    "babel-plugin-transform-object-rest-spread": "^6.26.0",
-    "babel-plugin-transform-react-jsx": "^6.24.1",
-    "babel-preset-env": "^1.7.0",
-    "babel-preset-es2015": "^6.24.1",
-    "babel-preset-react": "^6.24.1",
-    "babelify": "^10.0.0",
-    "case-sensitive-paths-webpack-plugin": "^2.3.0",
+    "babel-loader": "^9.1.3",
     "grunt": "^1.5.3",
     "grunt-contrib-clean": "^2.0.0",
     "grunt-git": "^1.0.14",
     "grunt-shell": "^3.0.1",
-    "grunt-webpack": "^4.0.2",
+    "grunt-webpack": "^6.0.0",
     "load-grunt-config": "^3.0.1",
     "webpack": "^5.94.0"
   },
   "dependencies": {
+    "@wordpress/data": "^4.25.0",
     "@wordpress/edit-post": "^3.25.2",
     "@wordpress/plugins": "^2.23.0"
   },