Updates vite to v4 (#1980)

2025-12-26 23:21:41 +01:00 · 2022-12-09 10:17:28 -08:00
parent 7694c95e1a
commit 68160dd9c4
7 changed files with 718 additions and 404 deletions
--- a/e2e/cypress/e2e/__image_snapshots__/Dozzle
+++ b/e2e/cypress/e2e/__image_snapshots__/Dozzle
--- a/e2e/cypress/e2e/__image_snapshots__/Dozzle
+++ b/e2e/cypress/e2e/__image_snapshots__/Dozzle
--- a/e2e/package.json
+++ b/e2e/package.json
@@ -6,8 +6,8 @@
  },
  "license": "ISC",
  "dependencies": {
-    "@frsource/cypress-plugin-visual-regression-diff": "^3.1.2",
-    "cypress": "^12.0.0",
-    "typescript": "^4.8.4"
+    "@frsource/cypress-plugin-visual-regression-diff": "^3.2.5",
+    "cypress": "^12.0.2",
+    "typescript": "^4.9.4"
  }
 }
--- a/e2e/pnpm-lock.yaml
+++ b/e2e/pnpm-lock.yaml
@@ -1,14 +1,14 @@
 lockfileVersion: 5.4

 specifiers:
-  '@frsource/cypress-plugin-visual-regression-diff': ^3.1.2
-  cypress: ^12.0.0
-  typescript: ^4.8.4
+  '@frsource/cypress-plugin-visual-regression-diff': ^3.2.5
+  cypress: ^12.0.2
+  typescript: ^4.9.4

 dependencies:
-  '@frsource/cypress-plugin-visual-regression-diff': 3.1.2_cypress@12.0.0
-  cypress: 12.0.0
-  typescript: 4.8.4
+  '@frsource/cypress-plugin-visual-regression-diff': 3.2.5_cypress@12.0.2
+  cypress: 12.0.2
+  typescript: 4.9.4

 packages:

@@ -52,28 +52,28 @@ packages:
      - supports-color
    dev: false

-  /@frsource/base64/1.0.4:
-    resolution: {integrity: sha512-IphM1ro1cvV5CqJWzX/LvPJcUE26cwgt/zMtBdssvTrfSNhh9KjfS2VXTA8SivkvPHK1DsdPnoMoXitmx8c3Cg==}
+  /@frsource/base64/1.0.5:
+    resolution: {integrity: sha512-RIlQtKezeRhNuxIpIc2BuM4kNqAakIarKV/TCgx2EC+zgj1NxX3+Mc80AkJCCMO8dZUuGzbULG7295YeBQZlSA==}
    dev: false

-  /@frsource/cypress-plugin-visual-regression-diff/3.1.2_cypress@12.0.0:
-    resolution: {integrity: sha512-Tl04uSoyRyt/mUBEWnU49ZOYtQNRJIel6DwrBADGfohgQ81AGBTbO7yXOhVqIrUZ/PIJaAJG2J2vw6MDw1ObmA==}
+  /@frsource/cypress-plugin-visual-regression-diff/3.2.5_cypress@12.0.2:
+    resolution: {integrity: sha512-mN0IpyqRZoj2xm6S63iRHz4WilDgR7vZcCBZpYEp4IjjLb33VKjtbmaErKpy501t78tqvlBIA/93hSMs3sZPLQ==}
    engines: {node: '>=10'}
    peerDependencies:
      cypress: '>=4.5.0'
    dependencies:
-      '@frsource/base64': 1.0.4
-      cypress: 12.0.0
+      '@frsource/base64': 1.0.5
+      cypress: 12.0.2
      glob: 8.0.3
-      meta-png: 1.0.3
+      meta-png: 1.0.5
      move-file: 2.1.0
      pixelmatch: 5.3.0
      pngjs: 6.0.0
      sharp: 0.31.2
    dev: false

-  /@types/node/14.18.33:
-    resolution: {integrity: sha512-qelS/Ra6sacc4loe/3MSjXNL1dNQ/GjxNHVzuChwMfmk7HuycRLVQN2qNY3XahK+fZc5E2szqQSKUyAF0E+2bg==}
+  /@types/node/14.18.34:
+    resolution: {integrity: sha512-hcU9AIQVHmPnmjRK+XUUYlILlr9pQrsqSrwov/JK1pnf3GTQowVBhx54FbvM0AU/VXGH4i3+vgXS5EguR7fysA==}
    dev: false

  /@types/sinonjs__fake-timers/8.1.1:
@@ -88,7 +88,7 @@ packages:
    resolution: {integrity: sha512-Cn6WYCm0tXv8p6k+A8PvbDG763EDpBoTzHdA+Q/MF6H3sapGjCm9NzoaJncJS9tUKSuCoDs9XHxYYsQDgxR6kw==}
    requiresBuild: true
    dependencies:
