[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_342":343,"_344":345},"routes/_app.x.$handle.$name",{"_107":106,"_38":52,"_115":97,"_33":60,"_13":14,"_116":-5,"_11":117,"_118":119,"_120":121,"_122":123,"_124":125,"_26":-5,"_126":-5,"_127":-5,"_128":31,"_129":130,"_131":66,"_132":-5,"_133":-5,"_134":135},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_50":51,"_38":52,"_45":53,"_54":-5,"_55":31,"_56":57,"_58":57,"_59":60,"_61":-5,"_19":62,"_63":64,"_65":66,"_67":-5,"_68":-5,"_69":70,"_71":72,"_73":74,"_75":76,"_77":78,"_79":-5,"_80":81,"_82":81,"_83":84,"_85":84,"_86":84,"_87":81,"_88":81,"_89":90,"_91":92,"_93":94,"_95":31},"version",26,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","e4b2e628-0b36-46af-a70c-dd2307133005","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":29,"_30":31,"_32":31,"_33":34,"_35":34},"file",{"_36":37,"_38":39,"_40":41,"_42":44,"_45":46,"_47":14,"_48":49,"_30":31},"previous",{"_36":37,"_38":39,"_40":41,"_42":43},"deleted",false,"deletedHere","path","frontend/shared/LoginScreen.tsx","latestPath","fileId","5aa40ee4-a890-11f1-8b81-1607ee4eb77e","name","LoginScreen.tsx","fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\nimport type { AppConfig, HintedAccount } from \"./types.ts\";\nimport { loginUrl } from \"./api.ts\";\nimport { chooserUrl, isWebkitIOS, loadLoggedinRenderer, loadOriginLabels } from \"./loggedin.ts\";\n\ntype Props = {\n config: AppConfig;\n};\n\nexport function LoginScreen({ config }: Props) {\n const iframeRef = useRef(null);\n const listRef = useRef(null);\n const [handle, setHandle] = useState(\"\");\n const [status, setStatus] = useState(\"Looking for AT Proto accounts already used on this device…\");\n const [error, setError] = useState(\"\");\n const [accounts, setAccounts] = useState([]);\n\n useEffect(() => {\n const iframe = iframeRef.current;\n const list = listRef.current;\n if (!iframe || !list) return;\n\n let cancelled = false;\n (async () => {\n try {\n const Loggedin = await loadLoggedinRenderer(config.loggedinOrigin);\n const labels = await loadOriginLabels(config.loggedinOrigin);\n if (cancelled) return;\n\n const startOauth = (did: string, resolvedHandle?: string) => {\n location.href = loginUrl(resolvedHandle && !resolvedHandle.startsWith(\"did:\") ? resolvedHandle : did);\n };\n\n Loggedin.listenToEmbed(iframe, {\n onReady: () => setStatus(\"This browser already has a loggedin.fyi session. Pick an account below.\"),\n onUnavailable: () =>\n setStatus(\"This browser blocked the silent cookie. Use the button in the embed, or sign in with a handle.\"),\n onAccounts: (next) => {\n setAccounts(next);\n Loggedin.renderAccountList(list, next, {\n originLabels: labels,\n onPick: startOauth,\n });\n if (next.length) {\n setStatus(\"These AT Proto accounts were saved on this device by another client.\");\n } else {\n setStatus(\"No hinted accounts yet. Sign in below, then the other demo can offer this account.\");\n }\n },\n onPicked: (did) => startOauth(did),\n });\n Loggedin.listenForPicked(config.loggedinOrigin, (did) => startOauth(did));\n } catch (err) {\n if (!cancelled) setError(err instanceof Error ? err.message : \"loggedin.fyi is unreachable\");\n }\n })();\n\n return () => {\n cancelled = true;\n };\n }, [config.loggedinOrigin]);\n\n const crate = config.slug === \"cratewalk\";\n\n return (\n

