Cratewalk — loggedin.fyi demo B

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_231":232,"_233":234},"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",9,"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/cratewalk/Conveyor.tsx","latestPath","fileId","5d2ddef6-a890-11f1-8a9f-1607ee4eb77e","name","Conveyor.tsx","fileType","script","content","/** @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","createdAt",["D",1788547341539],"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":226,"_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":227,"_71":-5,"_72":73,"_74":73,"_75":76,"_77":76,"_78":76,"_79":73,"_80":73,"_81":228,"_83":229,"_85":230,"_87":24},"tree",[172,178,179,180],"files",[172,173,174,175,176,177,178,179,180],"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":223,"_13":62,"_33":153,"_35":-5,"_23":24,"_139":-5,"_182":224,"_26":225},{"_42":219,"_31":206,"_29":200,"_135":157,"_40":41,"_39":170,"_137":58,"_37":220,"_13":62,"_33":153,"_35":-5,"_23":24,"_139":-5,"_182":221,"_26":222},{"_42":215,"_31":32,"_29":30,"_135":200,"_40":41,"_39":14,"_137":58,"_37":216,"_13":62,"_33":34,"_35":36,"_23":24,"_139":-5,"_182":217,"_26":218},{"_42":207,"_31":208,"_29":209,"_135":200,"_40":41,"_39":210,"_137":58,"_37":211,"_13":62,"_33":34,"_35":212,"_23":24,"_139":-5,"_182":213,"_26":214},{"_42":197,"_31":198,"_29":199,"_135":200,"_40":41,"_39":201,"_137":58,"_37":202,"_13":62,"_33":20,"_35":203,"_23":24,"_139":-5,"_182":204,"_26":205},{"_42":191,"_31":149,"_29":192,"_135":157,"_40":41,"_39":193,"_137":58,"_37":194,"_13":62,"_33":153,"_35":-5,"_23":24,"_139":-5,"_182":195,"_26":196},{"_42":148,"_31":149,"_29":150,"_135":-5,"_40":41,"_39":151,"_137":58,"_37":188,"_13":62,"_33":153,"_35":-5,"_23":24,"_139":-5,"_182":189,"_26":190},{"_42":141,"_31":142,"_29":56,"_135":-5,"_40":41,"_39":143,"_137":58,"_37":185,"_13":62,"_33":145,"_35":146,"_23":24,"_139":44,"_182":186,"_26":187},{"_42":132,"_31":133,"_29":134,"_135":-5,"_40":41,"_39":136,"_137":24,"_37":181,"_13":62,"_33":34,"_35":52,"_23":24,"_139":-5,"_182":183,"_26":184},["D",1788547090174],"children",[],[133],["D",1788547341597],[],[142],["D",1788547340451],[],[149],"84583909-fbbf-4b58-b543-c68dbf27ed26","5cea8fc0-a890-11f1-8a9f-1607ee4eb77e",5,["D",1788547341265],[],[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,206,198],"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,206,208],"efd8bd86-4cb0-4e30-ab34-62468cae2195",["D",1788547341539],[],[156,206,32],"0b1ee69a-0d4c-4ddb-a3db-3d95ad7d7e2f",["D",1788547340754],[174,175,176],[156,206],["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":264,"_265":266,"_267":268,"_269":24,"_270":24,"_271":24,"_272":58,"_273":-5,"_274":-7,"_275":-7,"_276":62,"_277":24,"_278":24,"_279":-5,"_280":24,"_281":24,"_282":24,"_283":-5},"ENV",{"_235":236,"_237":238,"_239":89,"_240":241,"_242":243,"_244":245,"_246":247,"_248":249,"_250":251,"_252":253,"_254":255,"_256":257,"_258":259,"_260":261,"_262":263},"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 · v9