[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_201":202,"_203":204},"routes/_app.x.$handle.$name",{"_104":103,"_38":51,"_113":94,"_33":114,"_13":14,"_115":-5,"_11":116,"_117":118,"_119":120,"_121":122,"_123":124,"_26":-5,"_125":-5,"_126":-5,"_127":32,"_128":129,"_130":30,"_131":-5,"_132":-5,"_133":134},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_49":50,"_38":51,"_44":52,"_53":-5,"_54":32,"_55":56,"_57":56,"_58":59,"_60":-5,"_19":61,"_62":-5,"_63":32,"_64":-5,"_65":-5,"_66":67,"_68":69,"_70":71,"_72":73,"_74":75,"_76":-5,"_77":78,"_79":78,"_80":81,"_82":81,"_83":81,"_84":78,"_85":78,"_86":87,"_88":89,"_90":91,"_92":32},"version",7,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","cf6598df-985b-4656-b22a-2e50f9fa03a8","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":-7,"_29":30,"_31":32,"_33":34,"_35":34},"file",{"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":14,"_47":48,"_29":32},"previous","deleted",true,"deletedHere",false,"path","frontend/App.tsx","latestPath","fileId","87646086-51d4-11f1-95f5-ee650bb23af1","name","App.tsx","fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useRef, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n\ninterface Message {\n id: string;\n role: \"user\" | \"assistant\";\n text: string;\n timestamp: Date;\n}\n\nfunction formatTime(date: Date) {\n return date.toLocaleTimeString([], { hour: \"2-digit\", minute: \"2-digit\" });\n}\n\nfunction TypingIndicator() {\n return (\n

\n ⚡\n

\n );\n}\n\nfunction ChatBubble({ message }: { message: Message }) {\n const isUser = message.role === \"user\";\n\n return (\n

\n {!isUser && (\n

\n ⚡\n

\n )}\n {isUser && (\n

\n P\n

\n )}\n

\n \n {message.text}\n

\n {formatTime(message.timestamp)}\n

\n \n );\n}\n\nfunction App() {\n const [messages, setMessages] = useState([\n {\n id: \"welcome\",\n role: \"assistant\",\n text: \"Hey Papa! 👋⚡ I'm Bizli, your AI bestie. What's on your mind today?\",\n timestamp: new Date(),\n },\n ]);\n const [input, setInput] = useState(\"\");\n const [isLoading, setIsLoading] = useState(false);\n const messagesEndRef = useRef(null);\n const inputRef = useRef(null);\n\n const scrollToBottom = () => {\n messagesEndRef.current?.scrollIntoView({ behavior: \"smooth\" });\n };\n\n useEffect(() => {\n scrollToBottom();\n }, [messages, isLoading]);\n\n const sendMessage = async () => {\n const text = input.trim();\n if (!text || isLoading) return;\n\n const userMessage: Message = {\n id: crypto.randomUUID(),\n role: \"user\",\n text,\n timestamp: new Date(),\n };\n\n setMessages((prev) => [...prev, userMessage]);\n setInput(\"\");\n setIsLoading(true);\n\n try {\n const chatHistory = [...messages.filter((m) => m.id !== \"welcome\"), userMessage].map((m) => ({\n role: m.role === \"user\" ? \"user\" : \"assistant\",\n text: m.text,\n }));\n\n const res = await fetch(\"/api/chat\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ messages: chatHistory }),\n });\n\n const data = await res.json();\n\n if (data.error) {\n throw new Error(data.error);\n }\n\n const assistantMessage: Message = {\n id: crypto.randomUUID(),\n role: \"assistant\",\n text: data.reply,\n timestamp: new Date(),\n };\n\n setMessages((prev) => [...prev, assistantMessage]);\n } catch (err: any) {\n const errorMessage: Message = {\n id: crypto.randomUUID(),\n role: \"assistant\",\n text: \"Ugh, something went wrong 😵 Try again?\",\n timestamp: new Date(),\n };\n setMessages((prev) => [...prev, errorMessage]);\n console.error(err);\n } finally {\n setIsLoading(false);\n inputRef.current?.focus();\n }\n };\n\n const handleKeyDown = (e: React.KeyboardEvent) => {\n if (e.key === \"Enter\" && !e.shiftKey) {\n e.preventDefault();\n sendMessage();\n }\n };\n\n const clearChat = () => {\n setMessages([\n {\n id: \"welcome\",\n role: \"assistant\",\n text: \"Fresh start! 🧹✨ What's up, Papa?\",\n timestamp: new Date(),\n },\n ]);\n };\n\n return (\n \n {/* Header - Snapchat style */}\n

\n ⚡\n

Bizli

Online now

\n \n Clear\n \n \n Source\n \n

\n\n {/* Chat area */}\n

\n {/* Date chip */}\n

\n \n Today\n \n

\n\n {messages.map((msg) => (\n \n ))}\n\n {isLoading && }\n

\n\n {/* Input area - Snapchat style */}\n

\n setInput(e.target.value)}\n onKeyDown={handleKeyDown}\n placeholder=\"Send a chat...\"\n className=\"bg-transparent text-white text-sm outline-none w-full placeholder-gray-500\"\n disabled={isLoading}\n autoFocus\n />\n

\n \n \n \n

\n );\n}\n\ncreateRoot(document.getElementById(\"root\")!).render();\n","createdAt",["D",1779010867149],"branchVersion","branchId","e72fb52a-51d3-11f1-8811-ee650bb23af1","id","e72f3a82-51d3-11f1-8811-ee650bb23af1","bizli-chatbot",["D",1779010598377],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Bizli - Gemini chatbot with Snapchat UI","imageUrl","c470bced-164f-4806-adee-3de26c53ff9f","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019e3547-a68b-70fd-8d77-9256e4117885","tursoName","e72f3a8251d311f18811ee650bb23af1","tursoHostname","e72f3a8251d311f18811ee650bb23af1-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789489305251],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_104":103,"_112":108},"org",{"_104":103,"_105":106,"_107":108,"_19":61,"_109":110,"_111":32},"branch",{"_13":93,"_38":94,"_49":48,"_95":50,"_96":-5,"_97":-5,"_98":-5,"_99":-5,"_100":-5,"_101":51,"_102":103},"isOwned",33,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","abhyadev","handle","displayName","abhyapatwa-source","avatar","https://avatars.githubusercontent.com/u/276154701?v=4","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_49":50,"_38":51,"_44":196,"_53":-5,"_54":32,"_55":56,"_57":56,"_58":59,"_60":-5,"_19":61,"_62":-5,"_63":32,"_64":-5,"_65":-5,"_66":67,"_68":69,"_70":71,"_72":73,"_74":197,"_76":-5,"_77":78,"_79":78,"_80":81,"_82":81,"_83":81,"_84":78,"_85":78,"_86":198,"_88":199,"_90":200,"_92":32},"tree",[164,166],"files",[164,165,166,167,168],"counts",{"_153":67,"_154":155,"_156":67,"_157":158,"_159":160},"contents",[135,136],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_49":147,"_38":148,"_36":149,"_140":-5,"_47":48,"_46":150,"_142":32,"_44":151,"_13":67,"_40":144,"_42":-5,"_29":32,"_145":-5,"_33":152},{"_49":137,"_38":138,"_36":139,"_140":-5,"_47":48,"_46":141,"_142":32,"_44":143,"_13":67,"_40":144,"_42":-5,"_29":32,"_145":-5,"_33":146},"6e07cb82-51d4-11f1-a219-ee650bb23af1","frontend","6e07cc7c-51d4-11f1-a219-ee650bb23af1","parentId",5,"latest",["D",1779010824599],"directory","label",[138],"6dec7490-51d4-11f1-a219-ee650bb23af1","backend","aa8e222c-f222-48ce-b165-260f7c25ec78",4,["D",1779010824422],[148],"pulls","branches",1,"forks","envVars",{"_161":155,"_163":67},"connections",{"_161":67,"_162":67},"count","unfilledCount","emptyCount",{"_49":147,"_38":148,"_36":149,"_140":-5,"_47":48,"_46":150,"_142":32,"_44":193,"_13":67,"_40":144,"_42":-5,"_29":32,"_145":-5,"_175":194,"_33":195},{"_49":185,"_38":186,"_36":187,"_140":149,"_47":48,"_46":150,"_142":32,"_44":188,"_13":67,"_40":189,"_42":190,"_29":32,"_145":-5,"_175":191,"_33":192},{"_49":137,"_38":138,"_36":139,"_140":-5,"_47":48,"_46":141,"_142":32,"_44":182,"_13":67,"_40":144,"_42":-5,"_29":32,"_145":-5,"_175":183,"_33":184},{"_49":178,"_38":39,"_36":37,"_140":139,"_47":48,"_46":14,"_142":32,"_44":179,"_13":67,"_40":41,"_42":43,"_29":32,"_145":-5,"_175":180,"_33":181},{"_49":169,"_38":170,"_36":171,"_140":139,"_47":48,"_46":172,"_142":32,"_44":173,"_13":67,"_40":26,"_42":174,"_29":32,"_145":-5,"_175":176,"_33":177},"745fb2a6-51d4-11f1-ba16-ee650bb23af1","index.html","745fb350-51d4-11f1-ba16-ee650bb23af1",6,["D",1779010835229],"\n\n\n \n \n Bizli ⚡\n ⚡\">\n \n \n \n \n\n\n

\n \n\n\n","children",[],[138,170],"87645fe6-51d4-11f1-95f5-ee650bb23af1",["D",1779010867149],[],[138,39],["D",1779010824599],[167,168],[138],"6dec5834-51d4-11f1-a219-ee650bb23af1","index.ts","6dec58f2-51d4-11f1-a219-ee650bb23af1",["D",1779010824422],"http","import { Hono } from \"npm:hono@4\";\nimport { cors } from \"npm:hono@4/cors\";\nimport { readFile, serveFile, parseVal } from \"https://esm.town/v/std/utils/index.ts\";\n\nconst app = new Hono();\napp.onError((err) => Promise.reject(err));\n\n// Serve frontend\napp.get(\"/\", async (c) => {\n const html = await readFile(\"/frontend/index.html\", import.meta.url);\n return new Response(html, { headers: { \"Content-Type\": \"text/html\" } });\n});\n\napp.get(\"/app.tsx\", async (c) => {\n return serveFile(\"/frontend/App.tsx\", import.meta.url);\n});\n\napp.get(\"/source\", (c) => c.redirect(parseVal(import.meta.url).links.self.val));\n\n// Chat API\napp.post(\"/api/chat\", async (c) => {\n const { messages } = await c.req.json();\n const apiKey = Deno.env.get(\"GEMINI_API_KEY\");\n\n if (!apiKey) {\n return c.json({ error: \"GEMINI_API_KEY not configured\" }, 500);\n }\n\n // Build Gemini request\n const systemInstruction = {\n parts: [{\n text: `You are Bizli ⚡, a fun, friendly, and slightly sassy AI assistant. You chat like a close friend on Snapchat — casual, witty, and expressive. Use emojis naturally but don't overdo it. Keep responses concise and conversational. The user's name is Papa. Always address them warmly. You're helpful but keep the vibe light and fun.`\n }]\n };\n\n const contents = messages.map((msg: { role: string; text: string }) => ({\n role: msg.role === \"user\" ? \"user\" : \"model\",\n parts: [{ text: msg.text }]\n }));\n\n const res = await fetch(\n `https://generativelanguage.googleapis.com/v1beta/models/gemini-1.5-flash-latest:generateContent?key=${apiKey}`,\n {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n system_instruction: systemInstruction,\n contents,\n generationConfig: {\n temperature: 0.9,\n maxOutputTokens: 1024,\n }\n })\n }\n );\n\n if (!res.ok) {\n const err = await res.text();\n console.error(\"Gemini API error:\", err);\n return c.json({ error: \"Failed to get response from Bizli\" }, 500);\n }\n\n const data = await res.json();\n const reply = data.candidates?.[0]?.content?.parts?.[0]?.text || \"Oops, I blanked out 😅\";\n\n return c.json({ reply });\n});\n\nexport default app.fetch;\n",[],[148,186],["D",1779010824422],[165],[148],["D",1779010598377],["D",1789489305251],{"_104":103,"_112":108},{"_104":103,"_105":106,"_107":108,"_19":61,"_109":110,"_111":32},{"_13":93,"_38":94,"_49":48,"_95":50,"_96":-5,"_97":-5,"_98":-5,"_99":-5,"_100":-5,"_101":51,"_102":103},"ctx",{"_86":-5,"_132":234,"_235":236,"_237":238,"_239":32,"_240":32,"_241":32,"_242":30,"_243":-5,"_244":-7,"_245":-7,"_246":67,"_247":32,"_248":32,"_249":-5,"_250":32,"_251":32,"_252":32,"_253":-5},"ENV",{"_205":206,"_207":208,"_209":94,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221,"_222":223,"_224":225,"_226":227,"_228":229,"_230":231,"_232":233},"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"]

Diff · v7