Cratewalk — loggedin.fyi demo B

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_249":250,"_251":252},"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",11,"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/shared/loggedin.ts","latestPath","fileId","5d462e5c-a890-11f1-8b81-1607ee4eb77e","name","loggedin.ts","fileType","script","content","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","createdAt",["D",1788547341635],"branchVersion","branchId","548f9140-a1c9-476c-84a6-0db44da905ac","id","6e941c33-a65c-4d6d-9817-70d284ac3de5","cratewalk-loggedin",["D",1788547090141],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","","imageUrl","4a195d61-960e-47fc-a2de-babac7864ff9","pinnedFileId","5d1d09f0-a890-11f1-a0db-1607ee4eb77e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","4281254f-bfbc-421d-89b2-3fe0572f0e97","tursoName","6e941c33a65c4d6d981770d284ac3de5","tursoHostname","6e941c33a65c4d6d981770d284ac3de5-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789512647429],"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",39,"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":244,"_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":245,"_71":-5,"_72":73,"_74":73,"_75":76,"_77":76,"_78":76,"_79":73,"_80":73,"_81":246,"_83":247,"_85":248,"_87":24},"tree",[172,180,181,182],"files",[172,173,174,175,176,177,178,179,180,181,182],"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},"d4670df0-ff04-4f4d-b2be-98a598636fb9","main.ts","c740c930-a88f-11f1-a4bc-1607ee4eb77e","parentId",1,"latest",["D",1788547090174],"label",[133],"b2eac35e-c0ac-4d76-a584-42056808d077","main.http.ts",7,["D",1788547341597],"http","import { createDemoApp } from \"./shared/create-app.ts\";\n\nconst app = createDemoApp({\n slug: \"cratewalk\",\n appName: \"Cratewalk\",\n tagline: \"Every post ships in a pixelated cardboard box on a half-width belt.\",\n mode: \"posts\",\n frontendDir: \"/frontend/cratewalk\",\n});\n\nexport default app.fetch;\n",[142],"d9f573b1-7084-461e-a2b1-44ad0b473453","shared","5c6d814c-a890-11f1-938e-1607ee4eb77e",3,["D",1788547340451],"directory",[149],"74d5a19b-2a66-4a58-b1ec-825a51819753","frontend","5c3ec1fe-a890-11f1-b0a0-1607ee4eb77e",2,["D",1788547340133],[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":241,"_13":62,"_33":153,"_35":-5,"_23":24,"_139":-5,"_184":242,"_26":243},{"_42":237,"_31":220,"_29":214,"_135":157,"_40":41,"_39":170,"_137":58,"_37":238,"_13":62,"_33":153,"_35":-5,"_23":24,"_139":-5,"_184":239,"_26":240},{"_42":229,"_31":230,"_29":231,"_135":214,"_40":41,"_39":232,"_137":58,"_37":233,"_13":62,"_33":34,"_35":234,"_23":24,"_139":-5,"_184":235,"_26":236},{"_42":221,"_31":222,"_29":223,"_135":214,"_40":41,"_39":224,"_137":58,"_37":225,"_13":62,"_33":34,"_35":226,"_23":24,"_139":-5,"_184":227,"_26":228},{"_42":211,"_31":212,"_29":213,"_135":214,"_40":41,"_39":215,"_137":58,"_37":216,"_13":62,"_33":20,"_35":217,"_23":24,"_139":-5,"_184":218,"_26":219},{"_42":206,"_31":149,"_29":194,"_135":157,"_40":41,"_39":207,"_137":58,"_37":208,"_13":62,"_33":153,"_35":-5,"_23":24,"_139":-5,"_184":209,"_26":210},{"_42":198,"_31":199,"_29":200,"_135":194,"_40":41,"_39":201,"_137":24,"_37":202,"_13":62,"_33":34,"_35":203,"_23":24,"_139":-5,"_184":204,"_26":205},{"_42":193,"_31":32,"_29":30,"_135":194,"_40":41,"_39":14,"_137":24,"_37":195,"_13":62,"_33":34,"_35":36,"_23":24,"_139":-5,"_184":196,"_26":197},{"_42":148,"_31":149,"_29":150,"_135":-5,"_40":41,"_39":151,"_137":58,"_37":190,"_13":62,"_33":153,"_35":-5,"_23":24,"_139":-5,"_184":191,"_26":192},{"_42":141,"_31":142,"_29":56,"_135":-5,"_40":41,"_39":143,"_137":58,"_37":187,"_13":62,"_33":145,"_35":146,"_23":24,"_139":44,"_184":188,"_26":189},{"_42":132,"_31":133,"_29":134,"_135":-5,"_40":41,"_39":136,"_137":24,"_37":183,"_13":62,"_33":34,"_35":52,"_23":24,"_139":-5,"_184":185,"_26":186},["D",1788547090174],"children",[],[133],["D",1788547341597],[],[142],["D",1788547340451],[],[149],"46d896c4-26fe-4023-853e-915cc6bffeee","5cea8fc0-a890-11f1-8a9f-1607ee4eb77e",["D",1788547341635],[],[156,149,32],"831258d3-82d4-4a18-811f-a5b2ef21d2e1","api.ts","5d36bec2-a890-11f1-973a-1607ee4eb77e",10,["D",1788547341768],"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",[],[156,149,199],"84583909-fbbf-4b58-b543-c68dbf27ed26",5,["D",1788547341265],[178,179],[156,149],"e75cb7b9-56ee-4cff-9911-42957c0a3c5d","index.html","5d14c5e2-a890-11f1-8788-1607ee4eb77e","5ca8cd4c-a890-11f1-8a0a-1607ee4eb77e",6,["D",1788547341505],"\n\n \n \n \n Cratewalk — loggedin.fyi demo B\n \n \n \n \n \n

\n \n \n\n",[],[156,220,212],"cratewalk","48bf1242-0ac8-4092-9e35-1b26365640fe","app.tsx","5d25d77e-a890-11f1-bd21-1607ee4eb77e",8,["D",1788547341610],"/** @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, loadPosts, loadSession } from \"../shared/api.ts\";\nimport { LoginScreen } from \"../shared/LoginScreen.tsx\";\nimport { SessionBar } from \"../shared/SessionBar.tsx\";\nimport type { AppConfig, FeedChoice, FeedPost, Session } from \"../shared/types.ts\";\nimport { Conveyor } from \"./Conveyor.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 [posts, setPosts] = 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 loadPosts(feedId)\n .then(setPosts)\n .catch((err) => setError(err instanceof Error ? err.message : \"Could not load posts\"))\n .finally(() => setLoading(false));\n }, [session?.authenticated, feedId]);\n\n if (!config || !session) {\n return

{error || \"Booting the belt…\"}

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

\n \n \n

\n );\n}\n\ncreateRoot(document.getElementById(\"root\")!).render();\n",[],[156,220,222],"efd8bd86-4cb0-4e30-ab34-62468cae2195","Conveyor.tsx","5d2ddef6-a890-11f1-8a9f-1607ee4eb77e",9,["D",1788547341539],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport type { FeedPost } from \"../shared/types.ts\";\n\ntype Phase =\n | { kind: \"empty\" }\n | { kind: \"travel\"; post: FeedPost; index: number; displayed?: FeedPost }\n | { kind: \"open\"; post: FeedPost; index: number }\n | { kind: \"show\"; post: FeedPost; index: number };\n\ntype Props = {\n posts: FeedPost[];\n loading: boolean;\n error: string;\n};\n\nexport function Conveyor({ posts, loading, error }: Props) {\n const [phase, setPhase] = useState({ kind: \"empty\" });\n\n useEffect(() => {\n if (!posts.length) {\n setPhase({ kind: \"empty\" });\n return;\n }\n setPhase({ kind: \"travel\", post: posts[0], index: 0 });\n }, [posts]);\n\n useEffect(() => {\n if (phase.kind === \"travel\") {\n const id = window.setTimeout(() => setPhase({ kind: \"open\", post: phase.post, index: phase.index }), 3200);\n return () => window.clearTimeout(id);\n }\n if (phase.kind === \"open\") {\n const id = window.setTimeout(() => setPhase({ kind: \"show\", post: phase.post, index: phase.index }), 700);\n return () => window.clearTimeout(id);\n }\n if (phase.kind === \"show\") {\n const next = posts[phase.index + 1];\n if (!next) return;\n const id = window.setTimeout(() => {\n setPhase({ kind: \"travel\", post: next, index: phase.index + 1, displayed: phase.post });\n }, 2200);\n return () => window.clearTimeout(id);\n }\n }, [phase, posts]);\n\n if (loading) {\n return

Waiting on the loading dock…

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

{error}

;\n }\n\n const incoming = phase.kind === \"travel\" || phase.kind === \"open\" ? phase.post : null;\n const opened = phase.kind === \"show\" || phase.kind === \"open\"\n ? phase.post\n : phase.kind === \"travel\"\n ? phase.displayed\n : null;\n const leaving = phase.kind === \"open\" && phase.index > 0 ? posts[phase.index - 1] : null;\n\n return (\n

\n\n

\n {opened ? (\n \n \n

\n ) : null}\n {leaving ? (\n

\n \n

\n ) : null}\n

\n {incoming ? (\n \n \n

\n ) : null}\n {phase.kind === \"show\" ? (\n

\n \n

\n ) : null}\n {!posts.length ? (\n

\n No parcels on this belt.\n

\n ) : null}\n

\n );\n}\n\nfunction CardboardBox({ open }: { open: boolean }) {\n return (\n

\n );\n}\n\nfunction PostParcel({ post }: { post: FeedPost }) {\n return (\n

\n {post.author.avatar ? (\n $\"\"$ \n ) : (\n \n )}\n

\n {post.author.displayName}\n @{post.author.handle}\n

\n {post.text ? (\n

\n {post.text.length > 180 ? `${post.text.slice(0, 180)}…` : post.text}\n

\n ) : null}\n

\n {post.images.map((image) => (\n \n ))}\n {post.videoThumb ? (\n

\n \n \n VIDEO\n \n

\n ) : null}\n

\n );\n}\n",[],[156,220,230],"0b1ee69a-0d4c-4ddb-a3db-3d95ad7d7e2f",["D",1788547340754],[174,175,176],[156,220],["D",1788547340133],[173,177],[156],["D",1788547090141],["D",1789512647429],{"_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":282,"_283":284,"_285":286,"_287":24,"_288":24,"_289":24,"_290":58,"_291":-5,"_292":-7,"_293":-7,"_294":62,"_295":24,"_296":24,"_297":-5,"_298":24,"_299":24,"_300":24,"_301":-5},"ENV",{"_253":254,"_255":256,"_257":89,"_258":259,"_260":261,"_262":263,"_264":265,"_266":267,"_268":269,"_270":271,"_272":273,"_274":275,"_276":277,"_278":279,"_280":281},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","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 · v11