[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_176":177,"_178":179},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_68":128,"_40":-7,"_129":-5,"_17":130,"_131":132,"_133":134,"_135":136,"_137":138,"_139":-5,"_140":141,"_142":143,"_144":47,"_145":146,"_147":26,"_148":-5,"_149":-5,"_150":151},"routes/_app.x.$handle.$name.compare.$branch",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":26,"_27":28,"_29":30,"_31":-5},"handle","robertbrook","name","falDemoApp","branchName","main","project",{"_32":56,"_13":14,"_34":90,"_45":-5,"_91":26,"_48":49,"_92":49,"_93":-5,"_94":-5,"_95":96,"_97":75,"_98":26,"_99":-5,"_100":-5,"_101":57,"_52":102,"_103":-5,"_104":-5,"_105":-5,"_106":-5,"_107":108,"_109":108,"_110":111,"_112":111,"_113":111,"_114":108,"_115":108,"_116":117,"_118":119,"_120":28,"_46":47},"ahead",1,"behind",7,"diff",{"_61":62,"_63":64,"_65":66},"hasChanges",true,"sourceBranch",{"_40":20,"_13":16,"_32":55,"_38":56,"_41":33,"_42":57,"_58":49,"_59":39,"_60":53,"_54":14,"_50":12},"targetBranch",{"_32":33,"_34":35,"_36":37,"_13":16,"_38":39,"_40":22,"_41":-5,"_42":-5,"_43":44,"_45":-5,"_46":47,"_48":49,"_50":51,"_52":53,"_54":14},"pull","id","411a4b74-25f0-11f0-ad23-569c3dd06744","createdAt",["D",1746037426307],"updatedAt",["D",1761768322929],"projectId","411a17e4-25f0-11f0-ad23-569c3dd06744","version","forkedBranchId","forkedBranchVersion","lockfileKey","1764023869196-esm.town_v_stevekrouse_falDemoApp@7-main","deletedAt","isOwned",false,"privacy","public","userHandle","stevekrouse","orgId","e81e7335-6d4c-4764-a902-d0962bbfa9f7","projectName","658c8568-2824-11f0-af78-569c3dd06744","658c430a-2824-11f0-af78-569c3dd06744",0,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","added",[67],"deleted",[],"modified",[],{"_68":69,"_70":-7,"_71":72},"path","main.tsx","targetFile","sourceFile",{"_32":73,"_13":69,"_74":75,"_76":-5,"_77":55,"_78":20,"_79":26,"_34":80,"_40":57,"_81":82,"_83":84,"_63":47,"_85":-5,"_86":-7,"_68":87,"_88":89},"658ef488-2824-11f0-af78-569c3dd06744","fileId","658ef546-2824-11f0-af78-569c3dd06744","parentId","branchId","branchVersion","latest",["D",1730458009027],"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

Fal AI Image Generator

\n {imageUrl && (\n

\n $\"Generated$ \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 return falProxyRequest(req);\n }\n\n return new Response(\"Not Found\", { status: 404 });\n}","label","children",[69],"contentHash","98c233eba19e266ea86870b147fdaa52a98c59150e64f7b914e2d560da085eac",["D",1746279723609],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","f9916564-3ee3-4132-8ec4-444696a94557","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","426b19df-b270-4c9b-b056-d666125c4ab6","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_127":123},"org",{"_11":12,"_121":-5,"_122":123,"_95":96,"_124":125,"_126":47},"branch","displayName","avatar","https://avatars.githubusercontent.com/u/3244?v=4","tier","free","canRestrictVals","profileImageUrl","","adoptOrgId",{"_32":56,"_13":14,"_34":172,"_45":-5,"_91":26,"_48":49,"_92":49,"_93":-5,"_94":-5,"_95":96,"_97":75,"_98":26,"_99":-5,"_100":-5,"_101":57,"_52":102,"_103":-5,"_104":-5,"_105":-5,"_106":-5,"_107":108,"_109":108,"_110":111,"_112":111,"_113":111,"_114":108,"_115":108,"_116":173,"_118":174,"_120":175,"_46":47},"tree",[169],"files",[169],"counts",{"_159":57,"_160":20,"_161":57,"_162":163,"_164":165},"contents",[156],"file","upstreamProject",{"_32":39,"_13":14,"_93":-5,"_94":-5,"_48":49,"_116":154},"upstreamBranch",{"_32":33,"_34":152,"_36":153,"_13":16,"_38":39,"_40":22,"_41":-5,"_42":-5,"_43":44,"_45":-5,"_46":47,"_48":49,"_50":51,"_52":53,"_54":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1746037426307],["D",1761768322929],{"_11":51,"_127":155},"https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg",{"_32":73,"_13":69,"_74":75,"_76":-5,"_77":55,"_78":20,"_79":26,"_34":157,"_40":57,"_81":82,"_83":84,"_63":47,"_85":-5,"_68":158},["D",1730458009027],[69],"pulls","branches","forks","envVars",{"_166":57,"_168":57},"connections",{"_166":57,"_167":57},"count","unfilledCount","emptyCount",{"_32":73,"_13":69,"_74":75,"_76":-5,"_77":55,"_78":20,"_79":26,"_34":80,"_40":57,"_81":82,"_83":84,"_63":47,"_85":-5,"_86":170,"_68":171},[],[69],["D",1746279723609],{"_11":12,"_127":123},{"_11":12,"_121":-5,"_122":123,"_95":96,"_124":125,"_126":47},{"_40":20,"_13":16,"_32":55,"_38":56,"_41":33,"_42":57,"_58":49,"_59":39,"_60":53,"_54":14,"_50":12},"ctx",{"_116":-5,"_149":209,"_210":211,"_212":213,"_214":47,"_215":47,"_216":47,"_217":26,"_218":-5,"_219":-7,"_220":-7,"_221":57,"_222":47,"_223":47,"_224":-5,"_225":47,"_226":47,"_227":47,"_228":-5},"ENV",{"_180":181,"_182":183,"_184":16,"_185":186,"_187":188,"_189":190,"_191":192,"_193":194,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208},"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"]

Compare

Mergerobertbrook/mainintostevekrouse/main

Hmain.tsx+146-0