[{"_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,"_115":-5,"_20":116,"_22":117,"_118":119,"_120":121,"_25":122,"_24":-5,"_123":-5,"_124":-5,"_125":53,"_126":127,"_128":44,"_129":-5,"_130":-5,"_131":132},"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","rapfl","name","zottify","branchName","main","version","path","","project",{"_33":61,"_13":14,"_45":62,"_63":-5,"_64":44,"_65":66,"_67":66,"_68":-5,"_69":-5,"_70":71,"_72":37,"_73":44,"_74":-5,"_75":-5,"_76":77,"_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","fba37e12-26c6-11f0-9396-569c3dd06744","main.tsx","fileId","fb0ff9c6-26c6-11f0-9396-569c3dd06744","parentId","branchId","fb0d95aa-26c6-11f0-9396-569c3dd06744","branchVersion",24,"latest",true,"createdAt",["D",1726911905434],23,"fileType","http","content","/** @jsxImportSource https://esm.sh/preact */\nimport { encode } from \"https://deno.land/std@0.107.0/encoding/base64.ts\";\nimport { render } from \"npm:preact-render-to-string\";\nimport Replicate from \"npm:replicate\";\n\nconst replicate = new Replicate({\n auth: Deno.env.get(\"REPLICATE_API_TOKEN\"),\n});\n\nexport default async function(req: Request) {\n if (req.method === \"POST\") {\n const formData = await req.formData();\n const textPrompt = formData.get(\"textPrompt\");\n const formattedPrompt =\n `Take the description that follows and imagine it vividly as a masterful painting, describing character, action, setting, composition, lighting, and mood. It should still resemble a hand drawing, closer to a scribble than a realistic painting. The drawing contains a lot of free space, filled only by solid colors. Write your answer in the form of a brief terse sentence. Include only the text of your answer, no other information or communication.\n\"\"\"\n${textPrompt}\n\"\"\"`;\n\n // Run text model\n const input = {\n prompt: formattedPrompt,\n temperature: 0.75,\n max_new_tokens: 500,\n min_new_tokens: -1,\n };\n\n let streamedText = \"\";\n\n for await (const event of replicate.stream(\"mistralai/mixtral-8x7b-instruct-v0.1\", { input })) {\n streamedText += event.toString();\n }\n console.log(streamedText);\n\n // Run generative model\n const generatedImage = await replicate.run(\n \"rapfl/sdxl-zottify:caf6f0e13ef741de9353b0a06146797a4a55fbff3f5f4013e7fe755756a346e1\",\n {\n input: {\n prompt: streamedText + \" A drawing in the style of zottify.\",\n num_inference_steps: 20,\n guidance_scale: 5,\n width: 1024,\n height: 576,\n },\n },\n );\n\n const result = generatedImage[0];\n // Sending a card with the image in it\n return new Response(\n render(\n

,\n ),\n {\n headers: { \"Content-Type\": \"text/html; charset=utf-8\" },\n },\n );\n }\n // If it's not a POST request we always send the full page\n return new Response(\n render(\n \n \n ZOTTIFY\n \n \n \n \n \n

ZOTTIFY

an AI generated wrapper design in the style of Zotter Chocolate

\n \n

\n zottify your life\n

\n what's the choc flavor?\n \n

\n\n \n

\n \n\n \n

\n \n ,\n ),\n {\n headers: {\n \"Content-Type\": \"text/html; charset=utf-8\",\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",1726911905434],"children",[],[35],"fb0d3f42-26c6-11f0-9396-569c3dd06744",["D",1746129650579],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","042baf81-101d-4ea0-9e25-591c5efb0dc9","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","b31d000f-b99b-48dc-8266-375daf272845","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_114":110},"org",{"_11":12,"_108":-5,"_109":110,"_70":71,"_111":112,"_113":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","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ybUdFdlF6d3drNzQ1NDZveU9EaFlISHlPejUifQ","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_33":61,"_13":14,"_45":148,"_63":-5,"_64":44,"_65":66,"_67":66,"_68":-5,"_69":-5,"_70":71,"_72":37,"_73":44,"_74":-5,"_75":-5,"_76":77,"_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",{"_135":77,"_136":137,"_138":77,"_31":139,"_140":141},[133],"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":134},[35],"pulls","branches",1,"forks",{"_142":77,"_144":77},"connections",{"_142":77,"_143":77},"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",1746129650579],{"_11":12,"_114":110},{"_11":12,"_108":-5,"_109":110,"_70":71,"_111":112,"_113":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,"_130":185,"_186":187,"_188":189,"_190":53,"_191":53,"_192":53,"_193":44,"_194":-5,"_195":-7,"_196":-7,"_197":77,"_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","71c1b20804b3232a7e513be260cfffc1932a9e97","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