AI Image Generator

\n setPrompt(e.target.value)}\n placeholder=\"Enter your image prompt\"\n className=\"px-4 py-2 bg-gray-800 border border-gray-700 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n />\n

\n setImageUrl(e.target.value)}\n placeholder=\"Enter image URL (optional)\"\n className=\"flex-grow px-4 py-2 bg-gray-800 border border-gray-700 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n />\n \n Upload Image\n \n \n

\n \n {loading\n ? (\n \n \n \n \n \n \n \n Generating...\n \n )\n : (\n \"Generate Image\"\n )}\n \n \n

\n {imageUrl && (\n

Original Image

\n $\"Original$ \n

\n )}\n {generatedImageUrl && (\n

Generated Image

\n $\"Generated$ \n

\n )}\n

\n \n View Source\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(req: Request): Promise {\n const url = new URL(req.url);\n if (url.pathname === \"/\") {\n return new Response(\n `\n \n \n \n \n \n AI Image Generator\n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: { \"content-type\": \"text/html\" },\n },\n );\n }\n\n if (url.pathname === \"/api/fal/proxy\") {\n return falProxyRequest(req);\n }\n\n return new Response(\"Not Found\", { status: 404 });\n}","deleted","label",[98],"permalink","https://www.val.town/x/vawogbemi/falDemoApp/code/main.tsx","extension","actionData","errors"]