[{"_1":2,"_174":-5,"_175":-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,"_152":153,"_171":172,"_173":-5},"handle","MadeiInGermany","name","Gemini-Nano-Banana","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,"_151":20},"id","d72fa122-944a-11f0-8ca8-0224a6c84d84","createdAt",["D",1758170960682],"deletedAt","legacyEnvVars","privacy","public","description","Last: Gemini-Nano-Banana-04","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/e462186e-57a1-4f0d-1ba8-fa0393ee6900/square512","01995b22-1b41-771e-a0ac-a4cfc92d3606","pinnedFileId","pinPreview","screenshotVersion","likeCount","01995b22-1b41-771e-a0ac-a96f3508eae1","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_93":94,"_129":130},"profileImageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/0d36b22b-1313-4153-e173-746bdb12a000/square512","org",{"_93":94,"_133":130},"avatar","branch",{"_136":137,"_95":43,"_101":138,"_139":102,"_140":141,"_142":143,"_144":108,"_145":146,"_147":148,"_149":96,"_150":94},"version",8,"d73520e8-944a-11f0-8ca8-0224a6c84d84","projectId","forkedBranchId","deec200c-92f1-11f0-9744-0224a6c84d84","forkedBranchVersion",16,"forkedProjectPrivacy","forkedProjectId","dee915b0-92f1-11f0-9744-0224a6c84d84","forkedProjectOrgId","01993890-bc39-742c-bff5-540390ef48e8","projectName","userHandle","isOwned","file",{"_101":154,"_95":98,"_155":156,"_157":-5,"_158":138,"_159":137,"_160":161,"_103":162,"_136":163,"_164":165,"_166":167,"_168":20,"_169":-5,"_97":170},"61f82f80-9451-11f0-acef-0224a6c84d84","fileId","01995b27-d389-749d-800a-7843abe65244","parentId","branchId","branchVersion","latest",true,["D",1758173770527],7,"fileType","http","content","import process from \"node:process\";\nimport { OpenAI } from \"npm:openai\";\n\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 const urlMatch = content.match(/https?:\\/\\/[^\\s]+\\.(jpg|jpeg|png|gif|webp)/i);\n if (urlMatch) return urlMatch[0];\n\n const mdMatch = content.match(/!\\[.*?\\]\\((https?:\\/\\/[^\\)]+)\\)/);\n if (mdMatch) return mdMatch[1];\n\n const anyUrlMatch = content.match(/https?:\\/\\/[^\\s\\)]+/);\n return anyUrlMatch ? anyUrlMatch[0] : null;\n}\n\n// Helper function to check if response indicates harmful content\nfunction isHarmfulContentResponse(content: string): boolean {\n const harmfulPatterns = [\n /harmful content/i,\n /cannot be processed/i,\n /violates.*policy/i,\n /inappropriate.*request/i,\n /unsafe.*content/i,\n /content.*policy.*violation/i,\n /against.*guidelines/i,\n ];\n\n return harmfulPatterns.some((pattern) => pattern.test(content));\n}\n\nfunction authenticateRequest(req: Request): boolean {\n const botAccessKey = process.env.BOT_ACCESS_KEY;\n if (!botAccessKey) {\n console.error(\"BOT_ACCESS_KEY not configured in environment variables\");\n return false;\n }\n\n const authHeader = req.headers.get(\"Authorization\");\n if (authHeader) {\n const token = authHeader.replace(/^Bearer\\s+/i, \"\");\n if (token === botAccessKey) {\n return true;\n }\n }\n\n const apiKeyHeader = req.headers.get(\"X-API-Key\");\n if (apiKeyHeader === botAccessKey) {\n return true;\n }\n\n const url = new URL(req.url);\n const queryToken = url.searchParams.get(\"access_key\") ||\n url.searchParams.get(\"token\");\n if (queryToken === botAccessKey) {\n return true;\n }\n\n return false;\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 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 // Check for harmful content response\n if (isHarmfulContentResponse(content)) {\n console.log(\n `API key ${keyNumber} returned harmful content response, trying next key`,\n );\n lastError = new Error(\n `Harmful content response from API key ${keyNumber}`,\n );\n continue;\n }\n\n const imageUrl = extractImageUrl(content);\n if (imageUrl) {\n send(\"text\", {\n text:\n `🎨 **Image Generated Successfully!**\\n\\n![Generated Image](${imageUrl})*`,\n });\n return;\n } else {\n send(\"text\", { text: `🎨 **Image Generated!**\\n\\n${content}` });\n return;\n }\n } else {\n throw new Error(`No content received ${keyNumber}`);\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:\n `Gemini-Nano-Banana received a prompt that was considered potentially harmful.\n If you think this was a mistake, rephrase it and try again.`,\n allow_retry: true,\n });\n}\n\nasync function generateWithOpenRouter(\n prompt: string,\n send: SendEventFn,\n): Promise {\n const response = await fetch(\n \"https://openrouter.ai/api/v1/chat/completions\",\n {\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\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 // Check for harmful content response\n if (isHarmfulContentResponse(content)) {\n throw new Error(\n \"Gemini-Nano-Banana received a prompt that was considered potentially harmful. If you think this was a mistake, rephrase it and try again.\",\n );\n }\n\n const imageUrl = extractImageUrl(content);\n if (imageUrl) {\n send(\"text\", {\n text:\n `🎨 **Image Generated Successfully!**\\n\\n![Generated Image](${imageUrl})`,\n });\n } else {\n send(\"text\", { text: `🎨 **Image Generated!**\\n\\n${content}` });\n }\n } else {\n throw new Error(\"No content received from OpenRouter\");\n }\n}\n\nasync function generateWithGemini(\n prompt: string,\n send: SendEventFn,\n): Promise {\n const imagePrompt = `Detailed image: ${prompt}.`;\n const payload = {\n contents: [\n {\n role: \"user\",\n parts: [{ text: imagePrompt }],\n },\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 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 throw new Error(`Gemini API error: ${response.status}`);\n }\n\n const result = await response.json();\n const generatedContent = result.candidates?.[0]?.content?.parts?.[0]?.text;\n\n if (generatedContent) {\n // Check for harmful content response\n if (isHarmfulContentResponse(generatedContent)) {\n throw new Error(\n \"Gemini-Nano-Banana received a prompt that was considered potentially harmful. If you think this was a mistake, rephrase it and try again.\",\n );\n }\n\n const imageUrl = extractImageUrl(generatedContent);\n if (imageUrl) {\n send(\"text\", {\n text:\n `🎨 **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:\n `🎨 **Image Generated!**\\n\\n${generatedContent}\\n\\n*Generated using Gemini-2.5-Flash-Image-Preview*`,\n });\n }\n } else {\n throw new Error(\"No content received from Gemini\");\n }\n}\n\nasync function generateImage(prompt: string, send: SendEventFn): Promise {\n const providers = [\n {\n name: \"OpenRouter\",\n fn: () => generateWithOpenRouter(prompt, send),\n condition: () => !!process.env.OPENROUTER_API_KEY,\n },\n {\n name: \"Gemini\",\n fn: () => generateWithGemini(prompt, send),\n condition: () => !!process.env.GEMINI_API_KEY,\n },\n {\n name: \"Poe\",\n fn: () => generateImageWithPoe(prompt, send),\n condition: () => POE_API_KEYS.length > 0,\n },\n ];\n\n let lastError = null;\n\n for (const provider of providers) {\n if (!provider.condition()) {\n console.log(`Skipping ${provider.name}: API key not configured`);\n continue;\n }\n\n try {\n console.log(`Attempting image generation with ${provider.name}`);\n await provider.fn();\n return; // Success, exit function\n } catch (error) {\n lastError = error;\n console.warn(`${provider.name} failed:`, error.message);\n\n // Check if it's a harmful content error\n if (error.message.includes(\"harmful content\")) {\n console.log(\n `${provider.name} rejected due to harmful content, trying next provider`,\n );\n continue;\n }\n\n // For other errors, still try next provider\n console.log(`Trying next provider after ${provider.name} failure`);\n }\n }\n\n // If all providers failed\n console.error(\"All providers failed:\", lastError);\n send(\"error\", {\n text:\n `Gemini-Nano-Banana received a prompt that was considered potentially harmfull. \n If you think this was a mistakes, rephrase it and try again.`,\n allow_retry: true,\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\n .map((msg) => {\n if (msg.attachments && msg.attachments.length > 0) {\n return null;\n }\n return {\n role: msg.role === \"bot\"\n ? \"assistant\"\n : (msg.role as \"user\" | \"assistant\" | \"system\"),\n content: msg.content,\n };\n })\n .filter(Boolean) as Array<{ role: string; content: string }>;\n\n const lastUserMessage = messages.filter((m) => m.role === \"user\").pop();\n\n if (!lastUserMessage) {\n await generateImage(\n \"Welcome!\",\n send,\n );\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:\n \"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\" +\n `| Image Generation | ${IMAGE_COST} points |\\n`;\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 if (!authenticateRequest(req)) {\n console.warn(\"Unauthorized access attempt\");\n return new Response(\n JSON.stringify({\n error: \"Unauthorized\",\n message: \"Valid BOT_ACCESS_KEY is required\",\n }),\n {\n status: 401,\n headers: {\n \"Content-Type\": \"application/json\",\n },\n },\n );\n }\n\n const reqBody = await req.json().catch((e) => {\n console.error(\"body parse error\", e);\n return {};\n });\n\n console.log(\"Authenticated request body:\", reqBody);\n\n if (reqBody.type === \"settings\") {\n return new Response(JSON.stringify(await getBotSettings()), {\n status: 200,\n headers: {\n \"Content-Type\": \"application/json\",\n },\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) => {\n console.error(\"get response error\", e);\n controller.enqueue(\n encodeEvent(\"error\", {\n text: \"An error occurred while processing your request.\",\n allow_retry: true,\n }),\n );\n })\n .finally(() => controller.close());\n },\n });\n\n return new Response(body, {\n status: 200,\n headers: {\n \"Content-Type\": \"text/event-stream\",\n \"Cache-Control\": \"no-cache\",\n \"Connection\": \"keep-alive\",\n },\n });\n}","deleted","label",[98],"permalink","https://www.val.town/x/MadeiInGermany/Gemini-Nano-Banana/code/main.tsx","extension","actionData","errors"]