Favicon Generator

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nasync function generateImage(prompt: string) {\n const FAL_KEY = Deno.env.get(\"FAL_KEY\");\n if (!FAL_KEY) {\n throw new Error(\"FAL_KEY environment variable is not set\");\n }\n\n const response = await fetch(\"https://fal.run/fal-ai/flux/schnell\", {\n method: \"POST\",\n headers: {\n \"Authorization\": `Key ${FAL_KEY}`,\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({\n prompt: prompt,\n image_size: \"square\",\n num_inference_steps: 2,\n guidance_scale: 1,\n num_images: 1,\n }),\n });\n\n if (!response.ok) {\n const errorText = await response.text();\n console.error(\"fal.ai API error:\", response.status, response.statusText, errorText);\n throw new Error(`Failed to generate image: ${response.status} ${response.statusText}`);\n }\n\n const data = await response.json();\n console.log(\"API response:\", data);\n\n if (!data.images || data.images.length === 0 || !data.images[0].url) {\n console.error(\"Unexpected API response format:\", data);\n throw new Error(\"Unexpected API response format\");\n }\n\n return data.images[0].url;\n}\n\nexport default async function server(request: Request): Promise {\n const url = new URL(request.url);\n const pathname = url.pathname;\n\n if (pathname === \"/generate\") {\n const prompt = url.searchParams.get(\"prompt\");\n if (!prompt) {\n return new Response(JSON.stringify({ error: \"Prompt is required\" }), {\n status: 400,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n\n try {\n const imageUrl = await generateImage(prompt);\n console.log(\"Generated image URL:\", imageUrl);\n return new Response(JSON.stringify({ imageUrl }), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n } catch (error) {\n console.error(\"Error in /generate endpoint:\", error);\n return new Response(JSON.stringify({ error: error.message }), {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n }\n\n return new Response(\n `\n \n \n Favicon Generator\n \n \n \n

\n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n }\n );\n}\n\nconst css = `\nbody {\n font-family: Arial, sans-serif;\n max-width: 800px;\n margin: 0 auto;\n padding: 20px;\n}\n\ninput[type=\"text\"] {\n width: 100%;\n padding: 10px;\n margin-bottom: 10px;\n}\n\nbutton {\n padding: 10px 20px;\n background-color: #007bff;\n color: white;\n border: none;\n cursor: pointer;\n}\n\nbutton:disabled {\n background-color: #ccc;\n}\n`;","deleted","label",[98],"permalink","https://www.val.town/x/iamseeley/faviconGenerator/code/main.tsx","extension","actionData","errors"]

Favicon Generator

Your Favicon: