\n \n\n",[],[66,121],"b7800bc8-37a7-11f0-bef4-9e149126039e","components","aa003fe4-3fd3-4999-9d3e-fbb99bcc946d",6,["D",1747985392611],[134,135,136],[66,128],{"_36":153,"_13":154,"_39":155,"_41":129,"_42":43,"_44":130,"_46":47,"_48":156,"_17":50,"_51":93,"_52":157,"_54":55,"_56":-5,"_82":158,"_18":159},{"_36":145,"_13":146,"_39":147,"_41":129,"_42":43,"_44":148,"_46":47,"_48":149,"_17":50,"_51":93,"_52":150,"_54":55,"_56":-5,"_82":151,"_18":152},{"_36":137,"_13":138,"_39":139,"_41":129,"_42":43,"_44":140,"_46":47,"_48":141,"_17":50,"_51":93,"_52":142,"_54":55,"_56":-5,"_82":143,"_18":144},"bb39565c-37a7-11f0-a033-9e149126039e","ChatMessage.tsx","bb395724-37a7-11f0-a033-9e149126039e",7,["D",1747985398860],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from 'https://esm.sh/react@18.2.0';\nimport type { ChatMessage } from '../../shared/types.ts';\n\ninterface ChatMessageProps {\n message: ChatMessage;\n}\n\nexport function ChatMessageComponent({ message }: ChatMessageProps) {\n const formatContent = (content: string) => {\n // Simple markdown-like formatting\n return content\n .split('\\n')\n .map((line, index) => (\n \n {line}\n {index < content.split('\\n').length - 1 &&
}\n \n ));\n };\n\n return (\n

\n {formatContent(message.content)}\n

\n );\n}",[],[66,128,138],"c2233c12-37a7-11f0-ab87-9e149126039e","ChatInput.tsx","c2233cbc-37a7-11f0-ab87-9e149126039e",8,["D",1747985410459],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useRef, useEffect } from 'https://esm.sh/react@18.2.0';\n\ninterface ChatInputProps {\n onSendMessage: (message: string) => void;\n disabled?: boolean;\n}\n\nexport function ChatInput({ onSendMessage, disabled = false }: ChatInputProps) {\n const [message, setMessage] = useState('');\n const textareaRef = useRef(null);\n\n const handleSubmit = (e: React.FormEvent) => {\n e.preventDefault();\n if (message.trim() && !disabled) {\n onSendMessage(message);\n setMessage('');\n if (textareaRef.current) {\n textareaRef.current.style.height = 'auto';\n }\n }\n };\n\n const handleKeyDown = (e: React.KeyboardEvent) => {\n if (e.key === 'Enter' && !e.shiftKey) {\n e.preventDefault();\n handleSubmit(e);\n }\n };\n\n const handleInputChange = (e: React.ChangeEvent) => {\n setMessage(e.target.value);\n \n // Auto-resize textarea\n if (textareaRef.current) {\n textareaRef.current.style.height = 'auto';\n textareaRef.current.style.height = `${Math.min(textareaRef.current.scrollHeight, 120)}px`;\n }\n };\n\n useEffect(() => {\n if (textareaRef.current) {\n textareaRef.current.focus();\n }\n }, []);\n\n return (\n

