wip: plumbing for building a web app

js/desktop/src/features/particles/stream-view.tsx

@@ -30,7 +30,8 @@ import { usePlaybackPauseStore, selectIsPaused } from "@/stores/playback-pause-s
 import { usePlaybackKeys } from "@/hooks/use-playback-keys";
 import { useStreamNavigationKeys } from "@/hooks/use-stream-navigation-keys";
 import { useStreamActionKeys } from "@/hooks/use-stream-action-keys";
-import { c } from "vite/dist/node/types.d-aGj9QkWt";
+import { platform } from "@/lib/platform";
+import { requireDesktop } from "@/lib/platform/desktop-only";
 
 function getReactions(particle: Particle): Record<string, string[]> | undefined {
   if (isParticleDeleted(particle)) return undefined;
@@ -150,7 +151,7 @@ function StreamViewInner({ path, streamParticle }: StreamViewProps) {
   const navigate = useNavigate();
 
   useMount(() => {
-    window.electronAutoplay.dismiss();
+    platform.autoplay.dismiss();
   });
 
   const {
@@ -220,8 +221,9 @@ function StreamViewInner({ path, streamParticle }: StreamViewProps) {
   });
 
   const handleOpenHuddle = useCallback(() => {
+    if (!requireDesktop("Huddle")) return;
     apiClient.getLivekitToken(networkId, streamParticle.id).then(({ token, server_url }) => {
-      window.electronWindow.openHuddle({ token, serverUrl: server_url });
+      platform.huddle.open({ token, serverUrl: server_url });
     });
     navigate(`/${networkId}`);
   }, [networkId, streamParticle.id, navigate]);