[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_215":216,"_217":218},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_160":-5,"_20":161,"_22":162,"_163":164,"_165":166,"_25":167,"_24":-5,"_168":-5,"_169":-5,"_170":56,"_171":172,"_173":47,"_174":-5,"_175":-5,"_176":177},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":-7,"_25":26,"_27":-5,"_28":-5,"_29":-5,"_30":-5,"_31":-5},"handle","nowsprouting","name","test","branchName","main","version","path","","project",{"_36":106,"_13":14,"_48":107,"_108":-5,"_109":56,"_110":111,"_112":111,"_113":19,"_114":-5,"_115":116,"_117":-5,"_118":56,"_119":-5,"_120":-5,"_121":63,"_122":123,"_124":-5,"_125":-5,"_126":-5,"_127":-5,"_128":129,"_130":129,"_131":132,"_133":132,"_134":132,"_135":129,"_136":129,"_137":138,"_139":140,"_141":142,"_143":56},"tree",[81,82,83,84],"file","contents",[32,33,34,35],"upstream","pull","ahead","behind","envVars",{"_36":74,"_13":75,"_39":76,"_41":-5,"_42":43,"_44":77,"_46":47,"_48":78,"_17":63,"_51":79,"_53":-5,"_55":56,"_57":-5,"_18":80},{"_36":66,"_13":67,"_39":68,"_41":-5,"_42":43,"_44":69,"_46":47,"_48":70,"_17":63,"_51":71,"_53":72,"_55":56,"_57":-5,"_18":73},{"_36":59,"_13":60,"_39":61,"_41":-5,"_42":43,"_44":50,"_46":47,"_48":62,"_17":63,"_51":24,"_53":64,"_55":56,"_57":-5,"_18":65},{"_36":37,"_13":38,"_39":40,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":49,"_17":50,"_51":52,"_53":54,"_55":56,"_57":-5,"_18":58},"id","106bf791-2658-4573-8907-0257883cfd53","main.ts","fileId","87fe7d68-686a-11f1-ac2b-1607ee4eb77e","parentId","branchId","de97ee77-2096-48d0-b32b-51724a982661","branchVersion",4,"latest",true,"createdAt",["D",1781501848796],2,"fileType","http","content","import { Hono } from \"npm:hono\";\nimport { parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\n\nconst app = new Hono();\napp.onError((err) => Promise.reject(err));\n\n// View source\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// Serve frontend files (index.html, app.tsx, components)\napp.get(\"/\", (c) => serveFile(\"/index.html\", import.meta.url));\napp.get(\"/app.tsx\", (c) => serveFile(\"/app.tsx\", import.meta.url));\napp.get(\"/components/:file\", (c) =>\n serveFile(`/components/${c.req.param(\"file\")}`, import.meta.url)\n);\n\nexport default app.fetch;\n","deleted",false,"label",[38],"c37172f4-aff4-47bd-a6e7-cc3daeb2d3f9","index.html","42164dd2-687c-11f1-bb8e-1607ee4eb77e",["D",1781501831898],0,"\n\n \n \n \n 登录\n \n \n \n \n

\n \n \n\n",[60],"1fd96bf4-9930-4f10-901f-82339d920116","app.tsx","68dfb37c-687c-11f1-a340-1607ee4eb77e",6,["D",1781501896984],"script","import React from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport LoginForm from \"./components/LoginForm.tsx\";\n\nfunction App() {\n return (\n

\n \n