\n \n \n {crate ? \"Demo B · Cratewalk\" : \"Demo A · Lightbox\"}\n

\n {config.appName}\n

\n {config.tagline} Sign in with the usual Bluesky / AT Proto OAuth flow. If another participating client\n already heartbeated on this device, pick that account instead.\n

\n\n {\n const value = handle.trim();\n if (!value) {\n event.preventDefault();\n setError(\"Enter a handle like alice.bsky.social\");\n }\n }}\n >\n \n Handle or DID\n \n setHandle(event.target.value)}\n placeholder=\"you.bsky.social\"\n autoComplete=\"username\"\n className={\n crate\n ? \"border-4 border-black bg-[#fff6df] px-3 py-2 font-mono text-sm text-[#1b1208] outline-none\"\n : \"rounded-lg border border-[#4a4336] bg-[#0e0c0a] px-3 py-2.5 font-mono text-sm text-[#f6efe2] outline-none focus:border-[#d4a017]\"\n }\n />\n \n Sign in with Bluesky\n \n \n\n

\n\n

\n Already used on this device\n

{status}

\n \n \n {accounts.length === 0 ? null : (\n

\n Picking one starts a normal PDS OAuth login with that DID as the hint — not a new sign-in service.\n

\n )}\n {error ? (\n

{error}

\n ) : null}\n

\n \n view source\n \n

\n \n

\n );\n}\n","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\nimport type { AppConfig, HintedAccount } from \"./types.ts\";\nimport { loginUrl } from \"./api.ts\";\nimport { chooserUrl, isWebkitIOS, loadLoggedinRenderer, loadOriginLabels } from \"./loggedin.ts\";\n\ntype Props = {\n config: AppConfig;\n};\n\nexport function LoginScreen({ config }: Props) {\n const iframeRef = useRef(null);\n const listRef = useRef(null);\n const [handle, setHandle] = useState(\"\");\n const [status, setStatus] = useState(\"Looking for AT Proto accounts already used on this device…\");\n const [error, setError] = useState(\"\");\n const [accounts, setAccounts] = useState([]);\n\n useEffect(() => {\n const iframe = iframeRef.current;\n const list = listRef.current;\n if (!iframe || !list) return;\n\n let cancelled = false;\n (async () => {\n try {\n const Loggedin = await loadLoggedinRenderer(config.loggedinOrigin);\n const labels = await loadOriginLabels(config.loggedinOrigin);\n if (cancelled) return;\n\n const startOauth = (did: string, resolvedHandle?: string) => {\n location.href = loginUrl(resolvedHandle && !resolvedHandle.startsWith(\"did:\") ? resolvedHandle : did);\n };\n\n Loggedin.listenToEmbed(iframe, {\n onReady: () => setStatus(\"This browser already has a loggedin.fyi session. Pick an account below.\"),\n onUnavailable: () =>\n setStatus(\"This browser blocked the silent cookie. Use the button in the embed, or sign in with a handle.\"),\n onAccounts: (next) => {\n setAccounts(next);\n Loggedin.renderAccountList(list, next, {\n originLabels: labels,\n onPick: startOauth,\n });\n if (next.length) {\n setStatus(\"These AT Proto accounts were saved on this device by another client.\");\n } else {\n setStatus(\"No hinted accounts yet. Sign in below, then the other demo can offer this account.\");\n }\n },\n onPicked: (did) => startOauth(did),\n });\n Loggedin.listenForPicked(config.loggedinOrigin, (did) => startOauth(did));\n } catch (err) {\n if (!cancelled) setError(err instanceof Error ? err.message : \"loggedin.fyi is unreachable\");\n }\n })();\n\n return () => {\n cancelled = true;\n };\n }, [config.loggedinOrigin]);\n\n const crate = config.slug === \"cratewalk\";\n\n // Chrome-on-iOS is WebKit: the silent /embed read is partitioned, so it\n // stalls. Route those users straight to the first-party chooser on the\n // loggedin origin (readable there) and let listenForPicked hand the pick back.\n const webkit = isWebkitIOS();\n const crossOriginReady = webkit === false;\n\n const statusText = webkit\n ? \"This browser (Safari/Chrome-on-iOS engine) can't read the silent hint. Open the chooser on loggedin.fyi to pick an account.\"\n : status;\n\n const openChooser = () => {\n const w = window.open(chooserUrl(config.loggedinOrigin), \"_blank\");\n if (!w || w === null || typeof w.closed === \"undefined\") {\n // Popup blocked — fall back to navigable link + the embed's own path.\n window.location.href = chooserUrl(config.loggedinOrigin);\n }\n };\n\n return (\n

\n \n \n {crate ? \"Demo B · Cratewalk\" : \"Demo A · Lightbox\"}\n

\n {config.appName}\n

\n {config.tagline} Sign in with the usual Bluesky / AT Proto OAuth flow. If another participating client\n already heartbeated on this device, pick that account instead.\n

\n\n

\n Already used on this device\n

{status}

\n \n \n {accounts.length === 0 ? null : (\n

\n Picking one starts a normal PDS OAuth login with that DID as the hint — not a new sign-in service.\n

\n )}\n {error ? (\n

{error}

\n ) : null}\n

\n \n view source\n \n

\n \n

\n );\n}\n","createdAt",["D",1788589155327],"branchVersion","branchId","91d21f06-6f56-44dd-8b0e-505f21aca1f0","id","471016d4-bba2-4316-8e82-da6dc635c551","lightbox-loggedin",["D",1788546938576],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","","imageUrl","4a195d61-960e-47fc-a2de-babac7864ff9","pinnedFileId","59cb6300-a890-11f1-a866-1607ee4eb77e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","4281254f-bfbc-421d-89b2-3fe0572f0e97","tursoName","471016d4bba243168e82da6dc635c551","tursoHostname","471016d4bba243168e82da6dc635c551-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789456888508],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_107":106,"_114":110},"org",{"_107":106,"_108":-5,"_109":110,"_19":62,"_111":112,"_113":31},"branch",{"_13":96,"_38":97,"_50":49,"_98":51,"_99":-5,"_100":-5,"_101":-5,"_102":-5,"_103":-5,"_104":52,"_105":106},"isOwned",45,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","alexmcroberts","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJObXhUQ1k1VHlSUENxb1FtUlRYZUVXbWRNOSIsImluaXRpYWxzIjoiQU0ifQ","tier","free","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_50":51,"_38":52,"_45":337,"_54":-5,"_55":31,"_56":57,"_58":57,"_59":60,"_61":-5,"_19":62,"_63":64,"_65":66,"_67":-5,"_68":-5,"_69":70,"_71":72,"_73":74,"_75":76,"_77":338,"_79":-5,"_80":81,"_82":81,"_83":84,"_85":84,"_86":84,"_87":81,"_88":81,"_89":339,"_91":340,"_93":341,"_95":31},"tree",[190,201,207,208,209],"files",[190,191,192,193,194,195,196,197,198,199,200,201,202,203,204,205,206,207,208,209],"counts",{"_178":70,"_179":180,"_181":70,"_182":183,"_184":185},"contents",[136,137,138,139,140],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_50":172,"_38":173,"_36":174,"_143":-5,"_48":49,"_47":175,"_145":66,"_45":176,"_13":70,"_40":170,"_42":-5,"_30":31,"_149":-5,"_33":177},{"_50":165,"_38":166,"_36":167,"_143":-5,"_48":49,"_47":168,"_145":66,"_45":169,"_13":70,"_40":170,"_42":-5,"_30":31,"_149":-5,"_33":171},{"_50":158,"_38":159,"_36":160,"_143":-5,"_48":49,"_47":161,"_145":66,"_45":162,"_13":70,"_40":26,"_42":163,"_30":31,"_149":-5,"_33":164},{"_50":151,"_38":152,"_36":153,"_143":-5,"_48":49,"_47":154,"_145":31,"_45":155,"_13":70,"_40":26,"_42":156,"_30":31,"_149":-5,"_33":157},{"_50":141,"_38":142,"_36":64,"_143":-5,"_48":49,"_47":144,"_145":66,"_45":146,"_13":70,"_40":147,"_42":148,"_30":31,"_149":52,"_33":150},"0829fcca-cfcf-4720-adc3-57c1a469fc23","main.http.ts","parentId",6,"latest",["D",1788547335992],"http","import { createDemoApp } from \"./shared/create-app.ts\";\n\nconst app = createDemoApp({\n slug: \"lightbox\",\n appName: \"Lightbox\",\n tagline: \"Images only — stills from the AT Proto feed you already follow.\",\n mode: \"images\",\n frontendDir: \"/frontend/lightbox\",\n});\n\nexport default app.fetch;\n","label",[142],"d55f4953-ef9d-4976-b662-9ed29070df59","README.md","5a605bf4-a890-11f1-a866-1607ee4eb77e",18,["D",1788547336978],"# Lightbox\n\nAT Proto image-feed demo for loggedin.fyi. Sister app: [Cratewalk](https://www.val.town/x/alexmcroberts/cratewalk-loggedin).\n\n[Open Lightbox](url:main.http.ts)\n\n👉 Add `COOKIE_SECRET` here: https://www.val.town/x/alexmcroberts/lightbox-loggedin/environment-variables?key=COOKIE_SECRET\n\n👉 Add `PUBLIC_BASE_URL` here: https://www.val.town/x/alexmcroberts/lightbox-loggedin/environment-variables?key=PUBLIC_BASE_URL\n\n👉 Add `LOGGEDIN_ORIGIN` here: https://www.val.town/x/alexmcroberts/lightbox-loggedin/environment-variables?key=LOGGEDIN_ORIGIN\n\n👉 Add `SISTER_APP_URL` here: https://www.val.town/x/alexmcroberts/lightbox-loggedin/environment-variables?key=SISTER_APP_URL\n",[152],"b87c1fbb-244c-4e54-b7de-b8e122089a4a","AGENTS.md","5a6676ec-a890-11f1-b541-1607ee4eb77e",19,["D",1788547337030],"# loggedin.fyi demos\n\nTwo HTTP vals. Do not merge them onto one origin — the product story is “another AT Proto client already used this browser.”\n\n- `lightbox.ts` — images from the signed-in feed, feed picker, film UI\n- `cratewalk.ts` — posts in pixel cardboard boxes on a half-width conveyor\n\nShared OAuth + Worker integration lives in `shared/`. Frontend is React 18.2.0 + Twind.\n\nRequired env: `COOKIE_SECRET` (32+ chars). Optional: `PUBLIC_BASE_URL`, `LOGGEDIN_ORIGIN`, `SISTER_APP_URL`.\n",[159],"a096fbea-bb58-410b-956b-81e0f2203dcb","shared","595e594a-a890-11f1-a44a-1607ee4eb77e",3,["D",1788547335309],"directory",[166],"6355fea0-16bc-4199-b7af-839c789e1726","frontend","5936a9cc-a890-11f1-8091-1607ee4eb77e",2,["D",1788547335057],[173],"pulls","branches",1,"forks","envVars",{"_186":188,"_189":70},"connections",{"_186":70,"_187":70},"count","unfilledCount",4,"emptyCount",{"_50":172,"_38":173,"_36":174,"_143":-5,"_48":49,"_47":175,"_145":66,"_45":334,"_13":70,"_40":170,"_42":-5,"_30":31,"_149":-5,"_211":335,"_33":336},{"_50":329,"_38":312,"_36":306,"_143":174,"_48":49,"_47":330,"_145":66,"_45":331,"_13":70,"_40":170,"_42":-5,"_30":31,"_149":-5,"_211":332,"_33":333},{"_50":321,"_38":322,"_36":323,"_143":306,"_48":49,"_47":324,"_145":66,"_45":325,"_13":70,"_40":41,"_42":326,"_30":31,"_149":-5,"_211":327,"_33":328},{"_50":313,"_38":314,"_36":315,"_143":306,"_48":49,"_47":316,"_145":66,"_45":317,"_13":70,"_40":41,"_42":318,"_30":31,"_149":-5,"_211":319,"_33":320},{"_50":303,"_38":304,"_36":305,"_143":306,"_48":49,"_47":307,"_145":66,"_45":308,"_13":70,"_40":26,"_42":309,"_30":31,"_149":-5,"_211":310,"_33":311},{"_50":299,"_38":166,"_36":265,"_143":174,"_48":49,"_47":188,"_145":66,"_45":300,"_13":70,"_40":170,"_42":-5,"_30":31,"_149":-5,"_211":301,"_33":302},{"_50":295,"_38":39,"_36":37,"_143":265,"_48":49,"_47":14,"_145":31,"_45":296,"_13":175,"_40":41,"_42":44,"_30":31,"_149":-5,"_211":297,"_33":298},{"_50":287,"_38":288,"_36":289,"_143":265,"_48":49,"_47":290,"_145":31,"_45":291,"_13":70,"_40":41,"_42":292,"_30":31,"_149":-5,"_211":293,"_33":294},{"_50":279,"_38":280,"_36":281,"_143":265,"_48":49,"_47":282,"_145":31,"_45":283,"_13":70,"_40":41,"_42":284,"_30":31,"_149":-5,"_211":285,"_33":286},{"_50":271,"_38":272,"_36":273,"_143":265,"_48":49,"_47":274,"_145":31,"_45":275,"_13":180,"_40":41,"_42":276,"_30":31,"_149":-5,"_211":277,"_33":278},{"_50":263,"_38":221,"_36":264,"_143":265,"_48":49,"_47":266,"_145":66,"_45":267,"_13":70,"_40":41,"_42":268,"_30":31,"_149":-5,"_211":269,"_33":270},{"_50":165,"_38":166,"_36":167,"_143":-5,"_48":49,"_47":168,"_145":66,"_45":260,"_13":70,"_40":170,"_42":-5,"_30":31,"_149":-5,"_211":261,"_33":262},{"_50":252,"_38":253,"_36":254,"_143":167,"_48":49,"_47":255,"_145":31,"_45":256,"_13":70,"_40":41,"_42":257,"_30":31,"_149":-5,"_211":258,"_33":259},{"_50":244,"_38":245,"_36":246,"_143":167,"_48":49,"_47":247,"_145":66,"_45":248,"_13":70,"_40":41,"_42":249,"_30":31,"_149":-5,"_211":250,"_33":251},{"_50":236,"_38":237,"_36":238,"_143":167,"_48":49,"_47":239,"_145":31,"_45":240,"_13":180,"_40":41,"_42":241,"_30":31,"_149":-5,"_211":242,"_33":243},{"_50":228,"_38":229,"_36":230,"_143":167,"_48":49,"_47":231,"_145":66,"_45":232,"_13":70,"_40":41,"_42":233,"_30":31,"_149":-5,"_211":234,"_33":235},{"_50":220,"_38":221,"_36":222,"_143":167,"_48":49,"_47":223,"_145":66,"_45":224,"_13":70,"_40":41,"_42":225,"_30":31,"_149":-5,"_211":226,"_33":227},{"_50":158,"_38":159,"_36":160,"_143":-5,"_48":49,"_47":161,"_145":66,"_45":217,"_13":70,"_40":26,"_42":163,"_30":31,"_149":-5,"_211":218,"_33":219},{"_50":151,"_38":152,"_36":153,"_143":-5,"_48":49,"_47":154,"_145":31,"_45":214,"_13":70,"_40":26,"_42":156,"_30":31,"_149":-5,"_211":215,"_33":216},{"_50":141,"_38":142,"_36":64,"_143":-5,"_48":49,"_47":144,"_145":66,"_45":210,"_13":70,"_40":147,"_42":148,"_30":31,"_149":52,"_211":212,"_33":213},["D",1788547335992],"children",[],[142],["D",1788547336978],[],[152],["D",1788547337030],[],[159],"4213f0a1-de65-4cda-b0f8-304dbe6baa61","types.ts","5a79ceb8-a890-11f1-acac-1607ee4eb77e",20,["D",1788547336827],"export type DemoSlug = \"lightbox\" | \"cratewalk\";\n\nexport type FeedMode = \"images\" | \"posts\";\n\nexport type DemoConfig = {\n slug: DemoSlug;\n appName: string;\n tagline: string;\n mode: FeedMode;\n frontendDir: string;\n};\n\nexport type FeedChoice = {\n id: string;\n uri: string;\n name: string;\n kind: \"timeline\" | \"feed\";\n};\n\nexport type FeedImage = {\n url: string;\n thumb: string;\n alt: string;\n};\n\nexport type FeedPost = {\n uri: string;\n cid: string;\n author: {\n did: string;\n handle: string;\n displayName: string;\n avatar?: string;\n };\n text: string;\n createdAt: string;\n images: FeedImage[];\n videoThumb?: string;\n};\n\nexport type EmbedView = {\n $type?: string;\n images?: Array<{ thumb?: string; fullsize?: string; alt?: string }>;\n thumbnail?: string;\n media?: EmbedView;\n};\n",[],[166,221],"1cf46c2a-ccbb-43fb-9ce7-6d740b174bf1","resolve-handle.ts","5a46ba3c-a890-11f1-9138-1607ee4eb77e",16,["D",1788547336778],"const PROFILE =\n \"https://public.api.bsky.app/xrpc/app.bsky.actor.getProfile\";\n\nexport async function handleFromHint(hint: string): Promise {\n const trimmed = hint.trim().replace(/^@/, \"\");\n if (!trimmed) throw new Error(\"Enter a handle or DID\");\n if (!trimmed.startsWith(\"did:\")) return trimmed;\n\n const res = await fetch(`${PROFILE}?actor=${encodeURIComponent(trimmed)}`);\n if (!res.ok) throw new Error(\"Could not resolve that account\");\n const profile = (await res.json()) as { handle?: unknown };\n if (typeof profile.handle !== \"string\" || !profile.handle) {\n throw new Error(\"Could not resolve that account\");\n }\n return profile.handle;\n}\n",[],[166,229],"c2fa1309-acf0-4b6a-abeb-08c1eacf2881","oauth.ts","5a28007e-a890-11f1-bd21-1607ee4eb77e",23,["D",1788588451840],"import { createATProtoOAuth } from \"jsr:@tijs/atproto-oauth@2.10.3\";\nimport { sqliteAdapter, SQLiteStorage } from \"jsr:@tijs/atproto-storage@1.3.2\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\nimport { parseVal } from \"https://esm.town/v/std/utils/index.ts\";\n\nconst storage = new SQLiteStorage(sqliteAdapter(sqlite));\nconst cache = new Map>();\n\nexport function cookieSecretHelp(): string {\n try {\n const val = parseVal(import.meta.url);\n return `https://www.val.town/x/${val.username}/${val.name}/environment-variables?key=COOKIE_SECRET`;\n } catch {\n return \"https://www.val.town/settings\";\n }\n}\n\nexport function requireCookieSecret(): string {\n const secret = Deno.env.get(\"COOKIE_SECRET\") ?? \"\";\n if (secret.length < 32) {\n throw new Error(\n `COOKIE_SECRET must be at least 32 characters. Add it here: ${cookieSecretHelp()}`,\n );\n }\n return secret;\n}\n\nexport function publicBaseUrl(request: Request): string {\n return (Deno.env.get(\"PUBLIC_BASE_URL\") ?? new URL(request.url).origin)\n .replace(/\\/$/, \"\");\n}\n\nexport function loggedinOrigin(): string {\n return (Deno.env.get(\"LOGGEDIN_ORIGIN\") ?? \"https://whereami.loggedin.fyi\")\n .replace(/\\/$/, \"\");\n}\n\nexport function oauthFor(request: Request, appName: string) {\n const baseUrl = publicBaseUrl(request);\n const key = `${baseUrl}:${appName}`;\n const cached = cache.get(key);\n if (cached) return cached;\n\n const oauth = createATProtoOAuth({\n baseUrl,\n appName,\n cookieSecret: requireCookieSecret(),\n storage,\n sessionTtl: 60 * 60 * 24 * 14,\n });\n cache.set(key, oauth);\n return oauth;\n}\n\nexport function applySessionCookie(\n response: Response,\n setCookieHeader?: string,\n): Response {\n if (!setCookieHeader) return response;\n const headers = new Headers(response.headers);\n headers.set(\"Set-Cookie\", setCookieHeader);\n return new Response(response.body, { status: response.status, headers });\n}",[],[166,237],"cdea948d-abf1-4aab-9835-49a92a3c26a8","feed.ts","5a51fe74-a890-11f1-ab6d-1607ee4eb77e",17,["D",1788547336905],"import type { EmbedView, FeedChoice, FeedImage, FeedPost } from \"./types.ts\";\n\nconst APPVIEW = \"did:web:api.bsky.app#bsky_appview\";\n\nexport type SessionLike = {\n did: string;\n handle?: string;\n pdsUrl: string;\n makeRequest: (method: string, url: string, options?: RequestInit) => Promise;\n};\n\ntype FeedViewPost = {\n post?: {\n uri?: string;\n cid?: string;\n author?: {\n did?: string;\n handle?: string;\n displayName?: string;\n avatar?: string;\n };\n record?: { text?: string; createdAt?: string };\n embed?: EmbedView;\n };\n};\n\nexport function imagesFromEmbed(embed?: EmbedView): FeedImage[] {\n if (!embed) return [];\n if (embed.$type === \"app.bsky.embed.images#view\" && Array.isArray(embed.images)) {\n return embed.images\n .map((image) => {\n const url = image.fullsize || image.thumb || \"\";\n if (!url) return null;\n return {\n url,\n thumb: image.thumb || url,\n alt: image.alt || \"\",\n };\n })\n .filter((image): image is FeedImage => image !== null);\n }\n if (embed.$type === \"app.bsky.embed.recordWithMedia#view\") {\n return imagesFromEmbed(embed.media);\n }\n return [];\n}\n\nexport function videoThumbFromEmbed(embed?: EmbedView): string | undefined {\n if (!embed) return undefined;\n if (embed.$type === \"app.bsky.embed.video#view\" && typeof embed.thumbnail === \"string\") {\n return embed.thumbnail;\n }\n if (embed.$type === \"app.bsky.embed.recordWithMedia#view\") {\n return videoThumbFromEmbed(embed.media);\n }\n return undefined;\n}\n\nexport function mapFeedPost(row: FeedViewPost): FeedPost | null {\n const post = row.post;\n if (!post?.uri || !post.cid || !post.author?.did || !post.author.handle) return null;\n return {\n uri: post.uri,\n cid: post.cid,\n author: {\n did: post.author.did,\n handle: post.author.handle,\n displayName: post.author.displayName || post.author.handle,\n avatar: post.author.avatar,\n },\n text: typeof post.record?.text === \"string\" ? post.record.text : \"\",\n createdAt: typeof post.record?.createdAt === \"string\" ? post.record.createdAt : \"\",\n images: imagesFromEmbed(post.embed),\n videoThumb: videoThumbFromEmbed(post.embed),\n };\n}\n\nexport async function xrpc(\n session: SessionLike,\n nsid: string,\n params: Record = {},\n): Promise {\n const query = new URLSearchParams();\n for (const [key, value] of Object.entries(params)) {\n if (value) query.set(key, value);\n }\n const url = `${session.pdsUrl}/xrpc/${nsid}${query.size ? `?${query}` : \"\"}`;\n const proxied = await session.makeRequest(\"GET\", url, {\n headers: { \"atproto-proxy\": APPVIEW },\n });\n if (proxied.ok) return (await proxied.json()) as T;\n const retry = await session.makeRequest(\"GET\", url);\n if (!retry.ok) {\n const body = await retry.text();\n throw new Error(body || `XRPC ${nsid} failed (${retry.status})`);\n }\n return (await retry.json()) as T;\n}\n\ntype PreferencesResponse = {\n preferences?: Array<{ $type?: string; items?: Array<{ type?: string; value?: string; pinned?: boolean }> }>;\n};\n\ntype GeneratorsResponse = {\n feeds?: Array<{ uri?: string; displayName?: string }>;\n};\n\ntype SuggestedResponse = {\n feeds?: Array<{ uri?: string; displayName?: string }>;\n};\n\ntype FeedResponse = {\n feed?: FeedViewPost[];\n};\n\nexport async function listFeeds(session: SessionLike): Promise {\n const feeds: FeedChoice[] = [\n { id: \"following\", uri: \"following\", name: \"Following\", kind: \"timeline\" },\n ];\n const seen = new Set([\"following\"]);\n\n try {\n const prefs = await xrpc(session, \"app.bsky.actor.getPreferences\");\n const saved = prefs.preferences?.find((pref) => pref.$type === \"app.bsky.actor.defs#savedFeedsPrefV2\");\n const uris = (saved?.items ?? [])\n .filter((item) => item.type === \"feed\" && typeof item.value === \"string\")\n .map((item) => item.value as string);\n if (uris.length) {\n const named = await listGenerators(session, uris);\n for (const feed of named) {\n if (seen.has(feed.uri)) continue;\n seen.add(feed.uri);\n feeds.push(feed);\n }\n }\n } catch {\n // Saved feeds are optional; Following still works.\n }\n\n try {\n const suggested = await xrpc(session, \"app.bsky.feed.getSuggestedFeeds\", {\n limit: \"12\",\n });\n for (const feed of suggested.feeds ?? []) {\n if (!feed.uri || seen.has(feed.uri)) continue;\n seen.add(feed.uri);\n feeds.push({\n id: feed.uri,\n uri: feed.uri,\n name: feed.displayName || \"Feed\",\n kind: \"feed\",\n });\n }\n } catch {\n // Suggested feeds are optional.\n }\n\n return feeds;\n}\n\nasync function listGenerators(session: SessionLike, uris: string[]): Promise {\n const url = new URL(`${session.pdsUrl}/xrpc/app.bsky.feed.getFeedGenerators`);\n for (const uri of uris) url.searchParams.append(\"feeds\", uri);\n const proxied = await session.makeRequest(\"GET\", url.toString(), {\n headers: { \"atproto-proxy\": APPVIEW },\n });\n const res = proxied.ok ? proxied : await session.makeRequest(\"GET\", url.toString());\n if (!res.ok) return uris.map((uri) => ({ id: uri, uri, name: \"Saved feed\", kind: \"feed\" as const }));\n const body = (await res.json()) as GeneratorsResponse;\n const byUri = new Map((body.feeds ?? []).map((feed) => [feed.uri, feed.displayName]));\n return uris.map((uri) => ({\n id: uri,\n uri,\n name: byUri.get(uri) || \"Saved feed\",\n kind: \"feed\",\n }));\n}\n\nexport async function loadFeed(session: SessionLike, feedId: string): Promise {\n const data = feedId === \"following\" || !feedId\n ? await xrpc(session, \"app.bsky.feed.getTimeline\", { limit: \"50\" })\n : await xrpc(session, \"app.bsky.feed.getFeed\", { feed: feedId, limit: \"50\" });\n return (data.feed ?? []).map(mapFeedPost).filter((post): post is FeedPost => post !== null);\n}\n",[],[166,245],"5d782555-2e14-4555-a35d-aa408c47c68f","create-app.ts","5a34587e-a890-11f1-b541-1607ee4eb77e",15,["D",1788547336662],"import { Hono } from \"npm:hono@4.11.9\";\nimport { parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { applySessionCookie, loggedinOrigin, oauthFor, publicBaseUrl, requireCookieSecret } from \"./oauth.ts\";\nimport { handleFromHint } from \"./resolve-handle.ts\";\nimport { listFeeds, loadFeed } from \"./feed.ts\";\nimport type { DemoConfig } from \"./types.ts\";\n\nexport function createDemoApp(config: DemoConfig) {\n const app = new Hono();\n app.onError((err) => Promise.reject(err));\n app.use(async (c, next) => {\n try {\n requireCookieSecret();\n } catch (err) {\n return c.text(err instanceof Error ? err.message : \"COOKIE_SECRET is missing\", 500);\n }\n return next();\n });\n\n app.get(\"/oauth-client-metadata.json\", (c) => oauthFor(c.req.raw, config.appName).handleClientMetadata());\n app.get(\"/oauth/callback\", (c) => oauthFor(c.req.raw, config.appName).handleCallback(c.req.raw));\n app.post(\"/api/auth/logout\", (c) => oauthFor(c.req.raw, config.appName).handleLogout(c.req.raw));\n\n app.get(\"/login\", async (c) => {\n const hint = (c.req.query(\"handle\") ?? \"\").trim();\n if (!hint) return c.text(\"Enter a Bluesky handle or DID\", 400);\n try {\n const handle = await handleFromHint(hint);\n const url = new URL(c.req.url);\n url.searchParams.set(\"handle\", handle);\n return oauthFor(c.req.raw, config.appName).handleLogin(new Request(url, c.req.raw));\n } catch (err) {\n return c.text(err instanceof Error ? err.message : \"Could not start login\", 400);\n }\n });\n\n app.get(\"/api/config\", (c) =>\n c.json({\n slug: config.slug,\n appName: config.appName,\n tagline: config.tagline,\n mode: config.mode,\n loggedinOrigin: loggedinOrigin(),\n sisterAppUrl: Deno.env.get(\"SISTER_APP_URL\") ?? \"\",\n origin: publicBaseUrl(c.req.raw),\n }),\n );\n\n app.get(\"/api/auth/session\", async (c) => {\n const oauth = oauthFor(c.req.raw, config.appName);\n const { session, setCookieHeader } = await oauth.getSessionFromRequest(c.req.raw);\n if (!session) return c.json({ authenticated: false });\n return applySessionCookie(\n c.json({\n authenticated: true,\n did: session.did,\n handle: session.handle ?? session.did,\n }),\n setCookieHeader,\n );\n });\n\n app.get(\"/api/feeds\", async (c) => {\n const oauth = oauthFor(c.req.raw, config.appName);\n const { session, setCookieHeader, error } = await oauth.getSessionFromRequest(c.req.raw);\n if (!session) return c.json({ error: error?.message || \"Not authenticated\" }, 401);\n try {\n const feeds = await listFeeds(session);\n return applySessionCookie(c.json({ feeds }), setCookieHeader);\n } catch (err) {\n return applySessionCookie(\n c.json({ error: err instanceof Error ? err.message : \"Could not load feeds\" }, 502),\n setCookieHeader,\n );\n }\n });\n\n app.get(\"/api/feed\", async (c) => {\n const oauth = oauthFor(c.req.raw, config.appName);\n const { session, setCookieHeader, error } = await oauth.getSessionFromRequest(c.req.raw);\n if (!session) return c.json({ error: error?.message || \"Not authenticated\" }, 401);\n const feedId = c.req.query(\"feed\") || \"following\";\n try {\n const posts = await loadFeed(session, feedId);\n if (config.mode === \"images\") {\n const images = posts.flatMap((post) =>\n post.images.map((image) => ({\n ...image,\n postUri: post.uri,\n author: post.author,\n text: post.text,\n })),\n );\n return applySessionCookie(c.json({ images }), setCookieHeader);\n }\n return applySessionCookie(c.json({ posts }), setCookieHeader);\n } catch (err) {\n return applySessionCookie(\n c.json({ error: err instanceof Error ? err.message : \"Could not load feed\" }, 502),\n setCookieHeader,\n );\n }\n });\n\n app.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n app.get(\"/\", () => serveFile(`${config.frontendDir}/index.html`));\n app.get(\"/frontend/**/*\", (c) => serveFile(c.req.path));\n\n return app;\n}\n",[],[166,253],["D",1788547335309],[202,203,204,205,206],[166],"518391c5-c201-4d1b-ae08-4887e7283eef","59e69170-a890-11f1-8610-1607ee4eb77e","597da188-a890-11f1-8438-1607ee4eb77e",8,["D",1788547336127],"export type DemoSlug = \"lightbox\" | \"cratewalk\";\n\nexport type AppConfig = {\n slug: DemoSlug;\n appName: string;\n tagline: string;\n mode: \"images\" | \"posts\";\n loggedinOrigin: string;\n sisterAppUrl: string;\n origin: string;\n};\n\nexport type Session = {\n authenticated: boolean;\n did?: string;\n handle?: string;\n};\n\nexport type FeedChoice = {\n id: string;\n uri: string;\n name: string;\n kind: \"timeline\" | \"feed\";\n};\n\nexport type FeedImage = {\n url: string;\n thumb: string;\n alt: string;\n postUri?: string;\n text?: string;\n author?: {\n did: string;\n handle: string;\n displayName: string;\n avatar?: string;\n };\n};\n\nexport type FeedPost = {\n uri: string;\n cid: string;\n author: {\n did: string;\n handle: string;\n displayName: string;\n avatar?: string;\n };\n text: string;\n createdAt: string;\n images: FeedImage[];\n videoThumb?: string;\n};\n\nexport type HintedAccount = {\n did: string;\n origins?: string[];\n handle?: string;\n displayName?: string;\n};\n",[],[173,166,221],"5e70a8ce-a9b5-4397-bf4c-1c7b1b693991","loggedin.ts","59dae5e6-a890-11f1-bd21-1607ee4eb77e",24,["D",1788589147794],"export function isWebkitIOS(): boolean {\n if (typeof navigator === \"undefined\") return false;\n const ua = navigator.userAgent;\n // Chrome-on-iOS runs on WebKit/Safari, so ANY iOS UA carrying the WebKit\n // token (including CriOS) hits ITP's storage partitioning and cannot take\n // the quiet Blink-style path. Mac desktop Safari behaves the same.\n const webkit = /AppleWebKit/.test(ua);\n const ios = /iPhone|iPad|iPod/.test(ua);\n const macSafari = /Macintosh/.test(ua) && webkit && !/Chrome|Chromium|CriOS|Edg|OPR/.test(ua);\n return (ios && webkit) || macSafari;\n}\n\nexport function chooserUrl(loggedinOrigin: string): string {\n // whereami's landing page IS the first-party chooser (\"Clicking one starts\n // a normal OAuth login with that account\"). Opened as a top-level page on\n // the whereami origin, its storage is readable, and picking an account\n // posts a { type: \"picked\", did } message back — captured by listenForPicked.\n return `${loggedinOrigin.replace(/\\/$/, \"\")}/`;\n}\n\nimport type { HintedAccount } from \"./types.ts\";\n\ntype LoggedinApi = {\n renderAccountList: (\n el: HTMLElement,\n accounts: HintedAccount[],\n options: {\n originLabels?: Record;\n onPick?: (did: string, handle: string) => void;\n },\n ) => Promise;\n listenToEmbed: (\n iframe: HTMLIFrameElement,\n handlers: {\n onReady?: () => void;\n onUnavailable?: () => void;\n onAccounts?: (accounts: HintedAccount[], origin: string) => void;\n onPicked?: (did: string) => void;\n },\n ) => void;\n listenForPicked: (loggedinOrigin: string, onPicked: (did: string) => void) => void;\n heartbeat: (iframe: HTMLIFrameElement, did: string, targetOrigin: string) => void;\n logout: (iframe: HTMLIFrameElement, did: string, targetOrigin: string) => void;\n enrollUrl: (loggedinOrigin: string, did: string, returnUrl: string) => string;\n};\n\ndeclare global {\n interface Window {\n Loggedin?: LoggedinApi;\n }\n}\n\nexport async function loadLoggedinRenderer(loggedinOrigin: string): Promise {\n if (window.Loggedin) return window.Loggedin;\n await new Promise((resolve, reject) => {\n const script = document.createElement(\"script\");\n script.src = `${loggedinOrigin}/example-renderer.js`;\n script.onload = () => resolve();\n script.onerror = () => reject(new Error(\"Could not load loggedin.fyi renderer\"));\n document.head.appendChild(script);\n });\n if (!window.Loggedin) throw new Error(\"loggedin.fyi renderer missing\");\n return window.Loggedin;\n}\n\nexport async function loadOriginLabels(loggedinOrigin: string): Promise> {\n try {\n const res = await fetch(`${loggedinOrigin}/allowlist`);\n const data = (await res.json()) as { origins?: Array<{ origin: string; name: string }> };\n const labels: Record = {};\n for (const row of data.origins ?? []) labels[row.origin] = row.name;\n return labels;\n } catch {\n return {};\n }\n}\n",[],[173,166,272],"6131f493-3fda-438b-8143-2488747bb0ea","api.ts","5a0a2b9e-a890-11f1-b4d6-1607ee4eb77e",11,["D",1788547336070],"import type { AppConfig, FeedChoice, FeedImage, FeedPost, Session } from \"./types.ts\";\n\nexport async function loadConfig(): Promise {\n const res = await fetch(\"/api/config\", { credentials: \"include\" });\n if (!res.ok) throw new Error(\"Could not load app config\");\n return await res.json();\n}\n\nexport async function loadSession(): Promise {\n const res = await fetch(\"/api/auth/session\", { credentials: \"include\" });\n if (!res.ok) return { authenticated: false };\n return await res.json();\n}\n\nexport async function logout(): Promise {\n await fetch(\"/api/auth/logout\", { method: \"POST\", credentials: \"include\" });\n}\n\nexport function loginUrl(handle: string): string {\n return `/login?handle=${encodeURIComponent(handle.trim())}`;\n}\n\nexport async function loadFeeds(): Promise {\n const res = await fetch(\"/api/feeds\", { credentials: \"include\" });\n const data = await res.json();\n if (!res.ok) throw new Error(data.error || \"Could not load feeds\");\n return data.feeds ?? [];\n}\n\nexport async function loadImages(feed: string): Promise {\n const res = await fetch(`/api/feed?feed=${encodeURIComponent(feed)}`, { credentials: \"include\" });\n const data = await res.json();\n if (!res.ok) throw new Error(data.error || \"Could not load images\");\n return data.images ?? [];\n}\n\nexport async function loadPosts(feed: string): Promise {\n const res = await fetch(`/api/feed?feed=${encodeURIComponent(feed)}`, { credentials: \"include\" });\n const data = await res.json();\n if (!res.ok) throw new Error(data.error || \"Could not load posts\");\n return data.posts ?? [];\n}\n",[],[173,166,280],"1c82895a-99ee-460f-80c6-9bca16b35d51","SessionBar.tsx","59ef85c8-a890-11f1-a866-1607ee4eb77e",9,["D",1788547336271],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\nimport type { AppConfig, FeedChoice, Session } from \"./types.ts\";\nimport { logout } from \"./api.ts\";\nimport { loadLoggedinRenderer } from \"./loggedin.ts\";\n\ntype Props = {\n config: AppConfig;\n session: Session;\n feeds: FeedChoice[];\n feedId: string;\n onFeed: (id: string) => void;\n};\n\nexport function SessionBar({ config, session, feeds, feedId, onFeed }: Props) {\n const iframeRef = useRef(null);\n const [hint, setHint] = useState(\"Saving this login to loggedin.fyi…\");\n const crate = config.slug === \"cratewalk\";\n\n useEffect(() => {\n const iframe = iframeRef.current;\n const did = session.did;\n if (!iframe || !did) return;\n\n let cancelled = false;\n (async () => {\n try {\n const Loggedin = await loadLoggedinRenderer(config.loggedinOrigin);\n Loggedin.listenToEmbed(iframe, {\n onReady: () => {\n Loggedin.heartbeat(iframe, did, config.loggedinOrigin);\n if (!cancelled) setHint(\"This device can now offer this account to the other demo.\");\n },\n onUnavailable: () => {\n if (!cancelled) {\n setHint(\"Safari / Firefox: save this account with a first-party hop.\");\n }\n },\n onAccounts: () => {\n if (!cancelled) setHint(\"loggedin.fyi has this DID for this browser.\");\n },\n });\n } catch {\n if (!cancelled) setHint(\"Could not reach loggedin.fyi. The local login still works.\");\n }\n })();\n\n return () => {\n cancelled = true;\n };\n }, [config.loggedinOrigin, session.did]);\n\n async function onLogout() {\n const iframe = iframeRef.current;\n if (iframe && session.did && window.Loggedin) {\n window.Loggedin.logout(iframe, session.did, config.loggedinOrigin);\n }\n await logout();\n location.href = \"/\";\n }\n\n return (\n \n

