Fal AI Image Generator

\n setPrompt(e.target.value)}\n placeholder=\"Enter your image prompt\"\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 setNumImages(Number(e.target.value))}\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 {[1, 2, 3, 4, 10].map((num) => (\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 {imageUrls.length > 0 && (\n

\n {imageUrls.map((url, index) => (\n

\n ))}\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 Fal 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/d0ccc/falDemoApp/code/main.tsx","extension","actionData","errors"]