\n \n\n\n",[],[67,89],"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",[],[67,97],"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,"_159":155},"org",{"_11":12,"_153":-5,"_154":155,"_116":117,"_156":157,"_158":55},"branch",{"_17":44,"_13":16,"_35":42,"_145":106,"_146":-5,"_147":-5,"_148":-5,"_149":-5,"_150":-5,"_151":14,"_152":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ya29hbjBiMHU3cnZxcVhENGJDS05XTUxzYVYifQ","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":106,"_13":14,"_47":208,"_108":-5,"_109":55,"_110":111,"_112":111,"_113":114,"_115":-5,"_116":117,"_118":39,"_119":46,"_120":-5,"_121":-5,"_122":63,"_123":124,"_125":-5,"_126":-5,"_127":-5,"_128":-5,"_129":130,"_131":130,"_132":133,"_134":133,"_135":133,"_136":130,"_137":130,"_138":209,"_140":210,"_142":211,"_144":55},[193,196,197],"files",[193,194,195,196,197],"counts",{"_184":63,"_185":101,"_186":63,"_31":187,"_188":189},[178,179,180],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_35":66,"_13":67,"_38":68,"_40":-5,"_41":42,"_43":69,"_45":46,"_47":70,"_17":63,"_50":71,"_52":-5,"_54":55,"_56":-5,"_18":183},{"_35":58,"_13":59,"_38":60,"_40":-5,"_41":42,"_43":61,"_45":46,"_47":62,"_17":63,"_50":24,"_52":64,"_54":55,"_56":-5,"_18":182},{"_35":36,"_13":37,"_38":39,"_40":-5,"_41":42,"_43":44,"_45":46,"_47":48,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_18":181},[37],[59],[67],"pulls","branches","forks",{"_190":63,"_192":63},"connections",{"_190":63,"_191":63},"count","unfilledCount","emptyCount",{"_35":66,"_13":67,"_38":68,"_40":-5,"_41":42,"_43":69,"_45":46,"_47":83,"_17":63,"_50":71,"_52":-5,"_54":55,"_56":-5,"_77":206,"_18":207},{"_35":96,"_13":97,"_38":98,"_40":68,"_41":42,"_43":99,"_45":46,"_47":100,"_17":101,"_50":102,"_52":103,"_54":55,"_56":-5,"_77":204,"_18":205},{"_35":88,"_13":89,"_38":90,"_40":68,"_41":42,"_43":91,"_45":46,"_47":92,"_17":63,"_50":24,"_52":93,"_54":55,"_56":-5,"_77":202,"_18":203},{"_35":58,"_13":59,"_38":60,"_40":-5,"_41":42,"_43":61,"_45":46,"_47":80,"_17":63,"_50":24,"_52":64,"_54":55,"_56":-5,"_77":200,"_18":201},{"_35":36,"_13":37,"_38":39,"_40":-5,"_41":42,"_43":44,"_45":46,"_47":76,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_77":198,"_18":199},[],[37],[],[59],[],[67,89],[],[67,97],[194,195],[67],["D",1777177857276],{"_11":12,"_159":155},{"_11":12,"_153":-5,"_154":155,"_116":117,"_156":157,"_158":55},{"_17":44,"_13":16,"_35":42,"_145":106,"_146":-5,"_147":-5,"_148":-5,"_149":-5,"_150":-5,"_151":14,"_152":12},"ctx",{"_138":-5,"_175":245,"_246":247,"_248":249,"_250":55,"_251":55,"_252":55,"_253":46,"_254":-5,"_255":-7,"_256":-7,"_257":63,"_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"]

Code