refactor: migrate to React Router and Mantine

.vscode/settings.json

@@ -21,6 +21,13 @@
   "editor.formatOnSave": true,
   "eslint.format.enable": false,
   "sqltools.useNodeRuntime": true,
+  "cssVariables.lookupFiles": [
+    "**/*.css",
+    "**/*.scss",
+    "**/*.sass",
+    "**/*.less",
+    "**/node_modules/@mantine/core/styles.css"
+  ],
   "sqltools.connections": [
     {
       "previewLimit": 50,

apps/discord-new/package.json

@@ -24,16 +24,16 @@
     "@discord-interactions/builders": "^0.3.18",
     "@discord-interactions/core": "^0.3.23",
     "@dougley/frugal-savestate": "workspace:^",
-    "@sentry/cloudflare": "^8.34.0",
-    "hono": "^4.6.4",
+    "@sentry/cloudflare": "^8.41.0",
+    "hono": "^4.6.12",
     "kysely": "catalog:",
     "kysely-d1": "catalog:"
   },
   "devDependencies": {
     "@cloudflare/workers-types": "catalog:",
     "@dougley/tsconfig": "workspace:^",
     "@dougley/types": "workspace:^",
-    "better-sqlite3": "^11.3.0",
+    "better-sqlite3": "^11.6.0",
     "wrangler": "catalog:"
   }
 }

apps/discord/package.json

@@ -25,11 +25,11 @@
     "@cloudflare/workers-types": "catalog:",
     "@dougley/tsconfig": "workspace:^",
     "@dougley/types": "workspace:^",
-    "@sentry/esbuild-plugin": "^2.22.5",
-    "better-sqlite3": "11.3.0",
+    "@sentry/esbuild-plugin": "^2.22.6",
+    "better-sqlite3": "11.6.0",
     "dotenv": "^16.4.5",
     "esbuild": "^0.24.0",
-    "miniflare": "^3.20241004.0",
+    "miniflare": "^3.20241106.1",
     "rimraf": "^6.0.1",
     "slash-up": "^1.4.2",
     "wrangler": "catalog:"

apps/web-new/.gitignore

@@ -9,3 +9,5 @@ node_modules
 
 # Sentry Config File
 .env.sentry-build-plugin
+
+.react-router/

apps/web-new/app/.server/wikis.tsx

@@ -18,7 +18,7 @@ export const getWikis = async (): Promise<WikiMeta[]> => {
     "../routes/wiki.*.mdx",
     { eager: true },
   );
-  const build = await import("virtual:remix/server-build");
+  const build = await import('virtual:react-router/server-build');
   const wikis = Object.entries(modules).map(([file, wiki]) => {
     let id = file.replace("../", "").replace(/\.mdx$/, "");
     let slug = build.routes[id].path;

apps/web-new/app/components/ColorSchemeToggle/ColorSchemeToggle.tsx

@@ -0,0 +1,15 @@
+"use client";
+
+import { Button, Group, useMantineColorScheme } from "@mantine/core";
+
+export function ColorSchemeToggle() {
+  const { setColorScheme } = useMantineColorScheme();
+
+  return (
+    <Group justify="center" mt="xl">
+      <Button onClick={() => setColorScheme("light")}>Light</Button>
+      <Button onClick={() => setColorScheme("dark")}>Dark</Button>
+      <Button onClick={() => setColorScheme("auto")}>Auto</Button>
+    </Group>
+  );
+}