[{"_1":2,"_172":-5,"_173":-5},"loaderData",{"_3":4,"_91":92},"root",{"_5":6,"_34":35,"_64":65},"ctx",{"_7":8,"_23":-5,"_24":25,"_26":27,"_28":20,"_29":20,"_30":20,"_31":32,"_33":20},"auth",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20,"_21":22},"sessionClaims","sessionId","sessionStatus","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","isAuthenticated",false,"tokenType","session_token","user","preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","notificationCount",0,"flagDenols","ENV",{"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_52":53,"_54":55,"_56":57,"_58":59,"_60":61,"_62":63},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","e3ca0a77ab07ff2ce3097208ffd6aa0e378d3c47","RENDER_GIT_BRANCH","main","CLERK_PUBLISHABLE_KEY","pk_live_Y2xlcmsudmFsLnRvd24k","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","API_URL","https://api.val.town","clerkState",{"_66":67},"__internal_clerk_state",{"_68":69,"_70":45,"_71":72,"_73":72,"_74":20,"_75":72,"_76":72,"_77":72,"_78":72,"_79":80,"_89":20,"_90":20},"__clerk_ssr_state",{"_21":22,"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__clerk_debug",{"_81":20,"_19":20,"_82":72,"_83":84,"_85":72,"_86":45,"_87":20,"_88":72},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","routes/embed.x.$handle.$name.$",{"_93":94,"_95":96,"_97":98,"_99":100,"_150":151,"_169":170,"_171":-5},"handle","aibotcommander","name","Gemini-Nano-Banana-01","path","main.tsx","project",{"_101":102,"_95":96,"_103":104,"_105":-5,"_106":20,"_107":108,"_109":110,"_111":112,"_12":113,"_114":-5,"_115":20,"_116":-5,"_117":32,"_14":118,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_23":128,"_131":132,"_134":135,"_149":20},"id","beb342ac-92ec-11f0-b01d-0224a6c84d84","createdAt",["D",1758020595774],"deletedAt","legacyEnvVars","privacy","public","description","Generate beautifull images: https://poe.com/Gemini-Nano-Banana ","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/dddf5c6f-63e3-484b-bbc5-3f071f5ddc00/square512","01993890-bc39-742c-bff5-53031d93b2cb","pinnedFileId","pinPreview","screenshotVersion","likeCount","01993890-bc39-742c-bff5-540390ef48e8","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_93":94,"_129":130},"profileImageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/baf83437-f54d-463b-0a82-08c06fd5c400/square512","org",{"_93":94,"_133":130},"avatar","branch",{"_136":137,"_95":43,"_101":138,"_139":102,"_140":-5,"_141":-5,"_142":143,"_144":145,"_146":118,"_147":96,"_148":94},"version",5,"beb6208a-92ec-11f0-b01d-0224a6c84d84","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","private","forkedProjectId","05171624-92e3-11f0-8cc2-0224a6c84d84","forkedProjectOrgId","projectName","userHandle","isOwned","file",{"_101":152,"_95":98,"_153":154,"_155":-5,"_156":138,"_157":137,"_158":159,"_103":160,"_136":161,"_162":163,"_164":165,"_166":20,"_167":-5,"_97":168},"3c32a942-9401-11f0-b036-0224a6c84d84","fileId","01995231-7071-77e8-b386-5550d135b081","parentId","branchId","branchVersion","latest",true,["D",1758139347417],4,"fileType","http","content","/* Generate beautifull, high quality images: https://poe.com/Gemini-Nano-Banana */\n\nimport process from \"node:process\";\nimport { OpenAI } from \"npm:openai\";\nconst IMAGE_COST = 500;\n\ninterface ModelConfig {\n provider: \"google\" | \"openrouter\";\n model: string;\n endpoint: string;\n headers: Record;\n}\n\nconst IMAGE_MODEL: ModelConfig = {\n provider: \"google\",\n model: \"gemini-2.5-flash-image-preview\",\n endpoint:\n \"https://generativelanguage.googleapis.com/v1beta/models/gemini-2.5-flash-image-preview:generateContent\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n};\n\nconst POE_API_KEYS = [\n process.env.POE_API_KEY,\n process.env.POE_API_KEY2,\n process.env.POE_API_KEY3,\n].filter(Boolean);\n\nfunction createPoeClient(apiKey: string): OpenAI {\n return new OpenAI({\n apiKey: apiKey || \"YOUR_POE_API_KEY\",\n baseURL: \"https://api.poe.com/v1\",\n });\n}\n\nfunction extractImageUrl(content: string): string | null {\n // Extract URLs from POE response\n const urlMatch = content.match(/https?:\\/\\/[^\\s]+\\.(jpg|jpeg|png|gif|webp)/i);\n if (urlMatch) return urlMatch[0];\n \n // Extract markdown image format\n const mdMatch = content.match(/!\\[.*?\\]\\((https?:\\/\\/[^\\)]+)\\)/);\n if (mdMatch) return mdMatch[1];\n \n // Extract any URL in the response\n const anyUrlMatch = content.match(/https?:\\/\\/[^\\s\\)]+/);\n return anyUrlMatch ? anyUrlMatch[0] : null;\n}\n\nasync function generateImageWithPoe(\n prompt: string,\n send: SendEventFn\n): Promise {\n let lastError = null;\n \n for (let i = 0; i < POE_API_KEYS.length; i++) {\n const apiKey = POE_API_KEYS[i];\n const keyNumber = i + 1;\n \n try {\n console.log(`Attempting Poe image generation with API key ${keyNumber}`);\n \n const poeClient = createPoeClient(apiKey);\n const imagePrompt = `Generate high-quality image: ${prompt}`;\n \n const chat = await poeClient.chat.completions.create({\n model: \"FLUX-schnell-DI\",\n messages: [{ role: \"user\", content: imagePrompt }],\n max_tokens: 1024,\n temperature: 0.8,\n });\n\n const content = chat.choices[0]?.message?.content;\n \n if (content) {\n const imageUrl = extractImageUrl(content);\n \n if (imageUrl) {\n send(\"text\", { \n text: `🎨 **Image Generated Successfully!**\\n\\n![Generated Image](${imageUrl})*` \n });\n return;\n } else {\n // If no URL found, send the content as-is (might contain image data or instructions)\n send(\"text\", { \n text: `🎨 **Image Generated!**\\n\\n${content}` \n });\n return;\n }\n } else {\n throw new Error(`No content received ${keyNumber}`);\n }\n \n } catch (error) {\n lastError = error;\n console.error(`API key ${keyNumber} failed:`, error.message);\n \n if (i < POE_API_KEYS.length - 1) {\n console.log(`Trying next API key (${keyNumber + 1})`);\n continue;\n }\n }\n }\n \n console.error(\"All API keys failed:\", lastError);\n send(\"error\", { \n text: `Image generation failed: All POE API keys exhausted. Last error: ${lastError?.message || 'Unknown error'}. Please try a different prompt.`, \n allow_retry: true \n });\n}\n\nasync function generateWithOpenRouter(\n prompt: string,\n send: SendEventFn\n): Promise {\n try {\n const response = await fetch(\"https://openrouter.ai/api/v1/chat/completions\", {\n method: \"POST\",\n headers: {\n \"Authorization\": `Bearer ${process.env.OPENROUTER_API_KEY}`,\n \"Content-Type\": \"application/json\",\n \"HTTP-Referer\": \"https://poe.com/Gemini-Nano-Banana\",\n \"X-Title\": \"Gemini-Nano-Banana\"\n },\n body: JSON.stringify({\n model: \"google/gemini-2.5-flash-image-preview\",\n messages: [\n {\n role: \"user\",\n content: prompt\n }\n ],\n max_tokens: 1024\n })\n });\n\n if (!response.ok) {\n throw new Error(`OpenRouter API error: ${response.status}`);\n }\n\n const result = await response.json();\n const content = result.choices?.[0]?.message?.content;\n \n if (content) {\n const imageUrl = extractImageUrl(content);\n \n if (imageUrl) {\n send(\"text\", { \n text: `🎨 **Image Generated Successfully!**\\n\\n![Generated Image](${imageUrl})\\n\\n*Generated using Flux 1.1 Pro via OpenRouter*` \n });\n } else {\n send(\"text\", { \n text: `🎨 **Image Generated!**\\n\\n${content}\\n\\n*Generated using Flux 1.1 Pro via OpenRouter*` \n });\n }\n } else {\n throw new Error(\"No content received from OpenRouter\");\n }\n \n } catch (error) {\n console.error(\"OpenRouter generation failed:\", error);\n throw error;\n }\n}\n\nasync function generateImage(\n prompt: string,\n send: SendEventFn\n): Promise {\n try {\n // First try OpenRouter with Flux model if available\n if (process.env.OPENROUTER_API_KEY) {\n try {\n await generateWithOpenRouter(prompt, send);\n return;\n } catch (error) {\n console.warn(\"OpenRouter failed, trying Gemini:\", error.message);\n }\n }\n \n // Try Gemini\n const imagePrompt = `Detailed image: ${prompt}.`;\n \n const payload = {\n contents: [{\n role: \"user\",\n parts: [{ text: imagePrompt }]\n }],\n generationConfig: {\n temperature: 0.8,\n maxOutputTokens: 1024,\n candidateCount: 1\n }\n };\n\n const url = `${IMAGE_MODEL.endpoint}?key=${process.env.GEMINI_API_KEY}`;\n \n const response = await fetch(url, {\n method: \"POST\",\n headers: IMAGE_MODEL.headers,\n body: JSON.stringify(payload),\n });\n\n if (!response.ok) {\n console.warn(\"Gemini image generation failed\");\n await generateImageWithPoe(prompt, send);\n return;\n }\n\n const result = await response.json();\n const generatedContent = result.candidates?.[0]?.content?.parts?.[0]?.text;\n \n if (generatedContent) {\n const imageUrl = extractImageUrl(generatedContent);\n \n if (imageUrl) {\n send(\"text\", { \n text: `🎨 **Image Generated Successfully!**\\n\\n![Generated Image](${imageUrl})\\n\\n*Generated using Gemini-2.5-Flash-Image-Preview*` \n });\n } else {\n send(\"text\", { \n text: `🎨 **Image Generated!**\\n\\n${generatedContent}\\n\\n*Generated using Gemini-2.5-Flash-Image-Preview*` \n });\n }\n } else {\n console.warn(\"No content from Gemini\");\n await generateImageWithPoe(prompt, send);\n }\n \n } catch (error) {\n console.error(\"Primary image generation error:\", error);\n console.warn(\"Attempting Poe fallback\");\n await generateImageWithPoe(prompt, send);\n }\n}\n\nasync function getResponse(req: Query, send: SendEventFn) {\n send(\"meta\", { content_type: \"text/markdown\" });\n\n if (\n req.query &&\n req.query.some((msg) => msg.attachments && msg.attachments.length > 0)\n ) {\n send(\"error\", {\n text:\n \"File uploads are not supported. Please send your message as text only.\",\n allow_retry: false,\n });\n send(\"done\", {});\n return;\n }\n\n const messages = req.query.map((msg) => {\n if (msg.attachments && msg.attachments.length > 0) {\n return null;\n }\n\n return {\n role: msg.role === \"bot\"\n ? \"assistant\"\n : msg.role as \"user\" | \"assistant\" | \"system\",\n content: msg.content,\n };\n }).filter(Boolean) as Array<{ role: string; content: string }>;\n\n const lastUserMessage = messages.filter((m) => m.role === \"user\").pop();\n if (!lastUserMessage) {\n await generateImage(\"Welcome! I'm an image generation bot. Here's a beautiful sunset landscape to start.\", send);\n send(\"done\", {});\n return;\n }\n\n const userContent = lastUserMessage.content;\n\n if (!userContent || userContent.trim().length === 0) {\n send(\"error\", {\n text: \"Please provide a description for the image you'd like me to generate.\",\n allow_retry: false,\n });\n send(\"done\", {});\n return;\n }\n\n await generateImage(userContent, send);\n send(\"done\", {});\n}\n\nasync function getBotSettings(): Promise {\n const rateCard = \"| Type | Price |\\n\" + \"|------|------|\\n\" +\n `| Image Generation | ${IMAGE_COST} points |\\n`;\n const costLabel = `${IMAGE_COST} points`;\n\n return {\n allow_attachments: false,\n expand_text_attachments: false,\n enable_multi_bot_chat_prompting: true,\n rate_card: rateCard,\n cost_label: costLabel,\n };\n}\n\ntype BotSettings = {\n allow_attachments?: boolean;\n expand_text_attachments?: boolean;\n enable_multi_bot_chat_prompting?: boolean;\n rate_card?: string;\n cost_label?: string;\n};\n\ntype Query = {\n version: string;\n type: \"query\";\n query: {\n role: \"system\" | \"user\" | \"bot\";\n content: string;\n content_type: string;\n timestamp: number;\n message_id: string;\n feedback: {\n type: \"like\" | \"dislike\";\n reason?: string;\n }[];\n attachments: {\n url: string;\n content_type: string;\n name: string;\n parsed_content?: string;\n };\n }[];\n message_id: string;\n user_id: string;\n conversation_id: string;\n metadata: string;\n language_code: string;\n};\n\ntype Events = {\n meta: { content_type: string };\n text: { text: string };\n replace_response: { text: string };\n suggested_reply: { text: string };\n error: { allow_retry?: boolean; text: string };\n done: {};\n};\n\ntype SendEventFn = (\n eventName: EventName,\n data: Events[EventName],\n) => void;\n\nfunction encodeEvent(event: string, data: any = {}) {\n return new TextEncoder().encode(\n `event: ${event}\\ndata: ${JSON.stringify(data)}\\n\\n`,\n );\n}\n\nexport default async function (req: Request): Promise {\n const reqBody = await req.json().catch((e) => {\n console.error(\"body parse error\", e);\n return {};\n });\n\n console.log(\"body\", reqBody);\n\n if (reqBody.type === \"settings\") {\n return new Response(JSON.stringify(await getBotSettings()), {\n status: 200,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n\n const body = new ReadableStream({\n start(controller) {\n const send = (event, data) => {\n controller.enqueue(encodeEvent(event, data));\n };\n\n return getResponse(reqBody, send)\n .catch((e) => console.error(\"get response error\", e))\n .finally(() => controller.close());\n },\n });\n\n return new Response(body, {\n status: 200,\n headers: { \"Content-Type\": \"text/event-stream\" },\n });\n}","deleted","label",[98],"permalink","https://www.val.town/x/aibotcommander/Gemini-Nano-Banana-01/code/main.tsx","extension","actionData","errors"]