React Hono Val Town Starter

\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",[],[154,218,211],"components","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",[],[154,218,220],"6cf5dd6a-20fb-4fcf-84f2-ad98bfd1b032",["D",1788789058334],"directory",[170,171],[154,218],"fb0333c0-af0d-4ae7-9454-7ceb0427845b",["D",1788789058334],[169,172,173,174],[154],"ff8414e7-1dd9-4a94-a3bb-3bca7259e6ba","README.md","5f42ac5a-aac3-11f1-af30-1607ee4eb77e","c39616c9-c133-4453-a279-f4a9e8905dd4",["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.",[],[245,238],"android","05bbb147-5e6c-4728-8241-605cbeded415",["D",1788789151808],[167],[245],["D",1788789036220],{"_11":12,"_123":71},{"_11":12,"_118":119,"_70":71,"_30":69,"_120":121,"_122":24},{"_38":109,"_13":16,"_32":35,"_110":73,"_111":-5,"_112":-5,"_113":-5,"_114":-5,"_115":-5,"_116":14,"_117":12},"ctx",{"_53":-5,"_142":287,"_288":289,"_290":291,"_292":24,"_293":24,"_294":24,"_295":86,"_296":-5,"_297":-7,"_298":-7,"_299":26,"_300":24,"_301":24,"_302":-5,"_303":24,"_304":24,"_305":24,"_306":-5},"ENV",{"_258":259,"_260":261,"_262":16,"_263":264,"_265":266,"_267":268,"_269":270,"_271":272,"_273":274,"_275":276,"_277":278,"_279":280,"_281":282,"_283":284,"_285":286},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","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 · root.tsx