\n );\n}\n\ncreateRoot(document.getElementById(\"root\")!).render();\n",[67],"28709288-dbb1-4fe3-bc90-b10eee5847fb","components","715762b0-c316-4144-895b-0016fff757b0",5,["D",1781501874485],"directory",[75],{"_36":74,"_13":75,"_39":76,"_41":-5,"_42":43,"_44":77,"_46":47,"_48":95,"_17":63,"_51":79,"_53":-5,"_55":56,"_57":-5,"_86":96,"_18":97},{"_36":66,"_13":67,"_39":68,"_41":-5,"_42":43,"_44":69,"_46":47,"_48":92,"_17":63,"_51":71,"_53":72,"_55":56,"_57":-5,"_86":93,"_18":94},{"_36":59,"_13":60,"_39":61,"_41":-5,"_42":43,"_44":50,"_46":47,"_48":89,"_17":63,"_51":24,"_53":64,"_55":56,"_57":-5,"_86":90,"_18":91},{"_36":37,"_13":38,"_39":40,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":85,"_17":50,"_51":52,"_53":54,"_55":56,"_57":-5,"_86":87,"_18":88},["D",1781501848796],"children",[],[38],["D",1781501831898],[],[60],["D",1781501896984],[],[67],["D",1781501874485],[98],[75],{"_36":99,"_13":100,"_39":101,"_41":76,"_42":43,"_44":77,"_46":47,"_48":102,"_17":63,"_51":71,"_53":103,"_55":56,"_57":-5,"_86":104,"_18":105},"9406998f-95eb-4a4a-ab27-766f5cc07d2e","LoginForm.tsx","5b7712a2-687c-11f1-a340-1607ee4eb77e",["D",1781501874485],"import React, { useState } from \"https://esm.sh/react@18.2.0\";\n\nfunction EyeIcon({ open }: { open: boolean }) {\n return open\n ? (\n \n )\n : (\n \n );\n}\n\nexport default function LoginForm() {\n const [email, setEmail] = useState(\"\");\n const [password, setPassword] = useState(\"\");\n const [showPassword, setShowPassword] = useState(false);\n const [remember, setRemember] = useState(true);\n const [loading, setLoading] = useState(false);\n const [message, setMessage] = useState(null);\n\n function handleSubmit(e: React.FormEvent) {\n e.preventDefault();\n setMessage(null);\n if (!email || !password) {\n setMessage(\"请填写邮箱和密码\");\n return;\n }\n setLoading(true);\n // 这是纯前端演示，提交后仅模拟一次请求\n setTimeout(() => {\n setLoading(false);\n setMessage(`已提交：${email}（这是 UI 演示，未做真实验证）`);\n }, 900);\n }\n\n const inputClass =\n \"w-full px-4 py-2.5 rounded-xl border border-gray-200 bg-gray-50 text-gray-900 placeholder-gray-400 outline-none transition focus:border-indigo-500 focus:bg-white focus:ring-4 focus:ring-indigo-100\";\n\n return (\n

\n ✦\n

欢迎回来

登录以继续使用你的账户

\n\n

\n 邮箱\n setEmail(e.target.value)}\n placeholder=\"you@example.com\"\n className={inputClass}\n autoComplete=\"email\"\n />\n

\n\n

\n 密码\n \n 忘记密码？\n \n

\n setPassword(e.target.value)}\n placeholder=\"••••••••\"\n className={inputClass + \" pr-12\"}\n autoComplete=\"current-password\"\n />\n setShowPassword((s) => !s)}\n className=\"absolute inset-y-0 right-0 px-3.5 flex items-center text-gray-400 hover:text-gray-600 transition\"\n aria-label={showPassword ? \"隐藏密码\" : \"显示密码\"}\n >\n \n \n

\n\n \n setRemember(e.target.checked)}\n className=\"w-4 h-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-500\"\n />\n 记住我\n \n\n {message && (\n

\n {message}\n

