chore: update vite to version 5 inside the monorepo (#29617)

AtofStryker · ryanthemanuel · cypress-bot[bot] · web-flow · commit ee3ff8820ac7 · 2024-06-12T16:51:50.000-04:00
* chore: update babel to latest in packages and update vite to version 5, vite related vue plugins to version 5, and svg plugin to v5 update vitejs react to v5 updated vite plugins updates unplugin-vue-components and unplugin-icons for vite remove vite-plugin-copmponents as it is the same thing as unplugin-vue-components update vue-i18n from beta package to released v9 get unplugin-vue-i18n to latest add @babel/types to no rewrite [run ci] fix typing errors [run ci] * update snapshot [run ci] * coerce type for compiled messages to bridge type compatibility between unplugin-vue-i18n and vue-i18n [run ci] * chore: update babel to latest in packages and update vite to version … (#29634) * fix vite * chore: updating v8 snapshot cache * chore: updating v8 snapshot cache * chore: updating v8 snapshot cache --------- Co-authored-by: cypress-bot[bot] <+cypress-bot[bot]@users.noreply.github.com> * update other hard coded @babel/core * chore: updating v8 snapshot cache * chore: updating v8 snapshot cache --------- Co-authored-by: Ryan Manuel <ryanm@cypress.io> Co-authored-by: cypress-bot[bot] <+cypress-bot[bot]@users.noreply.github.com> Co-authored-by: Jennifer Shehane <jennifer@cypress.io>
diff --git a/.yarnclean b/.yarnclean
@@ -4,9 +4,6 @@ test
 tests
 powered-test
 
-# asset directories
-docs
-doc
 # yaml package has a `doc` folder that we need
 !yaml/**/doc/*
 website
diff --git a/cli/package.json b/cli/package.json
@@ -64,8 +64,8 @@
     "yauzl": "^2.10.0"
   },
   "devDependencies": {
-    "@babel/cli": "7.13.0",
-    "@babel/preset-env": "7.13.5",
+    "@babel/cli": "7.24.5",
+    "@babel/preset-env": "7.24.5",
     "@cypress/angular": "0.0.0-development",
     "@cypress/grep": "0.0.0-development",
     "@cypress/mount-utils": "0.0.0-development",
diff --git a/npm/react/package.json b/npm/react/package.json
@@ -18,7 +18,7 @@
   "devDependencies": {
     "@cypress/mount-utils": "0.0.0-development",
     "@types/semver": "7.5.0",
-    "@vitejs/plugin-react": "4.0.0",
+    "@vitejs/plugin-react": "4.3.0",
     "axios": "0.21.2",
     "cypress": "0.0.0-development",
     "prop-types": "15.7.2",
@@ -28,7 +28,7 @@
     "react-router-dom": "6.0.0-alpha.1",
     "semver": "^7.5.3",
     "typescript": "~5.4.5",
-    "vite": "4.5.2",
+    "vite": "5.2.11",
     "vite-plugin-require-transform": "1.0.12"
   },
   "peerDependencies": {
diff --git a/npm/vite-plugin-cypress-esm/package.json b/npm/vite-plugin-cypress-esm/package.json
@@ -18,13 +18,13 @@
   },
   "devDependencies": {
     "@types/picomatch": "2.3.0",
-    "@vitejs/plugin-react": "1.3.1",
+    "@vitejs/plugin-react": "4.3.0",
     "react": "16.8.6",
     "react-dom": "16.8.6",
     "react-query": "3.39.3",
     "react-router": "6.10.0",
     "react-router-dom": "6.10.0",
-    "vite": "4.5.2"
+    "vite": "5.2.11"
   },
   "files": [
     "dist",
diff --git a/npm/vite-plugin-cypress-esm/tsconfig.json b/npm/vite-plugin-cypress-esm/tsconfig.json
@@ -46,7 +46,9 @@
     // "emitDecoratorMetadata": true,         /* Enables experimental support for emitting type metadata for decorators. */
     "esModuleInterop": true,
     /** Allows us to strip internal types sourced from webpack */
-    "stripInternal": true
+    "stripInternal": true,
+    /* skips checking declaration types. we skip this because we have multiple versions of vite installed as dev dependencies */
+    "skipLibCheck": true,
   },
   "include": ["src"],
   "exclude": ["node_modules", "*.js"]
diff --git a/npm/vue/package.json b/npm/vue/package.json
@@ -16,7 +16,7 @@
   },
   "devDependencies": {
     "@cypress/mount-utils": "0.0.0-development",
-    "@vitejs/plugin-vue": "4.2.0",
+    "@vitejs/plugin-vue": "5.0.4",
     "@vue/compiler-sfc": "3.2.47",
     "@vue/test-utils": "2.3.2",
     "axios": "0.21.2",
@@ -25,9 +25,9 @@
     "globby": "^11.0.1",
     "tailwindcss": "1.1.4",
     "typescript": "~5.4.5",
-    "vite": "4.5.2",
+    "vite": "5.2.11",
     "vue": "3.2.47",
-    "vue-i18n": "9.0.0-rc.6",
+    "vue-i18n": "9.13.1",
     "vue-router": "^4.0.0",
     "vue-tsc": "^2.0.19",
     "vuex": "^4.0.0"
diff --git a/npm/webpack-batteries-included-preprocessor/package.json b/npm/webpack-batteries-included-preprocessor/package.json
@@ -8,13 +8,13 @@
     "test": "mocha test/**/*.spec.* --timeout 4000"
   },
   "dependencies": {
-    "@babel/core": "^7.22.9",
-    "@babel/plugin-transform-class-properties": "^7.22.5",
-    "@babel/plugin-transform-object-rest-spread": "^7.22.5",
-    "@babel/plugin-transform-runtime": "^7.22.9",
-    "@babel/preset-env": "^7.22.9",
+    "@babel/core": "^7.24.5",
+    "@babel/plugin-transform-class-properties": "^7.24.1",
+    "@babel/plugin-transform-object-rest-spread": "^7.24.5",
+    "@babel/plugin-transform-runtime": "^7.24.3",
+    "@babel/preset-env": "^7.24.5",
     "@babel/preset-react": "^7.22.5",
-    "@babel/runtime": "^7.22.6",
+    "@babel/runtime": "^7.24.5",
     "assert": "^2.0.0",
     "babel-loader": "^9.1.3",
     "babel-plugin-add-module-exports": "^1.0.2",
diff --git a/npm/webpack-preprocessor/__snapshots__/compilation.spec.js b/npm/webpack-preprocessor/__snapshots__/compilation.spec.js
@@ -8,9 +8,9 @@ Webpack Compilation Error
 Module build failed (from ./node_modules/babel-loader/lib/index.js):
 SyntaxError: <path>/_test-output/syntax_error_spec.js: Unexpected token (1:18)
 
-[0m[31m[1m>[22m[39m[90m 1 |[39m describe([32m'fail'[39m[33m,[39m [33m-[39m[33m>[39m)[0m
-[0m [90m   |[39m                   [31m[1m^[22m[39m[0m
-[0m [90m 2 |[39m[0m
+[0m[31m[1m>[22m[39m[90m 1 |[39m describe([32m'fail'[39m[33m,[39m [33m-[39m[33m>[39m)
+ [90m   |[39m                   [31m[1m^[22m[39m
+ [90m 2 |[39m[0m
 `
 
 exports['webpack preprocessor - e2e has less verbose "Module not found" error 1'] = `
diff --git a/npm/webpack-preprocessor/package.json b/npm/webpack-preprocessor/package.json
@@ -25,8 +25,8 @@
     "lodash": "^4.17.20"
   },
   "devDependencies": {
-    "@babel/core": "^7.22.9",
-    "@babel/preset-env": "^7.22.9",
+    "@babel/core": "^7.24.5",
+    "@babel/preset-env": "^7.24.5",
     "@types/mocha": "9.0.0",
     "@types/webpack": "^4.41.12",
     "babel-loader": "^9.1.3",
@@ -84,4 +84,4 @@
       }
     }
   }
-}
+}
diff --git a/packages/app/cypress/e2e/top-nav.cy.ts b/packages/app/cypress/e2e/top-nav.cy.ts
@@ -65,7 +65,6 @@ describe('App Top Nav Workflows', () => {
       it('shows the current browser in the top nav browser list button', () => {
         cy.findByTestId('top-nav-active-browser-icon')
         .should('have.attr', 'src')
-        .and('contain', 'chrome')
 
         cy.findByTestId('top-nav-active-browser').should('contain', 'Chrome 1')
       })
diff --git a/packages/app/package.json b/packages/app/package.json
@@ -28,7 +28,7 @@
     "@graphql-typed-document-node/core": "^3.1.0",
     "@headlessui/vue": "1.4.0",
     "@iconify-json/mdi": "1.1.63",
-    "@intlify/unplugin-vue-i18n": "0.10.0",
+    "@intlify/unplugin-vue-i18n": "4.0.0",
     "@packages/frontend-shared": "0.0.0-development",
     "@packages/telemetry": "0.0.0-development",
     "@percy/cypress": "^3.1.2",
@@ -37,9 +37,9 @@
     "@types/faker": "5.5.8",
     "@urql/core": "2.4.4",
     "@urql/vue": "0.6.2",
-    "@vitejs/plugin-legacy": "4.0.3",
-    "@vitejs/plugin-vue": "4.2.0",
-    "@vitejs/plugin-vue-jsx": "3.0.1",
+    "@vitejs/plugin-legacy": "5.4.0",
+    "@vitejs/plugin-vue": "5.0.4",
+    "@vitejs/plugin-vue-jsx": "3.1.0",
     "@vueuse/core": "7.2.2",
     "ansi-to-html": "0.6.14",
     "bluebird": "3.5.3",
@@ -64,14 +64,14 @@
     "pinia": "2.0.0-rc.14",
     "rollup-plugin-copy": "3.4.0",
     "rollup-plugin-polyfill-node": "^0.7.0",
-    "unplugin-icons": "0.13.2",
-    "unplugin-vue-components": "^0.24.1",
-    "vite": "4.5.2",
-    "vite-plugin-pages": "0.29.0",
-    "vite-plugin-vue-layouts": "0.8.0",
-    "vite-svg-loader": "4.0.0",
+    "unplugin-icons": "0.19.0",
+    "unplugin-vue-components": "^0.27.0",
+    "vite": "5.2.11",
+    "vite-plugin-pages": "0.32.1",
+    "vite-plugin-vue-layouts": "0.11.0",
+    "vite-svg-loader": "5.1.0",
     "vue": "3.2.47",
-    "vue-i18n": "9.2.0-beta.7",
+    "vue-i18n": "9.13.1",
     "vue-router": "4",
     "vue-tsc": "^2.0.19",
     "wonka": "^4.0.15"
diff --git a/packages/app/vite.config.mjs b/packages/app/vite.config.mjs
@@ -17,9 +17,9 @@ export default makeConfig({
       'p-defer',
       'bluebird',
       'events',
-      '@popperjs/core', 
-      '@opentelemetry/*', 
-    ]
+      '@popperjs/core',
+      '@opentelemetry/*',
+    ],
   },
 }, {
   plugins: [
diff --git a/packages/config/package.json b/packages/config/package.json
@@ -17,12 +17,12 @@
     "test:clean": "find ./test/__fixtures__ -depth -name 'output.*' -type f -exec rm {} \\;"
   },
   "dependencies": {
-    "@babel/core": "^7.22.9",
-    "@babel/parser": "^7.22.7",
-    "@babel/plugin-syntax-typescript": "^7.22.5",
-    "@babel/plugin-transform-typescript": "^7.22.9",
-    "@babel/traverse": "^7.22.8",
-    "@babel/types": "^7.22.5",
+    "@babel/core": "^7.24.5",
+    "@babel/parser": "^7.24.5",
+    "@babel/plugin-syntax-typescript": "^7.24.1",
+    "@babel/plugin-transform-typescript": "^7.24.5",
+    "@babel/traverse": "^7.24.5",
+    "@babel/types": "^7.24.5",
     "check-more-types": "2.24.0",
     "common-tags": "1.8.0",
     "debug": "^4.3.4",
diff --git a/packages/data-context/package.json b/packages/data-context/package.json
@@ -16,9 +16,9 @@
     "tslint": "tslint --config ../ts/tslint.json --project ."
   },
   "dependencies": {
-    "@babel/code-frame": "7.8.3",
-    "@babel/generator": "7.17.9",
-    "@babel/parser": "7.13.0",
+    "@babel/code-frame": "7.24.2",
+    "@babel/generator": "7.24.5",
+    "@babel/parser": "7.24.5",
     "@graphql-tools/batch-execute": "^8.4.6",
     "@packages/telemetry": "0.0.0-development",
     "@urql/core": "2.4.4",
@@ -57,7 +57,7 @@
     "wonka": "^4.0.15"
   },
   "devDependencies": {
-    "@babel/types": "7.17.0",
+    "@babel/types": "7.24.5",
     "@packages/config": "0.0.0-development",
     "@packages/errors": "0.0.0-development",
     "@packages/example": "0.0.0-development",
diff --git a/packages/driver/package.json b/packages/driver/package.json
@@ -13,7 +13,7 @@
   },
   "dependencies": {},
   "devDependencies": {
-    "@babel/code-frame": "7.8.3",
+    "@babel/code-frame": "7.24.2",
     "@cypress/sinon-chai": "2.9.1",
     "@cypress/unique-selector": "0.0.5",
     "@cypress/webpack-dev-server": "0.0.0-development",
@@ -82,7 +82,7 @@
     "unfetch": "4.1.0",
     "url-parse": "1.5.10",
     "vanilla-text-mask": "5.1.1",
-    "vite": "4.5.2",
+    "vite": "5.2.11",
     "webpack": "^5.88.2",
     "zone.js": "0.9.0"
   },
diff --git a/packages/frontend-shared/package.json b/packages/frontend-shared/package.json
@@ -36,8 +36,8 @@
     "@urql/exchange-execute": "1.1.0",
     "@urql/exchange-graphcache": "4.3.6",
     "@urql/vue": "0.6.2",
-    "@vitejs/plugin-vue": "4.2.0",
-    "@vitejs/plugin-vue-jsx": "3.0.1",
+    "@vitejs/plugin-vue": "5.0.4",
+    "@vitejs/plugin-vue-jsx": "3.1.0",
     "@vue/compiler-core": "3.2.47",
     "@vue/compiler-dom": "3.2.47",
     "@vue/compiler-sfc": "3.2.47",
@@ -69,14 +69,13 @@
     "postcss": "^8.4.22",
     "shiki": "^0.9.12",
     "tailwindcss": "^3.3.1",
-    "unplugin-icons": "0.13.2",
-    "unplugin-vue-components": "^0.24.1",
-    "vite": "4.5.2",
-    "vite-plugin-components": "0.11.3",
-    "vite-svg-loader": "4.0.0",
+    "unplugin-icons": "0.19.0",
+    "unplugin-vue-components": "^0.27.0",
+    "vite": "5.2.11",
+    "vite-svg-loader": "5.1.0",
     "vue": "3.2.47",
     "vue-eslint-parser": "7.11.0",
-    "vue-i18n": "9.2.0-beta.7",
+    "vue-i18n": "9.13.1",
     "vue-router": "4",
     "vue-toastification": "2.0.0-rc.1",
     "vue-tsc": "^2.0.19",
diff --git a/packages/frontend-shared/src/locales/i18n.ts b/packages/frontend-shared/src/locales/i18n.ts
@@ -19,7 +19,11 @@ export const VueI18n = createI18n()
 export function createI18n (opts = {}) {
   return _createI18n<MessageSchema, 'en-US'>({
     locale: 'en-US',
-    messages: compiledMessages,
+    /**
+    * precompiled messages from unplugin-vue-i18n do not include explicit keys derived from
+    * the filenames of the raw message sources, so it must be coerced.
+    */
+    messages: compiledMessages as { 'en-US': MessageSchema },
     ...opts,
   })
 }
diff --git a/packages/launchpad/package.json b/packages/launchpad/package.json
@@ -23,7 +23,7 @@
     "@cypress-design/vue-button": "^0.11.6",
     "@graphql-typed-document-node/core": "^3.1.0",
     "@headlessui/vue": "1.4.0",
-    "@intlify/unplugin-vue-i18n": "0.10.0",
+    "@intlify/unplugin-vue-i18n": "4.0.0",
     "@packages/frontend-shared": "0.0.0-development",
     "@packages/scaffold-config": "0.0.0-development",
     "@percy/cypress": "^3.1.2",
@@ -36,8 +36,8 @@
     "@urql/core": "2.4.4",
     "@urql/devtools": "2.0.3",
     "@urql/vue": "0.6.2",
-    "@vitejs/plugin-vue": "4.2.0",
-    "@vitejs/plugin-vue-jsx": "3.0.1",
+    "@vitejs/plugin-vue": "5.0.4",
+    "@vitejs/plugin-vue-jsx": "3.1.0",
     "@vue/compiler-core": "3.2.47",
     "@vue/compiler-dom": "3.2.47",
     "@vue/compiler-sfc": "3.2.47",
@@ -59,13 +59,13 @@
     "markdown-it": "13.0.1",
     "rollup-plugin-polyfill-node": "^0.7.0",
     "type-fest": "^2.3.4",
-    "unplugin-vue-components": "0.24.1",
-    "vite": "4.5.2",
+    "unplugin-vue-components": "0.27.0",
+    "vite": "5.2.11",
     "vite-plugin-optimize-persist": "0.1.2",
     "vite-plugin-package-config": "0.1.1",
-    "vite-svg-loader": "4.0.0",
+    "vite-svg-loader": "5.1.0",
     "vue": "3.2.47",
-    "vue-i18n": "9.2.0-beta.7",
+    "vue-i18n": "9.13.1",
     "vue-tsc": "^2.0.19",
     "vue3-file-selector": "^1.0.1",
     "wonka": "^4.0.15"
diff --git a/packages/server/package.json b/packages/server/package.json
@@ -134,8 +134,8 @@
     "widest-line": "3.1.0"
   },
   "devDependencies": {
-    "@babel/core": "7.23.2",
-    "@babel/preset-env": "7.22.9",
+    "@babel/core": "7.24.7",
+    "@babel/preset-env": "7.24.5",
     "@cypress/debugging-proxy": "2.0.1",
     "@cypress/sinon-chai": "2.9.1",
     "@cypress/webpack-dev-server": "0.0.0-development",
diff --git a/packages/web-config/package.json b/packages/web-config/package.json
@@ -2,17 +2,17 @@
   "name": "@packages/web-config",
   "version": "0.0.0-development",
   "devDependencies": {
-    "@babel/core": "7.23.2",
+    "@babel/core": "7.24.7",
     "@babel/helper-define-map": "7.18.6",
-    "@babel/plugin-proposal-decorators": "7.22.7",
-    "@babel/plugin-transform-class-properties": "7.22.5",
-    "@babel/plugin-transform-object-rest-spread": "7.22.5",
-    "@babel/plugin-transform-private-methods": "7.22.5",
-    "@babel/plugin-transform-private-property-in-object": "7.22.5",
-    "@babel/preset-env": "7.22.9",
-    "@babel/preset-react": "7.22.5",
-    "@babel/preset-typescript": "7.22.5",
-    "@babel/register": "7.22.5",
+    "@babel/plugin-proposal-decorators": "7.24.1",
+    "@babel/plugin-transform-class-properties": "7.24.1",
+    "@babel/plugin-transform-object-rest-spread": "7.24.5",
+    "@babel/plugin-transform-private-methods": "7.24.1",
+    "@babel/plugin-transform-private-property-in-object": "7.24.5",
+    "@babel/preset-env": "7.24.5",
+    "@babel/preset-react": "7.24.1",
+    "@babel/preset-typescript": "7.24.1",
+    "@babel/register": "7.23.7",
     "@svgr/webpack": "8.0.1",
     "@types/webpack": "^5.28.1",
     "@types/webpack-dev-server": "^4.0.0",
diff --git a/system-tests/__snapshots__/record_spec.js b/system-tests/__snapshots__/record_spec.js
diff --git a/system-tests/package.json b/system-tests/package.json
diff --git a/tooling/v8-snapshot/cache/darwin/snapshot-meta.json b/tooling/v8-snapshot/cache/darwin/snapshot-meta.json
diff --git a/tooling/v8-snapshot/cache/linux/snapshot-meta.json b/tooling/v8-snapshot/cache/linux/snapshot-meta.json
diff --git a/tooling/v8-snapshot/cache/win32/snapshot-meta.json b/tooling/v8-snapshot/cache/win32/snapshot-meta.json
diff --git a/tooling/v8-snapshot/src/setup/force-no-rewrite.ts b/tooling/v8-snapshot/src/setup/force-no-rewrite.ts
diff --git a/yarn.lock b/yarn.lock

-Original file line number
+Diff line change
 Module build failed (from ./node_modules/babel-loader/lib/index.js):
 SyntaxError: <path>/_test-output/syntax_error_spec.js: Unexpected token (1:18)
 -[0m[31m[1m>[22m[39m[90m 1 |[39m describe([32m'fail'[39m[33m,[39m [33m-[39m[33m>[39m)[0m
 -[0m [90m   |[39m                   [31m[1m^[22m[39m[0m
 -[0m [90m 2 |[39m[0m
 +[0m[31m[1m>[22m[39m[90m 1 |[39m describe([32m'fail'[39m[33m,[39m [33m-[39m[33m>[39m)
 + [90m   |[39m                   [31m[1m^[22m[39m
 + [90m 2 |[39m[0m
+`
 exports['webpack preprocessor - e2e has less verbose "Module not found" error 1'] = `
Original file line number	Diff line number	Diff line change
`@@ -25,8 +25,8 @@`
`25`	`25`	`"lodash": "^4.17.20"`
`26`	`26`	`},`
`27`	`27`	`"devDependencies": {`
`28`		`- "@babel/core": "^7.22.9",`
`29`		`- "@babel/preset-env": "^7.22.9",`
	`28`	`+ "@babel/core": "^7.24.5",`
	`29`	`+ "@babel/preset-env": "^7.24.5",`
`30`	`30`	`"@types/mocha": "9.0.0",`
`31`	`31`	`"@types/webpack": "^4.41.12",`
`32`	`32`	`"babel-loader": "^9.1.3",`
`@@ -84,4 +84,4 @@`
`84`	`84`	`}`
`85`	`85`	`}`
`86`	`86`	`}`
`87`		`-}`
	`87`	`+}`