\n );\n}",[],[66,128,146],"b77fe6a2-37a7-11f0-bef4-9e149126039e","App.tsx","b77fe760-37a7-11f0-bef4-9e149126039e",["D",1747985392611],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect, useRef } from 'https://esm.sh/react@18.2.0';\nimport type { ChatMessage, ChatRequest, ChatResponse } from '../../shared/types.ts';\nimport { ChatMessageComponent } from './ChatMessage.tsx';\nimport { ChatInput } from './ChatInput.tsx';\n\nexport function App() {\n const [messages, setMessages] = useState([]);\n const [isLoading, setIsLoading] = useState(false);\n const [conversationId, setConversationId] = useState(null);\n const messagesEndRef = useRef(null);\n\n const scrollToBottom = () => {\n messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' });\n };\n\n useEffect(() => {\n scrollToBottom();\n }, [messages]);\n\n const sendMessage = async (content: string) => {\n if (!content.trim() || isLoading) return;\n\n const userMessage: ChatMessage = {\n id: `msg_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`,\n role: 'user',\n content: content.trim(),\n timestamp: Date.now()\n };\n\n setMessages(prev => [...prev, userMessage]);\n setIsLoading(true);\n\n try {\n const request: ChatRequest = {\n message: content.trim(),\n conversationId: conversationId || undefined\n };\n\n const response = await fetch('/api/chat', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify(request),\n });\n\n if (!response.ok) {\n throw new Error('Failed to send message');\n }\n\n const data: ChatResponse = await response.json();\n \n setMessages(prev => [...prev, data.message]);\n setConversationId(data.conversationId);\n } catch (error) {\n console.error('Error sending message:', error);\n const errorMessage: ChatMessage = {\n id: `msg_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`,\n role: 'assistant',\n content: 'Sorry, I encountered an error. Please try again.',\n timestamp: Date.now()\n };\n setMessages(prev => [...prev, errorMessage]);\n } finally {\n setIsLoading(false);\n }\n };\n\n const handleExampleClick = (prompt: string) => {\n sendMessage(prompt);\n };\n\n const examplePrompts = [\n {\n title: \"Explain quantum computing\",\n description: \"in simple terms\"\n },\n {\n title: \"Write a creative story\",\n description: \"about a time-traveling detective\"\n },\n {\n title: \"Help me plan\",\n description: \"a productive morning routine\"\n },\n {\n title: \"Explain the concept\",\n description: \"of machine learning to a beginner\"\n }\n ];\n\n return (\n

ChatGPT Clone

\n \n

