[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_167":168,"_169":170},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_124":-5,"_20":125,"_22":126,"_127":128,"_129":130,"_26":131,"_24":132,"_133":134,"_135":136,"_137":48,"_138":139,"_140":65,"_141":-5,"_142":-5,"_143":144},"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":29,"_30":-5,"_31":-5,"_32":-5},"handle","vawogbemi","name","falDemoApp","branchName","main","version","path","main.tsx","project",{"_33":80,"_13":14,"_35":81,"_46":-5,"_82":65,"_49":50,"_83":50,"_84":-5,"_85":-5,"_86":87,"_88":58,"_89":65,"_90":-5,"_91":63,"_92":93,"_53":94,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":100,"_101":100,"_102":103,"_104":103,"_105":103,"_106":100,"_107":100,"_108":109,"_110":111,"_112":113,"_47":48},"tree",[75],"file",{"_33":56,"_13":19,"_57":58,"_59":-5,"_60":61,"_62":63,"_64":65,"_35":66,"_17":67,"_68":69,"_70":71,"_72":48,"_73":-5,"_18":74},"contents",[],"upstream",{"_33":34,"_35":36,"_37":38,"_13":16,"_39":40,"_17":41,"_42":-5,"_43":-5,"_44":45,"_46":-5,"_47":48,"_49":50,"_51":52,"_53":54,"_55":14},"pull","ahead","behind","id","411a4b74-25f0-11f0-ad23-569c3dd06744","createdAt",["D",1746037426307],"updatedAt",["D",1761768322929],"projectId","411a17e4-25f0-11f0-ad23-569c3dd06744",7,"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","185e4c98-2092-11f0-a8c1-569c3dd06744","fileId","18356f6c-2092-11f0-a8c1-569c3dd06744","parentId","branchId","18320494-2092-11f0-a8c1-569c3dd06744","branchVersion",5,"latest",true,["D",1744606234196],4,"fileType","http","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createFalClient } from \"https://esm.sh/@fal-ai/client\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport { falProxyRequest } from \"https://esm.town/v/stevekrouse/falProxyRequest\";\n\nfunction App() {\n const [imageUrl, setImageUrl] = useState(\"\");\n const [generatedImageUrl, setGeneratedImageUrl] = useState(\"\");\n const [prompt, setPrompt] = useState(\"\");\n const [loading, setLoading] = useState(false);\n\n const generateImage = async (e?: React.FormEvent) => {\n e?.preventDefault();\n if (!prompt) return;\n\n setLoading(true);\n try {\n const fal = createFalClient({\n proxyUrl: \"/api/fal/proxy\",\n });\n\n const result = await fal.run(\"fal-ai/ghiblify\", {\n input: {\n prompt: prompt,\n image_url: imageUrl || undefined,\n num_inference_steps: 50,\n guidance_scale: 7.5,\n strength: 0.8,\n },\n });\n setGeneratedImageUrl(result.images[0].url);\n } catch (error) {\n console.error(\"Error generating image:\", error);\n } finally {\n setLoading(false);\n }\n };\n\n const handleImageUpload = (e: React.ChangeEvent) => {\n const file = e.target.files?.[0];\n if (file) {\n const reader = new FileReader();\n reader.onload = (e) => {\n setImageUrl(e.target?.result as string);\n };\n reader.readAsDataURL(file);\n }\n };\n\n return (\n

AI Image Generator

\n setPrompt(e.target.value)}\n placeholder=\"Enter your image prompt\"\n className=\"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 setImageUrl(e.target.value)}\n placeholder=\"Enter image URL (optional)\"\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 Upload Image\n \n \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

Original Image

\n $\"Original$ \n

