[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_156":157,"_158":159},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_20":121,"_22":122,"_123":124,"_125":126,"_26":127,"_24":128,"_129":-5,"_130":-5,"_131":52,"_132":133,"_134":52},"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","stevekrouse","name","falDemoApp","branchName","main","version","path","main.tsx","project",{"_33":70,"_13":14,"_44":71,"_72":-5,"_73":43,"_74":75,"_76":-5,"_77":-5,"_78":79,"_80":36,"_81":43,"_82":-5,"_83":-5,"_84":85,"_86":87,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":93,"_94":93,"_95":96,"_97":96,"_98":96,"_99":93,"_100":93,"_101":102,"_103":104,"_105":106,"_107":52},"tree",[55,56],"file",{"_33":34,"_13":19,"_35":36,"_37":-5,"_38":39,"_40":41,"_42":43,"_44":45,"_17":46,"_47":48,"_49":50,"_51":52,"_53":-5,"_18":54},"contents",[],"upstream","pull","ahead","behind","envVars","id","9a2a2e04-b502-11f0-89db-0224a6c84d84","fileId","411c2250-25f0-11f0-ad23-569c3dd06744","parentId","branchId","411a4b74-25f0-11f0-ad23-569c3dd06744","branchVersion",7,"latest",true,"createdAt",["D",1761768322929],6,"fileType","http","content","/** @jsxImportSource https://esm.sh/react */\nimport { createFalClient } from \"https://esm.sh/@fal-ai/client\";\nimport React, { useState } from \"https://esm.sh/react\";\nimport { createRoot } from \"https://esm.sh/react-dom/client\";\nimport { falProxyRequest } from \"https://esm.town/v/stevekrouse/falProxyRequest\";\n\nfunction App() {\n const [prompt, setPrompt] = useState(\"\");\n const [imageUrl, setImageUrl] = useState(\"\");\n const [loading, setLoading] = useState(false);\n\n const generateImage = async (e?: React.FormEvent) => {\n e?.preventDefault();\n setLoading(true);\n try {\n const fal = createFalClient({\n proxyUrl: \"/api/fal/proxy\",\n });\n\n const result = await fal.run(\"fal-ai/flux/schnell\", {\n input: {\n prompt,\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 setImageUrl(result.data.images[0].url);\n } catch (error) {\n console.error(\"Error generating image:\", error);\n } finally {\n setLoading(false);\n }\n };\n\n return (\n

\n Fal AI Image Generator\n

\n \n setPrompt(e.target.value)}\n placeholder=\"Enter your image prompt\"\n className=\"flex-grow px-4 py-2 bg-gray-800 border border-gray-700 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n />\n \n {loading\n ? (\n \n \n \n \n \n \n \n Generating...\n \n )\n : (\n \"Generate Image\"\n )}\n \n \n

\n {imageUrl && (\n

\n \n

\n )}\n

\n \n View Source\n \n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") client();\n\nexport default async function server(req: Request): Promise {\n const url = new URL(req.url);\n if (url.pathname === \"/\") {\n return new Response(\n `\n \n \n \n \n \n Fal AI Image Generator\n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: { \"content-type\": \"text/html\" },\n },\n );\n }\n\n if (url.pathname === \"/api/fal/proxy\") {\n try {\n return falProxyRequest(req);\n } catch (error) {\n console.error(error);\n }\n }\n\n return new Response(\"Not Found\", { status: 404 });\n}","deleted",false,"label",[19],{"_33":61,"_13":62,"_35":63,"_37":-5,"_38":39,"_40":64,"_42":43,"_44":65,"_17":66,"_47":24,"_49":67,"_51":52,"_53":-5,"_58":68,"_18":69},{"_33":34,"_13":19,"_35":36,"_37":-5,"_38":39,"_40":41,"_42":43,"_44":57,"_17":46,"_47":48,"_49":50,"_51":52,"_53":-5,"_58":59,"_18":60},["D",1761768322929],"children",[],[19],"411c2912-25f0-11f0-ad23-569c3dd06744","README.md","411c298a-25f0-11f0-ad23-569c3dd06744",1,["D",1729181007018],0,"Migrated from folder: Archive/falDemoApp",[],[62],"411a17e4-25f0-11f0-ad23-569c3dd06744",["D",1746037426307],"deletedAt","legacyEnvVars","privacy","public","description","imageUrl","userId","a0bf3b31-15a5-4d5c-880e-4b1e22c9bc18","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",3,"orgId","e81e7335-6d4c-4764-a902-d0962bbfa9f7","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_120":117},"org",{"_11":12,"_116":117,"_78":79,"_118":119},"branch",{"_17":41,"_13":16,"_33":39,"_108":70,"_109":-5,"_110":-5,"_111":-5,"_112":-5,"_113":-5,"_114":14,"_115":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","avatar","https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg","tier","pro","profileImageUrl",{"_33":70,"_13":14,"_44":152,"_72":-5,"_73":43,"_74":75,"_76":-5,"_77":-5,"_78":79,"_80":36,"_81":43,"_82":-5,"_83":-5,"_84":85,"_86":87,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":93,"_94":93,"_95":96,"_97":96,"_98":96,"_99":93,"_100":93,"_101":153,"_103":154,"_105":155,"_107":52},[146,147],"files",[146,147],"counts",{"_136":66,"_137":64,"_138":139,"_32":140,"_141":142},[],{"_33":34,"_13":19,"_35":36,"_37":-5,"_38":39,"_40":41,"_42":43,"_44":45,"_17":46,"_47":48,"_49":50,"_51":52,"_53":-5,"_18":135},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"navCollapsed",[19],"pulls","branches","forks",11,{"_143":66,"_145":66},"connections",{"_143":66,"_144":66},"count","unfilledCount","emptyCount",{"_33":61,"_13":62,"_35":63,"_37":-5,"_38":39,"_40":64,"_42":43,"_44":65,"_17":66,"_47":24,"_49":67,"_51":52,"_53":-5,"_58":150,"_18":151},{"_33":34,"_13":19,"_35":36,"_37":-5,"_38":39,"_40":41,"_42":43,"_44":57,"_17":46,"_47":48,"_49":50,"_51":52,"_53":-5,"_58":148,"_18":149},[],[19],[],[62],["D",1746037426307],{"_11":12,"_120":117},{"_11":12,"_116":117,"_78":79,"_118":119},{"_17":41,"_13":16,"_33":39,"_108":70,"_109":-5,"_110":-5,"_111":-5,"_112":-5,"_113":-5,"_114":14,"_115":12},"ctx",{"_101":-5,"_189":190,"_191":192,"_193":52,"_194":52,"_195":52,"_196":-5,"_197":-7,"_198":-7,"_199":66,"_200":52,"_201":52,"_202":-5,"_203":52,"_204":52},"ENV",{"_160":161,"_162":163,"_164":165,"_166":16,"_167":168,"_169":170,"_171":172,"_173":174,"_175":176,"_177":178,"_179":180,"_181":182,"_183":184,"_185":186,"_187":188},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","f1316bb1ce3ad41ce227a17bcad7725ad044419f","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","API_URL","https://api.val.town","preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier"]