Image Generator

Text to Image Playground

\n fal.ai\n

\n \n \n \n \n \n \n

\n\n \n \n \n\n\n`;\n\nexport default async function handler(req: Request): Promise {\n const url = new URL(req.url);\n\n if (req.method === 'GET' && url.pathname === '/') {\n return new Response(htmlContent, {\n headers: { 'Content-Type': 'text/html' },\n status: 200,\n });\n } else if (req.method === 'POST' && url.pathname === '/generate-image') {\n return await falProxyRequest(req, {\n baseUrl: 'https://fal.ai/api/fast/image-generation'\n // apiKey: 'your-fal-api-key' // You might want to use Deno.env.get() for this\n });\n } else {\n return new Response('Not Found', { status: 404 });\n }\n}",[],[174],"files",[153,172],"counts",{"_185":31,"_186":124,"_187":31,"_188":31},"pulls","branches","forks","envVars","contents",[191,194],{"_107":154,"_100":155,"_156":157,"_158":-5,"_159":141,"_160":124,"_161":113,"_109":192,"_104":31,"_163":164,"_165":166,"_167":27,"_168":-5,"_103":193},["D",1738523459646],[155],{"_107":173,"_100":174,"_156":120,"_158":-5,"_159":141,"_160":140,"_161":113,"_109":195,"_104":176,"_163":177,"_165":178,"_167":27,"_168":-5,"_103":196},["D",1738815102246],[174],"upstreamProject",{"_107":199,"_100":101,"_116":-5,"_117":-5,"_114":115,"_21":200},"4f3e2c8c-2827-11f0-af78-569c3dd06744",{"_98":201,"_136":202},"iamseeley","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJsaWQ1T0xmZ2dwbk5kMWNOWW1yR2dIZDdHeCJ9","upstreamBranch",{"_107":144,"_109":205,"_206":207,"_100":42,"_142":199,"_104":208,"_143":-5,"_145":-5,"_209":210,"_111":-5,"_134":27,"_114":115,"_150":201,"_149":101},["D",1746280974677],"updatedAt",["D",1718643628481],44,"lockfileKey","1746326929930-esm.town_v_iamseeley_textToImagePlayground@44-main","emptyEnvVars","isNew","routes/_app.x.$handle.$name.branch.$branch.history",{"_98":99,"_100":101,"_102":42,"_105":215,"_219":220,"_289":31,"_290":27},{"_107":108,"_100":101,"_109":216,"_111":-5,"_112":113,"_114":115,"_116":-5,"_117":-5,"_12":118,"_119":120,"_121":113,"_122":-5,"_123":124,"_125":126,"_127":126,"_128":129,"_130":129,"_131":129,"_132":126,"_133":126,"_134":27,"_21":217,"_138":218},["D",1746210323737],{"_98":99,"_136":137},{"_104":140,"_100":42,"_107":141,"_142":108,"_143":144,"_145":31,"_146":115,"_147":148,"_149":101,"_150":99},"history",[221,226,234,242,250,257,264,272,279],{"_156":120,"_104":140,"_109":222,"_159":141,"_181":223},["D",1738815102246],[224],{"_107":173,"_159":141,"_156":120,"_100":174,"_165":178,"_163":177,"_104":176,"_158":-5,"_109":222,"_160":140,"_168":-5,"_161":113,"_167":27,"_103":225},[174],{"_156":120,"_104":176,"_109":227,"_159":141,"_181":228},["D",1738815073850],[229],{"_107":230,"_159":141,"_156":120,"_100":174,"_165":231,"_163":177,"_104":232,"_158":-5,"_109":227,"_160":176,"_168":-5,"_161":27,"_167":27,"_103":233},"d0425768-2782-11f0-b46e-569c3dd06744","import { falProxyRequest } from \"https://esm.town/v/stevekrouse/falProxyRequest\";\nimport { formStyles } from \"https://esm.town/v/iamseeley/formStyles\";\n\nconst htmlContent = `\n\n\n\n \n \n Image Generator\n \n\n\n

Text to Image Playground

\n fal.ai\n

\n \n \n \n

Text to Image Playground

\n fal.ai\n

\n \n \n \n

\n\n \n \n\n\n`;\n\nexport default async function handler(req: Request): Promise {\n const url = new URL(req.url);\n\n if (req.method === \"GET\" && url.pathname === \"/\") {\n return new Response(htmlContent, {\n headers: { \"Content-Type\": \"text/html\" },\n status: 200,\n });\n } else if (req.method === \"POST\" && url.pathname === \"/generate-image\") {\n // Proxy the request to FAL\n const falResponse = await falProxyRequest(req, {\n baseUrl: \"https://fal.ai/api/fast/image-generation\",\n });\n\n // Parse the FAL response\n const responseBody = await falResponse.json();\n console.log(responseBody);\n // If the response contains an image URL, return it directly\n if (responseBody.images && responseBody.images.length > 0) {\n const imageUrl = responseBody.images[0].url;\n\n // Fetch the image\n const imageResponse = await fetch(imageUrl);\n const imageBlob = await imageResponse.blob();\n\n // Return the image with appropriate headers\n return new Response(imageBlob, {\n headers: {\n \"Content-Type\": \"image/png\",\n \"Cache-Control\": \"public, max-age=86400\", // Cache for 24 hours\n },\n });\n }\n\n // If no image found, return an error response\n return new Response(\"No image generated\", { status: 404 });\n } else {\n return new Response(\"Not Found\", { status: 404 });\n }\n}",6,[174],{"_156":120,"_104":240,"_109":243,"_159":141,"_181":244},["D",1738814816225],[245],{"_107":246,"_159":141,"_156":120,"_100":174,"_165":247,"_163":177,"_104":248,"_158":-5,"_109":243,"_160":240,"_168":-5,"_161":27,"_167":27,"_103":249},"d031dd2a-2782-11f0-b46e-569c3dd06744","import { falProxyRequest } from \"https://esm.town/v/stevekrouse/falProxyRequest\";\nimport { formStyles } from \"https://esm.town/v/iamseeley/formStyles\";\n\nconst htmlContent = `\n\n\n\n \n \n Image Generator\n \n\n\n

