\n Fal AI Image Generator\n

\n \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 \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

\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 try {\n return falProxyRequest(req);\n } catch (error) {\n console.error(error);\n }\n }\n\n return new Response(\"Not Found\", { status: 404 });\n}","deleted","label",[100],"permalink","https://www.val.town/x/n4jdev/falDemoApp/code/main.tsx","extension","actionData","errors"]