[{"_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","aff16c89c4123ba083b86c6d4b0839b6d54863cc","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","iamseeley","name","beigeMandrill","path","main.tsx","project",{"_101":102,"_95":96,"_103":104,"_105":-5,"_106":107,"_108":109,"_110":-5,"_111":-5,"_12":112,"_113":114,"_115":107,"_116":-5,"_117":-5,"_118":32,"_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","85e725e0-2827-11f0-af78-569c3dd06744","createdAt",["D",1746281066382],"deletedAt","legacyEnvVars",true,"privacy","public","description","imageUrl","fed077e2-dbc0-4421-bb81-a71b0796f69e","pinnedFileId","85e94c30-2827-11f0-af78-569c3dd06744","pinPreview","pinMigrated","screenshotVersion","likeCount","8bf3083e-3312-4fc4-8746-fcbc375455ce","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_93":94,"_130":131},"profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJsaWQ1T0xmZ2dwbk5kMWNOWW1yR2dIZDdHeCJ9","org",{"_93":94,"_134":131,"_12":112},"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",6,"85e765c8-2827-11f0-af78-569c3dd06744","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","isOwned","file",{"_101":151,"_95":98,"_152":114,"_153":-5,"_154":139,"_155":138,"_156":107,"_103":157,"_137":158,"_159":160,"_161":162,"_163":20,"_164":-5,"_97":165},"86016874-2827-11f0-af78-569c3dd06744","fileId","parentId","branchId","branchVersion","latest",["D",1721313991720],5,"fileType","http","content","export default async function (req: Request): Promise {\n const { searchParams } = new URL(req.url);\n \n // Default values\n const title = searchParams.get('title') || 'Hello from val.town';\n const bgColor = searchParams.get('bgColor') || '#e15a24';\n const textColor = searchParams.get('textColor') || '#1A202C';\n\n // Create SVG\n const svg = `\n \n `;\n\n // Retrieve HTCI API key from environment variables\n const apiUrl = 'https://hcti.io/v1/image';\n\n const apiKey = Deno.env.get(\"HTCI\");\n\n if (!apiKey) {\n console.error('HTCI API key is missing');\n return new Response('Internal Server Error', { status: 500 });\n }\n\n console.log('HTCI API Key:', apiKey);\n\n try {\n const response = await fetch(apiUrl, {\n method: 'POST',\n headers: {\n 'Authorization': `Bearer ${apiKey}`,\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify({\n html: svg,\n device: { width: 1200, height: 630 },\n }),\n });\n\n if (!response.ok) {\n throw new Error(`Conversion failed: ${response.statusText}`);\n }\n\n const jsonResponse = await response.json();\n const pngUrl = jsonResponse.url;\n\n const pngResponse = await fetch(pngUrl);\n const pngBuffer = await pngResponse.arrayBuffer();\n\n return new Response(pngBuffer, {\n headers: {\n 'Content-Type': 'image/png',\n 'Cache-Control': 'public, max-age=604800, immutable'\n },\n });\n } catch (error) {\n console.error('Error converting SVG to PNG:', error);\n return new Response('Error generating image', { status: 500 });\n }\n}\n","deleted","label",[98],"permalink","https://www.val.town/x/iamseeley/beigeMandrill/code/main.tsx","extension","actionData","errors"]