feat: Migrate to Wrangler V2

Author: alexwilson

package-lock.json

@@ -10,6 +10,6 @@
   "type": "module",
   "license": "ISC",
   "devDependencies": {
-    "@cloudflare/wrangler": "^1.15.0"
+    "wrangler": "^2.20.0"
   }
 }

services/auth-cms/package.json

@@ -1,4 +1,5 @@
 name = "auth-cms"
-type = "webpack"
 workers_dev = true
-routes = ["https://alexwilson.tech/auth/cms*"]
+routes = ["https://alexwilson.tech/auth/cms*"]
+compatibility_date = "2023-07-11"
+main = "./src/index.js"

services/auth-cms/wrangler.toml

@@ -3,10 +3,12 @@
   "version": "1.0.0",
   "description": "Netlify-CMS distribution",
   "scripts": {
-    "build": "webpack --config webpack.client.cjs",
+    "build:client": "webpack --config webpack.client.cjs",
+    "build:worker": "webpack --config webpack.worker.cjs",
+    "build": "npm-run-all build:*",
     "deploy:client": "aws s3 sync --acl=public-read --delete ./dist/ s3://alex-static-assets/cms/",
     "deploy:worker": "wrangler publish",
-    "deploy": "npm-run-all build deploy:*",
+    "deploy": "npm-run-all build:* deploy:*",
     "test": "npm-run-all build",
     "start": "webpack serve --config webpack.client.cjs"
   },
@@ -17,7 +19,6 @@
     "@babel/core": "^7.18.2",
     "@babel/preset-env": "^7.15.8",
     "@babel/preset-react": "^7.14.5",
-    "@cloudflare/wrangler": "^1.15.0",
     "ajv": "^8",
     "babel-loader": "^9.1.3",
     "html-webpack-plugin": "^5.3.2",
@@ -28,7 +29,8 @@
     "webpack": "^5.30.0",
     "webpack-bundle-analyzer": "^4.4.2",
     "webpack-cli": "^5.0.0",
-    "webpack-dev-server": "^4.3.1"
+    "webpack-dev-server": "^4.3.1",
+    "wrangler": "^2.20.0"
   },
   "dependencies": {
     "netlify-cms": "^2.10.111",

services/cms/package.json

@@ -17,14 +17,14 @@ module.exports = {
     },
     output: {
         path: path.resolve(__dirname, 'dist'),
-        filename: '[name].[contenthash].js',
+        filename: 'client.[contenthash].js',
     },
     module: {
         rules: [
             {
                 test: /\.(js|jsx)$/,
                 exclude: /node_modules/,
-                use: ['babel-loader']        
+                use: ['babel-loader']
             },
             {
                 test: /\.yml/,
@@ -52,5 +52,5 @@ module.exports = {
           directory: path.join(__dirname, 'dist'),
         },
         port: 9000,
-    }    
-}
+    }
+}

services/cms/webpack.client.cjs

@@ -1,5 +1,8 @@
+const path = require('path')
+
 module.exports = {
     target: "webworker",
+    mode: 'production',
     resolve: {
         extensions: ['.js', '.json']
     },
@@ -11,5 +14,9 @@ module.exports = {
     },
     entry: {
         main: "./worker/index.js"
-    }
-}
+    },
+    output: {
+        path: path.resolve(__dirname, 'dist'),
+        filename: 'worker.js',
+    },
+}

services/cms/webpack.worker.cjs

@@ -1,6 +1,7 @@
 name = "cms"
-type = "webpack"
 workers_dev = true
 routes = ["https://alexwilson.tech/cms/*"]
-webpack_config = "webpack.worker.cjs"
-compatibility_date = "2021-10-10"
+compatibility_date = "2022-07-12"
+main = "./dist/worker.js"
+[build]
+command = "npm run build"

services/cms/wrangler.toml

@@ -11,6 +11,6 @@
   "license": "ISC",
   "private": true,
   "devDependencies": {
-    "@cloudflare/wrangler": "^1.15.0"
+    "wrangler": "^2.20.0"
   }
 }

services/pictures/package.json

@@ -1,4 +1,5 @@
 name = "pictures"
-type = "webpack"
 workers_dev = true
-routes = ["https://alexwilson.tech/pictures/*"]
+routes = ["https://alexwilson.tech/pictures/*"]
+compatibility_date = "2023-07-11"
+main = "./src/index.js"

services/pictures/wrangler.toml

@@ -10,8 +10,6 @@
     "deploy": "wrangler publish"
   },
   "devDependencies": {
-    "@cloudflare/wrangler": "^1.9.1"
-  },
-  "dependencies": {
+    "wrangler": "^2.20.0"
   }
 }