\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();",[],[153,172],{"_102":182,"_95":183,"_154":184,"_156":155,"_157":139,"_158":185,"_160":117,"_104":186,"_99":187,"_163":188,"_165":189,"_166":22,"_167":-5,"_168":190,"_98":191},"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",[],[153,183],[153],{"_102":194,"_95":195,"_154":196,"_156":-5,"_157":139,"_158":138,"_160":117,"_104":197,"_99":198,"_163":188,"_165":199,"_166":22,"_167":-5,"_168":200,"_98":201},"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.",[],[195],{"_102":203,"_95":204,"_154":115,"_156":-5,"_157":139,"_158":205,"_160":117,"_104":206,"_99":187,"_163":207,"_165":208,"_166":22,"_167":-5,"_168":209,"_98":210},"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;",[],[204],"files",[151,170,181,193,202],"counts",{"_215":32,"_216":162,"_217":176,"_218":162},"pulls","branches","forks","envVars","contents",[221,224,227],{"_102":152,"_95":153,"_154":155,"_156":-5,"_157":139,"_158":159,"_160":117,"_104":222,"_99":162,"_163":164,"_165":-5,"_166":22,"_167":-5,"_98":223},["D",1741103236203],[153],{"_102":194,"_95":195,"_154":196,"_156":-5,"_157":139,"_158":138,"_160":117,"_104":225,"_99":198,"_163":188,"_165":199,"_166":22,"_167":-5,"_98":226},["D",1741103519449],[195],{"_102":203,"_95":204,"_154":115,"_156":-5,"_157":139,"_158":205,"_160":117,"_104":228,"_99":187,"_163":207,"_165":208,"_166":22,"_167":-5,"_98":229},["D",1741103323708],[204],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.code.$",{"_93":94,"_95":96,"_97":43,"_99":-7,"_98":72,"_100":238,"_149":243,"_211":259,"_188":-7,"_219":260,"_267":-5,"_268":22,"_269":-5,"_270":-5,"_271":-5,"_272":273},{"_102":103,"_95":96,"_104":239,"_106":-5,"_107":22,"_108":109,"_110":111,"_112":-5,"_14":113,"_114":115,"_116":117,"_118":-5,"_119":32,"_16":120,"_121":122,"_123":122,"_124":125,"_126":125,"_127":125,"_128":122,"_129":122,"_23":240,"_133":241,"_136":242,"_148":22},["D",1741103056611],{"_93":94,"_131":132},{"_93":94,"_135":132},{"_99":138,"_95":43,"_102":139,"_140":103,"_141":-5,"_142":-5,"_143":-5,"_144":-5,"_145":-5,"_146":96,"_147":94},[244,253,256],{"_102":152,"_95":153,"_154":155,"_156":-5,"_157":139,"_158":159,"_160":117,"_104":161,"_99":162,"_163":164,"_165":-5,"_166":22,"_167":-5,"_168":245,"_98":252},[246,249],{"_102":171,"_95":172,"_154":173,"_156":155,"_157":139,"_158":174,"_160":117,"_104":175,"_99":176,"_163":177,"_165":178,"_166":22,"_167":-5,"_168":247,"_98":248},[],[153,172],{"_102":182,"_95":183,"_154":184,"_156":155,"_157":139,"_158":185,"_160":117,"_104":186,"_99":187,"_163":188,"_165":189,"_166":22,"_167":-5,"_168":250,"_98":251},[],[153,183],[153],{"_102":194,"_95":195,"_154":196,"_156":-5,"_157":139,"_158":138,"_160":117,"_104":197,"_99":198,"_163":188,"_165":199,"_166":22,"_167":-5,"_168":254,"_98":255},[],[195],{"_102":203,"_95":204,"_154":115,"_156":-5,"_157":139,"_158":205,"_160":117,"_104":206,"_99":187,"_163":207,"_165":208,"_166":22,"_167":-5,"_168":257,"_98":258},[],[204],[244,246,249,253,256],[261,263,265],{"_102":152,"_95":153,"_154":155,"_156":-5,"_157":139,"_158":159,"_160":117,"_104":222,"_99":162,"_163":164,"_165":-5,"_166":22,"_167":-5,"_98":262},[153],{"_102":194,"_95":195,"_154":196,"_156":-5,"_157":139,"_158":138,"_160":117,"_104":225,"_99":198,"_163":188,"_165":199,"_166":22,"_167":-5,"_98":264},[195],{"_102":203,"_95":204,"_154":115,"_156":-5,"_157":139,"_158":205,"_160":117,"_104":228,"_99":187,"_163":207,"_165":208,"_166":22,"_167":-5,"_98":266},[204],"upstream","showCompareCallout","pull","ahead","behind","templates",[],"actionData","errors"]

replicate

replicate_starter