\n )}\n\n \n {loading ? \"登录中…\" : \"登录\"}\n \n \n\n

\n 或\n

\n\n

\n \n \n

\n\n

\n 还没有账户？{\" \"}\n \n 免费注册\n \n

\n\n

\n 查看源码\n

\n );\n}\n",[],[75,100],"eb4614bb-8802-4aa8-ac06-bcfcf5cc2f32",["D",1781494218241],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","ca3017b1-a5ff-4dc0-941b-8aa5be3c7fa5","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","019ec953-7624-73a7-aec6-716a967a71fa","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_159":155},"org",{"_11":12,"_152":153,"_154":155,"_115":116,"_156":157,"_158":56},"branch",{"_17":69,"_13":16,"_36":43,"_144":106,"_145":-5,"_146":-5,"_147":-5,"_148":-5,"_149":-5,"_150":14,"_151":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","Ding","avatar","https://avatars.githubusercontent.com/u/64894484?v=4","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":106,"_13":14,"_48":211,"_108":-5,"_109":56,"_110":111,"_112":111,"_113":19,"_114":-5,"_115":116,"_117":-5,"_118":56,"_119":-5,"_120":-5,"_121":63,"_122":123,"_124":-5,"_125":-5,"_126":-5,"_127":-5,"_128":129,"_130":129,"_131":132,"_133":132,"_134":132,"_135":129,"_136":129,"_137":212,"_139":213,"_141":214,"_143":56},[196,198,199,200],"files",[196,197,198,199,200],"counts",{"_186":63,"_187":188,"_189":63,"_31":190,"_191":192},[178,179,180,181],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_36":74,"_13":75,"_39":76,"_41":-5,"_42":43,"_44":77,"_46":47,"_48":78,"_17":63,"_51":79,"_53":-5,"_55":56,"_57":-5,"_18":185},{"_36":66,"_13":67,"_39":68,"_41":-5,"_42":43,"_44":69,"_46":47,"_48":70,"_17":63,"_51":71,"_53":72,"_55":56,"_57":-5,"_18":184},{"_36":59,"_13":60,"_39":61,"_41":-5,"_42":43,"_44":50,"_46":47,"_48":62,"_17":63,"_51":24,"_53":64,"_55":56,"_57":-5,"_18":183},{"_36":37,"_13":38,"_39":40,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":49,"_17":50,"_51":52,"_53":54,"_55":56,"_57":-5,"_18":182},[38],[60],[67],[75],"pulls","branches",1,"forks",{"_193":63,"_195":63},"connections",{"_193":63,"_194":63},"count","unfilledCount","emptyCount",{"_36":74,"_13":75,"_39":76,"_41":-5,"_42":43,"_44":77,"_46":47,"_48":95,"_17":63,"_51":79,"_53":-5,"_55":56,"_57":-5,"_86":209,"_18":210},{"_36":99,"_13":100,"_39":101,"_41":76,"_42":43,"_44":77,"_46":47,"_48":102,"_17":63,"_51":71,"_53":103,"_55":56,"_57":-5,"_86":207,"_18":208},{"_36":66,"_13":67,"_39":68,"_41":-5,"_42":43,"_44":69,"_46":47,"_48":92,"_17":63,"_51":71,"_53":72,"_55":56,"_57":-5,"_86":205,"_18":206},{"_36":59,"_13":60,"_39":61,"_41":-5,"_42":43,"_44":50,"_46":47,"_48":89,"_17":63,"_51":24,"_53":64,"_55":56,"_57":-5,"_86":203,"_18":204},{"_36":37,"_13":38,"_39":40,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":85,"_17":50,"_51":52,"_53":54,"_55":56,"_57":-5,"_86":201,"_18":202},[],[38],[],[60],[],[67],[],[75,100],[197],[75],["D",1781494218241],{"_11":12,"_159":155},{"_11":12,"_152":153,"_154":155,"_115":116,"_156":157,"_158":56},{"_17":69,"_13":16,"_36":43,"_144":106,"_145":-5,"_146":-5,"_147":-5,"_148":-5,"_149":-5,"_150":14,"_151":12},"ctx",{"_137":-5,"_175":248,"_249":250,"_251":252,"_253":56,"_254":56,"_255":56,"_256":47,"_257":-5,"_258":-7,"_259":-7,"_260":63,"_261":56,"_262":56,"_263":-5,"_264":56,"_265":56,"_266":56,"_267":-5},"ENV",{"_219":220,"_221":222,"_223":16,"_224":225,"_226":227,"_228":229,"_230":231,"_232":233,"_234":235,"_236":237,"_238":239,"_240":241,"_242":243,"_244":245,"_246":247},"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"]

Code