refactor: split vscode into a dedicated app root

Renders VS Code through its own app entrypoint Keeps shared app effects focused and reusable Avoids importing the full desktop app root in VS Code
2026-05-07 01:31:17 +03:00
parent c902dea89e
commit 4cc2f1bff6
6 changed files with 267 additions and 120 deletions
@@ -0,0 +1,37 @@
+import React from 'react';
+import { useKeyboardShortcuts } from '@/hooks/useKeyboardShortcuts';
+import { usePwaManifestSync } from '@/hooks/usePwaManifestSync';
+import { useQueuedMessageAutoSend } from '@/hooks/useQueuedMessageAutoSend';
+import { useSessionAutoCleanup } from '@/hooks/useSessionAutoCleanup';
+import { useWindowControlsOverlayLayout } from '@/hooks/useWindowControlsOverlayLayout';
+import { setOptimisticRefs } from '@/sync/session-actions';
+import { useSync } from '@/sync/use-sync';
+
+const SyncOptimisticBridge: React.FC = () => {
+  const sync = useSync();
+  const addRef = React.useRef(sync.optimistic.add);
+  const removeRef = React.useRef(sync.optimistic.remove);
+  addRef.current = sync.optimistic.add;
+  removeRef.current = sync.optimistic.remove;
+
+  React.useEffect(() => {
+    setOptimisticRefs(
+      (input) => addRef.current(input),
+      (input) => removeRef.current(input),
+    );
+  }, []);
+
+  return null;
+};
+
+export function SyncAppEffects({ embeddedBackgroundWorkEnabled }: {
+  embeddedBackgroundWorkEnabled: boolean;
+}) {
+  usePwaManifestSync();
+  useWindowControlsOverlayLayout();
+  useSessionAutoCleanup(embeddedBackgroundWorkEnabled);
+  useQueuedMessageAutoSend(embeddedBackgroundWorkEnabled);
+  useKeyboardShortcuts();
+
+  return <SyncOptimisticBridge />;
+}