[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_178":179,"_180":181},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_129":66,"_35":-7,"_130":-5,"_17":131,"_132":133,"_134":135,"_136":137,"_138":139,"_49":-5,"_140":-5,"_141":-5,"_142":24,"_143":144,"_145":93,"_146":-5,"_147":-5,"_148":149},"routes/_app.x.$handle.$name.branch.$branch.history",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":-5},"handle","contextandnuance","name","html_to_pdf","branchName","main","project",{"_29":82,"_13":14,"_33":83,"_84":-5,"_85":24,"_86":87,"_88":87,"_89":-5,"_90":-5,"_25":64,"_91":59,"_92":93,"_94":-5,"_95":-5,"_96":20,"_37":38,"_97":-5,"_98":-5,"_99":-5,"_100":-5,"_101":102,"_103":102,"_104":105,"_106":105,"_107":105,"_108":102,"_109":102,"_47":110,"_111":112,"_113":114,"_115":24},"page",0,"history",[26,27,28],"hasNext",false,"userId",{"_29":74,"_31":32,"_33":75,"_35":76,"_37":38,"_39":67,"_40":-5,"_41":-5,"_42":-5,"_43":-5,"_44":-5,"_45":-5,"_46":-5,"_47":77,"_49":78,"_51":-5,"_52":-5,"_53":-5,"_54":-5,"_55":79},{"_29":67,"_31":32,"_33":68,"_35":69,"_37":38,"_39":30,"_40":-5,"_41":-5,"_42":-5,"_43":-5,"_44":-5,"_45":-5,"_46":-5,"_47":70,"_49":71,"_51":-5,"_52":-5,"_53":-5,"_54":-5,"_55":72},{"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":-5,"_40":-5,"_41":-5,"_42":-5,"_43":-5,"_44":-5,"_45":-5,"_46":-5,"_47":48,"_49":50,"_51":-5,"_52":-5,"_53":-5,"_54":-5,"_55":56},"id","06d0a9e1-4b03-44d1-a803-7a4c5c6325e0","branchId","376db8b9-f0e3-4561-bc6b-ee539c42cc2b","createdAt",["D",1784556687938],"version",1,"orgId","019f2ef6-b874-7055-929b-2625fd8497ac","parentId","incomingCommitId","aiChatMessageId","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle","source","clientLabel","user",{"_29":64,"_37":38,"_11":12,"_65":66},"file",{"_58":59,"_13":60,"_61":62,"_63":24},"pull","merge","revert","multiple","commits",[57],{"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":-5,"_40":-5,"_41":-5,"_42":-5,"_43":-5,"_44":-5,"_45":-5,"_46":-5,"_47":48,"_49":50,"_51":-5,"_52":-5,"_53":-5},"fileId","e62c4744-8444-11f1-bef2-1607ee4eb77e","main.ts","fileType","script","deleted","f2c4304f-fbd3-402f-a3a7-afe74ea61388","avatar","","998c7d8d-68cd-4cef-bc89-5b6267deb330",["D",1784556914131],2,{"_29":64,"_37":38,"_11":12,"_65":66},{"_58":59,"_13":60,"_61":62,"_63":24},[73],{"_29":67,"_31":32,"_33":68,"_35":69,"_37":38,"_39":30,"_40":-5,"_41":-5,"_42":-5,"_43":-5,"_44":-5,"_45":-5,"_46":-5,"_47":70,"_49":71,"_51":-5,"_52":-5,"_53":-5},"b5280cca-26b4-49e4-ba69-59acb2fe74ed",["D",1784557860785],3,{"_29":64,"_37":38,"_11":12,"_65":66},{"_58":59,"_13":60,"_61":81,"_63":24},[80],{"_29":74,"_31":32,"_33":75,"_35":76,"_37":38,"_39":67,"_40":-5,"_41":-5,"_42":-5,"_43":-5,"_44":-5,"_45":-5,"_46":-5,"_47":77,"_49":78,"_51":-5,"_52":-5,"_53":-5},"http","118d3da4-be0a-491c-ac6a-acab21129786",["D",1784556687922],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_11":12,"_128":66},"org",{"_11":12,"_124":66,"_65":66,"_25":64,"_125":126,"_127":24},"branch",{"_35":76,"_13":16,"_29":32,"_116":82,"_117":-5,"_118":-5,"_119":-5,"_120":-5,"_121":-5,"_122":14,"_123":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","tier","free","canRestrictVals","profileImageUrl","path","adoptOrgId",{"_29":82,"_13":14,"_33":174,"_84":-5,"_85":24,"_86":87,"_88":87,"_89":-5,"_90":-5,"_25":64,"_91":59,"_92":93,"_94":-5,"_95":-5,"_96":20,"_37":38,"_97":-5,"_98":-5,"_99":-5,"_100":-5,"_101":102,"_103":102,"_104":105,"_106":105,"_107":105,"_108":102,"_109":102,"_47":175,"_111":176,"_113":177,"_115":24},"tree",[169],"files",[169],"counts",{"_159":20,"_160":36,"_161":20,"_162":163,"_164":165},"contents",[150],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_29":151,"_13":60,"_58":59,"_39":-5,"_31":32,"_152":76,"_153":93,"_33":154,"_35":69,"_61":81,"_155":156,"_63":24,"_157":-5,"_129":158},"cb2378e2-150c-45c3-9b99-5489c0bf0959","branchVersion","latest",["D",1784557860785],"content","/**\n * html-to-pdf — reusable HTML→PDF renderer for the myPKA team\n * ---------------------------------------------------------------------------\n * Platform : Val Town (Deno runtime, HTTP val)\n * Author : Mack (Automation Specialist) · 2026-07-20\n *\n * WHY A REMOTE BROWSER, NOT jsPDF\n * Val Town is serverless Deno — it cannot launch a local Chromium binary, so\n * Puppeteer/Playwright \"launch()\" does not work here. jsPDF DOES run natively\n * but only *draws* primitives (text/lines) — it cannot render arbitrary\n * HTML/CSS (web fonts, gradients, SVG, flex/grid). Our inputs are\n * design-system-faithful HTML (infographics, one-pagers, eBooks,\n * certificates), so we need a REAL browser. The working pattern on Val Town\n * is puppeteer-core connecting to a hosted browser (Browserless) over a\n * WebSocket, then page.setContent() + page.pdf(). Full CSS fidelity, zero\n * Chromium ops on our side.\n *\n * SECRETS (Val Town → Settings → Environment Variables — NEVER hardcode):\n * BROWSERLESS_TOKEN required — token from browserless.io (free tier ok)\n * RENDER_SECRET required — shared secret callers send as Bearer auth\n * BROWSERLESS_REGION optional — \"production-sfo\" (default) | \"production-lon\"\n *\n * HOW TO CALL (see README.md for full examples)\n * POST https://-html_to_pdf.web.val.run\n * Header: Authorization: Bearer \n * Body (JSON):\n * { \"html\": \"…\", \"filename\": \"one-pager.pdf\",\n * \"options\": { \"format\": \"A4\", \"landscape\": false,\n * \"printBackground\": true, \"margin\": {...},\n * \"scale\": 1, \"width\": \"8.5in\", \"height\": \"11in\",\n * \"preferCSSPageSize\": true, \"pageRanges\": \"1-2\" } }\n * → 200 application/pdf (the file) | 4xx/5xx application/json (error)\n * GET same URL → JSON health + usage note (no auth needed)\n */\n\nimport puppeteer from \"npm:puppeteer-core@23.11.1\";\n\n// ── config ────────────────────────────────────────────────────────────────\nconst MAX_HTML_BYTES = 6_000_000; // reject absurd payloads early (~6 MB)\nconst NAV_TIMEOUT_MS = 45_000; // setContent + fonts/images settle budget\nconst CONNECT_ATTEMPTS = 3; // remote-browser connect retries\nconst SERVICE = \"html-to-pdf\";\n\n// structured, secret-free logging (critical rule #6)\nfunction log(event: string, fields: Record = {}) {\n console.log(\n JSON.stringify({\n service: SERVICE,\n event,\n ts: new Date().toISOString(),\n ...fields,\n }),\n );\n}\n\n// fail fast + loud on missing env (critical rule #5)\nfunction requireEnv(name: string): string {\n const v = Deno.env.get(name);\n if (!v || !v.trim()) throw new Error(`Missing required env var: ${name}`);\n return v.trim();\n}\n\n// constant-time-ish compare so we don't leak the secret via timing\nfunction safeEqual(a: string, b: string): boolean {\n if (a.length !== b.length) return false;\n let diff = 0;\n for (let i = 0; i < a.length; i++) diff |= a.charCodeAt(i) ^ b.charCodeAt(i);\n return diff === 0;\n}\n\nfunction json(body: unknown, status = 200): Response {\n return new Response(JSON.stringify(body, null, 2), {\n status,\n headers: { \"content-type\": \"application/json; charset=utf-8\" },\n });\n}\n\nconst sleep = (ms: number) => new Promise((r) => setTimeout(r, ms));\n\n// connect to the hosted browser with exponential backoff (critical rule #4)\nasync function connectBrowser() {\n const token = requireEnv(\"BROWSERLESS_TOKEN\");\n const region = Deno.env.get(\"BROWSERLESS_REGION\")?.trim() || \"production-sfo\";\n const endpoint = `wss://${region}.browserless.io?token=${token}`;\n let lastErr: unknown;\n for (let attempt = 1; attempt <= CONNECT_ATTEMPTS; attempt++) {\n try {\n return await puppeteer.connect({ browserWSEndpoint: endpoint });\n } catch (err) {\n lastErr = err;\n log(\"connect_retry\", {\n attempt,\n message: String((err as Error)?.message ?? err),\n });\n if (attempt < CONNECT_ATTEMPTS) await sleep(400 * 2 ** (attempt - 1)); // 400ms, 800ms\n }\n }\n throw new Error(\n `Could not reach remote browser after ${CONNECT_ATTEMPTS} attempts: ${\n String((lastErr as Error)?.message ?? lastErr)\n }`,\n );\n}\n\n// whitelist + coerce caller-supplied pdf options (never trust raw input)\nfunction buildPdfOptions(raw: unknown): Record {\n const o = (raw && typeof raw === \"object\" ? raw : {}) as Record<\n string,\n unknown\n >;\n const opts: Record = {\n printBackground: o.printBackground === undefined\n ? true\n : Boolean(o.printBackground),\n preferCSSPageSize: o.preferCSSPageSize === undefined\n ? true\n : Boolean(o.preferCSSPageSize),\n };\n // Page size: either a named format OR explicit width/height (for certificates,\n // social tiles, custom eBook trims). Explicit dimensions win when present.\n if (typeof o.width === \"string\" && typeof o.height === \"string\") {\n opts.width = o.width;\n opts.height = o.height;\n } else {\n const allowed = [\n \"Letter\",\n \"Legal\",\n \"Tabloid\",\n \"Ledger\",\n \"A0\",\n \"A1\",\n \"A2\",\n \"A3\",\n \"A4\",\n \"A5\",\n \"A6\",\n ];\n opts.format = allowed.includes(String(o.format)) ? o.format : \"A4\";\n }\n if (o.landscape !== undefined) opts.landscape = Boolean(o.landscape);\n if (typeof o.scale === \"number\" && o.scale >= 0.1 && o.scale <= 2) {\n opts.scale = o.scale;\n }\n if (typeof o.pageRanges === \"string\") opts.pageRanges = o.pageRanges;\n if (o.margin && typeof o.margin === \"object\") {\n const m = o.margin as Record;\n const pick = (\n k: string,\n ) => (typeof m[k] === \"string\" || typeof m[k] === \"number\"\n ? m[k]\n : undefined);\n opts.margin = {\n top: pick(\"top\"),\n right: pick(\"right\"),\n bottom: pick(\"bottom\"),\n left: pick(\"left\"),\n };\n }\n return opts;\n}\n\nasync function render(\n html: string,\n pdfOptions: Record,\n): Promise {\n const browser = await connectBrowser();\n try {\n const page = await browser.newPage();\n page.setDefaultNavigationTimeout(NAV_TIMEOUT_MS);\n // networkidle0 lets web fonts / images / SVG data-URIs finish loading so the\n // PDF matches the design system (Tan Aegean, gradients, velvet grain, etc.).\n await page.setContent(html, {\n waitUntil: \"networkidle0\",\n timeout: NAV_TIMEOUT_MS,\n });\n // Belt-and-suspenders: block on font readiness before snapshotting.\n await page.evaluateHandle(\"document.fonts && document.fonts.ready\").catch(\n () => {},\n );\n const pdf = await page.pdf(pdfOptions);\n await page.close().catch(() => {});\n return pdf as Uint8Array;\n } finally {\n // Always release the remote session, even on error (graceful shutdown).\n await browser.close().catch((e) =>\n log(\"browser_close_failed\", { message: String(e) })\n );\n }\n}\n\n// ── entrypoint ──────────────────────────────────────────────────────────────\nexport default async function (req: Request): Promise {\n const started = Date.now();\n\n // Health / usage note — safe to expose, no secrets, no auth.\n if (req.method === \"GET\" || req.method === \"HEAD\") {\n let envOk = true;\n try {\n requireEnv(\"BROWSERLESS_TOKEN\");\n requireEnv(\"RENDER_SECRET\");\n } catch {\n envOk = false;\n }\n return json({\n service: SERVICE,\n status: envOk\n ? \"ready\"\n : \"misconfigured — set BROWSERLESS_TOKEN and RENDER_SECRET\",\n how_to_call: {\n method: \"POST\",\n auth: \"Authorization: Bearer \",\n body: {\n html: \"\",\n filename: \"\",\n options: \"\",\n },\n returns: \"200 application/pdf, or JSON error\",\n },\n });\n }\n\n if (req.method !== \"POST\") {\n return json({ error: \"method_not_allowed\", allowed: [\"GET\", \"POST\"] }, 405);\n }\n\n // Auth gate — validate env, then the caller's bearer token.\n let secret: string;\n try {\n requireEnv(\"BROWSERLESS_TOKEN\");\n secret = requireEnv(\"RENDER_SECRET\");\n } catch (e) {\n log(\"misconfigured\", { message: String((e as Error).message) });\n return json({\n error: \"server_misconfigured\",\n detail: String((e as Error).message),\n }, 500);\n }\n const auth = req.headers.get(\"authorization\") ?? \"\";\n const bearer = auth.startsWith(\"Bearer \") ? auth.slice(7) : \"\";\n if (!bearer || !safeEqual(bearer, secret)) {\n log(\"unauthorized\", { hasHeader: Boolean(auth) });\n return json({\n error: \"unauthorized\",\n detail: \"Send Authorization: Bearer \",\n }, 401);\n }\n\n // Parse + validate body.\n let payload: { html?: unknown; filename?: unknown; options?: unknown };\n try {\n payload = await req.json();\n } catch {\n return json({\n error: \"bad_request\",\n detail: \"Body must be JSON: { html, filename?, options? }\",\n }, 400);\n }\n const html = payload?.html;\n if (typeof html !== \"string\" || html.trim().length === 0) {\n return json({\n error: \"bad_request\",\n detail: \"'html' is required and must be a non-empty string\",\n }, 400);\n }\n const htmlBytes = new TextEncoder().encode(html).length;\n if (htmlBytes > MAX_HTML_BYTES) {\n return json({\n error: \"payload_too_large\",\n detail: `HTML is ${htmlBytes} bytes; limit ${MAX_HTML_BYTES}`,\n }, 413);\n }\n const filename =\n typeof payload.filename === \"string\" && payload.filename.trim()\n ? payload.filename.trim().replace(/[^\\w.\\-]+/g, \"_\")\n : \"document.pdf\";\n const pdfOptions = buildPdfOptions(payload.options);\n\n // Render.\n try {\n const pdf = await render(html, pdfOptions);\n log(\"rendered\", {\n htmlBytes,\n pdfBytes: pdf.length,\n ms: Date.now() - started,\n filename,\n });\n return new Response(pdf, {\n status: 200,\n headers: {\n \"content-type\": \"application/pdf\",\n \"content-disposition\": `attachment; filename=\"${filename}\"`,\n \"content-length\": String(pdf.length),\n \"x-render-ms\": String(Date.now() - started),\n },\n });\n } catch (err) {\n const message = String((err as Error)?.message ?? err);\n log(\"render_failed\", { htmlBytes, ms: Date.now() - started, message });\n return json({ error: \"render_failed\", detail: message }, 502);\n }\n}","label",[60],"pulls","branches","forks","envVars",{"_166":69,"_168":20},"connections",{"_166":20,"_167":20},"count","unfilledCount","emptyCount",{"_29":151,"_13":60,"_58":59,"_39":-5,"_31":32,"_152":76,"_153":93,"_33":170,"_35":69,"_61":81,"_155":156,"_63":24,"_157":-5,"_171":172,"_129":173},["D",1784557860785],"children",[],[60],["D",1784556687922],{"_11":12,"_128":66},{"_11":12,"_124":66,"_65":66,"_25":64,"_125":126,"_127":24},{"_35":76,"_13":16,"_29":32,"_116":82,"_117":-5,"_118":-5,"_119":-5,"_120":-5,"_121":-5,"_122":14,"_123":12},"ctx",{"_47":-5,"_147":211,"_212":213,"_214":215,"_216":24,"_217":24,"_218":24,"_219":93,"_220":-5,"_221":-7,"_222":-7,"_223":20,"_224":24,"_225":24,"_226":-5,"_227":24,"_228":24,"_229":24,"_230":-5},"ENV",{"_182":183,"_184":185,"_186":16,"_187":188,"_189":190,"_191":192,"_193":194,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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"]

History