Hono Clock

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_165":166,"_167":168},"routes/_app.x.$handle.$name",{"_96":95,"_32":45,"_104":86,"_27":36,"_13":14,"_105":-5,"_11":106,"_107":108,"_109":110,"_111":112,"_113":114,"_20":-5,"_115":-5,"_116":-5,"_117":25,"_118":119,"_120":58,"_121":-5,"_122":-5,"_123":124},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":56,"_57":58,"_59":58,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":79,"_80":81,"_82":83,"_84":25},"version",9,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","new-file-3096.ts","latestPath","fileId","0b19cd88-d1ee-11f0-9a37-42dde27851f2","name","fileType","script","content","","/** @jsxImportSource npm:hono/jsx */\nimport { Hono } from \"npm:hono\";\nimport { streamText } from \"npm:hono/streaming\";\n\nconst app = new Hono();\n\n// 1. 也是返回一个黑客风格的页面\napp.get(\"/\", (c) => {\n return c.html(`\n \n \n \n \n \n Hono Clock\n \n \n \n

Connecting...

Real-time via Hono SSE

\n \n \n \n `);\n});\n\n// 2. 这里的 /sse 就是负责不停地往前端推时间\napp.get(\"/sse\", (c) => {\n c.header(\"Content-Type\", \"text/event-stream\");\n c.header(\"Cache-Control\", \"no-cache\");\n c.header(\"Connection\", \"keep-alive\");\n\n return streamText(c, async (stream) => {\n while (true) {\n const now = new Date().toLocaleTimeString();\n // 推送数据\n await stream.write(`data: ${now}\\n\\n`);\n // 等 1 秒\n await new Promise((resolve) => setTimeout(resolve, 1000));\n }\n });\n});\n\nexport default app.fetch;","createdAt",["D",1764948093550],"branchVersion","branchId","0663dbbe-d1ec-11f0-8072-42dde27851f2","id","06638e0c-d1ec-11f0-8072-42dde27851f2","untitled-3357",["D",1764947209811],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","019aef0a-00d4-75de-9a2a-de061e07408d","pinnedFileId","066555ac-d1ec-11f0-8072-42dde27851f2","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019aef0a-00d4-75de-9a2a-e3427424d4b0","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_96":95,"_103":99},"org",{"_96":95,"_97":-5,"_98":99,"_18":54,"_100":101,"_102":25},"branch",{"_13":85,"_32":86,"_43":42,"_87":44,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":45,"_94":95},"isOwned",18,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","baomihuayouzicha","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18zNlFtM1ozVXM0Z2F1STUyTktnRm9jR3NZUjkifQ","tier","free","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_43":44,"_32":45,"_38":161,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":56,"_57":58,"_59":58,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":162,"_80":163,"_82":164,"_84":25},"tree",[152,153],"files",[152,153],"counts",{"_142":62,"_143":131,"_144":62,"_145":146,"_147":148},"contents",[125,126],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":134,"_32":135,"_30":56,"_128":-5,"_41":42,"_40":136,"_129":58,"_38":137,"_13":138,"_33":139,"_35":140,"_24":25,"_132":-5,"_27":141},{"_43":127,"_32":28,"_30":31,"_128":-5,"_41":42,"_40":14,"_129":25,"_38":130,"_13":131,"_33":34,"_35":37,"_24":25,"_132":-5,"_27":133},"1523e5c0-d1ee-11f0-8683-42dde27851f2","parentId","latest",["D",1764948093550],1,"label",[28],"d5195c76-d1ed-11f0-af17-42dde27851f2","main.ts",7,["D",1764947986104],6,"http","/** @jsxImportSource npm:hono/jsx */\nimport { Hono } from \"npm:hono\";\n\nconst app = new Hono();\n\n// 首页：给你看个大大的问候\napp.get(\"/\", (c) => {\n return c.html(`\n

\n 恭喜！
\n 手机部署成功！
\n 📱 + 🚀\n

\n `)\n});\n\n// 来个简单的 API 接口\napp.get(\"/api\", (c) => c.json({ \n msg: \"这也是用手机写的接口\", \n device: \"Mobile\",\n timestamp: Date.now() \n}));\n\nexport default app.fetch;",[135],"pulls","branches","forks","envVars",{"_149":62,"_151":62},"connections",{"_149":62,"_150":62},"count","unfilledCount","emptyCount",{"_43":134,"_32":135,"_30":56,"_128":-5,"_41":42,"_40":136,"_129":58,"_38":158,"_13":138,"_33":139,"_35":140,"_24":25,"_132":-5,"_155":159,"_27":160},{"_43":127,"_32":28,"_30":31,"_128":-5,"_41":42,"_40":14,"_129":25,"_38":154,"_13":131,"_33":34,"_35":37,"_24":25,"_132":-5,"_155":156,"_27":157},["D",1764948093550],"children",[],[28],["D",1764947986104],[],[135],["D",1764947209811],{"_96":95,"_103":99},{"_96":95,"_97":-5,"_98":99,"_18":54,"_100":101,"_102":25},{"_13":85,"_32":86,"_43":42,"_87":44,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":45,"_94":95},"ctx",{"_78":-5,"_122":198,"_199":200,"_201":202,"_203":25,"_204":25,"_205":25,"_206":58,"_207":-5,"_208":-7,"_209":-7,"_210":62,"_211":25,"_212":25,"_213":-5,"_214":25,"_215":25,"_216":25,"_217":-5},"ENV",{"_169":170,"_171":172,"_173":86,"_174":175,"_176":177,"_178":179,"_180":181,"_182":183,"_184":185,"_186":187,"_188":189,"_190":191,"_192":193,"_194":195,"_196":197},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e8c4b7030cb7600e4eb0736b15f422c8b8bd130f","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