Website Chatbot

\n {messages.map((msg, index) => (\n

\n {msg.content}\n

\n ))}\n {isLoading &&

...

}\n

\n \n

\n );\n}\n\nfunction client() {\n const chatbotRoot = document.createElement('div');\n chatbotRoot.id = 'website-chatbot-root';\n document.body.appendChild(chatbotRoot);\n createRoot(chatbotRoot).render();\n}\n\nif (typeof document !== 'undefined') { client(); }\n\nexport default async function server(request: Request) {\n if (request.method === 'POST' && new URL(request.url).pathname === '/chat') {\n const { OpenAI } = await import(\"https://esm.town/v/std/openai\");\n const openai = new OpenAI();\n \n const body = await request.json();\n const { messages, currentUrl } = body;\n\n // Context-aware AI processing\n const systemPrompt = `You are a helpful AI assistant specialized in the current website: ${currentUrl}. \n If asked about PDFs or specific content, try to provide direct links if possible.\n Be conversational, helpful, and website-specific in your responses.`;\n\n const completion = await openai.chat.completions.create({\n messages: [\n { role: 'system', content: systemPrompt },\n ...messages\n ],\n model: 'gpt-4o-mini',\n max_tokens: 300\n });\n\n return Response.json({ \n response: completion.choices[0].message.content \n });\n }\n\n return new Response(`\n \n \n Website Chatbot\n \n \n \n

\n \n \n \n \n `, {\n headers: { 'Content-Type': 'text/html' }\n });\n}\n\nconst css = `\n.chatbot-container {\n position: fixed;\n bottom: 20px;\n right: 20px;\n width: 300px;\n height: 400px;\n background: white;\n border: 1px solid #ccc;\n display: flex;\n flex-direction: column;\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n z-index: 10000;\n}\n.chat-messages {\n flex-grow: 1;\n overflow-y: auto;\n padding: 10px;\n}\n.message {\n margin-bottom: 10px;\n padding: 5px;\n border-radius: 5px;\n}\n.message.user {\n background-color: #e6f2ff;\n text-align: right;\n}\n.message.assistant {\n background-color: #f0f0f0;\n}\n.chat-input {\n display: flex;\n padding: 10px;\n}\n.chat-input input {\n flex-grow: 1;\n margin-right: 10px;\n}\n`;","deleted","label",[98],"permalink","https://www.val.town/x/shivammunday/competentCoffeeTyrannosaurus/code/main.tsx","extension","actionData","errors"]