Initial public release

2025-12-07 19:32:53 +02:00
commit 4b2edf7318
319 changed files with 81600 additions and 0 deletions
@@ -0,0 +1,188 @@
+import React from 'react';
+import { MainLayout } from '@/components/layout/MainLayout';
+import { FireworksProvider } from '@/contexts/FireworksContext';
+import { Toaster } from '@/components/ui/sonner';
+import { MemoryDebugPanel } from '@/components/ui/MemoryDebugPanel';
+import { ErrorBoundary } from '@/components/ui/ErrorBoundary';
+import { useEventStream } from '@/hooks/useEventStream';
+import { useKeyboardShortcuts } from '@/hooks/useKeyboardShortcuts';
+import { useMessageSync } from '@/hooks/useMessageSync';
+import { useSessionStatusBootstrap } from '@/hooks/useSessionStatusBootstrap';
+import { GitPollingProvider } from '@/hooks/useGitPolling';
+import { useConfigStore } from '@/stores/useConfigStore';
+import { useSessionStore } from '@/stores/useSessionStore';
+import { useDirectoryStore } from '@/stores/useDirectoryStore';
+import { opencodeClient } from '@/lib/opencode/client';
+import { useFontPreferences } from '@/hooks/useFontPreferences';
+import { CODE_FONT_OPTION_MAP, DEFAULT_MONO_FONT, DEFAULT_UI_FONT, UI_FONT_OPTION_MAP } from '@/lib/fontOptions';
+import { ConfigUpdateOverlay } from '@/components/ui/ConfigUpdateOverlay';
+import { RuntimeAPIProvider } from '@/contexts/RuntimeAPIProvider';
+import { registerRuntimeAPIs } from '@/contexts/runtimeAPIRegistry';
+import { OnboardingScreen } from '@/components/onboarding/OnboardingScreen';
+import { isCliAvailable } from '@/lib/desktop';
+import type { RuntimeAPIs } from '@/lib/api/types';
+
+type AppProps = {
+  apis: RuntimeAPIs;
+};
+
+function App({ apis }: AppProps) {
+  const { initializeApp, loadProviders, isInitialized } = useConfigStore();
+  const { error, clearError, loadSessions } = useSessionStore();
+  const currentDirectory = useDirectoryStore((state) => state.currentDirectory);
+  const isSwitchingDirectory = useDirectoryStore((state) => state.isSwitchingDirectory);
+  const [showMemoryDebug, setShowMemoryDebug] = React.useState(false);
+  const { uiFont, monoFont } = useFontPreferences();
+  const [isDesktopRuntime, setIsDesktopRuntime] = React.useState<boolean>(() => apis.runtime.isDesktop);
+  const [cliAvailable, setCliAvailable] = React.useState<boolean>(() => {
+    if (!apis.runtime.isDesktop) return true;
+    return isCliAvailable();
+  });
+
+  React.useEffect(() => {
+    setIsDesktopRuntime(apis.runtime.isDesktop);
+  }, [apis.runtime.isDesktop]);
+
+  React.useEffect(() => {
+    registerRuntimeAPIs(apis);
+    return () => registerRuntimeAPIs(null);
+  }, [apis]);
+
+  React.useEffect(() => {
+    if (typeof document === 'undefined') {
+      return;
+    }
+    const root = document.documentElement;
+    const uiStack = UI_FONT_OPTION_MAP[uiFont]?.stack ?? UI_FONT_OPTION_MAP[DEFAULT_UI_FONT].stack;
+    const monoStack = CODE_FONT_OPTION_MAP[monoFont]?.stack ?? CODE_FONT_OPTION_MAP[DEFAULT_MONO_FONT].stack;
+
+    root.style.setProperty('--font-sans', uiStack);
+    root.style.setProperty('--font-heading', uiStack);
+    root.style.setProperty('--font-family-sans', uiStack);
+    root.style.setProperty('--font-mono', monoStack);
+    root.style.setProperty('--font-family-mono', monoStack);
+    root.style.setProperty('--ui-regular-font-weight', '400');
+
+    if (document.body) {
+      document.body.style.fontFamily = uiStack;
+    }
+  }, [uiFont, monoFont]);
+
+  React.useEffect(() => {
+    if (isInitialized) {
+      const hideInitialLoading = () => {
+        const loadingElement = document.getElementById('initial-loading');
+        if (loadingElement) {
+          loadingElement.classList.add('fade-out');
+
+          setTimeout(() => {
+            loadingElement.remove();
+          }, 300);
+        }
+      };
+
+      const timer = setTimeout(hideInitialLoading, 150);
+      return () => clearTimeout(timer);
+    }
+  }, [isInitialized]);
+
+  React.useEffect(() => {
+    const fallbackTimer = setTimeout(() => {
+      const loadingElement = document.getElementById('initial-loading');
+      if (loadingElement && !isInitialized) {
+        loadingElement.classList.add('fade-out');
+        setTimeout(() => {
+          loadingElement.remove();
+        }, 300);
+      }
+    }, 5000);
+
+    return () => clearTimeout(fallbackTimer);
+  }, [isInitialized]);
+
+  React.useEffect(() => {
+    const init = async () => {
+      await initializeApp();
+      await loadProviders();
+    };
+
+    init();
+  }, [initializeApp, loadProviders]);
+
+  React.useEffect(() => {
+    if (isSwitchingDirectory) {
+      return;
+    }
+
+    const syncDirectoryAndSessions = async () => {
+      opencodeClient.setDirectory(currentDirectory);
+
+      await loadSessions();
+    };
+
+    syncDirectoryAndSessions();
+  }, [currentDirectory, isSwitchingDirectory, loadSessions]);
+
+  useEventStream();
+
+  useKeyboardShortcuts();
+
+  useMessageSync();
+
+  useSessionStatusBootstrap();
+
+  React.useEffect(() => {
+    const handleKeyDown = (e: KeyboardEvent) => {
+      if ((e.metaKey || e.ctrlKey) && e.shiftKey && e.key === 'M') {
+        e.preventDefault();
+        setShowMemoryDebug(prev => !prev);
+      }
+    };
+
+    window.addEventListener('keydown', handleKeyDown);
+    return () => window.removeEventListener('keydown', handleKeyDown);
+  }, []);
+
+  React.useEffect(() => {
+    if (error) {
+
+      setTimeout(() => clearError(), 5000);
+    }
+  }, [error, clearError]);
+
+  const handleCliAvailable = React.useCallback(() => {
+    setCliAvailable(true);
+    window.location.reload();
+  }, []);
+
+  if (isDesktopRuntime && !cliAvailable) {
+    return (
+      <ErrorBoundary>
+        <div className={`h-full text-foreground bg-transparent`}>
+          <OnboardingScreen onCliAvailable={handleCliAvailable} />
+        </div>
+      </ErrorBoundary>
+    );
+  }
+
+  return (
+    <ErrorBoundary>
+      <RuntimeAPIProvider apis={apis}>
+        <GitPollingProvider>
+          <FireworksProvider>
+            <div className={`h-full text-foreground ${isDesktopRuntime ? 'bg-transparent' : 'bg-background'}`}>
+              <MainLayout />
+              <Toaster />
+              <ConfigUpdateOverlay />
+              {showMemoryDebug && (
+                <MemoryDebugPanel onClose={() => setShowMemoryDebug(false)} />
+              )}
+            </div>
+          </FireworksProvider>
+        </GitPollingProvider>
+      </RuntimeAPIProvider>
+    </ErrorBoundary>
+  );
+}
+
+export default App;