[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_264":265,"_266":267},"routes/_app.x.$handle.$name",{"_96":95,"_32":46,"_104":86,"_27":105,"_13":14,"_106":-5,"_11":107,"_108":109,"_110":111,"_112":113,"_114":115,"_20":-5,"_116":-5,"_117":-5,"_118":25,"_119":120,"_121":58,"_122":-5,"_123":-5,"_124":125},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_32":46,"_39":47,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":31,"_57":58,"_59":58,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":79,"_80":81,"_82":83,"_84":25},"version",11,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_24":25},"previous",{"_30":31,"_32":33,"_34":35,"_36":37},"deleted",false,"deletedHere","path","backend/index.ts","latestPath","fileId","95692826-37a7-11f0-b0cf-9e149126039e","name","index.ts","fileType","http","content","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 throw err;\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 const { message, conversationId }: ChatRequest = await c.req.json();\n \n // Generate conversation ID if not provided\n const convId = conversationId || `conv_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;\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 } catch {\n conversation = {\n id: convId,\n messages: [],\n createdAt: Date.now(),\n updatedAt: Date.now()\n };\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,\n timestamp: Date.now()\n };\n \n conversation.messages.push(userMessage);\n \n // Get AI response\n const completion = await openai.chat.completions.create({\n model: \"gpt-4o-mini\",\n messages: conversation.messages.map(msg => ({\n role: msg.role,\n content: msg.content\n })),\n max_tokens: 1000,\n temperature: 0.7,\n });\n \n const assistantMessage: ChatMessage = {\n id: `msg_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`,\n role: 'assistant',\n content: completion.choices[0].message.content || \"I apologize, but I couldn't generate a response.\",\n timestamp: Date.now()\n };\n \n conversation.messages.push(assistantMessage);\n conversation.updatedAt = Date.now();\n \n // Save conversation\n await blob.setJSON(`conversation_${convId}`, conversation);\n \n const response: ChatResponse = {\n message: assistantMessage,\n conversationId: convId\n };\n \n return c.json(response);\n } catch (error) {\n console.error(\"Chat error:\", error);\n return c.json({ error: \"Failed to process chat message\" }, 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;","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 const { message, conversationId }: ChatRequest = await c.req.json();\n \n // Generate conversation ID if not provided\n const convId = conversationId || `conv_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;\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 } catch {\n conversation = {\n id: convId,\n messages: [],\n createdAt: Date.now(),\n updatedAt: Date.now()\n };\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,\n timestamp: Date.now()\n };\n \n conversation.messages.push(userMessage);\n \n // Get AI response\n const completion = await openai.chat.completions.create({\n model: \"gpt-4o-mini\",\n messages: conversation.messages.map(msg => ({\n role: msg.role,\n content: msg.content\n })),\n max_tokens: 1000,\n temperature: 0.7,\n });\n \n const assistantMessage: ChatMessage = {\n id: `msg_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`,\n role: 'assistant',\n content: completion.choices[0].message.content || \"I apologize, but I couldn't generate a response.\",\n timestamp: Date.now()\n };\n \n conversation.messages.push(assistantMessage);\n conversation.updatedAt = Date.now();\n \n // Save conversation\n await blob.setJSON(`conversation_${convId}`, conversation);\n \n const response: ChatResponse = {\n message: assistantMessage,\n conversationId: convId\n };\n \n return c.json(response);\n } catch (error) {\n console.error(\"Chat error:\", error);\n return c.json({ error: \"Failed to process chat message\" }, 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;","createdAt",["D",1747985514136],"branchVersion","branchId","6876e736-37a7-11f0-9033-9e149126039e","id","6876a0c8-37a7-11f0-9033-9e149126039e","GokuAi",["D",1747985260013],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","60fb6c16-2bdf-4286-9ac5-f4b9e6eb529c","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","4a331ea8-f02b-42f1-b904-21c47f2b041c","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_96":95,"_103":99},"org",{"_96":95,"_97":-5,"_98":99,"_18":55,"_100":101,"_102":25},"branch",{"_13":85,"_32":86,"_44":43,"_87":45,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":46,"_94":95},"isOwned",12,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","Itssongoku","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yck1oWTdNWlpJSmNPMWpWR1VSM3VvNEQyWXQifQ","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_44":45,"_32":46,"_39":260,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":31,"_57":58,"_59":58,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":261,"_80":262,"_82":263,"_84":25},"tree",[169,171,179,181],"files",[169,170,171,172,173,174,175,176,177,178,179,180,181],"counts",{"_159":62,"_160":134,"_161":62,"_162":163,"_164":165},"contents",[126,127,128,129],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_44":153,"_32":154,"_30":155,"_133":-5,"_42":43,"_41":156,"_135":58,"_39":157,"_13":62,"_34":145,"_36":-5,"_24":25,"_138":-5,"_27":158},{"_44":147,"_32":148,"_30":149,"_133":-5,"_42":43,"_41":150,"_135":58,"_39":151,"_13":62,"_34":145,"_36":-5,"_24":25,"_138":-5,"_27":152},{"_44":140,"_32":141,"_30":142,"_133":-5,"_42":43,"_41":143,"_135":58,"_39":144,"_13":62,"_34":145,"_36":-5,"_24":25,"_138":-5,"_27":146},{"_44":130,"_32":131,"_30":132,"_133":-5,"_42":43,"_41":134,"_135":58,"_39":136,"_13":62,"_34":20,"_36":137,"_24":25,"_138":-5,"_27":139},"85f70e8a-37a7-11f0-9483-9e149126039e","README.md","85f70f52-37a7-11f0-9483-9e149126039e","parentId",1,"latest",["D",1747985309507],"# ChatGPT Clone\n\nA complete ChatGPT-like interface built with React and Hono, featuring:\n\n- Modern ChatGPT-style UI with dark theme\n- Real-time chat interface\n- Message history\n- Typing indicators\n- Responsive design\n- OpenAI GPT integration\n\n## Project Structure\n\n```\n├── backend/\n│ └── index.ts # Main Hono server with API routes\n├── frontend/\n│ ├── components/\n│ │ ├── App.tsx # Main chat application\n│ │ ├── ChatMessage.tsx # Individual message component\n│ │ └── ChatInput.tsx # Message input component\n│ ├── index.html # Main HTML template\n│ ├── index.tsx # Frontend entry point\n│ └── style.css # Custom styles\n├── shared/\n│ └── types.ts # Shared TypeScript types\n└── README.md\n```\n\n## Features\n\n- **Chat Interface**: Clean, modern design matching ChatGPT's appearance\n- **Message History**: Persistent conversation history\n- **Real-time Responses**: Streaming-like response display\n- **Responsive Design**: Works on desktop and mobile\n- **Dark Theme**: Modern dark theme similar to ChatGPT\n\n## Setup\n\n1. Set your OpenAI API key in environment variables as `OPENAI_API_KEY`\n2. The app will be available at the HTTP endpoint\n\n## Usage\n\nSimply start typing in the chat input and press Enter or click Send to get AI responses.","label",[131],"88a0b208-37a7-11f0-9b65-9e149126039e","shared","ac6770b9-b12d-4570-bc21-3f034f4639f4",2,["D",1747985313969],"directory",[141],"9a89a02e-37a7-11f0-94b0-9e149126039e","frontend","6fd9bce1-a291-4b42-8b9b-195b34991ba4",4,["D",1747985344021],[148],"956933a2-37a7-11f0-b0cf-9e149126039e","backend","c74e2adf-fbaa-4ca2-b63b-7a80065a927f",3,["D",1747985335418],[154],"pulls","branches","forks","envVars",{"_166":62,"_168":62},"connections",{"_166":62,"_167":62},"count","unfilledCount","emptyCount",{"_44":153,"_32":154,"_30":155,"_133":-5,"_42":43,"_41":156,"_135":58,"_39":257,"_13":62,"_34":145,"_36":-5,"_24":25,"_138":-5,"_183":258,"_27":259},{"_44":253,"_32":33,"_30":31,"_133":155,"_42":43,"_41":14,"_135":25,"_39":254,"_13":143,"_34":35,"_36":38,"_24":25,"_138":-5,"_183":255,"_27":256},{"_44":147,"_32":148,"_30":149,"_133":-5,"_42":43,"_41":150,"_135":58,"_39":250,"_13":62,"_34":145,"_36":-5,"_24":25,"_138":-5,"_183":251,"_27":252},{"_44":246,"_32":229,"_30":223,"_133":149,"_42":43,"_41":241,"_135":58,"_39":247,"_13":62,"_34":145,"_36":-5,"_24":25,"_138":-5,"_183":248,"_27":249},{"_44":238,"_32":239,"_30":240,"_133":223,"_42":43,"_41":241,"_135":58,"_39":242,"_13":62,"_34":190,"_36":243,"_24":25,"_138":-5,"_183":244,"_27":245},{"_44":230,"_32":231,"_30":232,"_133":223,"_42":43,"_41":233,"_135":58,"_39":234,"_13":62,"_34":190,"_36":235,"_24":25,"_138":-5,"_183":236,"_27":237},{"_44":220,"_32":221,"_30":222,"_133":223,"_42":43,"_41":224,"_135":58,"_39":225,"_13":62,"_34":190,"_36":226,"_24":25,"_138":-5,"_183":227,"_27":228},{"_44":213,"_32":214,"_30":215,"_133":149,"_42":43,"_41":150,"_135":58,"_39":216,"_13":62,"_34":20,"_36":217,"_24":25,"_138":-5,"_183":218,"_27":219},{"_44":205,"_32":206,"_30":207,"_133":149,"_42":43,"_41":208,"_135":58,"_39":209,"_13":62,"_34":190,"_36":210,"_24":25,"_138":-5,"_183":211,"_27":212},{"_44":197,"_32":198,"_30":199,"_133":149,"_42":43,"_41":200,"_135":58,"_39":201,"_13":62,"_34":20,"_36":202,"_24":25,"_138":-5,"_183":203,"_27":204},{"_44":140,"_32":141,"_30":142,"_133":-5,"_42":43,"_41":143,"_135":58,"_39":194,"_13":62,"_34":145,"_36":-5,"_24":25,"_138":-5,"_183":195,"_27":196},{"_44":186,"_32":187,"_30":188,"_133":142,"_42":43,"_41":143,"_135":58,"_39":189,"_13":62,"_34":190,"_36":191,"_24":25,"_138":-5,"_183":192,"_27":193},{"_44":130,"_32":131,"_30":132,"_133":-5,"_42":43,"_41":134,"_135":58,"_39":182,"_13":62,"_34":20,"_36":137,"_24":25,"_138":-5,"_183":184,"_27":185},["D",1747985309507],"children",[],[131],"88a090e8-37a7-11f0-9b65-9e149126039e","types.ts","88a091ba-37a7-11f0-9b65-9e149126039e",["D",1747985313969],"script","export interface ChatMessage {\n id: string;\n role: 'user' | 'assistant';\n content: string;\n timestamp: number;\n}\n\nexport interface ChatRequest {\n message: string;\n conversationId?: string;\n}\n\nexport interface ChatResponse {\n message: ChatMessage;\n conversationId: string;\n}\n\nexport interface Conversation {\n id: string;\n messages: ChatMessage[];\n createdAt: number;\n updatedAt: number;\n}",[],[141,187],["D",1747985313969],[180],[141],"aa79d92c-37a7-11f0-a267-9e149126039e","style.css","aa79da30-37a7-11f0-a267-9e149126039e",5,["D",1747985370748],"* {\n box-sizing: border-box;\n}\n\nbody {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;\n margin: 0;\n padding: 0;\n background-color: #0f0f23;\n color: #ffffff;\n}\n\n.chat-container {\n height: 100vh;\n display: flex;\n flex-direction: column;\n max-width: 768px;\n margin: 0 auto;\n background-color: #0f0f23;\n}\n\n.chat-header {\n padding: 1rem;\n border-bottom: 1px solid #2d2d2d;\n background-color: #0f0f23;\n position: sticky;\n top: 0;\n z-index: 10;\n}\n\n.chat-messages {\n flex: 1;\n overflow-y: auto;\n padding: 1rem 0;\n scroll-behavior: smooth;\n}\n\n.message {\n margin-bottom: 1.5rem;\n padding: 0 1rem;\n}\n\n.message-user {\n display: flex;\n justify-content: flex-end;\n}\n\n.message-assistant {\n display: flex;\n justify-content: flex-start;\n}\n\n.message-content {\n max-width: 80%;\n padding: 0.75rem 1rem;\n border-radius: 1rem;\n word-wrap: break-word;\n line-height: 1.5;\n}\n\n.message-user .message-content {\n background-color: #10a37f;\n color: white;\n border-bottom-right-radius: 0.25rem;\n}\n\n.message-assistant .message-content {\n background-color: #2d2d2d;\n color: #ffffff;\n border-bottom-left-radius: 0.25rem;\n}\n\n.chat-input-container {\n padding: 1rem;\n border-top: 1px solid #2d2d2d;\n background-color: #0f0f23;\n position: sticky;\n bottom: 0;\n}\n\n.chat-input-wrapper {\n position: relative;\n max-width: 100%;\n}\n\n.chat-input {\n width: 100%;\n padding: 0.75rem 3rem 0.75rem 1rem;\n border: 1px solid #2d2d2d;\n border-radius: 0.75rem;\n background-color: #1a1a2e;\n color: white;\n font-size: 1rem;\n resize: none;\n outline: none;\n transition: border-color 0.2s;\n font-family: inherit;\n line-height: 1.5;\n min-height: 44px;\n max-height: 120px;\n}\n\n.chat-input:focus {\n border-color: #10a37f;\n}\n\n.chat-input::placeholder {\n color: #8e8ea0;\n}\n\n.send-button {\n position: absolute;\n right: 0.5rem;\n top: 50%;\n transform: translateY(-50%);\n background-color: #10a37f;\n color: white;\n border: none;\n border-radius: 0.375rem;\n padding: 0.5rem;\n cursor: pointer;\n transition: background-color 0.2s;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n}\n\n.send-button:hover:not(:disabled) {\n background-color: #0d8f6f;\n}\n\n.send-button:disabled {\n background-color: #2d2d2d;\n cursor: not-allowed;\n}\n\n.typing-indicator {\n display: flex;\n align-items: center;\n padding: 0.75rem 1rem;\n color: #8e8ea0;\n font-style: italic;\n}\n\n.typing-dots {\n display: flex;\n gap: 0.25rem;\n margin-left: 0.5rem;\n}\n\n.typing-dot {\n width: 4px;\n height: 4px;\n border-radius: 50%;\n background-color: #8e8ea0;\n animation: typing 1.4s infinite ease-in-out;\n}\n\n.typing-dot:nth-child(1) { animation-delay: -0.32s; }\n.typing-dot:nth-child(2) { animation-delay: -0.16s; }\n\n@keyframes typing {\n 0%, 80%, 100% {\n opacity: 0.3;\n transform: scale(0.8);\n }\n 40% {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n.welcome-message {\n text-align: center;\n padding: 2rem;\n color: #8e8ea0;\n}\n\n.welcome-title {\n font-size: 2rem;\n font-weight: 600;\n margin-bottom: 0.5rem;\n color: #ffffff;\n}\n\n.welcome-subtitle {\n font-size: 1rem;\n margin-bottom: 2rem;\n}\n\n.example-prompts {\n display: grid;\n gap: 0.75rem;\n max-width: 600px;\n margin: 0 auto;\n}\n\n.example-prompt {\n padding: 1rem;\n border: 1px solid #2d2d2d;\n border-radius: 0.75rem;\n background-color: #1a1a2e;\n cursor: pointer;\n transition: all 0.2s;\n text-align: left;\n}\n\n.example-prompt:hover {\n border-color: #10a37f;\n background-color: #232340;\n}\n\n.example-prompt-title {\n font-weight: 500;\n margin-bottom: 0.25rem;\n color: #ffffff;\n}\n\n.example-prompt-description {\n font-size: 0.875rem;\n color: #8e8ea0;\n}\n\n/* Scrollbar styling */\n.chat-messages::-webkit-scrollbar {\n width: 6px;\n}\n\n.chat-messages::-webkit-scrollbar-track {\n background: transparent;\n}\n\n.chat-messages::-webkit-scrollbar-thumb {\n background-color: #2d2d2d;\n border-radius: 3px;\n}\n\n.chat-messages::-webkit-scrollbar-thumb:hover {\n background-color: #404040;\n}\n\n/* Mobile responsiveness */\n@media (max-width: 768px) {\n .message-content {\n max-width: 90%;\n }\n \n .chat-input-container {\n padding: 0.75rem;\n }\n \n .example-prompts {\n padding: 0 1rem;\n }\n}",[],[148,198],"c4691a82-37a7-11f0-b5ec-9e149126039e","index.tsx","c4691b4a-37a7-11f0-b5ec-9e149126039e",9,["D",1747985414273],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from '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 = createRoot(document.getElementById('root')!);\nroot.render();",[],[148,206],"9a899886-37a7-11f0-94b0-9e149126039e","index.html","9a89994e-37a7-11f0-94b0-9e149126039e",["D",1747985344021],"\n\n\n \n \n ChatGPT Clone\n \n \n \n \n \n \n\n\n

