\n Flux Image Generator\n

\n\n

\n Generate images with{\" \"}\n \n Flux\n {\" \"}\n on{\" \"}\n \n Replicate\n , and host it on{\" \"}\n \n Val town\n .\n

\n\n

\n );\n}\n\nconst root = createRoot(document.getElementById(\"root\"));\nroot.render();",[],[149,168],{"_106":177,"_99":178,"_150":179,"_152":151,"_153":139,"_154":180,"_156":121,"_108":181,"_103":182,"_159":183,"_161":184,"_162":27,"_163":-5,"_164":185,"_102":186},"1853cdbc-f910-11ef-ae13-569c3dd06744","index.html","9bb57f26-f90f-11ef-9545-569c3dd06744",17,["D",1741103299463],4,"file","\n\n\n\t\n\t\n\tFlux Image Generator\n\t\n\n\n\t

\n \n\t\n\n",[],[149,178],[149],{"_106":189,"_99":190,"_150":191,"_152":-5,"_153":139,"_154":138,"_156":121,"_108":192,"_103":193,"_159":183,"_161":194,"_162":27,"_163":-5,"_164":195,"_102":196},"9b735848-f910-11ef-91b3-569c3dd06744","README.md","8dc6175e-f90f-11ef-854d-569c3dd06744",["D",1741103519449],3,"# Getting started with Val Town and Replicate\n\nPorted from https://github.com/replicate/getting-started-cloudflare-workers\n\nThis is a template for a simple web app using [Hono](https://honojs.dev/), and [Replicate](https://replicate.com/) to generate images using [Flux Schnell](https://replicate.com/black-forest-labs/flux-schnell), a fast and high-quality open-source image generation model.\n\n![Screenshot 2025-03-04 at 10.51.39@2x.png](https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/63806b79-4a28-4ca3-7bf5-e5a631986800/public)\n\n## Stack\n\n- [Hono](https://honojs.dev/) is a minimalist web framework for building serverless applications. It's built and maintained by Cloudflare.\n- [Replicate](https://replicate.com/) is a platform for building and running machine learning models.\n- [Flux Schnell](https://replicate.com/black-forest-labs/flux-schnell) is a fast and high-quality open-source image generation model, made by the original creators of Stable Diffusion.",[],[190],{"_106":198,"_99":199,"_150":119,"_152":-5,"_153":139,"_154":200,"_156":121,"_108":201,"_103":182,"_159":202,"_161":203,"_162":27,"_163":-5,"_164":204,"_102":205},"26c72344-f910-11ef-ae13-569c3dd06744","index.ts",19,["D",1741103323708],"http","import { parseProject, serveFile } from \"https://esm.town/v/std/utils@64-main/index.ts\";\nimport { Hono } from \"npm:hono\";\nimport Replicate from \"npm:replicate\";\n\nconst app = new Hono();\n\n// Serve index.html at the root /\napp.get(\"/\", () => serveFile(\"/frontend/index.html\", import.meta.url));\n\n// Serve all /frontend files\napp.get(\"/frontend/**/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Generate image\napp.post(\"/generate-image\", async (c) => {\n try {\n const { prompt } = await c.req.json();\n\n const replicate = new Replicate({ auth: Deno.env.get(\"REPLICATE_API_TOKEN\") });\n const model = \"black-forest-labs/flux-schnell\";\n const output = await replicate.run(model, {\n input: {\n prompt,\n image_format: \"webp\",\n },\n }) as { url: string }[] | { url: string };\n\n // Some image models return an array of output files, others just a single file.\n const imageUrl = Array.isArray(output) ? output[0].url() : output.url();\n\n console.log({ imageUrl });\n\n return c.json({ imageUrl });\n } catch (error) {\n console.error(error);\n return c.json({ error: (error as Error).message }, 500);\n }\n});\n\n// Unwrap and rethrow Hono errors as the original error\n// If you delete this, all errors will be \"Internal Server Error\"\napp.onError((err, c) => {\n throw err;\n});\n\n// HTTP vals expect an exported \"fetch handler\"\n// This is how you \"run the server\" in Val Town with Hono\nexport default app.fetch;",[],[199],"files",[147,166,176,188,197],"counts",{"_210":33,"_211":158,"_212":94,"_213":158},"pulls","branches","forks","envVars","contents",[216,219,222],{"_106":148,"_99":149,"_150":151,"_152":-5,"_153":139,"_154":155,"_156":121,"_108":217,"_103":158,"_159":160,"_161":-5,"_162":27,"_163":-5,"_102":218},["D",1741103236203],[149],{"_106":189,"_99":190,"_150":191,"_152":-5,"_153":139,"_154":138,"_156":121,"_108":220,"_103":193,"_159":183,"_161":194,"_162":27,"_163":-5,"_102":221},["D",1741103519449],[190],{"_106":198,"_99":199,"_150":119,"_152":-5,"_153":139,"_154":200,"_156":121,"_108":223,"_103":182,"_159":202,"_161":203,"_162":27,"_163":-5,"_102":224},["D",1741103323708],[199],"upstream","screenshots","emptyEnvVars","routes/_app.x.$handle.$name.environment-variables",{"_97":98,"_99":100,"_104":230,"_213":234},{"_106":107,"_99":100,"_108":231,"_110":-5,"_111":27,"_112":113,"_114":115,"_116":-5,"_12":117,"_118":119,"_120":121,"_122":-5,"_123":33,"_124":125,"_126":125,"_127":128,"_129":128,"_130":128,"_131":125,"_132":27,"_21":232,"_136":233},["D",1741103056611],{"_97":98,"_134":135},{"_103":138,"_99":43,"_106":139,"_140":107,"_141":-5,"_142":-5,"_143":-5,"_144":-5},[235],{"_236":237,"_108":238,"_239":240,"_114":241,"_242":27},"key","REPLICATE_API_TOKEN",["D",1741103402598],"updatedAt",["D",1741201648176],"https://replicate.com/signin?next=/account/api-tokens","isEmpty","routes/_app","actionData","errors"]

Environment variables