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

* 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 <[email protected]> Co-authored-by: cypress-bot[bot] <+cypress-bot[bot]@users.noreply.github.com> Co-authored-by: Jennifer Shehane <[email protected]>
cypress-io · Jun 12, 2024 · ee3ff88 · ee3ff88 · cypress-bot · Jun 12, 2024
1 parent dfec1e7
commit ee3ff88
Show file tree

Hide file tree

Showing 27 changed files with 1,616 additions and 1,572 deletions.
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",