-      '@types/node': 14.18.33
+      '@types/node': 14.18.34
    dev: false
    optional: true

@@ -245,8 +245,9 @@ packages:
    resolution: {integrity: sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==}
    dev: false

-  /ci-info/3.5.0:
-    resolution: {integrity: sha512-yH4RezKOGlOhxkmhbeNuC4eYZKAUsEaGtBuBzDDP1eFUKiccDWzBABxBfOx31IDwDIXMTxWuwAxUGModvkbuVw==}
+  /ci-info/3.7.0:
+    resolution: {integrity: sha512-2CpRNYmImPx+RXKLq6jko/L07phmS9I02TyqkcNU20GCF/GgaWvc58hPtjxDX8lPpkdwc9sNh72V9k00S7ezog==}
+    engines: {node: '>=8'}
    dev: false

  /clean-stack/2.2.0:
@@ -342,15 +343,15 @@ packages:
      which: 2.0.2
    dev: false

-  /cypress/12.0.0:
-    resolution: {integrity: sha512-hX/UeaKrL4uiRxJh+eX9t5YFXJconJyqG0hkFkK6CG+4xj2mMmzvJERF3e2h/9TzvLxPAkQ6cGz8eaHfJZeyGg==}
+  /cypress/12.0.2:
+    resolution: {integrity: sha512-WnLx1DpnbF1vbpDBkgP14rK5yS3U+Gvxrv2fsB4Owma26oIyENj7DDRnsJbSZuTfG4mcuUJxAkRHJR2wBqBfMA==}
    engines: {node: ^14.0.0 || ^16.0.0 || >=18.0.0}
    hasBin: true
    requiresBuild: true
    dependencies:
      '@cypress/request': 2.88.10
      '@cypress/xvfb': 1.2.4_supports-color@8.1.1
-      '@types/node': 14.18.33
+      '@types/node': 14.18.34
      '@types/sinonjs__fake-timers': 8.1.1
      '@types/sizzle': 2.3.3
      arch: 2.2.0
@@ -364,7 +365,7 @@ packages:
      cli-table3: 0.6.3
      commander: 5.1.0
      common-tags: 1.8.2
-      dayjs: 1.11.6
+      dayjs: 1.11.7
      debug: 4.3.4_supports-color@8.1.1
      enquirer: 2.3.6
      eventemitter2: 6.4.7
@@ -399,8 +400,8 @@ packages:
      assert-plus: 1.0.0
    dev: false

-  /dayjs/1.11.6:
-    resolution: {integrity: sha512-zZbY5giJAinCG+7AGaw0wIhNZ6J8AhWuSXKvuc1KAyMiRsvGQWqh4L+MomvhdAYjN+lqvVCMq1I41e3YHvXkyQ==}
+  /dayjs/1.11.7:
+    resolution: {integrity: sha512-+Yw9U6YO5TQohxLcIkrXBeY73WP3ejHWVvx8XCk3gxvQDCTEmS48ZrSZCKciI7Bhl/uCMyxYtE9UqRILmFphkQ==}
    dev: false

  /debug/3.2.7_supports-color@8.1.1:
@@ -618,12 +619,12 @@ packages:
      fs.realpath: 1.0.0
      inflight: 1.0.6
      inherits: 2.0.4
-      minimatch: 5.1.0
+      minimatch: 5.1.1
      once: 1.4.0
    dev: false

-  /global-dirs/3.0.0:
-    resolution: {integrity: sha512-v8ho2DS5RiCjftj1nD9NmnfaOzTdud7RRnVd9kFNOjqZbISlx5DQ+OrTkywgd0dIt7oFCvKetZSHoHcP3sDdiA==}
+  /global-dirs/3.0.1:
+    resolution: {integrity: sha512-NBcGGFbBA9s1VzD41QXDG+3++t9Mn5t1FpLdhESY6oKY4gYTFpX4wO3sqGUa0Srjtbfj3szX0RnemmrVRUdULA==}
    engines: {node: '>=10'}
    dependencies:
      ini: 2.0.0
@@ -689,7 +690,7 @@ packages:
    resolution: {integrity: sha512-ZYvCgrefwqoQ6yTyYUbQu64HsITZ3NfKX1lzaEYdkTDcfKzzCI/wthRRYKkdjHKFVgNiXKAKm65Zo1pk2as/QQ==}
    hasBin: true
    dependencies:
-      ci-info: 3.5.0
+      ci-info: 3.7.0
    dev: false

  /is-fullwidth-code-point/3.0.0:
