refactor: migrate to vite v5, use tsconfig/node22

commercetools · Dec 5, 2024 · cf72df9 · cf72df9
1 parent 452f69f
commit cf72df9
Show file tree

Hide file tree

Showing 26 changed files with 503 additions and 674 deletions.
diff --git a/.changeset/modern-suits-decide.md b/.changeset/modern-suits-decide.md
@@ -0,0 +1,21 @@
+---
+'@commercetools-frontend/application-shell-connectors': major
+'@commercetools-backend/eslint-config-node': major
+'@commercetools-frontend/mc-dev-authentication': major
+'@commercetools-frontend/eslint-config-mc-app': major
+'@commercetools-website/components-playground': major
+'@commercetools-frontend/babel-preset-mc-app': major
+'@commercetools-frontend/application-config': major
+'@commercetools-frontend/application-shell': major
+'@commercetools-frontend/mc-html-template': major
+'@commercetools-backend/express': major
+'@commercetools-backend/loggers': major
+'@commercetools-frontend/create-mc-app': major
+'@commercetools-frontend/mc-scripts': major
+'@commercetools-local/visual-testing-app': major
+'@commercetools-frontend/codemod': major
+'@commercetools-frontend/cypress': major
+'@commercetools-local/playground': major
+---
+
+Migrate to Vite v5. If you have Vite enabled via `ENABLE_EXPERIMENTAL_VITE_BUNDLER` and you are using `vite` as a dependency, make sure you upgrade to `v5` (see [Migration from v4](https://vitejs.dev/guide/migration.html)).
diff --git a/package.json b/package.json
@@ -122,7 +122,7 @@
     "@tsconfig/cypress": "^1.0.1",
     "@types/eslint": "^8.44.2",
     "@types/jest": "^29.5.4",
-    "@types/node": "^18.17.14",
+    "@types/node": "^20.12.12",
     "@types/rosie": "^0.0.45",
     "@types/testing-library__jest-dom": "^5.14.9",
     "@types/uuid": "^9.0.3",

diff --git a/packages-backend/eslint-config-node/package.json b/packages-backend/eslint-config-node/package.json
@@ -33,7 +33,7 @@
     "eslint": "8.x"
   },
   "devDependencies": {
-    "@tsconfig/node16": "^16.1.1",
+    "@tsconfig/node22": "^22.0.0",
     "eslint": "8.57.0"
   },
   "engines": {

diff --git a/packages-backend/eslint-config-node/tsconfig.json b/packages-backend/eslint-config-node/tsconfig.json
@@ -1,3 +1,3 @@
 {
-  "extends": "@tsconfig/node16/tsconfig.json"
+  "extends": "@tsconfig/node22/tsconfig.json"
 }
diff --git a/packages-backend/express/package.json b/packages-backend/express/package.json
@@ -21,13 +21,13 @@
     "@babel/runtime": "^7.22.15",
     "@babel/runtime-corejs3": "^7.22.15",
     "@types/express": "^4.17.17",
-    "@types/node": "^18.17.14",
+    "@types/node": "^20.12.12",
     "express": "4.20.0",
     "express-jwt": "8.4.1",
     "jwks-rsa": "2.1.5"
   },
   "devDependencies": {
-    "@tsconfig/node16": "^16.1.1",
+    "@tsconfig/node22": "^22.0.0",
     "@types/jsonwebtoken": "^9.0.2",
     "jose": "2.0.7",
     "msw": "0.49.3"

diff --git a/packages-backend/express/tsconfig.json b/packages-backend/express/tsconfig.json
@@ -1,3 +1,3 @@
 {
-  "extends": "@tsconfig/node16/tsconfig.json"
+  "extends": "@tsconfig/node22/tsconfig.json"
 }
diff --git a/packages-backend/loggers/package.json b/packages-backend/loggers/package.json
@@ -37,7 +37,7 @@
     "winston": "3.13.0"
   },
   "devDependencies": {
-    "@tsconfig/node16": "^16.1.1",
+    "@tsconfig/node22": "^22.0.0",
     "@types/express": "^4.17.17",
     "express": "4.20.0"
   }

diff --git a/packages-backend/loggers/tsconfig.json b/packages-backend/loggers/tsconfig.json
@@ -1,3 +1,3 @@
 {
-  "extends": "@tsconfig/node16/tsconfig.json"
+  "extends": "@tsconfig/node22/tsconfig.json"
 }
diff --git a/packages/codemod/package.json b/packages/codemod/package.json
@@ -34,7 +34,7 @@
   "devDependencies": {
     "@commercetools-frontend/application-components": "workspace:*",
     "@emotion/react": "^11.11.4",
-    "@tsconfig/node16": "^16.1.1",
+    "@tsconfig/node22": "^22.0.0",
     "@types/glob": "8.1.0",
     "@types/jscodeshift": "0.11.11",
     "rimraf": "5.0.7",

diff --git a/packages/codemod/tsconfig.json b/packages/codemod/tsconfig.json
@@ -1,5 +1,5 @@
 {
-  "extends": "@tsconfig/node16/tsconfig.json",
+  "extends": "@tsconfig/node22/tsconfig.json",
   "compilerOptions": {
     "resolveJsonModule": true,
     "outDir": "./build"

diff --git a/packages/create-mc-app/package.json b/packages/create-mc-app/package.json
@@ -31,7 +31,7 @@
     "semver": "7.6.2"
   },
   "devDependencies": {
-    "@tsconfig/node16": "^16.1.1"
+    "@tsconfig/node22": "^22.0.0"
   },
   "engines": {
     "node": "18.x || 20.x || >=22.0.0"

diff --git a/packages/create-mc-app/tsconfig.json b/packages/create-mc-app/tsconfig.json
@@ -1,5 +1,5 @@
 {
-  "extends": "@tsconfig/node16/tsconfig.json",
+  "extends": "@tsconfig/node22/tsconfig.json",
   "compilerOptions": {
     "resolveJsonModule": true
   }

diff --git a/packages/cypress/package.json b/packages/cypress/package.json
@@ -46,7 +46,7 @@
     "uuid": "9.0.1"
   },
   "devDependencies": {
-    "@tsconfig/node16": "^16.1.1",
+    "@tsconfig/node22": "^22.0.0",
     "cypress": "12.17.4"
   },
   "peerDependencies": {

diff --git a/packages/cypress/tsconfig.json b/packages/cypress/tsconfig.json
@@ -1,7 +1,7 @@
 {
-  "extends": "@tsconfig/node16/tsconfig.json",
+  "extends": "@tsconfig/node22/tsconfig.json",
   "compilerOptions": {
-    "lib": ["DOM", "DOM.Iterable"]
+    "lib": ["DOM", "DOM.Iterable", "ESNext"]
   },
   "include": ["./src"]
 }
diff --git a/packages/mc-dev-authentication/package.json b/packages/mc-dev-authentication/package.json
@@ -29,7 +29,7 @@
   },
   "devDependencies": {
     "@commercetools-frontend/application-config": "workspace:*",
-    "@tsconfig/node16": "^16.1.1",
+    "@tsconfig/node22": "^22.0.0",
     "@types/connect": "^3.4.36",
     "connect": "^3.7.0"
   },

diff --git a/packages/mc-dev-authentication/tsconfig.json b/packages/mc-dev-authentication/tsconfig.json
@@ -1,3 +1,3 @@
 {
-  "extends": "@tsconfig/node16/tsconfig.json"
+  "extends": "@tsconfig/node22/tsconfig.json"
 }
diff --git a/packages/mc-html-template/package.json b/packages/mc-html-template/package.json
@@ -37,7 +37,7 @@
     "uglifycss": "0.0.29"
   },
   "devDependencies": {
-    "@tsconfig/node16": "^16.1.1",
+    "@tsconfig/node22": "^22.0.0",
     "@types/serialize-javascript": "^5.0.2",
     "html-webpack-plugin": "5.6.0",
     "webpack": "5.94.0"

diff --git a/packages/mc-html-template/tsconfig.json b/packages/mc-html-template/tsconfig.json
@@ -1,3 +1,3 @@
 {
-  "extends": "@tsconfig/node16/tsconfig.json"
+  "extends": "@tsconfig/node22/tsconfig.json"
 }
diff --git a/packages/mc-scripts/package.json b/packages/mc-scripts/package.json
@@ -108,7 +108,7 @@
     "terser-webpack-plugin": "5.3.10",
     "thread-loader": "3.0.4",
     "url": "^0.11.0",
-    "vite": "~4.5.3",
+    "vite": "~5.2.11",
     "vite-bundle-analyzer": "0.12.1",
     "webpack": "5.94.0",
     "webpack-bundle-analyzer": "4.10.2",
@@ -117,7 +117,7 @@
   },
   "devDependencies": {
     "@commercetools-test-data/custom-view": "^8.0.0",
-    "@tsconfig/node16": "^16.1.1",
+    "@tsconfig/node22": "^22.0.0",
     "@types/fs-extra": "^11.0.1",
     "@types/lodash": "^4.14.198",
     "@types/mock-fs": "^4.13.1",

diff --git a/packages/mc-scripts/tsconfig.json b/packages/mc-scripts/tsconfig.json
@@ -1,5 +1,5 @@
 {
-  "extends": "@tsconfig/node16/tsconfig.json",
+  "extends": "@tsconfig/node22/tsconfig.json",
   "compilerOptions": {
     "resolveJsonModule": true
   }

diff --git a/playground/package.json b/playground/package.json
@@ -67,7 +67,7 @@
     "@commercetools-test-data/commons": "8.5.0",
     "@formatjs/cli": "6.2.12",
     "@types/jest": "^29.5.4",
-    "@types/node": "^16.18.48",
+    "@types/node": "^20.12.12",
     "@types/testing-library__jest-dom": "^5.14.9",
     "@vercel/node": "^2.15.10",
     "dotenv-flow": "^4.0.0",