[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_212":213,"_214":215},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_159":-5,"_20":160,"_22":161,"_162":163,"_164":165,"_26":166,"_24":167,"_168":-5,"_169":-5,"_170":55,"_171":172,"_173":47,"_174":-5,"_175":-5,"_176":177},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5},"handle","n4jdev","name","fal-image-gen","branchName","main","version","path","frontend","project",{"_35":105,"_13":14,"_48":106,"_107":-5,"_108":55,"_109":110,"_111":110,"_112":113,"_114":-5,"_115":116,"_117":77,"_118":47,"_119":-5,"_120":-5,"_121":50,"_122":123,"_124":-5,"_125":-5,"_126":-5,"_127":-5,"_128":129,"_130":129,"_131":132,"_133":132,"_134":132,"_135":129,"_136":129,"_137":138,"_139":140,"_141":142,"_143":55},"tree",[72,73,74],"file",{"_35":67,"_42":43,"_38":41,"_13":19,"_52":-5,"_51":68,"_17":50,"_40":-5,"_48":69,"_44":70,"_56":-5,"_18":71},"contents",[33,34],"upstream","pull","ahead","behind","envVars",{"_35":58,"_13":59,"_38":60,"_40":41,"_42":43,"_44":61,"_46":47,"_48":62,"_17":63,"_51":64,"_52":65,"_54":55,"_56":-5,"_18":66},{"_35":36,"_13":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_17":50,"_51":24,"_52":53,"_54":55,"_56":-5,"_18":57},"id","ca1b2f66-4128-11f1-8a50-42b51c65c3df","index.html","fileId","ca1b3042-4128-11f1-8a50-42b51c65c3df","parentId","c66ed642-4128-11f1-920b-42b51c65c3df","branchId","b85d98e0-4128-11f1-8e38-42b51c65c3df","branchVersion",4,"latest",true,"createdAt",["D",1777177887038],0,"fileType","content","\n\n\n \n \n AI Image Generator\n \n \n\n\n

\n \n\n\n","deleted",false,"label",[19,37],"5cd9a738-4129-11f1-85b2-42b51c65c3df","App.tsx","d45364b2-4128-11f1-8a50-42b51c65c3df",8,["D",1777178133220],1,"script","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useCallback } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { createFalClient } from \"https://esm.sh/@fal-ai/client\";\n\nconst fal = createFalClient({\n proxyUrl: \"/api/fal/proxy\",\n});\n\nfunction App() {\n const [prompt, setPrompt] = useState(\"\");\n const [images, setImages] = useState<{ url: string; prompt: string }[]>([]);\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(null);\n\n const generate = useCallback(async () => {\n if (!prompt.trim() || loading) return;\n setLoading(true);\n setError(null);\n try {\n const result = await fal.subscribe(\"fal-ai/flux/schnell\", {\n input: {\n prompt: prompt.trim(),\n image_size: \"landscape_4_3\",\n num_inference_steps: 4,\n num_images: 1,\n enable_safety_checker: true,\n sync_mode: true,\n },\n });\n const url = (result as any).data?.images?.[0]?.url;\n if (url) {\n setImages((prev) => [{ url, prompt: prompt.trim() }, ...prev]);\n setPrompt(\"\");\n } else {\n setError(\"No image was returned. Full response: \" + JSON.stringify(result, null, 2));\n }\n } catch (e: any) {\n // Extract as much detail as possible from the error\n const details = e.body?.detail || e.body?.message || e.body || e.message || String(e);\n const status = e.status ? `[${e.status}] ` : \"\";\n setError(`${status}${typeof details === \"string\" ? details : JSON.stringify(details, null, 2)}`);\n } finally {\n setLoading(false);\n }\n }, [prompt, loading]);\n\n return (\n

🎨 AI Image Generator

\n Powered by Fal AI · Flux Schnell\n

\n\n

