[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_240":241,"_242":243},"routes/_app.x.$handle.$name",{"_99":98,"_31":44,"_107":89,"_26":52,"_13":14,"_108":-5,"_11":109,"_110":111,"_112":113,"_114":115,"_116":117,"_20":-5,"_118":-5,"_119":-5,"_120":24,"_121":122,"_123":58,"_124":-5,"_125":-5,"_126":127},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_42":43,"_31":44,"_37":45,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":56,"_57":58,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":66,"_67":68,"_69":70,"_71":-5,"_72":73,"_74":73,"_75":76,"_77":76,"_78":76,"_79":73,"_80":73,"_81":82,"_83":84,"_85":86,"_87":24},"version",10,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":14,"_40":41,"_23":24},"previous","deleted",false,"deletedHere","path","frontend/lightbox/Gallery.tsx","latestPath","fileId","59fe1b06-a890-11f1-b541-1607ee4eb77e","name","Gallery.tsx","fileType","script","content","/** @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","createdAt",["D",1788547336361],"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",1789543856531],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_99":98,"_106":102},"org",{"_99":98,"_100":-5,"_101":102,"_18":54,"_103":104,"_105":24},"branch",{"_13":88,"_31":89,"_42":41,"_90":43,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":44,"_97":98},"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",{"_42":43,"_31":44,"_37":235,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":56,"_57":58,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":66,"_67":68,"_69":236,"_71":-5,"_72":73,"_74":73,"_75":76,"_77":76,"_78":76,"_79":73,"_80":73,"_81":237,"_83":238,"_85":239,"_87":24},"tree",[172,179,180,181],"files",[172,173,174,175,176,177,178,179,180,181],"counts",{"_161":62,"_162":136,"_163":62,"_164":165,"_166":167},"contents",[128,129,130,131],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_42":155,"_31":156,"_29":157,"_135":-5,"_40":41,"_39":158,"_137":58,"_37":159,"_13":62,"_33":153,"_35":-5,"_23":24,"_139":-5,"_26":160},{"_42":148,"_31":149,"_29":150,"_135":-5,"_40":41,"_39":151,"_137":58,"_37":152,"_13":62,"_33":153,"_35":-5,"_23":24,"_139":-5,"_26":154},{"_42":141,"_31":142,"_29":56,"_135":-5,"_40":41,"_39":143,"_137":58,"_37":144,"_13":62,"_33":145,"_35":146,"_23":24,"_139":44,"_26":147},{"_42":132,"_31":133,"_29":134,"_135":-5,"_40":41,"_39":136,"_137":24,"_37":138,"_13":62,"_33":34,"_35":52,"_23":24,"_139":-5,"_26":140},"456855e1-9c43-459a-b772-b91754874a22","main.ts","6ce8e6ac-a88f-11f1-b7ce-1607ee4eb77e","parentId",1,"latest",["D",1788546938603],"label",[133],"0829fcca-cfcf-4720-adc3-57c1a469fc23","main.http.ts",6,["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",[142],"a096fbea-bb58-410b-956b-81e0f2203dcb","shared","595e594a-a890-11f1-a44a-1607ee4eb77e",3,["D",1788547335309],"directory",[149],"6355fea0-16bc-4199-b7af-839c789e1726","frontend","5936a9cc-a890-11f1-8091-1607ee4eb77e",2,["D",1788547335057],[156],"pulls","branches","forks","envVars",{"_168":170,"_171":62},"connections",{"_168":62,"_169":62},"count","unfilledCount",4,"emptyCount",{"_42":155,"_31":156,"_29":157,"_135":-5,"_40":41,"_39":158,"_137":58,"_37":232,"_13":62,"_33":153,"_35":-5,"_23":24,"_139":-5,"_183":233,"_26":234},{"_42":227,"_31":226,"_29":222,"_135":157,"_40":41,"_39":228,"_137":58,"_37":229,"_13":62,"_33":153,"_35":-5,"_23":24,"_139":-5,"_183":230,"_26":231},{"_42":221,"_31":32,"_29":30,"_135":222,"_40":41,"_39":14,"_137":58,"_37":223,"_13":62,"_33":34,"_35":36,"_23":24,"_139":-5,"_183":224,"_26":225},{"_42":217,"_31":149,"_29":195,"_135":157,"_40":41,"_39":170,"_137":58,"_37":218,"_13":62,"_33":153,"_35":-5,"_23":24,"_139":-5,"_183":219,"_26":220},{"_42":209,"_31":210,"_29":211,"_135":195,"_40":41,"_39":212,"_137":24,"_37":213,"_13":62,"_33":34,"_35":214,"_23":24,"_139":-5,"_183":215,"_26":216},{"_42":201,"_31":202,"_29":203,"_135":195,"_40":41,"_39":204,"_137":24,"_37":205,"_13":62,"_33":34,"_35":206,"_23":24,"_139":-5,"_183":207,"_26":208},{"_42":192,"_31":193,"_29":194,"_135":195,"_40":41,"_39":196,"_137":58,"_37":197,"_13":62,"_33":34,"_35":198,"_23":24,"_139":-5,"_183":199,"_26":200},{"_42":148,"_31":149,"_29":150,"_135":-5,"_40":41,"_39":151,"_137":58,"_37":189,"_13":62,"_33":153,"_35":-5,"_23":24,"_139":-5,"_183":190,"_26":191},{"_42":141,"_31":142,"_29":56,"_135":-5,"_40":41,"_39":143,"_137":58,"_37":186,"_13":62,"_33":145,"_35":146,"_23":24,"_139":44,"_183":187,"_26":188},{"_42":132,"_31":133,"_29":134,"_135":-5,"_40":41,"_39":136,"_137":24,"_37":182,"_13":62,"_33":34,"_35":52,"_23":24,"_139":-5,"_183":184,"_26":185},["D",1788546938603],"children",[],[133],["D",1788547335992],[],[142],["D",1788547335309],[],[149],"518391c5-c201-4d1b-ae08-4887e7283eef","types.ts","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",[],[156,149,193],"6d3a7d3d-d1c6-4858-8aff-7c167f2695cd","loggedin.ts","59dae5e6-a890-11f1-bd21-1607ee4eb77e",7,["D",1788547336083],"import 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",[],[156,149,202],"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",[],[156,149,210],"0fb7dbb2-394d-4c49-95f4-8820e16a093e",["D",1788547335524],[176,177,178],[156,149],"c861427e-9fa9-46b9-9984-5989b8811904","59a099b8-a890-11f1-9674-1607ee4eb77e",["D",1788547336361],[],[156,226,32],"lightbox","5efa9cf6-e63e-45c2-bfbe-f155a0aabb22",5,["D",1788547335732],[174],[156,226],["D",1788547335057],[173,175],[156],["D",1788546938576],["D",1789543856531],{"_99":98,"_106":102},{"_99":98,"_100":-5,"_101":102,"_18":54,"_103":104,"_105":24},{"_13":88,"_31":89,"_42":41,"_90":43,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":44,"_97":98},"ctx",{"_81":-5,"_125":273,"_274":275,"_276":277,"_278":24,"_279":24,"_280":24,"_281":58,"_282":-5,"_283":-7,"_284":-7,"_285":62,"_286":24,"_287":24,"_288":-5,"_289":24,"_290":24,"_291":24,"_292":-5},"ENV",{"_244":245,"_246":247,"_248":89,"_249":250,"_251":252,"_253":254,"_255":256,"_257":258,"_259":260,"_261":262,"_263":264,"_265":266,"_267":268,"_269":270,"_271":272},"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 · v10