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 // More robust OpenAI import and initialization\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 // Use a more flexible approach to accessing OpenAI\n const OpenAI = openaiModule.default || openaiModule.OpenAI;\n \n if (!OpenAI) {\n throw new Error(\"Unable to find OpenAI constructor in the imported module\");\n }\n\n const openai = new OpenAI({\n // Add any necessary configuration if required\n // For example: apiKey might be needed depending on the library version\n });\n\n // Verify the openai object has the required methods\n if (!openai.chat || !openai.chat.completions || !openai.chat.completions.create) {\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 images method exists\n if (!openai.images || !openai.images.generate) {\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","label","children",[],[153],"files",[151],"counts",{"_174":32,"_175":119,"_176":32,"_177":32},"pulls","branches","forks","envVars","contents",[180],{"_102":152,"_95":153,"_154":114,"_155":-5,"_156":139,"_157":138,"_158":116,"_104":181,"_99":160,"_161":162,"_163":164,"_165":22,"_166":-5,"_98":182},["D",1732172939618],[153],"file","upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name._index",{"_93":94,"_95":96,"_97":-7,"_99":-7,"_100":192,"_178":197,"_200":-7,"_201":-5,"_202":-5,"_170":203,"_207":208},{"_102":103,"_95":96,"_104":193,"_106":-5,"_107":22,"_108":109,"_110":-5,"_111":-5,"_14":112,"_113":114,"_115":116,"_117":-5,"_118":119,"_16":120,"_121":122,"_123":122,"_124":125,"_126":125,"_127":125,"_128":122,"_129":122,"_23":194,"_133":195,"_136":196,"_148":22},["D",1746196685671],{"_93":94,"_131":132},{"_93":94,"_135":132},{"_99":138,"_95":43,"_102":139,"_140":103,"_141":-5,"_142":-5,"_143":-5,"_144":-5,"_145":-5,"_146":96,"_147":94},[198],{"_102":152,"_95":153,"_154":114,"_155":-5,"_156":139,"_157":138,"_158":116,"_104":181,"_99":160,"_161":162,"_163":164,"_165":22,"_166":-5,"_98":199},[153],"readme","upstream","pull",[204],{"_102":152,"_95":153,"_154":114,"_155":-5,"_156":139,"_157":138,"_158":116,"_104":159,"_99":160,"_161":162,"_163":164,"_165":22,"_166":-5,"_167":205,"_98":206},[],[153],"previews",[204],"actionData","errors"]

Aditya230

yuktiVoiceAssistant