\n \n\n\n",[],[140,169],"5cd9a738-4129-11f1-85b2-42b51c65c3df","App.tsx","d45364b2-4128-11f1-8a50-42b51c65c3df",8,["D",1777178133220],"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",[],[140,177],["D",1777177880877],[157,158],[140],["D",1777177857276],{"_11":12,"_88":84},{"_11":12,"_82":-5,"_83":84,"_45":46,"_85":86,"_87":38},{"_29":30,"_13":26,"_20":21,"_27":28,"_31":-5,"_32":-5,"_77":-5,"_78":-5,"_79":-5,"_80":14,"_81":12},"ctx",{"_70":-5,"_110":225,"_226":227,"_228":229,"_230":38,"_231":38,"_232":38,"_233":50,"_234":-5,"_235":-7,"_236":-7,"_237":54,"_238":38,"_239":38,"_240":-5,"_241":38,"_242":38,"_243":38,"_244":-5},"ENV",{"_196":197,"_198":199,"_200":26,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212,"_213":214,"_215":216,"_217":218,"_219":220,"_221":222,"_223":224},"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"]

Branches1

Branches
1