\n {messages.length === 0 ? (\n

How can I help you today?

\n Start a conversation by typing a message or try one of these examples:\n

\n {examplePrompts.map((prompt, index) => (\n handleExampleClick(prompt.title + \" \" + prompt.description)}\n >\n

{prompt.title}

{prompt.description}

\n ))}\n

\n ) : (\n <>\n {messages.map((message) => (\n \n ))}\n {isLoading && (\n

\n Thinking\n

\n )}\n \n )}\n

\n \n \n

\n );\n}",[],[66,128,154],["D",1747985335418],[163],[72],{"_36":164,"_13":165,"_39":166,"_41":73,"_42":43,"_44":167,"_46":47,"_48":168,"_17":74,"_51":169,"_52":170,"_54":55,"_56":-5,"_82":171,"_18":172},"0be2356a-37a8-11f0-80a5-9e149126039e","index.ts","95692826-37a7-11f0-b0cf-9e149126039e",12,["D",1747985534180],"http","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { OpenAI } from \"https://esm.town/v/std/openai\";\nimport { blob } from \"https://esm.town/v/std/blob\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport type { ChatMessage, ChatRequest, ChatResponse, Conversation } from \"../shared/types.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n console.error(\"Hono error:\", err);\n return c.json({ error: err.message }, 500);\n});\n\nconst openai = new OpenAI();\n\n// Serve static files\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Serve main page\napp.get(\"/\", async c => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\n\n// Get conversation history\napp.get(\"/api/conversations/:id\", async c => {\n const conversationId = c.req.param(\"id\");\n try {\n const conversation = await blob.getJSON(`conversation_${conversationId}`) as Conversation;\n return c.json(conversation);\n } catch (error) {\n return c.json({ error: \"Conversation not found\" }, 404);\n }\n});\n\n// Send a chat message\napp.post(\"/api/chat\", async c => {\n try {\n console.log(\"Received chat request\");\n const { message, conversationId }: ChatRequest = await c.req.json();\n console.log(\"Message:\", message, \"ConversationId:\", conversationId);\n \n if (!message || message.trim().length === 0) {\n return c.json({ error: \"Message cannot be empty\" }, 400);\n }\n \n // Generate conversation ID if not provided\n const convId = conversationId || `conv_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;\n console.log(\"Using conversation ID:\", convId);\n \n // Get existing conversation or create new one\n let conversation: Conversation;\n try {\n conversation = await blob.getJSON(`conversation_${convId}`) as Conversation;\n console.log(\"Loaded existing conversation with\", conversation.messages.length, \"messages\");\n } catch {\n conversation = {\n id: convId,\n messages: [],\n createdAt: Date.now(),\n updatedAt: Date.now()\n };\n console.log(\"Created new conversation\");\n }\n \n // Add user message\n const userMessage: ChatMessage = {\n id: `msg_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`,\n role: 'user',\n content: message.trim(),\n timestamp: Date.now()\n };\n \n conversation.messages.push(userMessage);\n console.log(\"Added user message\");\n \n // Prepare messages for OpenAI (limit to last 10 messages to avoid token limits)\n const recentMessages = conversation.messages.slice(-10);\n const openaiMessages = recentMessages.map(msg => ({\n role: msg.role as \"user\" | \"assistant\",\n content: msg.content\n }));\n \n console.log(\"Calling OpenAI with\", openaiMessages.length, \"messages\");\n \n // Get AI response\n const completion = await openai.chat.completions.create({\n model: \"gpt-4o-mini\",\n messages: openaiMessages,\n max_tokens: 1000,\n temperature: 0.7,\n });\n \n console.log(\"OpenAI response received\");\n \n const aiContent = completion.choices[0]?.message?.content;\n if (!aiContent) {\n throw new Error(\"No content in OpenAI response\");\n }\n \n const assistantMessage: ChatMessage = {\n id: `msg_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`,\n role: 'assistant',\n content: aiContent,\n timestamp: Date.now()\n };\n \n conversation.messages.push(assistantMessage);\n conversation.updatedAt = Date.now();\n \n console.log(\"Saving conversation\");\n // Save conversation\n await blob.setJSON(`conversation_${convId}`, conversation);\n \n const response: ChatResponse = {\n message: assistantMessage,\n conversationId: convId\n };\n \n console.log(\"Sending response\");\n return c.json(response);\n } catch (error) {\n console.error(\"Chat error:\", error);\n return c.json({ \n error: \"Failed to process chat message\", \n details: error.message \n }, 500);\n }\n});\n\n// List recent conversations\napp.get(\"/api/conversations\", async c => {\n try {\n const keys = await blob.list(\"conversation_\");\n const conversations = await Promise.all(\n keys.slice(0, 10).map(async key => {\n try {\n const conv = await blob.getJSON(key) as Conversation;\n return {\n id: conv.id,\n lastMessage: conv.messages[conv.messages.length - 1]?.content.slice(0, 50) + \"...\" || \"New conversation\",\n updatedAt: conv.updatedAt\n };\n } catch {\n return null;\n }\n })\n );\n \n return c.json(conversations.filter(Boolean).sort((a, b) => b!.updatedAt - a!.updatedAt));\n } catch (error) {\n console.error(\"Error fetching conversations:\", error);\n return c.json([]);\n }\n});\n\nexport default app.fetch;",[],[72,165],"6876a0c8-37a7-11f0-9033-9e149126039e",["D",1747985260013],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","60fb6c16-2bdf-4286-9ac5-f4b9e6eb529c","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","4a331ea8-f02b-42f1-b904-21c47f2b041c","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_225":221},"org",{"_11":12,"_219":-5,"_220":221,"_182":183,"_222":223,"_224":55},"branch",{"_17":167,"_13":16,"_36":43,"_211":173,"_212":-5,"_213":-5,"_214":-5,"_215":-5,"_216":-5,"_217":14,"_218":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yck1oWTdNWlpJSmNPMWpWR1VSM3VvNEQyWXQifQ","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":173,"_13":14,"_48":300,"_175":-5,"_176":55,"_177":178,"_179":178,"_180":-5,"_181":-5,"_182":183,"_184":166,"_185":47,"_186":47,"_187":-5,"_188":50,"_189":190,"_191":-5,"_192":-5,"_193":-5,"_194":-5,"_195":196,"_197":196,"_198":199,"_200":199,"_201":199,"_202":196,"_203":196,"_204":301,"_206":302,"_208":303,"_210":55},[261,263,271,273],"files",[261,262,263,264,265,266,267,268,269,270,271,272,273],"counts",{"_252":50,"_253":45,"_254":50,"_31":255,"_256":257},[244,245,246,247],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_36":71,"_13":72,"_39":73,"_41":-5,"_42":43,"_44":74,"_46":47,"_48":75,"_17":50,"_51":63,"_52":-5,"_54":55,"_56":-5,"_18":251},{"_36":65,"_13":66,"_39":67,"_41":-5,"_42":43,"_44":68,"_46":47,"_48":69,"_17":50,"_51":63,"_52":-5,"_54":55,"_56":-5,"_18":250},{"_36":58,"_13":59,"_39":60,"_41":-5,"_42":43,"_44":61,"_46":47,"_48":62,"_17":50,"_51":63,"_52":-5,"_54":55,"_56":-5,"_18":249},{"_36":37,"_13":38,"_39":40,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":49,"_17":50,"_51":24,"_52":53,"_54":55,"_56":-5,"_18":248},[38],[59],[66],[72],"pulls","branches","forks",{"_258":50,"_260":50},"connections",{"_258":50,"_259":50},"count","unfilledCount","emptyCount",{"_36":71,"_13":72,"_39":73,"_41":-5,"_42":43,"_44":74,"_46":47,"_48":160,"_17":50,"_51":63,"_52":-5,"_54":55,"_56":-5,"_82":298,"_18":299},{"_36":164,"_13":165,"_39":166,"_41":73,"_42":43,"_44":167,"_46":47,"_48":168,"_17":74,"_51":169,"_52":170,"_54":55,"_56":-5,"_82":296,"_18":297},{"_36":65,"_13":66,"_39":67,"_41":-5,"_42":43,"_44":68,"_46":47,"_48":97,"_17":50,"_51":63,"_52":-5,"_54":55,"_56":-5,"_82":294,"_18":295},{"_36":127,"_13":128,"_39":129,"_41":67,"_42":43,"_44":130,"_46":47,"_48":131,"_17":50,"_51":63,"_52":-5,"_54":55,"_56":-5,"_82":292,"_18":293},{"_36":153,"_13":154,"_39":155,"_41":129,"_42":43,"_44":130,"_46":47,"_48":156,"_17":50,"_51":93,"_52":157,"_54":55,"_56":-5,"_82":290,"_18":291},{"_36":145,"_13":146,"_39":147,"_41":129,"_42":43,"_44":148,"_46":47,"_48":149,"_17":50,"_51":93,"_52":150,"_54":55,"_56":-5,"_82":288,"_18":289},{"_36":137,"_13":138,"_39":139,"_41":129,"_42":43,"_44":140,"_46":47,"_48":141,"_17":50,"_51":93,"_52":142,"_54":55,"_56":-5,"_82":286,"_18":287},{"_36":120,"_13":121,"_39":122,"_41":67,"_42":43,"_44":68,"_46":47,"_48":123,"_17":50,"_51":24,"_52":124,"_54":55,"_56":-5,"_82":284,"_18":285},{"_36":112,"_13":113,"_39":114,"_41":67,"_42":43,"_44":115,"_46":47,"_48":116,"_17":50,"_51":93,"_52":117,"_54":55,"_56":-5,"_82":282,"_18":283},{"_36":104,"_13":105,"_39":106,"_41":67,"_42":43,"_44":107,"_46":47,"_48":108,"_17":50,"_51":24,"_52":109,"_54":55,"_56":-5,"_82":280,"_18":281},{"_36":58,"_13":59,"_39":60,"_41":-5,"_42":43,"_44":61,"_46":47,"_48":85,"_17":50,"_51":63,"_52":-5,"_54":55,"_56":-5,"_82":278,"_18":279},{"_36":89,"_13":90,"_39":91,"_41":60,"_42":43,"_44":61,"_46":47,"_48":92,"_17":50,"_51":93,"_52":94,"_54":55,"_56":-5,"_82":276,"_18":277},{"_36":37,"_13":38,"_39":40,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":81,"_17":50,"_51":24,"_52":53,"_54":55,"_56":-5,"_82":274,"_18":275},[],[38],[],[59,90],[272],[59],[],[66,105],[],[66,113],[],[66,121],[],[66,128,138],[],[66,128,146],[],[66,128,154],[265,266,267],[66,128],[264,268,269,270],[66],[],[72,165],[262],[72],["D",1747985260013],{"_11":12,"_225":221},{"_11":12,"_219":-5,"_220":221,"_182":183,"_222":223,"_224":55},{"_17":167,"_13":16,"_36":43,"_211":173,"_212":-5,"_213":-5,"_214":-5,"_215":-5,"_216":-5,"_217":14,"_218":12},"ctx",{"_204":-5,"_241":337,"_338":339,"_340":341,"_342":55,"_343":55,"_344":55,"_345":47,"_346":-5,"_347":-7,"_348":-7,"_349":50,"_350":55,"_351":55,"_352":-5,"_353":55,"_354":55,"_355":55,"_356":-5},"ENV",{"_308":309,"_310":311,"_312":16,"_313":314,"_315":316,"_317":318,"_319":320,"_321":322,"_323":324,"_325":326,"_327":328,"_329":330,"_331":332,"_333":334,"_335":336},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","a3e067d4463eea85f6334f8e583e8516ae58c4f6","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