[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_152":153,"_154":155},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_116":-5,"_20":117,"_22":118,"_119":120,"_121":122,"_25":123,"_24":-5,"_124":-5,"_125":-5,"_126":53,"_127":128,"_129":44,"_130":-5,"_131":-5,"_132":133},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":-7,"_25":26,"_27":-5,"_28":-5,"_29":-5,"_30":-5,"_31":-5},"handle","acsouzachagas","name","flux_mago_generator","branchName","main","version","path","","project",{"_33":61,"_13":14,"_45":62,"_63":-5,"_64":53,"_65":66,"_67":66,"_68":69,"_70":-5,"_71":72,"_73":37,"_74":44,"_75":-5,"_76":-5,"_77":47,"_78":79,"_80":-5,"_81":-5,"_82":-5,"_83":-5,"_84":85,"_86":85,"_87":88,"_89":88,"_90":88,"_91":85,"_92":85,"_93":94,"_95":96,"_97":98,"_99":53},"tree",[56],"file","contents",[32],"upstream","pull","ahead","behind","envVars",{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":46,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_18":55},"id","1e369f1e-0d2c-45f3-949e-fa6185df2d86","main.tsx","fileId","52ea20ea-890e-11f1-a1cc-1607ee4eb77e","parentId","branchId","c89c832c-5e2c-4b04-b512-e3b107ffd81c","branchVersion",1,"latest",true,"createdAt",["D",1785083003510],0,"fileType","http","content","import { React } from \"https://esm.town/v/std/preact/main.ts\";\nimport { useState } from \"https://esm.town/v/std/preact/hooks.ts\";\n\nexport default function FluxGenerator() {\n const [height, setHeight] = useState(1024);\n const [width, setWidth] = useState(1024);\n const [steps, setSteps] = useState(30);\n const [guidance, setGuidance] = useState(5.5);\n\n const defaultPrompt = `A powerful male sorcerer in the anime art style of Jujutsu Kaisen, featuring strong facial features and a striking protagonist aura. He wears light-colored flowing garments - an elegant white or cream-colored haori cape draped over a traditional Japanese kimono with subtle detailing. The character radiates mystical spiritual energy (cursed energy) as glowing auras in vibrant colors around his body. He stands confidently in the center of an ancient Japanese temple courtyard with traditional wooden architecture visible in the background. Cherry blossom trees (sakura) surround him with pink and white petals falling gently through the air, creating a serene yet powerful atmosphere. Detailed anime illustration with sharp character design, dynamic lighting, professional manga-style linework, soft color grading with warm and cool tones, atmospheric perspective, trending on pixiv.`;\n\n return (\n

🧙 FLUX Mago Jujutsu Kaisen

\n\n {/* Configurações */}\n

⚙️ Configurações

\n\n {/* Height */}\n

\n Height (Altura)\n {height}px\n

\n setHeight(Number(e.target.value))}\n style={{ width: \"100%\", cursor: \"pointer\" }}\n />\n

\n\n {/* Width */}\n

\n Width (Largura)\n {width}px\n

\n setWidth(Number(e.target.value))}\n style={{ width: \"100%\", cursor: \"pointer\" }}\n />\n

\n\n {/* Steps */}\n

\n Steps (Passos)\n {steps}\n

\n setSteps(Number(e.target.value))}\n style={{ width: \"100%\", cursor: \"pointer\" }}\n />\n ~{Math.round(steps * 2.5)}s\n

\n\n {/* Guidance Scale */}\n

\n Guidance Scale\n {guidance.toFixed(1)}\n

\n setGuidance(Number(e.target.value))}\n style={{ width: \"100%\", cursor: \"pointer\" }}\n />\n

\n\n {/* Resumo */}\n

📋 Usar no FLUX

Height: {height}

Width: {width}

Steps: {steps}

Guidance: {guidance}

\n → Ir para FLUX\n

\n\n {/* Prompt */}\n

✍️ Prompt

\n \n {\n navigator.clipboard.writeText(defaultPrompt);\n alert(\"✅ Copiado!\");\n }}\n style={{\n marginTop: \"12px\",\n padding: \"10px 20px\",\n background: \"#ff9500\",\n color: \"#000\",\n border: \"none\",\n borderRadius: \"4px\",\n cursor: \"pointer\",\n fontWeight: \"bold\"\n }}\n >\n 📋 Copiar\n \n

\n );\n}","deleted",false,"label",[35],{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":57,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_58":59,"_18":60},["D",1785083003510],"children",[],[35],"e8235bf2-4e7c-4194-8430-29a506273b4f",["D",1785083003276],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Gerador FLUX para mago anime","imageUrl","userId","04b6ce21-5f68-41b4-ad04-4bff7f818ac8","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","019f423a-6436-748c-a57d-ffae9b1a2a90","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_115":111},"org",{"_11":12,"_108":109,"_110":111,"_71":72,"_112":113,"_114":53},"branch",{"_17":42,"_13":16,"_33":40,"_100":61,"_101":-5,"_102":-5,"_103":-5,"_104":-5,"_105":-5,"_106":14,"_107":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","acsouza chagas","avatar","https://lh3.googleusercontent.com/a/ACg8ocKzyUDmOJFcSjd9DPQmkq_nJkc3lbPvg7UdU5JgiwZrirfxe0L5=s96-c","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_33":61,"_13":14,"_45":148,"_63":-5,"_64":53,"_65":66,"_67":66,"_68":69,"_70":-5,"_71":72,"_73":37,"_74":44,"_75":-5,"_76":-5,"_77":47,"_78":79,"_80":-5,"_81":-5,"_82":-5,"_83":-5,"_84":85,"_86":85,"_87":88,"_89":88,"_90":88,"_91":85,"_92":85,"_93":149,"_95":150,"_97":151,"_99":53},[145],"files",[145],"counts",{"_136":47,"_137":42,"_138":47,"_31":139,"_140":141},[134],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":46,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_18":135},[35],"pulls","branches","forks",{"_142":47,"_144":47},"connections",{"_142":47,"_143":47},"count","unfilledCount","emptyCount",{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":57,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_58":146,"_18":147},[],[35],["D",1785083003276],{"_11":12,"_115":111},{"_11":12,"_108":109,"_110":111,"_71":72,"_112":113,"_114":53},{"_17":42,"_13":16,"_33":40,"_100":61,"_101":-5,"_102":-5,"_103":-5,"_104":-5,"_105":-5,"_106":14,"_107":12},"ctx",{"_93":-5,"_131":185,"_186":187,"_188":189,"_190":53,"_191":53,"_192":53,"_193":44,"_194":-5,"_195":-7,"_196":-7,"_197":47,"_198":53,"_199":53,"_200":-5,"_201":53,"_202":53,"_203":53,"_204":-5},"ENV",{"_156":157,"_158":159,"_160":16,"_161":162,"_163":164,"_165":166,"_167":168,"_169":170,"_171":172,"_173":174,"_175":176,"_177":178,"_179":180,"_181":182,"_183":184},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","5015b8df46402d8bba4f485ecc37aec202b0e06b","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