refactor(frontend): move from Webpack to Vite

Also overhaulds the building and linting for frontend assets.

1 files changed, 14 insertions, 50 deletions

diff --git a/subprojects/frontend/src/theme/ThemeStore.ts b/subprojects/frontend/src/theme/ThemeStore.ts
index ffaf6dde..ded1f29a 100644
--- a/subprojects/frontend/src/theme/ThemeStore.ts
+++ b/subprojects/frontend/src/theme/ThemeStore.ts
@@ -1,64 +1,28 @@
 import { makeAutoObservable } from 'mobx';
-import {
-  Theme,
-  createTheme,
-  responsiveFontSizes,
-} from '@mui/material/styles';
 
-import {
-  EditorTheme,
-  EditorThemeData,
-  DEFAULT_THEME,
-  EDITOR_THEMES,
-} from './EditorTheme';
+import EditorTheme from './EditorTheme';
 
-export class ThemeStore {
-  currentTheme: EditorTheme = DEFAULT_THEME;
+export default class ThemeStore {
+  currentTheme: EditorTheme = EditorTheme.Default;
 
   constructor() {
     makeAutoObservable(this);
   }
 
   toggleDarkMode(): void {
-    this.currentTheme = this.currentThemeData.toggleDarkMode;
-  }
-
-  private get currentThemeData(): EditorThemeData {
-    return EDITOR_THEMES[this.currentTheme];
-  }
-
-  get materialUiTheme(): Theme {
-    const themeData = this.currentThemeData;
-    const materialUiTheme = createTheme({
-      palette: {
-        mode: themeData.paletteMode,
-        background: {
-          default: themeData.background,
-          paper: themeData.background,
-        },
-        primary: {
-          main: themeData.primary,
-        },
-        secondary: {
-          main: themeData.secondary,
-        },
-        error: {
-          main: themeData.secondary,
-        },
-        text: {
-          primary: themeData.foregroundHighlight,
-          secondary: themeData.foreground,
-        },
-      },
-    });
-    return responsiveFontSizes(materialUiTheme);
+    switch (this.currentTheme) {
+      case EditorTheme.Light:
+        this.currentTheme = EditorTheme.Dark;
+        break;
+      case EditorTheme.Dark:
+        this.currentTheme = EditorTheme.Light;
+        break;
+      default:
+        throw new Error(`Unknown theme: ${this.currentTheme}`);
+    }
   }
 
   get darkMode(): boolean {
-    return this.currentThemeData.paletteMode === 'dark';
-  }
-
-  get className(): string {
-    return this.currentThemeData.className;
+    return this.currentTheme === EditorTheme.Dark;
   }
 }