\n \n\n",[],[148,214],"bb39565c-37a7-11f0-a033-9e149126039e","ChatMessage.tsx","bb395724-37a7-11f0-a033-9e149126039e","aa003fe4-3fd3-4999-9d3e-fbb99bcc946d",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}",[],[148,229,221],"components","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}",[],[148,229,231],"b77fe6a2-37a7-11f0-bef4-9e149126039e","App.tsx","b77fe760-37a7-11f0-bef4-9e149126039e",6,["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}",[],[148,229,239],"b7800bc8-37a7-11f0-bef4-9e149126039e",["D",1747985392611],[173,174,175],[148,229],["D",1747985344021],[172,176,177,178],[148],"ffefbdea-37a7-11f0-a055-9e149126039e",["D",1747985514136],[],[154,33],["D",1747985335418],[170],[154],["D",1747985260013],{"_96":95,"_103":99},{"_96":95,"_97":-5,"_98":99,"_18":55,"_100":101,"_102":25},{"_13":85,"_32":86,"_44":43,"_87":45,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":46,"_94":95},"ctx",{"_78":-5,"_123":297,"_298":299,"_300":301,"_302":25,"_303":25,"_304":25,"_305":58,"_306":-5,"_307":-7,"_308":-7,"_309":62,"_310":25,"_311":25,"_312":-5,"_313":25,"_314":25,"_315":25,"_316":-5},"ENV",{"_268":269,"_270":271,"_272":86,"_273":274,"_275":276,"_277":278,"_279":280,"_281":282,"_283":284,"_285":286,"_287":288,"_289":290,"_291":292,"_293":294,"_295":296},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","c73f21da490985bff19c279eb0e09db24d688e4f","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 · v11