\n )}\n {generatedImageUrl && (\n

Generated Image

\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 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}","deleted","label",[19],{"_33":56,"_13":19,"_57":58,"_59":-5,"_60":61,"_62":63,"_64":65,"_35":76,"_17":67,"_68":69,"_70":-5,"_72":48,"_73":-5,"_77":78,"_18":79},["D",1744606234196],"children",[],[19],"1831a1ca-2092-11f0-a8c1-569c3dd06744",["D",1745447229168],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","2a463891-c041-4488-97d7-5c4873f793b2","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"4bf34fc5-775b-4490-bd5b-9599385e237f","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_123":119},"org",{"_11":12,"_117":-5,"_118":119,"_86":87,"_120":121,"_122":48},"branch",{"_17":63,"_13":16,"_33":61,"_39":80,"_42":34,"_43":93,"_114":50,"_115":40,"_116":54,"_55":14,"_51":12},"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://images.clerk.dev/oauth_github/img_2TXrDk0iTsMgo2T7z93Wn4eqcgK.jpeg","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_33":80,"_13":14,"_35":163,"_46":-5,"_82":65,"_49":50,"_83":50,"_84":-5,"_85":-5,"_86":87,"_88":58,"_89":65,"_90":-5,"_91":63,"_92":93,"_53":94,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":100,"_101":100,"_102":103,"_104":103,"_105":103,"_106":100,"_107":100,"_108":164,"_110":165,"_112":166,"_47":48},[160],"files",[160],"counts",{"_150":93,"_151":93,"_152":93,"_153":154,"_155":156},[],{"_33":56,"_13":19,"_57":58,"_59":-5,"_60":61,"_62":63,"_64":65,"_35":66,"_17":67,"_68":69,"_70":71,"_72":48,"_73":-5,"_18":149},"upstreamProject",{"_33":40,"_13":14,"_84":-5,"_85":-5,"_49":50,"_108":147},"upstreamBranch",{"_33":34,"_35":145,"_37":146,"_13":16,"_39":40,"_17":41,"_42":-5,"_43":-5,"_44":45,"_46":-5,"_47":48,"_49":50,"_51":52,"_53":54,"_55":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1746037426307],["D",1761768322929],{"_11":52,"_123":148},"https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg",[19],"pulls","branches","forks","envVars",{"_157":93,"_159":93},"connections",{"_157":93,"_158":93},"count","unfilledCount","emptyCount",{"_33":56,"_13":19,"_57":58,"_59":-5,"_60":61,"_62":63,"_64":65,"_35":76,"_17":67,"_68":69,"_70":-5,"_72":48,"_73":-5,"_77":161,"_18":162},[],[19],["D",1745447229168],{"_11":12,"_123":119},{"_11":12,"_117":-5,"_118":119,"_86":87,"_120":121,"_122":48},{"_17":63,"_13":16,"_33":61,"_39":80,"_42":34,"_43":93,"_114":50,"_115":40,"_116":54,"_55":14,"_51":12},"ctx",{"_108":-5,"_200":201,"_142":202,"_203":204,"_205":206,"_207":48,"_208":48,"_209":48,"_210":65,"_211":-5,"_212":-7,"_213":-7,"_214":93,"_215":48,"_216":48,"_217":-5},"ENV",{"_171":172,"_173":174,"_175":16,"_176":177,"_178":179,"_180":181,"_182":183,"_184":185,"_186":187,"_188":189,"_190":191,"_192":193,"_194":195,"_196":197,"_198":199},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","db46cea2d909ccbd011cfec0e4ddfe291f419728","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","aiChatModels",[218,219,220,221,222],[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","navCollapsed","currentOrgId",{"_223":247,"_73":248,"_226":249,"_84":250,"_229":65,"_230":65,"_231":232,"_233":65},{"_223":242,"_73":243,"_226":244,"_84":245,"_229":65,"_230":48,"_231":246,"_233":48},{"_223":238,"_73":239,"_226":240,"_84":241,"_229":65,"_230":65,"_231":232,"_233":48},{"_223":234,"_73":235,"_226":236,"_84":237,"_229":65,"_230":65,"_231":232,"_233":48},{"_223":224,"_73":225,"_226":227,"_84":228,"_229":65,"_230":65,"_231":232,"_233":48},"value","fable","Claude Fable 5.1","shortLabel","Fable","Most capable; 2× Opus pricing","imageInput","thinking","contextWindowSize",1000000,"isDefault","opus55","Claude Opus 5.5","Opus","Highly capable for complex work","sonnet55","Claude Sonnet 5.5","Sonnet","Balanced speed and capability","haiku","Claude Haiku 4.5","Haiku","Fastest; best for simple edits",200000,"deepseekflash","DeepSeek V4.1 Flash","DeepSeek Flash","Smart and very cheap"]