refactor: organize desktop vs. mobile into separate folders

2026-04-29 08:42:56 -07:00
parent 3d9fe67936
commit 3a11a82cd3
194 changed files with 213 additions and 213 deletions
@@ -0,0 +1,100 @@
+import { useEffect } from "react";
+import { HashRouter, Routes, Route, useNavigate } from "react-router-dom";
+import { TooltipProvider } from "@/components/ui/tooltip";
+import { useAuthStore } from "@/stores/auth-store";
+import { LoginPage } from "@/features/auth/login-page";
+import { QueryClientProvider } from '@tanstack/react-query';
+import SettingsPage from "@/features/settings-page";
+import AudioVideoSettingsPage from "@/features/settings/audio-video-settings-page";
+import NetworkSelector from "@/features/network-selector";
+import NetworkRoot from "@/features/network-root";
+import ParticleViewResolver from "@/features/particles/particle-view-resolver";
+import Layout from "@/features/layout";
+import NetworkSettingsPage from "@/features/network-settings";
+import { Toaster } from "@/components/ui/sonner";
+import { PusherProvider } from "@/lib/pusher-provider";
+import { createQueryClient } from "@/lib/query-client";
+import {
+  RouteErrorBoundary,
+  TopLevelErrorBoundary,
+} from "@/components/app-error-boundary";
+import { SoundEffectsProvider } from "@/lib/sound-effects/sound-effects-provider";
+
+const queryClient = createQueryClient();
+
+const App = () => {
+  const status = useAuthStore((s) => s.status);
+  const restoreSession = useAuthStore((s) => s.restoreSession);
+
+  useEffect(() => {
+    restoreSession();
+  }, [restoreSession]);
+
+  if (status === "idle" || status === "restoring") {
+    return (
+      <div className="flex min-h-screen items-center justify-center">
+        <p className="text-muted-foreground text-sm">Loading...</p>
+      </div>
+    );
+  }
+
+  if (status !== "authenticated") {
+    return <LoginPage />;
+  }
+
+  return (
+    <PusherProvider>
+      <AuthenticatedApp />
+    </PusherProvider>
+  );
+};
+
+function AutoplayNavigationListener() {
+  const navigate = useNavigate();
+
+  useEffect(() => {
+    return window.electronAutoplay.onNavigate((data) => {
+      navigate(`/${data.networkId}/${data.streamId}`);
+    });
+  }, [navigate]);
+
+  return null;
+}
+
+function AuthenticatedApp() {
+  return (
+    <HashRouter>
+      <AutoplayNavigationListener />
+      <RouteErrorBoundary>
+        <Routes>
+          <Route path="settings" element={<SettingsPage />} />
+          <Route path="settings/audio-video" element={<AudioVideoSettingsPage />} />
+
+          <Route path="/">
+            <Route index element={<Layout><NetworkSelector /></Layout>} />
+            <Route path=":networkId">
+              <Route index element={<Layout><NetworkRoot /></Layout>} />
+              <Route path="settings" element={<NetworkSettingsPage />} />
+              <Route path="*" element={<ParticleViewResolver />} />
+            </Route>
+          </Route>
+        </Routes>
+      </RouteErrorBoundary>
+    </HashRouter>
+  );
+}
+
+const AppWithProviders = () => (
+  <TopLevelErrorBoundary>
+    <TooltipProvider>
+      <QueryClientProvider client={queryClient}>
+        <SoundEffectsProvider>
+          <App />
+          <Toaster />
+        </SoundEffectsProvider>
+      </QueryClientProvider>
+    </TooltipProvider>
+  </TopLevelErrorBoundary>
+);
+
+export default AppWithProviders;