Text to Image Playground

\n fal.ai\n

\n \n \n \n

\n\n \n \n\n\n`;\n\nexport default async function handler(req: Request): Promise {\n const url = new URL(req.url);\n\n if (req.method === 'GET' && url.pathname === '/') {\n return new Response(htmlContent, {\n headers: { 'Content-Type': 'text/html' },\n status: 200,\n });\n } else if (req.method === 'POST' && url.pathname === '/generate-image') {\n // Proxy the request to FAL\n const falResponse = await falProxyRequest(req, {\n baseUrl: 'https://fal.ai/api/fast/image-generation'\n });\n\n // Parse the FAL response\n const responseBody = await falResponse.json();\n\n // If the response contains an image URL, return it directly\n if (responseBody.images && responseBody.images.length > 0) {\n const imageUrl = responseBody.images[0].url;\n \n // Fetch the image\n const imageResponse = await fetch(imageUrl);\n const imageBlob = await imageResponse.blob();\n\n // Return the image with appropriate headers\n return new Response(imageBlob, {\n headers: {\n 'Content-Type': 'image/png',\n 'Cache-Control': 'public, max-age=86400' // Cache for 24 hours\n }\n });\n }\n\n // If no image found, return an error response\n return new Response('No image generated', { status: 404 });\n } else {\n return new Response('Not Found', { status: 404 });\n }\n}",5,[174],{"_156":120,"_104":248,"_109":251,"_159":141,"_181":252},["D",1738814571111],[253],{"_107":254,"_159":141,"_156":120,"_100":174,"_165":231,"_163":177,"_104":255,"_158":-5,"_109":251,"_160":248,"_168":-5,"_161":27,"_167":27,"_103":256},"d026ba08-2782-11f0-b46e-569c3dd06744",4,[174],{"_156":120,"_104":255,"_109":258,"_159":141,"_181":259},["D",1738814560786],[260],{"_107":261,"_159":141,"_156":120,"_100":174,"_165":178,"_163":177,"_104":262,"_158":-5,"_109":258,"_160":255,"_168":-5,"_161":27,"_167":27,"_103":263},"d020edb2-2782-11f0-b46e-569c3dd06744",3,[174],{"_156":120,"_104":262,"_109":265,"_159":141,"_181":266},["D",1738814435297],[267],{"_107":268,"_159":141,"_156":120,"_100":174,"_165":269,"_163":177,"_104":270,"_158":-5,"_109":265,"_160":262,"_168":-5,"_161":27,"_167":27,"_103":271},"d015266c-2782-11f0-b46e-569c3dd06744","import { formStyles } from \"https://esm.town/v/iamseeley/formStyles\";\nimport { falProxyRequest } from \"https://esm.town/v/stevekrouse/falProxyRequest\";\n\nconst htmlContent = `\n\n\n\n \n \n Image Generator\n \n\n\n

Text to Image Playground

\n fal.ai\n

\n \n \n \n \n \n \n

\n\n \n \n \n\n\n`;\n\nexport default async function handler(req: Request): Promise {\n const url = new URL(req.url);\n\n if (req.method === \"GET\" && url.pathname === \"/\") {\n return new Response(htmlContent, {\n headers: { \"Content-Type\": \"text/html\" },\n status: 200,\n });\n } else if (req.method === \"POST\" && url.pathname === \"/generate-image\") {\n return await falProxyRequest(req, {\n baseUrl: \"https://fal.ai/api/fast/image-generation\",\n // apiKey: 'your-fal-api-key' // You might want to use Deno.env.get() for this\n });\n } else {\n return new Response(\"Not Found\", { status: 404 });\n }\n}",2,[174],{"_156":120,"_104":270,"_109":273,"_159":141,"_181":274},["D",1738591782974],[275],{"_107":276,"_159":141,"_156":120,"_100":174,"_165":277,"_163":177,"_104":124,"_158":-5,"_109":273,"_160":270,"_168":-5,"_161":27,"_167":27,"_103":278},"d00fe59e-2782-11f0-b46e-569c3dd06744","import { falProxyRequest } from \"https://esm.town/v/stevekrouse/falProxyRequest\";\nimport { formStyles } from \"https://esm.town/v/iamseeley/formStyles\";\n\nconst htmlContent = `\n\n\n\n \n \n Image Generator\n \n\n\n

Text to Image Playground

\n fal.ai\n

\n \n \n \n \n \n \n

Text to Image Playground

\n fal.ai\n

\n \n \n \n \n \n \n

History