\n setPrompt(e.target.value)}\n onKeyDown={(e) => e.key === \"Enter\" && generate()}\n disabled={loading}\n />\n \n {loading ? \"Generating...\" : \"Generate\"}\n \n

\n\n {error && (\n

\n {error}\n

\n )}\n\n {loading && (\n

\n )}\n\n

\n {images.map((img, i) => (\n

\n \n

\n \"{img.prompt}\"\n \n Open full size ↗\n \n

\n ))}\n

\n\n

\n View source\n

\n );\n}\n\nconst root = createRoot(document.getElementById(\"root\")!);\nroot.render();\n",[19,59],"c66ed57a-4128-11f1-920b-42b51c65c3df","directory",["D",1777177880877],2,[19],{"_35":67,"_13":19,"_38":41,"_40":-5,"_42":43,"_44":70,"_46":47,"_48":94,"_17":50,"_51":68,"_52":-5,"_54":55,"_56":-5,"_83":95,"_18":96},{"_35":86,"_13":87,"_38":88,"_40":-5,"_42":43,"_44":89,"_46":47,"_48":90,"_17":50,"_51":24,"_52":91,"_54":55,"_56":-5,"_83":92,"_18":93},{"_35":75,"_13":76,"_38":77,"_40":-5,"_42":43,"_44":78,"_46":47,"_48":79,"_17":80,"_51":81,"_52":82,"_54":55,"_56":-5,"_83":84,"_18":85},"620ace8a-4129-11f1-9ed2-42b51c65c3df","main.ts","b8610df4-4128-11f1-8e38-42b51c65c3df",9,["D",1777178141925],3,"http","import { Hono } from \"npm:hono\";\nimport { falProxyRequest } from \"https://esm.town/v/stevekrouse/falProxyRequest\";\nimport { serveFile, parseVal } from \"https://esm.town/v/std/utils/index.ts\";\n\nconst app = new Hono();\n\napp.onError((err) => Promise.reject(err));\n\n// Serve the frontend\napp.get(\"/\", async (c) => {\n return serveFile(\"/frontend/index.html\");\n});\n\n// Serve frontend assets (tsx/ts get transpiled automatically)\napp.get(\"/frontend/*\", async (c) => {\n return serveFile(c.req.path);\n});\n\n// Fal AI proxy endpoint\napp.all(\"/api/fal/proxy\", async (c) => {\n try {\n const resp = await falProxyRequest(c.req.raw);\n if (!resp.ok) {\n const text = await resp.text();\n console.error(`Fal proxy error [${resp.status}]:`, text);\n return new Response(text, {\n status: resp.status,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n return resp;\n } catch (e) {\n console.error(\"Fal proxy exception:\", e);\n return Response.json({ error: String(e) }, { status: 500 });\n }\n});\n\n// View source link\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\nexport default app.fetch;\n","children",[],[76],"31e87e0a-4129-11f1-85b2-42b51c65c3df","README.md","31e87efa-4129-11f1-85b2-42b51c65c3df",7,["D",1777178061184],"# 🎨 AI Image Generator\n\nGenerate AI images from text prompts, powered by [Fal AI](https://fal.ai) (Flux Schnell) on Val Town.\n\n**No API key required!** Thanks to the [Val Town + Fal partnership](https://blog.val.town/blog/fal/), image generation works out of the box.\n\n## Rate Limits\n\n- **Free tier**: 10 requests/hour\n- **Pro tier**: 50 requests/hour\n\nWhen you need more scale, sign up for a [Fal API key](https://fal.ai).\n\n## Architecture\n\n```mermaid\ngraph LR\n A[Browser / React App] -->|prompt| B[\"/api/fal/proxy\"]\n B -->|falProxyRequest| C[Fal AI API]\n C -->|image URL| B\n B -->|image URL| A\n```\n\n- **`main.ts`** — Hono HTTP server (serves frontend + proxies Fal requests)\n- **`frontend/index.html`** — HTML shell\n- **`frontend/App.tsx`** — React SPA with prompt input, image gallery, and error handling\n",[],[87],["D",1777177880877],[97,98],[19],{"_35":58,"_13":59,"_38":60,"_40":41,"_42":43,"_44":61,"_46":47,"_48":102,"_17":63,"_51":64,"_52":65,"_54":55,"_56":-5,"_83":103,"_18":104},{"_35":36,"_13":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":99,"_17":50,"_51":24,"_52":53,"_54":55,"_56":-5,"_83":100,"_18":101},["D",1777177887038],[],[19,37],["D",1777178133220],[],[19,59],"b85ca980-4128-11f1-8e38-42b51c65c3df",["D",1777177857276],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","AI image generator powered by Fal AI (Flux Schnell)","imageUrl","userId","c71ccada-e5df-4d81-8568-7f0b7409d6b5","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","fd04f6ea-de6e-495f-ae28-a48d2c1dc7de","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_158":154},"org",{"_11":12,"_152":-5,"_153":154,"_115":116,"_155":156,"_157":55},"branch",{"_17":78,"_13":16,"_35":43,"_144":105,"_145":-5,"_146":-5,"_147":-5,"_148":-5,"_149":-5,"_150":14,"_151":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ya29hbjBiMHU3cnZxcVhENGJDS05XTUxzYVYifQ","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":105,"_13":14,"_48":208,"_107":-5,"_108":55,"_109":110,"_111":110,"_112":113,"_114":-5,"_115":116,"_117":77,"_118":47,"_119":-5,"_120":-5,"_121":50,"_122":123,"_124":-5,"_125":-5,"_126":-5,"_127":-5,"_128":129,"_130":129,"_131":132,"_133":132,"_134":132,"_135":129,"_136":129,"_137":209,"_139":210,"_141":211,"_143":55},[193,196,197],"files",[193,194,195,196,197],"counts",{"_184":50,"_185":63,"_186":50,"_32":187,"_188":189},[180,181],{"_35":67,"_13":19,"_38":41,"_40":-5,"_42":43,"_44":70,"_46":47,"_48":178,"_17":50,"_51":68,"_52":-5,"_54":55,"_56":-5,"_18":179},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1777177880877],[19],{"_35":58,"_13":59,"_38":60,"_40":41,"_42":43,"_44":61,"_46":47,"_48":62,"_17":63,"_51":64,"_52":65,"_54":55,"_56":-5,"_18":183},{"_35":36,"_13":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_17":50,"_51":24,"_52":53,"_54":55,"_56":-5,"_18":182},[19,37],[19,59],"pulls","branches","forks",{"_190":50,"_192":50},"connections",{"_190":50,"_191":50},"count","unfilledCount","emptyCount",{"_35":67,"_13":19,"_38":41,"_40":-5,"_42":43,"_44":70,"_46":47,"_48":94,"_17":50,"_51":68,"_52":-5,"_54":55,"_56":-5,"_83":206,"_18":207},{"_35":58,"_13":59,"_38":60,"_40":41,"_42":43,"_44":61,"_46":47,"_48":102,"_17":63,"_51":64,"_52":65,"_54":55,"_56":-5,"_83":204,"_18":205},{"_35":36,"_13":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":99,"_17":50,"_51":24,"_52":53,"_54":55,"_56":-5,"_83":202,"_18":203},{"_35":86,"_13":87,"_38":88,"_40":-5,"_42":43,"_44":89,"_46":47,"_48":90,"_17":50,"_51":24,"_52":91,"_54":55,"_56":-5,"_83":200,"_18":201},{"_35":75,"_13":76,"_38":77,"_40":-5,"_42":43,"_44":78,"_46":47,"_48":79,"_17":80,"_51":81,"_52":82,"_54":55,"_56":-5,"_83":198,"_18":199},[],[76],[],[87],[],[19,37],[],[19,59],[194,195],[19],["D",1777177857276],{"_11":12,"_158":154},{"_11":12,"_152":-5,"_153":154,"_115":116,"_155":156,"_157":55},{"_17":78,"_13":16,"_35":43,"_144":105,"_145":-5,"_146":-5,"_147":-5,"_148":-5,"_149":-5,"_150":14,"_151":12},"ctx",{"_137":-5,"_175":245,"_246":247,"_248":249,"_250":55,"_251":55,"_252":55,"_253":47,"_254":-5,"_255":-7,"_256":-7,"_257":50,"_258":55,"_259":55,"_260":-5,"_261":55,"_262":55,"_263":55,"_264":-5},"ENV",{"_216":217,"_218":219,"_220":16,"_221":222,"_223":224,"_225":226,"_227":228,"_229":230,"_231":232,"_233":234,"_235":236,"_237":238,"_239":240,"_241":242,"_243":244},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]