feat: ship a web app (#218)

* feat(orion): add endpoint for link metadata

* refactor: cleanup comments

* wip: plumbing for building a web app

* setup deployment materials for web app

* fix(web): favicon

js/desktop/src/hooks/use-dock-badge.ts

@@ -4,6 +4,7 @@ import { useLiveParticleChildren } from "@/hooks/use-particle";
 import { useAuthStore } from "@/stores/auth-store";
 import { particlePath } from "@/lib/particle-path";
 import type { Particle, StreamProperties } from "@/api/types";
+import { platform } from "@/lib/platform";
 
 type StreamParticle = Particle & { type: "stream"; properties: StreamProperties };
 
@@ -49,7 +50,7 @@ export function useDockBadge(networkId: string | undefined) {
   }, [children, userId]);
 
   useEffect(() => {
-    window.electronApp.setDockBadge(unseenCount);
-    return () => window.electronApp.setDockBadge(0);
+    platform.app.setDockBadge(unseenCount);
+    return () => platform.app.setDockBadge(0);
   }, [unseenCount]);
 }

js/desktop/src/hooks/use-link-metadata.ts

@@ -1,10 +1,11 @@
 import { useQueries, useQuery } from "@tanstack/react-query";
 import { extractUrls, type LinkMetadata } from "@/lib/link-metadata";
+import { platform } from "@/lib/platform";
 
 export function useLinkMetadata(url: string | null) {
   return useQuery<LinkMetadata | null>({
     queryKey: ["link-metadata", url],
-    queryFn: () => window.electronLink.fetchMetadata(url!),
+    queryFn: () => platform.link.fetchMetadata(url!),
     enabled: !!url,
     staleTime: Infinity,
     gcTime: 30 * 60 * 1000,
@@ -30,7 +31,7 @@ export function useAllLinkMetadata(text: string): LinkPreviewEntry[] {
   const results = useQueries({
     queries: urls.map((url) => ({
       queryKey: ["link-metadata", url],
-      queryFn: () => window.electronLink.fetchMetadata(url),
+      queryFn: () => platform.link.fetchMetadata(url),
       staleTime: Infinity,
       gcTime: 30 * 60 * 1000,
       retry: 1,

js/desktop/src/hooks/use-stream-autoplay.ts

@@ -6,6 +6,7 @@ import { useAuthStore } from "@/stores/auth-store";
 import { useAutoplayStore } from "@/stores/autoplay-store";
 import { resolveHumanDisplay } from "@/lib/humans";
 import { logError } from "@/lib/errors";
+import { platform } from "@/lib/platform";
 
 /**
  * Triggers autoplay when a stream's latest child changes to a new media particle.
@@ -55,7 +56,7 @@ export function useStreamAutoplay(
     );
 
     apiClient.getParticleDownloadUrl(particle.properties.object_id).then((downloadUrl) => {
-      window.electronAutoplay.play({
+      platform.autoplay.play({
         particleId: particle.id,
         streamId: streamParticle.id,
         networkId,