\n \n \n\n",[79],"1fd96bf4-9930-4f10-901f-82339d920116",["D",1781501896984],"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",[122],"28709288-dbb1-4fe3-bc90-b10eee5847fb",["D",1781501874485],[112],"pulls","branches","forks","envVars",{"_109":20,"_224":20},"connections",{"_109":20,"_223":20},"unfilledCount","emptyCount",{"_32":213,"_13":112,"_61":111,"_42":-5,"_34":35,"_198":97,"_199":188,"_36":245,"_38":20,"_64":113,"_201":-5,"_66":24,"_203":-5,"_231":246,"_171":247},{"_32":240,"_13":108,"_61":107,"_42":111,"_34":35,"_198":97,"_199":188,"_36":241,"_38":20,"_64":65,"_201":242,"_66":24,"_203":-5,"_231":243,"_171":244},{"_32":209,"_13":122,"_61":121,"_42":-5,"_34":35,"_198":116,"_199":188,"_36":237,"_38":20,"_64":65,"_201":211,"_66":24,"_203":-5,"_231":238,"_171":239},{"_32":205,"_13":79,"_61":78,"_42":-5,"_34":35,"_198":72,"_199":188,"_36":234,"_38":20,"_64":52,"_201":207,"_66":24,"_203":-5,"_231":235,"_171":236},{"_32":197,"_13":63,"_61":62,"_42":-5,"_34":35,"_198":89,"_199":188,"_36":230,"_38":72,"_64":94,"_201":202,"_66":24,"_203":-5,"_231":232,"_171":233},["D",1781501848796],"children",[],[63],["D",1781501831898],[],[79],["D",1781501896984],[],[122],"9406998f-95eb-4a4a-ab27-766f5cc07d2e",["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",[],[112,108],["D",1781501874485],[226],[112],["D",1781494218241],{"_11":12,"_170":69},{"_11":12,"_165":166,"_68":69,"_25":67,"_167":168,"_169":24},{"_38":116,"_13":16,"_32":35,"_157":123,"_158":-5,"_159":-5,"_160":-5,"_161":-5,"_162":-5,"_163":14,"_164":12},"ctx",{"_50":-5,"_190":285,"_286":287,"_288":289,"_290":24,"_291":24,"_292":24,"_293":188,"_294":-5,"_295":-7,"_296":-7,"_297":20,"_298":24,"_299":24,"_300":-5,"_301":24,"_302":24,"_303":24,"_304":-5},"ENV",{"_256":257,"_258":259,"_260":16,"_261":262,"_263":264,"_265":266,"_267":268,"_269":270,"_271":272,"_273":274,"_275":276,"_277":278,"_279":280,"_281":282,"_283":284},"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"]

History