decorator workaround

Author: eternal-flame-AD

ui/package.json

@@ -47,7 +47,9 @@
     "testformat": "prettier \"src/**/*.{ts,tsx}\" --list-different"
   },
   "devDependencies": {
+    "@babel/plugin-proposal-decorators": "^7.29.0",
     "@eslint/js": "^10.0.0",
+    "@rolldown/plugin-babel": "^0.2.2",
     "@types/notifyjs": "^3.0.5",
     "@types/react": "^19.1.9",
     "@types/react-dom": "^19.1.7",

ui/vite.config.ts

@@ -1,8 +1,20 @@
 import {defineConfig} from 'vite';
 import react from '@vitejs/plugin-react';
+import babel from '@rolldown/plugin-babel';
 
 const GOTIFY_SERVER_PORT = process.env.GOTIFY_SERVER_PORT ?? '80';
 
+function decoratorPreset(options: Record<string, unknown>) {
+    return {
+        preset: () => ({
+            plugins: [['@babel/plugin-proposal-decorators', options]],
+        }),
+        rolldown: {
+            filter: {code: '@'},
+        },
+    };
+}
+
 export default defineConfig({
     base: './',
     build: {
@@ -11,7 +23,12 @@ export default defineConfig({
         sourcemap: false,
         assetsDir: 'static',
     },
-    plugins: [react()],
+    plugins: [
+        react(),
+        babel({
+            presets: [decoratorPreset({version: '2022-03'})],
+        }),
+    ],
     define: {
         // Some libraries use the global object, even though it doesn't exist in the browser.
         // Alternatively, we could add `<script>window.global = window;</script>` to index.html.