@@ -701,7 +702,7 @@ packages:
    resolution: {integrity: sha512-iwGqO3J21aaSkC7jWnHP/difazwS7SFeIqxv6wEtLU8Y5KlzFTjyqcSIT0d8s4+dDhKytsk9PJZ2BkS5eZwQRQ==}
    engines: {node: '>=10'}
    dependencies:
-      global-dirs: 3.0.0
+      global-dirs: 3.0.1
      is-path-inside: 3.0.3
    dev: false

@@ -782,7 +783,7 @@ packages:
      log-update: 4.0.0
      p-map: 4.0.0
      rfdc: 1.3.0
-      rxjs: 7.5.7
+      rxjs: 7.6.0
      through: 2.3.8
      wrap-ansi: 7.0.0
    dev: false
@@ -824,8 +825,8 @@ packages:
    resolution: {integrity: sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==}
    dev: false

-  /meta-png/1.0.3:
-    resolution: {integrity: sha512-ts8SCT3qTvHBA723m1NYUKwzGDxYNCkMrHYrX0t7YaIch8giqpX+KyJEpCUFW7XfCWXiX5KSlQr4p3Ci9lrSug==}
+  /meta-png/1.0.5:
+    resolution: {integrity: sha512-kR/npdqfnlB8HycaDImcpauYh/l1ldvuDoT/QhWazSD9jDHJ8v9tankLhjN5ea8OKV1Amp4v/xxNYG2WiQYEgg==}
    dev: false

  /mime-db/1.52.0:
@@ -856,8 +857,8 @@ packages:
      brace-expansion: 1.1.11
    dev: false

-  /minimatch/5.1.0:
-    resolution: {integrity: sha512-9TPBGGak4nHfGZsPBohm9AWg6NoT7QTCehS3BIJABslyZbzxfV78QM2Y6+i741OPZIafFAaiiEMh5OyIrJPgtg==}
+  /minimatch/5.1.1:
+    resolution: {integrity: sha512-362NP+zlprccbEt/SkxKfRMHnNY85V74mVnpUpNyr3F35covl09Kec7/sEFLt3RA4oXmewtoaanoIf67SE5Y5g==}
    engines: {node: '>=10'}
    dependencies:
      brace-expansion: 2.0.1
@@ -890,8 +891,8 @@ packages:
    resolution: {integrity: sha512-ONmRUqK7zj7DWX0D9ADe03wbwOBZxNAfF20PlGfCWQcD3+/MakShIHrMqx9YwPTfxDdF1zLeL+RGZiR9kGMLdg==}
    dev: false

-  /node-abi/3.28.0:
-    resolution: {integrity: sha512-fRlDb4I0eLcQeUvGq7IY3xHrSb0c9ummdvDSYWfT9+LKP+3jCKw/tKoqaM7r1BAoiAC6GtwyjaGnOz6B3OtF+A==}
+  /node-abi/3.30.0:
+    resolution: {integrity: sha512-qWO5l3SCqbwQavymOmtTVuCWZE23++S+rxyoHjXqUmPyzRcaoI4lA2gO55/drddGnedAyjA7sk76SfQ5lfUMnw==}
    engines: {node: '>=10'}
    dependencies:
      semver: 7.3.8
@@ -983,7 +984,7 @@ packages:
      minimist: 1.2.7
      mkdirp-classic: 0.5.3
      napi-build-utils: 1.0.2
-      node-abi: 3.28.0
+      node-abi: 3.30.0
      pump: 3.0.0
      rc: 1.2.8
      simple-get: 4.0.1
@@ -1065,8 +1066,8 @@ packages:
      glob: 7.2.3
    dev: false

-  /rxjs/7.5.7:
-    resolution: {integrity: sha512-z9MzKh/UcOqB3i20H6rtrlaE/CgjLOvheWK/9ILrbhROGTweAi1BaFsTT9FbwZi5Trr1qNRs+MXkhmR06awzQA==}
+  /rxjs/7.6.0:
+    resolution: {integrity: sha512-DDa7d8TFNUalGC9VqXvQ1euWNN7sc63TrUCuM9J998+ViviahMIjKSOU7rfcgFOF+FCD71BhDRv4hrFz+ImDLQ==}
    dependencies:
      tslib: 2.4.1
    dev: false
@@ -1278,8 +1279,8 @@ packages:
    engines: {node: '>=10'}
    dev: false

-  /typescript/4.8.4:
-    resolution: {integrity: sha512-QCh+85mCy+h0IGff8r5XWzOVSbBO+KfeYrMQh7NJ58QujwcE22u+NUSmUxqF+un70P9GXKxa2HCNiTTMJknyjQ==}
+  /typescript/4.9.4:
+    resolution: {integrity: sha512-Uz+dTXYzxXXbsFpM86Wh3dKCxrQqUcVMxwU54orwlJjOpO3ao8L7j5lH+dWfTwgCwIuM9GQ2kvVotzYJMXTBZg==}
    engines: {node: '>=4.2.0'}
    hasBin: true
    dev: false
