React Hono Val Town Starter

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_266":267,"_268":269},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_200":-5,"_20":201,"_22":202,"_203":204,"_205":206,"_26":207,"_24":208,"_209":-5,"_210":-5,"_211":54,"_212":213,"_214":45,"_215":-5,"_216":-5,"_217":218},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5},"handle","NITHISHLUNA","name","nicko-ai","branchName","main","version","path","frontend/root.tsx","project",{"_33":145,"_13":14,"_46":146,"_147":-5,"_148":54,"_149":150,"_151":150,"_152":153,"_154":-5,"_155":156,"_157":64,"_158":45,"_159":-5,"_160":-5,"_161":48,"_162":163,"_164":-5,"_165":-5,"_166":-5,"_167":-5,"_168":169,"_170":169,"_171":172,"_173":172,"_174":172,"_175":169,"_176":169,"_177":178,"_179":180,"_181":182,"_183":54},"tree",[58,59,60,61],"file",{"_33":34,"_13":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_17":48,"_49":50,"_51":52,"_53":54,"_55":-5,"_18":56},"contents",[],"upstream","pull","ahead","behind","envVars","id","6aace013-b8b7-4058-aca2-1a2d3aa9df47","root.tsx","fileId","01a07c22-eb1f-760b-98ef-0b2ca8ab8421","parentId","01a07c22-eb1e-735b-912f-d25e202a8f65","branchId","88abf643-bdd7-4652-96ac-eb6946946c4a","branchVersion",2,"latest",true,"createdAt",["D",1788789058334],0,"fileType","script","content","/** @jsxImportSource npm:hono@4/jsx */\nimport { raw } from \"npm:hono@4/html\";\nimport { immutableFileUrl } from \"https://esm.town/v/std/utils/index.ts\";\n\n// The HTML shell for the app. It is never cached, so immutableFileUrl can stamp\n// the current val version into each asset URL — the browser caches those\n// immutably, and publishing the val changes the URLs, refetching exactly once.\nexport function Root() {\n return (\n <>\n {raw(\"\")}\n \n \n \n \n React Hono Val Town Starter\n `));\n\napp.post(\"/api/chat\", async (c) => {\n try {\n const body = await c.req.json().catch(() => ({}));\n const message = typeof body?.message === \"string\" ? body.message.trim() : \"\";\n if (!message) return c.json({ error: \"Message is required.\" }, 400);\n\n const apiKey = Deno.env.get(\"OPENAI_API_KEY\");\n const model = Deno.env.get(\"NICKO_MODEL\") || \"gpt-5.6-luna\";\n\n // Always keep the app usable without a paid API key.\n if (!apiKey) return c.json({ text: localCore(message), mode: \"local\" });\n\n const response = await fetch(\"https://api.openai.com/v1/responses\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n \"Authorization\": `Bearer ${apiKey}`,\n },\n body: JSON.stringify({\n model,\n instructions: NICKO_SYSTEM,\n input: message,\n max_output_tokens: 700,\n }),\n });\n\n if (!response.ok) {\n // Gracefully fall back instead of turning the chat into an error page.\n console.error(\"AI provider error:\", response.status, await response.text());\n return c.json({ text: localCore(message), mode: \"local-fallback\" });\n }\n\n const data = await response.json();\n return c.json({ text: data.output_text || localCore(message), mode: \"cloud\" });\n } catch (error) {\n console.error(error);\n return c.json({ text: localCore(\"The cloud service is unavailable right now.\"), mode: \"local-fallback\" }, 200);\n }\n});\n\nexport default app.fetch;\n",[],[73],"fb0333c0-af0d-4ae7-9454-7ceb0427845b",["D",1788789058334],"directory",[86,87,88,89],[57],{"_33":107,"_13":108,"_36":109,"_38":39,"_40":41,"_42":43,"_44":45,"_46":110,"_17":48,"_49":83,"_51":-5,"_53":54,"_55":-5,"_69":111,"_18":112},{"_33":100,"_13":101,"_36":102,"_38":39,"_40":41,"_42":43,"_44":45,"_46":103,"_17":48,"_49":24,"_51":104,"_53":54,"_55":-5,"_69":105,"_18":106},{"_33":93,"_13":94,"_36":95,"_38":39,"_40":41,"_42":43,"_44":45,"_46":96,"_17":48,"_49":50,"_51":97,"_53":54,"_55":-5,"_69":98,"_18":99},{"_33":34,"_13":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":90,"_17":48,"_49":50,"_51":52,"_53":54,"_55":-5,"_69":91,"_18":92},["D",1788789058334],[],[57,35],"52ababbf-4c71-4356-9606-10f432c57f1d","index.tsx","01a07c22-eb1f-760b-98ef-06d85240a279",["D",1788789058334],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./components/App.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();",[],[57,94],"9d3e045f-dbd8-452f-bcf2-94a69d2245a9","favicon.svg","01a07c22-eb1f-760b-98ef-034cd04f25e3",["D",1788789058334],"\n",[],[57,101],"6cf5dd6a-20fb-4fcf-84f2-ad98bfd1b032","components","01a07c22-eb1e-735b-912f-d62b1e46713f",["D",1788789058334],[113,114],[57,108],{"_33":122,"_13":123,"_36":124,"_38":109,"_40":41,"_42":125,"_44":45,"_46":126,"_17":127,"_49":50,"_51":128,"_53":54,"_55":-5,"_69":129,"_18":130},{"_33":115,"_13":116,"_36":117,"_38":109,"_40":41,"_42":43,"_44":45,"_46":118,"_17":48,"_49":50,"_51":119,"_53":54,"_55":-5,"_69":120,"_18":121},"46bd378a-ede1-4cfd-86c2-eb6b92421f17","Counter.tsx","01a07c22-eb1e-735b-912f-dd1bac77fb94",["D",1788789058334],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nexport function Counter() {\n const [count, setCount] = useState(0);\n return (\n

\n Clicked\n setCount((c) => c + 1)}\n class=\"bg-blue-500 hover:bg-blue-600 text-white font-medium px-4 py-2 rounded-lg transition-colors cursor-pointer\"\n >\n {count}\n \n times\n

\n );\n}\n",[],[57,108,116],"dad03b4f-5707-4f00-8e34-bdae7846a580","App.tsx","01a07c22-eb1e-735b-912f-dabaec691031",10,["D",1788834410000],5,"import { useEffect, useRef, useState } from \"react\";\n\ntype Message = { role: \"user\" | \"assistant\"; text: string };\n\ntype ChatResponse = { text?: string; mode?: \"cloud\" | \"local\" | \"local-fallback\"; error?: string };\n\nexport default function App() {\n const [messages, setMessages] = useState([\n { role: \"assistant\", text: \"Titanisis NICKO core online. Good to see you. How can I assist?\" },\n ]);\n const [input, setInput] = useState(\"\");\n const [camera, setCamera] = useState(false);\n const [busy, setBusy] = useState(false);\n const [listening, setListening] = useState(false);\n const videoRef = useRef(null);\n const recognitionRef = useRef(null);\n\n useEffect(() => {\n let stream: MediaStream | null = null;\n if (camera && navigator.mediaDevices?.getUserMedia) {\n navigator.mediaDevices.getUserMedia({ video: true, audio: false }).then((s) => {\n stream = s;\n if (videoRef.current) videoRef.current.srcObject = s;\n }).catch(() => setCamera(false));\n }\n return () => stream?.getTracks().forEach((t) => t.stop());\n }, [camera]);\n\n const speak = (text: string) => {\n if (\"speechSynthesis\" in window) {\n window.speechSynthesis.cancel();\n window.speechSynthesis.speak(new SpeechSynthesisUtterance(text));\n }\n };\n\n const send = async (value = input) => {\n const text = value.trim();\n if (!text || busy) return;\n\n setMessages((m) => [...m, { role: \"user\", text }]);\n setInput(\"\");\n setBusy(true);\n\n try {\n const response = await fetch(\"/api/chat\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ message: text }),\n });\n const data: ChatResponse = await response.json();\n const reply = data.text || data.error || \"NICKO received an empty response.\";\n const modeLabel = data.mode === \"local\" ? \"LOCAL CORE\" : data.mode === \"local-fallback\" ? \"LOCAL FALLBACK\" : \"CLOUD CORE\";\n const displayReply = `${reply}\\n\\n[${modeLabel}]`;\n setMessages((m) => [...m, { role: \"assistant\", text: displayReply }]);\n speak(reply);\n } catch {\n const reply = \"NICKO connection interrupted. Please try again.\";\n setMessages((m) => [...m, { role: \"assistant\", text: reply }]);\n speak(reply);\n } finally {\n setBusy(false);\n }\n };\n\n const startListening = () => {\n const Recognition = (window as any).SpeechRecognition || (window as any).webkitSpeechRecognition;\n if (!Recognition) {\n setMessages((m) => [...m, { role: \"assistant\", text: \"Voice recognition is not supported by this browser. You can still use voice output and text chat.\" }]);\n return;\n }\n\n const recognition = new Recognition();\n recognition.lang = navigator.language || \"en-US\";\n recognition.interimResults = false;\n recognition.maxAlternatives = 1;\n recognitionRef.current = recognition;\n setListening(true);\n\n recognition.onresult = (event: any) => {\n const text = event.results?.[0]?.[0]?.transcript || \"\";\n if (text) void send(text);\n };\n recognition.onerror = () => setListening(false);\n recognition.onend = () => setListening(false);\n recognition.start();\n };\n\n const stopListening = () => {\n recognitionRef.current?.stop();\n setListening(false);\n };\n\n return (\n

NICKO

TITANISIS ONBOARD INTELLIGENCE • ONLINE

\n \n \n

\n\n {camera &&

}\n\n

\n {['CORE ONLINE', 'MEMORY READY', 'NAV READY', 'TELEMETRY READY', 'SAFETY ACTIVE'].map((x) =>

● {x}

)}\n

\n\n

\n {messages.map((m, i) => (\n

{m.role === \"user\" ? \"YOU\" : \"NICKO\"}

{m.text}

\n ))}\n {busy &&

NICKO is reasoning…

}\n

\n\n \n

view source

\n );\n}\n",[],[57,108,123],"05bbb147-5e6c-4728-8241-605cbeded415","android","c39616c9-c133-4453-a279-f4a9e8905dd4",["D",1788789151808],[137],[132],{"_33":138,"_13":139,"_36":140,"_38":133,"_40":41,"_42":127,"_44":45,"_46":141,"_17":48,"_49":24,"_51":142,"_53":54,"_55":-5,"_69":143,"_18":144},"ff8414e7-1dd9-4a94-a3bb-3bca7259e6ba","README.md","5f42ac5a-aac3-11f1-af30-1607ee4eb77e",["D",1788789151808],"# NICKO Android APK\n\nThis directory contains the Android wrapper plan for the deployed NICKO web app.\n\n## Build\nUse Android Studio with a standard Android application and WebView pointed at the NICKO Val Town endpoint shown in the project files. Grant CAMERA and RECORD_AUDIO only when the user enables those features.\n\n## Native capabilities\n- Camera: Android CAMERA permission + WebView media permission\n- Microphone: RECORD_AUDIO permission + WebView media permission\n- Speech: Android/Web Speech APIs\n- Screen capture: implement with Android MediaProjection after explicit user approval\n\nThe web app cannot silently access the camera, microphone, screen, or messaging apps; Android permissions and explicit user actions are required.",[],[132,139],"cf099647-31c7-4e2f-baf1-e3f548d17cd8",["D",1788789036220],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","NICKO AI futuristic assistant","imageUrl","userId","db1fe498-e3ce-41c4-9a4b-aadc5f270e6a","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","01a07c20-e282-758d-b417-c7f20f2b254c","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_199":195},"org",{"_11":12,"_192":193,"_194":195,"_155":156,"_196":197,"_198":54},"branch",{"_17":75,"_13":16,"_33":41,"_184":145,"_185":-5,"_186":-5,"_187":-5,"_188":-5,"_189":-5,"_190":14,"_191":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","Nithish A","avatar","https://lh3.googleusercontent.com/a/ACg8ocLBGQxmuCLHRSTF1yuHm9tD4J7yNqIAKG1E18bHib3Blbra9m1Z=s96-c","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_33":145,"_13":14,"_46":262,"_147":-5,"_148":54,"_149":150,"_151":150,"_152":153,"_154":-5,"_155":156,"_157":64,"_158":45,"_159":-5,"_160":-5,"_161":48,"_162":163,"_164":-5,"_165":-5,"_166":-5,"_167":-5,"_168":169,"_170":169,"_171":172,"_173":172,"_174":172,"_175":169,"_176":169,"_177":263,"_179":264,"_181":265,"_183":54},[229,231,238,239],"files",[229,230,231,232,233,234,235,236,237,238,239],"counts",{"_220":48,"_221":65,"_222":48,"_32":223,"_224":225},[],{"_33":34,"_13":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_17":48,"_49":50,"_51":52,"_53":54,"_55":-5,"_18":219},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},[57,35],"pulls","branches","forks",{"_226":48,"_228":48},"connections",{"_226":48,"_227":48},"count","unfilledCount","emptyCount",{"_33":131,"_13":132,"_36":133,"_38":-5,"_40":41,"_42":127,"_44":45,"_46":134,"_17":48,"_49":83,"_51":-5,"_53":54,"_55":-5,"_69":260,"_18":261},{"_33":138,"_13":139,"_36":140,"_38":133,"_40":41,"_42":127,"_44":45,"_46":141,"_17":48,"_49":24,"_51":142,"_53":54,"_55":-5,"_69":258,"_18":259},{"_33":81,"_13":57,"_36":39,"_38":-5,"_40":41,"_42":43,"_44":45,"_46":82,"_17":48,"_49":83,"_51":-5,"_53":54,"_55":-5,"_69":256,"_18":257},{"_33":107,"_13":108,"_36":109,"_38":39,"_40":41,"_42":43,"_44":45,"_46":110,"_17":48,"_49":83,"_51":-5,"_53":54,"_55":-5,"_69":254,"_18":255},{"_33":122,"_13":123,"_36":124,"_38":109,"_40":41,"_42":125,"_44":45,"_46":126,"_17":127,"_49":50,"_51":128,"_53":54,"_55":-5,"_69":252,"_18":253},{"_33":115,"_13":116,"_36":117,"_38":109,"_40":41,"_42":43,"_44":45,"_46":118,"_17":48,"_49":50,"_51":119,"_53":54,"_55":-5,"_69":250,"_18":251},{"_33":100,"_13":101,"_36":102,"_38":39,"_40":41,"_42":43,"_44":45,"_46":103,"_17":48,"_49":24,"_51":104,"_53":54,"_55":-5,"_69":248,"_18":249},{"_33":93,"_13":94,"_36":95,"_38":39,"_40":41,"_42":43,"_44":45,"_46":96,"_17":48,"_49":50,"_51":97,"_53":54,"_55":-5,"_69":246,"_18":247},{"_33":34,"_13":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":90,"_17":48,"_49":50,"_51":52,"_53":54,"_55":-5,"_69":244,"_18":245},{"_33":72,"_13":73,"_36":74,"_38":-5,"_40":41,"_42":75,"_44":45,"_46":76,"_17":77,"_49":67,"_51":78,"_53":54,"_55":-5,"_69":242,"_18":243},{"_33":62,"_13":63,"_36":64,"_38":-5,"_40":41,"_42":65,"_44":45,"_46":66,"_17":48,"_49":67,"_51":68,"_53":54,"_55":-5,"_69":240,"_18":241},[],[63],[],[73],[],[57,35],[],[57,94],[],[57,101],[],[57,108,116],[],[57,108,123],[233,234],[57,108],[232,235,236,237],[57],[],[132,139],[230],[132],["D",1788789036220],{"_11":12,"_199":195},{"_11":12,"_192":193,"_194":195,"_155":156,"_196":197,"_198":54},{"_17":75,"_13":16,"_33":41,"_184":145,"_185":-5,"_186":-5,"_187":-5,"_188":-5,"_189":-5,"_190":14,"_191":12},"ctx",{"_177":-5,"_216":299,"_300":301,"_302":303,"_304":54,"_305":54,"_306":54,"_307":45,"_308":-5,"_309":-7,"_310":-7,"_311":48,"_312":54,"_313":54,"_314":-5,"_315":54,"_316":54,"_317":54,"_318":-5},"ENV",{"_270":271,"_272":273,"_274":16,"_275":276,"_277":278,"_279":280,"_281":282,"_283":284,"_285":286,"_287":288,"_289":290,"_291":292,"_293":294,"_295":296,"_297":298},"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"]