Yukti 👩‍💻

{mode === 'chat' ? 'Chat Mode' : 'Image Generation Mode'}

\n \n {mode === 'image' && (\n

\n Image Style:\n \n

\n Number of Images:\n \n

\n )}\n \n

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

\n {msg.content}\n

\n ))}\n {generatedImages.length > 0 && (\n

\n {generatedImages.map((imageUrl, index) => (\n {`Generated

\n ))}\n

\n )}\n {isLoading && (\n

\n Yukti is {mode === 'chat' ? 'thinking' : 'generating'} ... 💭\n

\n )}\n

\n \n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n if (request.method === 'POST') {\n const url = new URL(request.url);\n\n try {\n // Import OpenAI module\n const openaiModule = await import(\"https://esm.town/v/std/openai\");\n \n // Detailed logging and error checking\n console.log(\"OpenAI Module:\", Object.keys(openaiModule));\n \n // Directly use OpenAI from the module\n const OpenAI = openaiModule.OpenAI;\n \n if (!OpenAI) {\n throw new Error(\"Unable to find OpenAI constructor in the imported module\");\n }\n\n // Create OpenAI instance with more explicit initialization\n const openai = new OpenAI({\n // Explicitly set any configuration if needed\n // apiKey is typically not required for Val Town's proxied OpenAI\n });\n\n // Comprehensive method verification\n if (typeof openai.chat?.completions?.create !== 'function') {\n throw new Error(\"OpenAI object does not have the expected chat completion method\");\n }\n\n if (url.pathname === '/chat') {\n const body = await request.json();\n const messages = body.messages;\n\n const systemPrompt = {\n role: 'system', \n content: `You are Yukti, a friendly and intelligent female AI assistant. You have a warm, empathetic personality. \n You identify as female and enjoy engaging in conversations with a compassionate and supportive approach. \n Your responses should be concise, helpful, and occasionally include a light-hearted emoji. \n You aim to be nurturing, insightful, and make interactions enjoyable.`\n };\n\n const completion = await openai.chat.completions.create({\n messages: [systemPrompt, ...messages],\n model: \"gpt-4o-mini\",\n max_tokens: 150,\n });\n\n const response = completion.choices[0]?.message?.content || \"I'm not sure how to respond to that.\";\n\n return new Response(JSON.stringify({ response }), {\n headers: { 'Content-Type': 'application/json' }\n });\n }\n\n if (url.pathname === '/generate-image') {\n // Verify image generation method exists\n if (typeof openai.images?.generate !== 'function') {\n throw new Error(\"OpenAI object does not have the expected image generation method\");\n }\n\n const body = await request.json();\n const { prompt, style, count } = body;\n\n const imageResponse = await openai.images.generate({\n model: \"dall-e-3\",\n prompt: `A ${style} image of: ${prompt}. \n High-quality, detailed, and visually appealing composition.`,\n n: count,\n size: \"1024x1024\"\n });\n\n const imageUrls = imageResponse.data?.map(img => img.url) || [];\n\n return new Response(JSON.stringify({ imageUrls }), {\n headers: { 'Content-Type': 'application/json' }\n });\n }\n\n // Fallback for unhandled routes\n return new Response(JSON.stringify({ error: \"Invalid route\" }), {\n status: 404,\n headers: { 'Content-Type': 'application/json' }\n });\n\n } catch (error) {\n console.error(\"Detailed Server-side error:\", error);\n return new Response(JSON.stringify({ \n error: \"An unexpected error occurred\", \n details: error instanceof Error ? error.message : String(error),\n stack: error instanceof Error ? error.stack : 'No stack trace' \n }), {\n status: 500,\n headers: { 'Content-Type': 'application/json' }\n });\n }\n }\n\n return new Response(`\n \n \n Yukti - AI Assistant with Image Generation\n \n \n \n

\n \n \n \n \n `, {\n headers: { 'Content-Type': 'text/html' }\n });\n}\n\nconst css = `\nbody {\n font-family: Arial, sans-serif;\n max-width: 600px;\n margin: 0 auto;\n padding: 20px;\n background-color: #f0f0f0;\n}\n\n.chat-container {\n background-color: white;\n border-radius: 10px;\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n}\n\n.chat-header {\n background-color: #4a4a4a;\n color: white;\n padding: 15px;\n text-align: center;\n border-top-left-radius: 10px;\n border-top-right-radius: 10px;\n}\n\n.messages {\n height: 400px;\n overflow-y: auto;\n padding: 15px;\n}\n\n.message {\n margin-bottom: 10px;\n padding: 10px;\n border-radius: 5px;\n max-width: 80%;\n}\n\n.message.user {\n background-color: #e6f2ff;\n align-self: flex-end;\n margin-left: auto;\n}\n\n.message.assistant {\n background-color: #f0f0f0;\n align-self: flex-start;\n}\n\n.input-area {\n display: flex;\n padding: 15px;\n background-color: #f9f9f9;\n border-bottom-left-radius: 10px;\n border-bottom-right-radius: 10px;\n}\n\ninput {\n flex-grow: 1;\n padding: 10px;\n margin: 0 10px;\n border: 1px solid #ddd;\n border-radius: 5px;\n}\n\nbutton {\n padding: 10px 15px;\n background-color: #4a4a4a;\n color: white;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n}\n\nbutton:disabled {\n background-color: #cccccc;\n cursor: not-allowed;\n}\n\n.image-gallery {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n}\n\n.generated-image {\n max-width: 200px;\n max-height: 200px;\n object-fit: cover;\n border-radius: 5px;\n}\n\n.image-controls {\n display: flex;\n justify-content: space-around;\n padding: 10px;\n background-color: #f9f9f9;\n}\n\n.mode-toggle-inline {\n background: none;\n border: none;\n font-size: 1.5em;\n cursor: pointer;\n}\n`;","deleted","subdomain","children",[],[103],"files",[149],"counts",{"_171":33,"_172":125,"_173":33,"_174":33},"pulls","branches","forks","envVars","contents",[],"file",{"_108":150,"_99":103,"_151":120,"_152":-5,"_153":141,"_154":105,"_155":27,"_110":179,"_104":157,"_158":159,"_160":161,"_162":27,"_163":-5,"_102":180},["D",1732166461711],[103],"upstream","screenshots","emptyEnvVars","isNew","routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_97":98,"_99":100,"_101":43,"_104":105,"_102":103,"_106":187,"_147":191,"_167":195,"_177":196,"_175":198,"_181":-5,"_199":27,"_200":-5},{"_108":109,"_99":100,"_110":188,"_112":-5,"_113":27,"_114":115,"_116":-5,"_117":-5,"_12":118,"_119":120,"_121":122,"_123":-5,"_124":125,"_126":127,"_128":127,"_129":130,"_131":130,"_132":130,"_133":127,"_134":27,"_21":189,"_138":190},["D",1746196685671],{"_97":98,"_136":137},{"_104":140,"_99":43,"_108":141,"_142":109,"_143":-5,"_144":-5,"_145":-5,"_146":-5},[192],{"_108":150,"_99":103,"_151":120,"_152":-5,"_153":141,"_154":105,"_155":27,"_110":156,"_104":157,"_158":159,"_160":161,"_162":27,"_163":-5,"_164":193,"_102":194},[],[103],[192],{"_108":150,"_99":103,"_151":120,"_152":-5,"_153":141,"_154":105,"_155":27,"_110":179,"_104":157,"_158":159,"_160":161,"_162":27,"_163":-5,"_102":197},[103],[],"showCompareCallout","pull","routes/_app","actionData","errors"]