feat: list streams and story-mode catchup

js/src/lib/stream-utils.ts

@@ -0,0 +1,35 @@
+import type { NetworkWithStreams, Stream } from "@/api/types";
+
+export interface FlatStream extends Stream {
+  networkId: string;
+  networkName: string;
+}
+
+export function flattenStreams(
+  networks: NetworkWithStreams[],
+  selectedNetworkId: string | null,
+): FlatStream[] {
+  const filtered = selectedNetworkId
+    ? networks.filter((n) => n.id === selectedNetworkId)
+    : networks;
+
+  const streams: FlatStream[] = filtered.flatMap((n) =>
+    n.streams.map((s) => ({
+      ...s,
+      networkId: n.id,
+      networkName: n.name,
+    })),
+  );
+
+  return streams.sort((a, b) => {
+    const aTime = getLatestParticleTime(a);
+    const bTime = getLatestParticleTime(b);
+    return bTime - aTime;
+  });
+}
+
+function getLatestParticleTime(stream: Stream): number {
+  if (stream.particles.length === 0) return 0;
+  const last = stream.particles[stream.particles.length - 1];
+  return new Date(last.created_at).getTime();
+}

js/src/lib/time-utils.ts

@@ -0,0 +1,21 @@
+const MINUTE = 60;
+const HOUR = 3600;
+const DAY = 86400;
+const WEEK = 604800;
+const MONTH = 2592000;
+const YEAR = 31536000;
+
+export function formatDistanceToNow(isoString: string): string {
+  const seconds = Math.floor(
+    (Date.now() - new Date(isoString).getTime()) / 1000,
+  );
+
+  if (seconds < 5) return "just now";
+  if (seconds < MINUTE) return `${seconds}s ago`;
+  if (seconds < HOUR) return `${Math.floor(seconds / MINUTE)}m ago`;
+  if (seconds < DAY) return `${Math.floor(seconds / HOUR)}h ago`;
+  if (seconds < WEEK) return `${Math.floor(seconds / DAY)}d ago`;
+  if (seconds < MONTH) return `${Math.floor(seconds / WEEK)}w ago`;
+  if (seconds < YEAR) return `${Math.floor(seconds / MONTH)}mo ago`;
+  return `${Math.floor(seconds / YEAR)}y ago`;
+}