[{"_1":2,"_169":-5,"_170":-5},"loaderData",{"_3":4,"_91":92},"root",{"_5":6,"_34":35,"_64":65},"ctx",{"_7":8,"_23":-5,"_24":25,"_26":27,"_28":20,"_29":20,"_30":20,"_31":32,"_33":20},"auth",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20,"_21":22},"sessionClaims","sessionId","sessionStatus","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","isAuthenticated",false,"tokenType","session_token","user","preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","notificationCount",0,"flagDenols","ENV",{"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_52":53,"_54":55,"_56":57,"_58":59,"_60":61,"_62":63},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","2c0721760fd9b1dbbb286cd802e37f338d938669","RENDER_GIT_BRANCH","main","CLERK_PUBLISHABLE_KEY","pk_live_Y2xlcmsudmFsLnRvd24k","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","API_URL","https://api.val.town","clerkState",{"_66":67},"__internal_clerk_state",{"_68":69,"_70":45,"_71":72,"_73":72,"_74":20,"_75":72,"_76":72,"_77":72,"_78":72,"_79":80,"_89":20,"_90":20},"__clerk_ssr_state",{"_21":22,"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__clerk_debug",{"_81":20,"_19":20,"_82":72,"_83":84,"_85":72,"_86":45,"_87":20,"_88":72},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","routes/embed.x.$handle.$name.$",{"_93":94,"_95":96,"_97":98,"_99":100,"_149":150,"_166":167,"_168":-5},"handle","nlnw","name","frame","path","main.tsx","project",{"_101":102,"_95":96,"_103":104,"_105":-5,"_106":20,"_107":108,"_109":-5,"_110":-5,"_12":111,"_112":113,"_114":115,"_116":-5,"_117":118,"_14":119,"_120":121,"_122":121,"_123":124,"_125":124,"_126":124,"_127":121,"_128":121,"_23":129,"_132":133,"_135":136,"_148":20},"id","e93a7464-2762-11f0-86ff-569c3dd06744","createdAt",["D",1746196622166],"deletedAt","legacyEnvVars","privacy","public","description","imageUrl","52118750-0371-4e17-84a5-cf461fa36269","pinnedFileId","e93cf0cc-2762-11f0-86ff-569c3dd06744","pinPreview",true,"screenshotVersion","likeCount",1,"e3d0f846-4f60-4926-b99a-02f556fa18e1","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_93":94,"_130":131},"profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yZHN0RUxBMktHd1ZOc3VWWmFWT2Y0YUNtQUoifQ","org",{"_93":94,"_134":131,"_12":111},"avatar","branch",{"_137":138,"_95":43,"_101":139,"_140":102,"_141":-5,"_142":-5,"_143":-5,"_144":-5,"_145":-5,"_146":96,"_147":94},"version",175,"e93ac22a-2762-11f0-86ff-569c3dd06744","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","isOwned","file",{"_101":151,"_95":98,"_152":113,"_153":-5,"_154":139,"_155":138,"_156":115,"_103":157,"_137":158,"_159":160,"_161":162,"_163":20,"_164":-5,"_97":165},"ed48687c-2762-11f0-86ff-569c3dd06744","fileId","parentId","branchId","branchVersion","latest",["D",1711250773023],174,"fileType","http","content","/** @jsxImportSource npm:hono@3/jsx */\nimport { render } from \"https://deno.land/x/resvg_wasm/mod.ts\";\nimport { Hono } from \"npm:hono@3\";\nimport satori from \"npm:satori\";\n\nconst app = new Hono();\n\nasync function renderImage(s: string, color: string) {\n const fontArrayBuf = await fetch(\n \"https://cdn.jsdelivr.net/npm/roboto-font@0.1.0/fonts/Roboto/roboto-regular-webfont.ttf\",\n ).then((res) => res.arrayBuffer());\n\n const svg = await satori(\n {\n type: \"div\",\n props: {\n children: s,\n style: {\n display: \"flex\",\n height: \"100%\",\n width: \"100%\",\n fontSize: \"100px\",\n backgroundColor: \"white\",\n color,\n justifyContent: \"center\",\n paddingTop: \"120px\",\n },\n },\n },\n {\n width: 600,\n height: 400,\n fonts: [\n {\n name: \"Roboto\",\n data: fontArrayBuf,\n weight: 400,\n style: \"normal\",\n },\n ],\n },\n );\n return await render(svg);\n}\n\napp.get(\"/satori\", async (c) => {\n const query = c.req.query(\"button\");\n let text = \"Hello world!\";\n let color = \"blue\";\n switch (query) {\n case \"1\": {\n text = \"one!\";\n color = \"red\";\n break;\n }\n case \"2\": {\n text = \"two\";\n color = \"green\";\n break;\n }\n case \"3\": {\n text = \"three\";\n color = \"chocolate\";\n break;\n }\n case \"4\": {\n text = \"four\";\n color = \"purple\";\n break;\n }\n }\n return c.body(await renderImage(text, color), 200, { \"Content-Type\": \"image/png\" });\n});\n\napp.get(\"/\", (c) => {\n return c.html(\n \n \n \n \n \n \n \n \n ,\n );\n});\n\napp.post(\"/\", async (c) => {\n const body = await c.req.json();\n const buttonIndex = body.untrustedData.buttonIndex;\n return c.html(\n \n \n \n \n ,\n );\n});\n\nexport default app.fetch;","deleted","label",[98],"permalink","https://www.val.town/x/nlnw/frame/code/main.tsx","extension","actionData","errors"]