fix: build ui for legacy clients (safari 12) #2818

It may not render perfectly, but it should be usable

webui/package.json

@@ -19,6 +19,7 @@
     "@types/react-dom": "^18.2.21",
     "@types/react-window": "^1.8.8",
     "@types/sanitize-html": "^2.11.0",
+    "@vitejs/plugin-legacy": "^5.3.2",
     "@vitejs/plugin-react": "^4.2.1",
     "buffer": "^6.0.3",
     "classnames": "^2.5.1",
@@ -60,6 +61,7 @@
     "sanitize-html": "^2.12.1",
     "sass": "^1.71.1",
     "socket.io-client": "^4.7.4",
+    "terser": "^5.29.2",
     "typescript": "~5.3.3",
     "use-deep-compare": "^1.2.1",
     "usehooks-ts": "^2.16.0",
@@ -79,17 +81,5 @@
       "react-app",
       "react-app/jest"
     ]
-  },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
   }
 }

webui/vite.config.js

@@ -1,6 +1,7 @@
 import { defineConfig } from 'vite'
 import reactPlugin from '@vitejs/plugin-react'
 import * as envCompatible from 'vite-plugin-env-compatible'
+import legacyPlugin from '@vitejs/plugin-legacy'
 
 const upstreamUrl = process.env.UPSTREAM_URL || '127.0.0.1:8000'
 
@@ -28,6 +29,9 @@ export default defineConfig({
 		envCompatible.default({
 			prefix: 'DEV',
 		}),
+		legacyPlugin({
+			targets: ['defaults', 'not IE 11', 'safari >= 12.1'],
+		}),
 	],
 	css: {
 		preprocessorOptions: {