[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_178":179,"_180":181},"routes/_app.x.$handle.$name",{"_104":103,"_32":49,"_113":90,"_27":59,"_13":14,"_114":-5,"_11":115,"_116":117,"_118":119,"_120":121,"_122":123,"_21":-5,"_124":125,"_126":127,"_128":25,"_129":130,"_131":63,"_132":-5,"_133":-5,"_134":135},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_47":48,"_32":49,"_37":50,"_51":-5,"_52":25,"_53":54,"_55":54,"_56":57,"_58":59,"_18":60,"_61":31,"_62":63,"_64":63,"_65":-5,"_66":67,"_68":69,"_70":-5,"_71":-5,"_72":-5,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":84,"_85":86,"_87":88,"_89":25},"version",1,"changes",[19,20],"aiChatInfo","userId",{"_21":42,"_23":-7,"_24":25,"_26":25,"_27":43,"_29":43},{"_21":22,"_23":-7,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":36,"_37":38,"_39":14,"_40":41,"_24":25},"previous","deleted",false,"deletedHere","path","main.tsx","latestPath","fileId","019aee0d-60b5-7506-8077-e95f2a23e6d7","name","fileType","http","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport { Hono } from \"https://esm.sh/hono@4.10.4\";\nimport {\n newHttpBatchRpcSession,\n newWorkersRpcResponse,\n RpcTarget,\n} from \"https://esm.sh/capnweb@0.2.0\";\n\n// SHARED\nclass RPC extends RpcTarget {\n echo(input: string) {\n console.log(\"Call echo\", input);\n return `Echo: ${input}`;\n }\n}\n\n// FRONTEND\nexport function App() {\n const [results, setResults] = useState([]);\n\n async function onChange(e: React.ChangeEvent) {\n const api = newHttpBatchRpcSession(`/api`);\n const response = await api.echo(api.echo(api.echo(e.target.value)));\n setResults((results) => [response, ...results]);\n }\n\n return (\n

Cap'n Web Demo

\n \n

Results

{result}