--- a/package.json
+++ b/package.json
@@ -26,7 +26,7 @@
    "@iconify-json/cil": "^1.1.3",
    "@iconify-json/mdi": "^1.1.36",
    "@iconify-json/mdi-light": "^1.1.3",
-    "@iconify-json/octicon": "^1.1.23",
+    "@iconify-json/octicon": "^1.1.24",
    "@oruga-ui/oruga-next": "^0.5.9",
    "@oruga-ui/theme-bulma": "^0.2.8",
    "@vueuse/core": "^9.6.0",
@@ -34,7 +34,7 @@
    "@vueuse/router": "^9.6.0",
    "ansi-to-html": "^0.7.2",
    "bulma": "^0.9.4",
-    "d3-array": "^3.2.0",
+    "d3-array": "^3.2.1",
    "d3-ease": "^3.0.1",
    "d3-scale": "^4.0.2",
    "d3-selection": "^3.0.0",
@@ -43,7 +43,7 @@
    "date-fns": "^2.29.3",
    "fuse.js": "^6.6.2",
    "lodash.debounce": "^4.0.8",
-    "pinia": "^2.0.27",
+    "pinia": "^2.0.28",
    "semver": "^7.3.8",
    "splitpanes": "^3.1.5",
    "vue": "^3.2.45",
@@ -60,31 +60,31 @@
    "@types/d3-shape": "^3.1.0",
    "@types/d3-transition": "^3.0.2",
    "@types/lodash.debounce": "^4.0.7",
-    "@types/node": "^18.11.9",
+    "@types/node": "^18.11.12",
    "@types/semver": "^7.3.13",
-    "@vitejs/plugin-vue": "3.2.0",
+    "@vitejs/plugin-vue": "4.0.0",
    "@vue/compiler-sfc": "^3.2.45",
-    "@vue/test-utils": "^2.2.4",
+    "@vue/test-utils": "^2.2.6",
    "c8": "^7.12.0",
    "eventsourcemock": "^2.0.0",
    "husky": "^8.0.2",
    "jest-serializer-vue": "^3.0.0",
    "jsdom": "^20.0.3",
-    "lint-staged": "^13.0.4",
+    "lint-staged": "^13.1.0",
    "npm-run-all": "^4.1.5",
-    "prettier": "^2.8.0",
-    "release-it": "^15.5.0",
-    "sass": "^1.56.1",
+    "prettier": "^2.8.1",
+    "release-it": "^15.5.1",
+    "sass": "^1.56.2",
    "ts-node": "^10.9.1",
-    "typescript": "^4.9.3",
+    "typescript": "^4.9.4",
    "unplugin-auto-import": "^0.12.0",
    "unplugin-icons": "^0.14.14",
    "unplugin-vue-components": "^0.22.11",
-    "vite": "3.2.5",
+    "vite": "4.0.0",
    "vite-plugin-pages": "^0.27.1",
    "vite-plugin-vue-layouts": "^0.7.0",
-    "vitest": "^0.25.3",
-    "vue-tsc": "^1.0.10"
+    "vitest": "^0.25.6",
+    "vue-tsc": "^1.0.12"
  },
  "lint-staged": {
    "*.{js,vue,css}": [
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -9,13 +9,20 @@ import Pages from "vite-plugin-pages";
 import Layouts from "vite-plugin-vue-layouts";
 import VueI18n from "@intlify/vite-plugin-vue-i18n";

-export default defineConfig(({ mode }) => ({
+export default defineConfig(() => ({
  resolve: {
    alias: {
      "@/": `${path.resolve(__dirname, "assets")}/`,
    },
  },
-  base: mode === "production" ? "/{{ .Base }}/" : "/",
+  experimental: {
+    renderBuiltUrl(filename: string, { type }: { type: "public" | "asset" }) {
+      if (type === "asset") {
+        return `{{ .Base }}/${filename}`;
+      }
+      return filename;
+    },
+  },
  plugins: [
    vue({
      reactivityTransform: true,
@@ -51,7 +58,6 @@ export default defineConfig(({ mode }) => ({
      compositionOnly: true,
      include: [path.resolve(__dirname, "locales/**")],
    }),
-    htmlPlugin(mode),
  ],
  server: {
    proxy: {
@@ -61,13 +67,3 @@ export default defineConfig(({ mode }) => ({
    },
  },
 }));
-
-const htmlPlugin = (mode) => {
-  return {
-    name: "html-transform",
-    enforce: "post" as const,
-    transformIndexHtml(html) {
-      return mode === "production" ? html.replaceAll("/{{ .Base }}/", "{{ .Base }}/") : html;
-    },
-  };
-};