chore(deps-dev): bump the development-dependencies group across 1 dir…

…ectory with 7 updates (#415)

* chore(deps-dev): bump the development-dependencies group across 1 directory with 7 updates

Bumps the development-dependencies group with 7 updates in the /ui directory:

| Package | From | To |
| --- | --- | --- |
| [@testing-library/react](https://github.com/testing-library/react-testing-library) | `16.0.0` | `16.0.1` |
| [@types/node](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/HEAD/types/node) | `20.16.1` | `20.16.3` |
| [@types/react](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/HEAD/types/react) | `18.3.4` | `18.3.5` |
| [@typescript-eslint/eslint-plugin](https://github.com/typescript-eslint/typescript-eslint/tree/HEAD/packages/eslint-plugin) | `8.3.0` | `8.4.0` |
| [@typescript-eslint/parser](https://github.com/typescript-eslint/typescript-eslint/tree/HEAD/packages/parser) | `8.3.0` | `8.4.0` |
| [lint-staged](https://github.com/lint-staged/lint-staged) | `15.2.9` | `15.2.10` |
| [vite-plugin-pwa](https://github.com/vite-pwa/vite-plugin-pwa) | `0.20.1` | `0.20.2` |



Updates `@testing-library/react` from 16.0.0 to 16.0.1
- [Release notes](https://github.com/testing-library/react-testing-library/releases)
- [Changelog](https://github.com/testing-library/react-testing-library/blob/main/CHANGELOG.md)
- [Commits](testing-library/react-testing-library@v16.0.0...v16.0.1)

Updates `@types/node` from 20.16.1 to 20.16.3
- [Release notes](https://github.com/DefinitelyTyped/DefinitelyTyped/releases)
- [Commits](https://github.com/DefinitelyTyped/DefinitelyTyped/commits/HEAD/types/node)

Updates `@types/react` from 18.3.4 to 18.3.5
- [Release notes](https://github.com/DefinitelyTyped/DefinitelyTyped/releases)
- [Commits](https://github.com/DefinitelyTyped/DefinitelyTyped/commits/HEAD/types/react)

Updates `@typescript-eslint/eslint-plugin` from 8.3.0 to 8.4.0
- [Release notes](https://github.com/typescript-eslint/typescript-eslint/releases)
- [Changelog](https://github.com/typescript-eslint/typescript-eslint/blob/main/packages/eslint-plugin/CHANGELOG.md)
- [Commits](https://github.com/typescript-eslint/typescript-eslint/commits/v8.4.0/packages/eslint-plugin)

Updates `@typescript-eslint/parser` from 8.3.0 to 8.4.0
- [Release notes](https://github.com/typescript-eslint/typescript-eslint/releases)
- [Changelog](https://github.com/typescript-eslint/typescript-eslint/blob/main/packages/parser/CHANGELOG.md)
- [Commits](https://github.com/typescript-eslint/typescript-eslint/commits/v8.4.0/packages/parser)

Updates `lint-staged` from 15.2.9 to 15.2.10
- [Release notes](https://github.com/lint-staged/lint-staged/releases)
- [Changelog](https://github.com/lint-staged/lint-staged/blob/master/CHANGELOG.md)
- [Commits](lint-staged/lint-staged@v15.2.9...v15.2.10)

Updates `vite-plugin-pwa` from 0.20.1 to 0.20.2
- [Release notes](https://github.com/vite-pwa/vite-plugin-pwa/releases)
- [Commits](vite-pwa/vite-plugin-pwa@v0.20.1...v0.20.2)

---
updated-dependencies:
- dependency-name: "@testing-library/react"
  dependency-type: direct:development
  update-type: version-update:semver-patch
  dependency-group: development-dependencies
- dependency-name: "@types/node"
  dependency-type: direct:development
  update-type: version-update:semver-patch
  dependency-group: development-dependencies
- dependency-name: "@types/react"
  dependency-type: direct:development
  update-type: version-update:semver-patch
  dependency-group: development-dependencies
- dependency-name: "@typescript-eslint/eslint-plugin"
  dependency-type: direct:development
  update-type: version-update:semver-minor
  dependency-group: development-dependencies
- dependency-name: "@typescript-eslint/parser"
  dependency-type: direct:development
  update-type: version-update:semver-minor
  dependency-group: development-dependencies
- dependency-name: lint-staged
  dependency-type: direct:development
  update-type: version-update:semver-patch
  dependency-group: development-dependencies
- dependency-name: vite-plugin-pwa
  dependency-type: direct:development
  update-type: version-update:semver-patch
  dependency-group: development-dependencies
...

Signed-off-by: dependabot[bot] <[email protected]>

* chore: update dependencies

---------

Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Daniel Aschwanden <[email protected]>

.gitignore

@@ -5,6 +5,7 @@
 .vscode
 node_modules
 ui/node_modules
+ui/stats.html
 ui/.pnp.*
 ui/.yarn/*
 !ui/.yarn/patches

ui/package.json

@@ -23,7 +23,7 @@
     "i18next-browser-languagedetector": "^8.0.0",
     "lodash": "^4.17.21",
     "mapbox-gl-style-switcher": "^1.0.11",
-    "maplibre-gl": "4.5.2",
+    "maplibre-gl": "4.6.0",
     "react": "^18.3.1",
     "react-autocomplete-hint": "^2.0.0",
     "react-color": "^2.19.3",
@@ -65,21 +65,21 @@
     "@eslint/js": "^9.9.1",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.5.0",
-    "@testing-library/react": "^16.0.0",
+    "@testing-library/react": "^16.0.1",
     "@testing-library/user-event": "^14.5.2",
     "@types/hat": "^0.0.4",
     "@types/jest": "^29.5.12",
     "@types/lodash": "^4.17.7",
     "@types/mapbox__mapbox-gl-draw": "~1.4.6",
-    "@types/node": "^20.16.1",
-    "@types/react": "^18.3.4",
+    "@types/node": "^20.16.3",
+    "@types/react": "^18.3.5",
     "@types/react-color": "^3.0.12",
     "@types/react-dom": "^18.3.0",
     "@types/react-router-dom": "^5.3.3",
     "@types/semver": "^7.5.8",
     "@types/uuid": "^10.0.0",
-    "@typescript-eslint/eslint-plugin": "^8.3.0",
-    "@typescript-eslint/parser": "^8.3.0",
+    "@typescript-eslint/eslint-plugin": "^8.4.0",
+    "@typescript-eslint/parser": "^8.4.0",
     "@vite-pwa/assets-generator": "^0.2.4",
     "@vitejs/plugin-react-swc": "^3.7.0",
     "@vitest/coverage-v8": "^2.0.5",
@@ -89,8 +89,9 @@
     "husky": "^9.1.5",
     "jest": "^29.7.0",
     "jsdom": "^25.0.0",
-    "lint-staged": "^15.2.9",
+    "lint-staged": "^15.2.10",
     "prettier": "^3.3.3",
+    "rollup-plugin-visualizer": "^5.12.0",
     "sass": "^1.77.8",
     "semver": "^7.6.3",
     "source-map-explorer": "^2.5.3",
@@ -99,15 +100,16 @@
     "vite": "^5.4.2",
     "vite-plugin-checker": "^0.7.2",
     "vite-plugin-eslint": "^1.8.1",
-    "vite-plugin-pwa": "^0.20.1",
+    "vite-plugin-pwa": "^0.20.2",
     "vite-plugin-svgr": "^4.2.0",
     "vite-tsconfig-paths": "^5.0.1",
     "vitest": "^2.0.5"
   },
   "resolutions": {
     "vite": "^5.4.2",
     "sharp": "^0.33.5",
-    "braces": "^3.0.3"
+    "braces": "^3.0.3",
+    "maplibre-gl": "4.6.0"
   },
   "packageManager": "[email protected]"
 }

ui/vite.config.ts

@@ -8,33 +8,47 @@ import eslint from "vite-plugin-eslint";
 import { VitePWA } from "vite-plugin-pwa";
 import svgrPlugin from "vite-plugin-svgr";
 import viteTsconfigPaths from "vite-tsconfig-paths";
+import { visualizer } from "rollup-plugin-visualizer";
 
 // https://vitejs.dev/config/
 export default defineConfig({
   base: "/",
   build: {
     outDir: "build",
+    sourcemap: false,
+    minify: "esbuild",
+    rollupOptions: {
+      treeshake: {
+        preset: "recommended",
+      },
+      output: {
+        minifyInternalExports: true,
+        sourcemap: false,
+        manualChunks: {
+          maplibregl: ["maplibre-gl", "@watergis/maplibre-gl-export", "@mapbox/mapbox-gl-draw"],
+        },
+      },
+    },
   },
   define: {
     global: "window",
   },
   plugins: [
-    react(),
+    react({ devTarget: "es2022" }),
     viteTsconfigPaths(),
     svgrPlugin(),
     eslint(),
+    visualizer(),
     checker({
       typescript: true,
     }),
     VitePWA({
-      registerType: "prompt",
+      registerType: "autoUpdate",
       injectRegister: "auto",
       workbox: {
         globPatterns: ["**/*.{js,css,html,ico,png,svg,woff2,pbf}"],
-        navigateFallbackDenylist: [
-          /^\/oauth2/,
-          /^\/api/,
-        ]
+        navigateFallbackDenylist: [/^\/oauth2/, /^\/api/],
+        maximumFileSizeToCacheInBytes: 3145728, // 3MB
       },
       manifest: {
         short_name: "SitRep",
@@ -66,7 +80,7 @@ export default defineConfig({
         start_url: ".",
         theme_color: "#000000",
         background_color: "#ffffff",
-      }
+      },
     }),
   ],
   resolve: {