\n );\n}\nif (typeof document !== \"undefined\") {\n createRoot(document.getElementById(\"root\")).render();\n}\n\n// BACKEND\nconst app = new Hono();\napp.get(\"/\", (c) => c.html(bootstrapClientReactApp()));\napp.post(\"/api\", (c) => newWorkersRpcResponse(c.req.raw, new RPC()));\napp.onError((e) => Promise.reject(e));\nexport default app.fetch;\n\n// REACT HELPER\nfunction bootstrapClientReactApp() {\n return `\n \n \n \n Cap'n Web\n \n \n

\n \n \n \n`;\n}\n\n// Debug helper\n// app.post(\"/api\", async (c) => {\n// const r = c.req.raw.clone();\n// console.log(await r.text());\n// return newWorkersRpcResponse(c.req.raw, new RPC());\n// });","createdAt",["D",1764930445429],"branchVersion","branchId","fe117cb8-d1c4-11f0-aad0-42dde27851f2",{"_30":44,"_32":43,"_33":21,"_35":45,"_37":46,"_39":14,"_40":41,"_24":25},"README.md","019aee0d-60b5-7506-8077-e6f686db7727","# Cap'n Web Demo\n\nRPC for TypeScript\n\nLearn more: https://capnweb.org/\n\nDemo video with explainer:\nhttps://x.com/stevekrouse/status/1987519775363285252?s=20",["D",1764930445429],"id","fe0deecc-d1c4-11f0-aad0-42dde27851f2","capn-web-demo",["D",1764930445429],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Demo of Cap'n Web RPC","imageUrl","","019aee04-b263-75ee-92f4-372f56307701","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019aee04-b264-711e-852b-f28a1799c8d7","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_104":103,"_112":108},"org",{"_104":103,"_105":106,"_107":108,"_18":60,"_109":110,"_111":25},"branch",{"_13":14,"_32":90,"_47":41,"_91":48,"_92":93,"_94":95,"_96":54,"_97":98,"_99":100,"_101":49,"_102":103},"isOwned","main","projectId","forkedBranchId","5b47d39c-bd6a-11f0-b7cf-42dde27851f2","forkedBranchVersion",96,"forkedProjectPrivacy","forkedProjectId","5b47726c-bd6a-11f0-b7cf-42dde27851f2","forkedProjectOrgId","e81e7335-6d4c-4764-a902-d0962bbfa9f7","projectName","userHandle","dk3","handle","displayName","dk","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18zNlFETVNueWN1THEwdGZOOUxVYkpKZGFRVzAifQ","tier","free","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_47":48,"_32":49,"_37":174,"_51":-5,"_52":25,"_53":54,"_55":54,"_56":57,"_58":59,"_18":60,"_61":31,"_62":63,"_64":63,"_65":-5,"_66":67,"_68":69,"_70":-5,"_71":-5,"_72":-5,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":175,"_85":176,"_87":177,"_89":25},"tree",[165,166],"files",[165,166],"counts",{"_155":67,"_156":14,"_157":67,"_158":159,"_160":161},"contents",[144,145],"upstreamProject",{"_47":98,"_32":49,"_56":57,"_58":59,"_53":54,"_83":142},"upstreamBranch",{"_47":93,"_37":136,"_137":138,"_32":90,"_91":98,"_13":95,"_92":-5,"_94":-5,"_139":140,"_51":-5,"_89":25,"_53":54,"_102":141,"_68":100,"_101":49},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1762692494403],"updatedAt",["D",1762696659485],"lockfileKey","1767109789094-esm.town_v_stevekrouse_capn-web-demo@96-main","stevekrouse",{"_104":141,"_112":143},"https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg",{"_47":152,"_32":43,"_30":44,"_147":-5,"_40":41,"_39":14,"_148":63,"_37":153,"_13":67,"_33":21,"_35":45,"_24":25,"_150":-5,"_27":154},{"_47":146,"_32":28,"_30":31,"_147":-5,"_40":41,"_39":14,"_148":63,"_37":149,"_13":67,"_33":34,"_35":36,"_24":25,"_150":-5,"_27":151},"fe149a9c-d1c4-11f0-aad0-42dde27851f2","parentId","latest",["D",1764930445429],"label",[28],"fe149132-d1c4-11f0-aad0-42dde27851f2",["D",1764930445429],[43],"pulls","branches","forks","envVars",{"_162":67,"_164":67},"connections",{"_162":67,"_163":67},"count","unfilledCount","emptyCount",{"_47":152,"_32":43,"_30":44,"_147":-5,"_40":41,"_39":14,"_148":63,"_37":171,"_13":67,"_33":21,"_35":45,"_24":25,"_150":-5,"_168":172,"_27":173},{"_47":146,"_32":28,"_30":31,"_147":-5,"_40":41,"_39":14,"_148":63,"_37":167,"_13":67,"_33":34,"_35":36,"_24":25,"_150":-5,"_168":169,"_27":170},["D",1764930445429],"children",[],[28],["D",1764930445429],[],[43],["D",1764930445429],{"_104":103,"_112":108},{"_104":103,"_105":106,"_107":108,"_18":60,"_109":110,"_111":25},{"_13":14,"_32":90,"_47":41,"_91":48,"_92":93,"_94":95,"_96":54,"_97":98,"_99":100,"_101":49,"_102":103},"ctx",{"_83":-5,"_133":211,"_212":213,"_214":215,"_216":25,"_217":25,"_218":25,"_219":63,"_220":-5,"_221":-7,"_222":-7,"_223":67,"_224":25,"_225":25,"_226":-5,"_227":25,"_228":25,"_229":25,"_230":-5},"ENV",{"_182":183,"_184":185,"_186":90,"_187":188,"_189":190,"_191":192,"_193":194,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","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 · v1