feat: upgrade to vite 5

Author: samshara

.unimportedrc.json

@@ -2,6 +2,10 @@
     "entry": ["./src/index.tsx"],
     "ignorePatterns": ["**/node_modules/**", "build/**", "**/parked/**"],
     "ignoreUnimported": ["**/*.d.ts", "**/*.test.*"],
+    "ignoreUnresolved": [
+        "#assets/content/operational_timeline_title.svg?react",
+        "#assets/content/operational_timeline_body.svg?react"
+    ],
     "ignoreUnused": ["@tinymce/tinymce-react"],
     "extensions": [".ts", ".js", ".tsx", ".jsx"],
     "aliases": {

package.json

@@ -52,7 +52,7 @@
     },
     "devDependencies": {
         "@eslint/eslintrc": "^2.0.3",
-        "@julr/vite-plugin-validate-env": "^0.2.2",
+        "@julr/vite-plugin-validate-env": "^1.0.1",
         "@types/file-saver": "^2.0.5",
         "@types/html2canvas": "^1.0.0",
         "@types/mapbox-gl": "^1.13.0",
@@ -63,7 +63,7 @@
         "@types/sanitize-html": "^2.9.0",
         "@typescript-eslint/eslint-plugin": "^5.59.5",
         "@typescript-eslint/parser": "^5.59.5",
-        "@vitejs/plugin-react-swc": "^3.0.0",
+        "@vitejs/plugin-react-swc": "^3.5.0",
         "autoprefixer": "^10.4.14",
         "cross-var": "^1.1.0",
         "dotenv-cli": "^7.2.1",
@@ -93,13 +93,13 @@
         "surge": "^0.23.1",
         "typescript": "^5.0.4",
         "unimported": "^1.28.0",
-        "vite": "^4.3.2",
-        "vite-plugin-checker": "^0.6.0",
-        "vite-plugin-compression2": "^0.9.1",
-        "vite-plugin-radar": "^0.9.1",
-        "vite-plugin-svgr": "^3.2.0",
-        "vite-plugin-webfont-dl": "^3.7.4",
-        "vite-tsconfig-paths": "^4.2.0",
-        "vitest": "^0.31.0"
+        "vite": "^5.0.10",
+        "vite-plugin-checker": "^0.6.2",
+        "vite-plugin-compression2": "^0.11.0",
+        "vite-plugin-radar": "^0.9.2",
+        "vite-plugin-svgr": "^4.2.0",
+        "vite-plugin-webfont-dl": "^3.9.1",
+        "vite-tsconfig-paths": "^4.2.2",
+        "vitest": "^1.1.0"
     }
 }

patches/vite-plugin-webfont-dl+3.7.6.patch

@@ -7,8 +7,8 @@ import TextOutput from '#components/TextOutput';
 import Link from '#components/Link';
 import { resolveToComponent } from '#utils/translation';
 
-import { ReactComponent as OperationalTimelineTitle } from '#assets/content/operational_timeline_title.svg';
-import { ReactComponent as OperationalTimelineBody } from '#assets/content/operational_timeline_body.svg';
+import OperationalTimelineTitle from '#assets/content/operational_timeline_title.svg?react';
+import OperationalTimelineBody from '#assets/content/operational_timeline_body.svg?react';
 
 import i18n from './i18n.json';
 import styles from './styles.module.css';