\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();",[],[155,174],{"_102":182,"_95":183,"_156":184,"_158":157,"_159":137,"_160":161,"_162":163,"_104":185,"_99":32,"_165":186,"_167":187,"_168":22,"_169":-5,"_170":188,"_98":189},"4a8488f4-f9f5-11ef-8c5d-569c3dd06744","index.html","7f81c27f-5600-48e6-9403-9b83ee9a4020",["D",1741201738385],"file","\n\n\n\t\n\t\n\tFlux Image Generator\n\t\n\n\n\t

\n \n\t\n\n",[],[155,183],[155],{"_102":192,"_95":193,"_156":194,"_158":-5,"_159":137,"_160":136,"_162":163,"_104":195,"_99":196,"_165":186,"_167":197,"_168":22,"_169":-5,"_170":198,"_98":199},"f6a45bc6-f9f7-11ef-8965-569c3dd06744","README.md","31196342-449e-4c7b-90da-85151d30bf87",["D",1741202886189],3,"# Getting started with Val Town and Replicate\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## Steps\n\n1. Create a [Val Town account](https://www.val.town/auth/signup)\n2. Fork this project\n3. Create a [Replicate API token](https://replicate.com/accounts/api-tokens).\n4. Click on **Environment variables** on the Val Town project and add your token.\n5. Click on the name of the project at the top of the page.\n6. Your app is running! Generate some images.\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.",[],[193],{"_102":201,"_95":202,"_156":114,"_158":-5,"_159":137,"_160":196,"_162":163,"_104":203,"_99":161,"_165":186,"_167":204,"_168":22,"_169":-5,"_170":205,"_98":206},"3c4d46a8-f9f6-11ef-a394-569c3dd06744","foo.txt",["D",1741202144065],"hey you found foo!",[],[202],{"_102":208,"_95":209,"_156":210,"_158":-5,"_159":137,"_160":211,"_162":163,"_104":212,"_99":213,"_165":214,"_167":215,"_168":22,"_169":-5,"_170":216,"_98":217},"865bbc48-f9f6-11ef-b6f2-569c3dd06744","index.ts","2bfe6c2e-ab9e-4557-b298-445b048f83cf",5,["D",1741202268311],2,"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\napp.get(\"/foo.txt\", () => serveFile(\"/foo.txt\", 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;",[],[209],"files",[153,172,181,191,200,207],"counts",{"_222":32,"_223":161,"_224":161,"_225":161},"pulls","branches","forks","envVars","contents",[228,231,234,237],{"_102":154,"_95":155,"_156":157,"_158":-5,"_159":137,"_160":161,"_162":163,"_104":229,"_99":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_98":230},["D",1741201738385],[155],{"_102":192,"_95":193,"_156":194,"_158":-5,"_159":137,"_160":136,"_162":163,"_104":232,"_99":196,"_165":186,"_167":197,"_168":22,"_169":-5,"_98":233},["D",1741202886189],[193],{"_102":201,"_95":202,"_156":114,"_158":-5,"_159":137,"_160":196,"_162":163,"_104":235,"_99":161,"_165":186,"_167":204,"_168":22,"_169":-5,"_98":236},["D",1741202144065],[202],{"_102":208,"_95":209,"_156":210,"_158":-5,"_159":137,"_160":211,"_162":163,"_104":238,"_99":213,"_165":214,"_167":215,"_168":22,"_169":-5,"_98":239},["D",1741202268311],[209],"upstreamProject",{"_102":145,"_95":96,"_110":242,"_111":-5,"_108":109,"_23":243},"Starter app for Replicate on Val Town to generate images",{"_93":244,"_129":245},"replicate","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJ0ckd1ZVRxUkkzRk1zMEtoaDY0WFZWdTg5cyJ9","upstreamBranch",{"_102":140,"_104":248,"_249":250,"_95":43,"_138":145,"_99":142,"_139":-5,"_141":-5,"_251":252,"_106":-5,"_150":22,"_108":109,"_149":244,"_16":147,"_148":96},["D",1741103056611],"updatedAt",["D",1741103519449],"lockfileKey","1744641979292-esm.town_v_replicate_replicate_starter@21-main","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.pulls",{"_93":94,"_95":96,"_259":260,"_100":263,"_222":268,"_269":-5,"_270":22,"_271":-5},"filters",{"_261":262},"state","open",{"_102":103,"_95":96,"_104":264,"_106":-5,"_107":22,"_108":109,"_110":-5,"_111":-5,"_14":112,"_113":114,"_115":22,"_116":-5,"_117":32,"_16":118,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_23":265,"_131":266,"_134":267,"_150":22},["D",1741201738385],{"_93":94,"_129":130},{"_93":94,"_133":130},{"_99":136,"_95":43,"_102":137,"_138":103,"_139":140,"_141":142,"_143":109,"_144":145,"_146":147,"_148":96,"_149":94},[],"latestBranch","isForkOwner","ownProjectForks","actionData","errors"]

zeke

replicate_starter

Pull requests