\n \n {crate ? \"Demo B · Cratewalk\" : \"Demo A · Lightbox\"}\n

\n {config.appName}\n

\n \n Feed\n onFeed(event.target.value)}\n className={\n crate\n ? \"ml-2 border-4 border-black bg-[#fff6df] px-2 py-1 font-mono text-xs\"\n : \"ml-2 rounded-md border border-[#4a4336] bg-[#0e0c0a] px-2 py-1 text-sm text-[#f6efe2]\"\n }\n >\n {feeds.map((feed) => (\n \n ))}\n \n \n

\n {session.handle}\n

\n \n Log out\n \n {config.sisterAppUrl ? (\n \n {crate ? \"Open Lightbox\" : \"Open Cratewalk\"}\n \n ) : null}\n

\n {hint}\n

\n \n {session.did ? (\n \n Save on this device\n \n ) : null}\n \n view source\n \n \n );\n}\n",[],[173,166,288],"7f6bd6e1-bfa1-45db-b1d0-6b06eef648dd",["D",1788589155327],[],[173,166,39],"0fb7dbb2-394d-4c49-95f4-8820e16a093e",["D",1788547335524],[196,197,198,199,200],[173,166],"d65165da-6c0b-4518-a9b0-70e1d05e6ba7","index.html","5a179464-a890-11f1-8610-1607ee4eb77e","59a099b8-a890-11f1-9674-1607ee4eb77e",13,["D",1788547336524],"\n\n \n \n \n Lightbox — loggedin.fyi demo A\n \n \n \n \n \n

\n \n \n\n",[],[173,312,304],"lightbox","a150eca2-f3c2-4a27-9aba-77ce7720a976","app.tsx","5a0ff8ee-a890-11f1-9674-1607ee4eb77e",12,["D",1788547336447],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { loadConfig, loadFeeds, loadImages, loadSession } from \"../shared/api.ts\";\nimport { LoginScreen } from \"../shared/LoginScreen.tsx\";\nimport { SessionBar } from \"../shared/SessionBar.tsx\";\nimport type { AppConfig, FeedChoice, FeedImage, Session } from \"../shared/types.ts\";\nimport { Gallery } from \"./Gallery.tsx\";\n\nfunction App() {\n const [config, setConfig] = useState(null);\n const [session, setSession] = useState(null);\n const [feeds, setFeeds] = useState([]);\n const [feedId, setFeedId] = useState(\"following\");\n const [images, setImages] = useState([]);\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(\"\");\n\n useEffect(() => {\n Promise.all([loadConfig(), loadSession()])\n .then(([nextConfig, nextSession]) => {\n setConfig(nextConfig);\n setSession(nextSession);\n })\n .catch((err) => setError(err instanceof Error ? err.message : \"Failed to start\"));\n }, []);\n\n useEffect(() => {\n if (!session?.authenticated) return;\n loadFeeds()\n .then((next) => {\n setFeeds(next);\n if (!next.some((feed) => feed.id === feedId) && next[0]) setFeedId(next[0].id);\n })\n .catch((err) => setError(err instanceof Error ? err.message : \"Could not list feeds\"));\n }, [session?.authenticated]);\n\n useEffect(() => {\n if (!session?.authenticated) return;\n setLoading(true);\n setError(\"\");\n loadImages(feedId)\n .then(setImages)\n .catch((err) => setError(err instanceof Error ? err.message : \"Could not load images\"))\n .finally(() => setLoading(false));\n }, [session?.authenticated, feedId]);\n\n if (!config || !session) {\n return

{error || \"Loading Lightbox…\"}

;\n }\n if (!session.authenticated) return ;\n\n return (\n

\n \n \n

\n );\n}\n\ncreateRoot(document.getElementById(\"root\")!).render();\n",[],[173,312,314],"c861427e-9fa9-46b9-9984-5989b8811904","Gallery.tsx","59fe1b06-a890-11f1-b541-1607ee4eb77e",10,["D",1788547336361],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport type { FeedImage } from \"../shared/types.ts\";\n\ntype Props = {\n images: FeedImage[];\n loading: boolean;\n error: string;\n};\n\nexport function Gallery({ images, loading, error }: Props) {\n const [open, setOpen] = useState(null);\n\n if (loading) {\n return

Pulling stills from this feed…

;\n }\n if (error) {\n return

{error}

;\n }\n if (!images.length) {\n return

No images in this feed right now.

;\n }\n\n return (\n

\n {images.map((image, index) => (\n setOpen(image)}\n className=\"block w-full overflow-hidden rounded-sm border border-[#2a241c] bg-[#11100d] text-left\"\n >\n

\n \n @{image.author?.handle ?? \"unknown\"}\n \n \n ))}\n

\n {open ? (\n setOpen(null)}\n >\n

{open.alt — \n @{open.author?.handle}\n {open.text ? ` — ${open.text}` : \"\"}\n

\n ) : null}\n

\n );\n}\n",[],[173,312,322],"5efa9cf6-e63e-45c2-bfbe-f155a0aabb22",5,["D",1788547335732],[192,193,194],[173,312],["D",1788547335057],[191,195],[173],["D",1788546938576],["D",1789456888508],{"_107":106,"_114":110},{"_107":106,"_108":-5,"_109":110,"_19":62,"_111":112,"_113":31},{"_13":96,"_38":97,"_50":49,"_98":51,"_99":-5,"_100":-5,"_101":-5,"_102":-5,"_103":-5,"_104":52,"_105":106},"ctx",{"_89":-5,"_133":375,"_376":377,"_378":379,"_380":31,"_381":31,"_382":31,"_383":66,"_384":-5,"_385":-7,"_386":-7,"_387":70,"_388":31,"_389":31,"_390":-5,"_391":31,"_392":31,"_393":31,"_394":-5},"ENV",{"_346":347,"_348":349,"_350":97,"_351":352,"_353":354,"_355":356,"_357":358,"_359":360,"_361":362,"_363":364,"_365":366,"_367":368,"_369":370,"_371":372,"_373":374},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v26