[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_175":176,"_177":178},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_88":-7,"_89":43,"_29":-7,"_90":-5,"_15":91,"_92":93,"_94":95,"_96":97,"_98":99,"_100":-5,"_101":-5,"_102":-5,"_103":38,"_104":105,"_106":107,"_108":-5,"_109":-5,"_110":111},"routes/_app.x.$handle.$name.branches",{"_11":12,"_13":14,"_15":16,"_17":18},"handle","zeeshan_rettain","name","Kl-post-template","project",{"_20":28,"_13":14,"_22":36,"_35":-5,"_37":38,"_39":40,"_41":40,"_42":43,"_44":-5,"_45":46,"_47":-5,"_48":38,"_49":-5,"_50":-5,"_51":52,"_53":54,"_55":-5,"_56":-5,"_57":-5,"_58":-5,"_59":60,"_61":60,"_62":63,"_64":63,"_65":63,"_66":60,"_67":60,"_68":69,"_70":71,"_72":73,"_74":38},"branches",[19],{"_20":21,"_22":23,"_24":25,"_13":26,"_27":28,"_29":30,"_31":-5,"_32":-5,"_33":34,"_35":-5},"id","75bdd472-2162-4a00-9d4e-cc9a1887036b","createdAt",["D",1780665880847],"updatedAt",["D",1786734772811],"main","projectId","6770e92a-12a4-450b-96d5-c4767d04f9f4","version",57,"forkedBranchId","forkedBranchVersion","lockfileKey","1786734772984-esm.town_v_zeeshan_rettain_Kl-post-template@57-main","deletedAt",["D",1780665880841],"legacyEnvVars",false,"privacy","public","httpPrivacy","description","","imageUrl","userId","9b398842-63f5-490c-8710-733eb101550f","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019e97f2-3a72-72f1-981f-daf285f95ace","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_87":83},"org",{"_11":12,"_80":81,"_82":83,"_45":46,"_84":85,"_86":38},"branch",{"_29":30,"_13":26,"_20":21,"_27":28,"_31":-5,"_32":-5,"_75":-5,"_76":-5,"_77":-5,"_78":14,"_79":12},"isOwned","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","Zeeshan Amir","avatar","https://lh3.googleusercontent.com/a/ACg8ocLyax9v7Kem1MfuABXM5kuTla6bfVC1aXyH_S4B4juokZwJlQ=s96-c","tier","free","canRestrictVals","profileImageUrl","branchName","path","adoptOrgId",{"_20":28,"_13":14,"_22":171,"_35":-5,"_37":38,"_39":40,"_41":40,"_42":43,"_44":-5,"_45":46,"_47":-5,"_48":38,"_49":-5,"_50":-5,"_51":52,"_53":54,"_55":-5,"_56":-5,"_57":-5,"_58":-5,"_59":60,"_61":60,"_62":63,"_64":63,"_65":63,"_66":60,"_67":60,"_68":172,"_70":173,"_72":174,"_74":38},"tree",[158,159,160],"files",[158,159,160],"counts",{"_147":52,"_17":148,"_149":52,"_150":151,"_152":153},"contents",[112,113,114],"file","upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_20":140,"_13":141,"_117":142,"_119":-5,"_120":21,"_121":143,"_122":107,"_22":144,"_29":124,"_125":126,"_127":145,"_129":38,"_130":-5,"_89":146},{"_20":132,"_13":133,"_117":134,"_119":-5,"_120":21,"_121":135,"_122":107,"_22":136,"_29":137,"_125":126,"_127":138,"_129":38,"_130":-5,"_89":139},{"_20":115,"_13":116,"_117":118,"_119":-5,"_120":21,"_121":30,"_122":107,"_22":123,"_29":124,"_125":126,"_127":128,"_129":38,"_130":-5,"_89":131},"0f8c4a31-aa6b-436b-a28c-e4d6990a3e03","image_upload.ts","fileId","6355f026-6302-11f1-8cee-1607ee4eb77e","parentId","branchId","branchVersion","latest",["D",1786734772811],9,"fileType","http","content","// JPEG quality for the wsrv slice crops. Measured against TinyPNG on real slices: q66 ≈ TinyPNG\n// file size at slightly BETTER fidelity (SSIM 0.958 vs TinyPNG 0.952 on the Earth Runners hero).\n// Dial UP toward 80–90 for more quality/larger files; q90+ also switches to 4:4:4 (crisper colored\n// text, ~2x size). Below 90, wsrv uses 4:2:0 subsampling (same as TinyPNG).\nconst IMG_QUALITY = 66;\n\nexport default async function (req: Request): Promise {\n const fail = (stage: string, status: number, detail: unknown) =>\n new Response(JSON.stringify({ ok: false, stage, detail }), {\n status,\n headers: { \"content-type\": \"application/json\" },\n });\n if (req.headers.get(\"x-auth\") !== Deno.env.get(\"AUTH_TOKEN\")) {\n return fail(\"auth\", 401, \"Invalid or missing x-auth header\");\n }\n let inp: any;\n try {\n inp = await req.json();\n } catch (e) {\n return fail(\"parse_input\", 400, \"Body not valid JSON: \" + String(e));\n }\n const brandId = inp.brand_id;\n if (!brandId || !/^[A-Za-z0-9_]+$/.test(brandId)) {\n return fail(\"validate_input\", 400, \"brand_id missing or has invalid chars\");\n }\n // build the source URL: crop from frame if region_box given, else use import_from_url directly\n let importUrl = inp.import_from_url;\n if (!importUrl) {\n const { frame_image_url, scale, frame_box, region_box } = inp;\n if (!frame_image_url || !scale || !frame_box || !region_box) {\n return fail(\n \"validate_input\",\n 400,\n \"need import_from_url OR (frame_image_url, scale, frame_box, region_box)\",\n );\n }\n const cx = Math.round((region_box.x - frame_box.x) * scale);\n const cy = Math.round((region_box.y - frame_box.y) * scale);\n const cw = Math.round(region_box.w * scale);\n const ch = Math.round(region_box.h * scale);\n // precrop: extract the cell region BEFORE resizing. Then force the output\n // to EXACTLY cw x ch with fit=fill so every cell is pixel-identical to its\n // siblings (kills the 1-2px edge wobble wsrv produces at the frame border,\n // which made split cells render at slightly different heights -> whitespace).\n //\n // QUALITY: JPEG at IMG_QUALITY (see constant above). Tuned to TinyPNG size/quality parity —\n // q66 gives ~TinyPNG file size at slightly higher fidelity. Source resolution is the sharpness\n // lever (figma_prep_v2 `scale`); this q is the size lever. Below q90 wsrv uses 4:2:0 subsampling.\n importUrl = `https://wsrv.nl/?url=${\n encodeURIComponent(frame_image_url)\n }&precrop=true&cx=${cx}&cy=${cy}&cw=${cw}&ch=${ch}&w=${cw}&h=${ch}&fit=fill&output=jpg&q=${IMG_QUALITY}`;\n }\n const key = Deno.env.get(`${brandId}_Kl_KEY`);\n if (!key) {\n return fail(\n \"config\",\n 400,\n `No key for brand '${brandId}' (expected ${brandId}_Kl_KEY)`,\n );\n }\n // ONE Klaviyo POST, returns immediately — NO Val-side retry. n8n's Retry On Fail owns retries\n // (as before; a Val-internal retry loop could spin the Val past its 60s limit → ugly 500 TIMEOUT).\n // The ONLY guard here is a single AbortController timeout: if the import hangs (Klaviyo\n // synchronously fetches the slow wsrv URL) it's aborted and fails CLEAN (504) instead of letting\n // Val Town kill the whole execution at 60s. A 429 comes straight back so n8n can retry it fast.\n const ctl = new AbortController();\n const to = setTimeout(() => ctl.abort(), 25000);\n let r: Response;\n try {\n r = await fetch(\"https://a.klaviyo.com/api/images\", {\n method: \"POST\",\n signal: ctl.signal,\n headers: {\n \"Authorization\": `Klaviyo-API-Key ${key}`,\n \"revision\": \"2025-01-15\",\n \"content-type\": \"application/json\",\n \"accept\": \"application/vnd.api+json\",\n },\n body: JSON.stringify({\n data: {\n type: \"image\",\n attributes: {\n import_from_url: importUrl,\n name: inp.name || `slice-${Date.now()}`,\n hidden: false,\n },\n },\n }),\n });\n } catch (e: any) {\n clearTimeout(to);\n if (e?.name === \"AbortError\") {\n return fail(\n \"upload_image\",\n 504,\n \"Klaviyo import exceeded 25s (wsrv/import slow) — aborted; n8n can retry\",\n );\n }\n return fail(\"upload_image\", 502, \"POST threw: \" + String(e));\n }\n clearTimeout(to);\n const t = await r.text();\n if (!r.ok) return fail(\"upload_image\", r.status, t); // e.g. 429 -> returns immediately; n8n retries\n let d;\n try {\n d = JSON.parse(t).data;\n } catch (e) {\n return fail(\"parse_response\", 502, \"Klaviyo non-JSON: \" + t.slice(0, 300));\n }\n if (!d?.id || !d?.attributes?.image_url) {\n return fail(\n \"parse_response\",\n 502,\n \"Unexpected Klaviyo response: \" + t.slice(0, 300),\n );\n }\n return new Response(\n JSON.stringify({\n ok: true,\n stage: \"done\",\n id: d.id,\n image_url: d.attributes.image_url,\n crop_url: importUrl,\n }),\n { headers: { \"content-type\": \"application/json\" } },\n );\n}","deleted","label",[116],"ce1c7e49-5bdf-4e8e-8eb0-b5cfa14e093a","create_text_temp.ts","7953d594-7079-11f1-a244-1607ee4eb77e",53,["D",1782384212770],7,"// create_text_template.ts — Val: Text-Only Klaviyo template builder (V3).\n//\n// BUILD mode (default): make a standalone SYSTEM_DRAGGABLE template = ONE section →\n// one 1-column-full-width row → one TEXT block holding `body_html`. Plain text email:\n// no images, no footer (Klaviyo appends required unsub at send). Inherits the brand's\n// top-level `styles` array (fonts/link color) from `base_template_id` if provided, else\n// uses Arial defaults. Mobile padding 0. POSTs, returns the new template_id.\n// `debug:true` => dry run (returns the built definition, does NOT POST).\n//\n// INSPECT mode (`inspect:true`): GET `template_id` and surface its text block(s)/styles.\n//\n// POST { body_html, brand_id|brandId, base_template_id?, name?, debug? } (build)\n// or { inspect:true, template_id, brand_id|brandId } (inspect)\n// header x-auth. Env: AUTH_TOKEN, {brand_id}_Kl_KEY.\nexport default async function (req: Request): Promise {\n const MSGS: Record = {\n auth: \"Internal error: the automation couldn't authenticate with the template service.\",\n parse_input: \"Internal error: the request to the template service was malformed.\",\n validate_input: \"Missing required data to build the template.\",\n config: \"Setup error: no Klaviyo API key is configured for this brand. Contact the admin.\",\n get_template: \"Couldn't read the requested Klaviyo template.\",\n get_base: \"Couldn't read the base/style template from Klaviyo — check the base_template_id.\",\n leftover_link: \"The email copy still has an unfilled link placeholder. Fix the links on the ticket and retry.\",\n create_template: \"Klaviyo rejected the template. See detail for the exact reason.\",\n };\n const fail = (stage: string, status: number, detail: unknown, message?: string) =>\n new Response(JSON.stringify({ ok: false, stage, message: message || MSGS[stage] || \"Something went wrong creating the template.\", detail }), { status, headers: { \"content-type\": \"application/json\" } });\n const ok = (o: unknown) => new Response(JSON.stringify(o, null, 2), { headers: { \"content-type\": \"application/json\" } });\n\n if (req.headers.get(\"x-auth\") !== Deno.env.get(\"AUTH_TOKEN\")) return fail(\"auth\", 401, \"Invalid x-auth\");\n let inp: any;\n try { inp = await req.json(); } catch (e) { return fail(\"parse_input\", 400, String(e)); }\n\n const brandId = inp.brand_id || inp.brandId;\n if (!brandId || !/^[A-Za-z0-9_]+$/.test(brandId)) return fail(\"validate_input\", 400, \"brand_id (or brandId) missing/invalid\", \"Couldn't tell which brand's Klaviyo account to use (brand id missing). Check the brand link on the ticket.\");\n const key = Deno.env.get(`${brandId}_Kl_KEY`);\n if (!key) return fail(\"config\", 400, `No key for brand '${brandId}' (expected env var ${brandId}_Kl_KEY)`);\n const H = { \"Authorization\": `Klaviyo-API-Key ${key}`, \"revision\": \"2026-04-15\", \"accept\": \"application/vnd.api+json\" };\n\n const getDef = async (id: string) => {\n const g = await fetch(`https://a.klaviyo.com/api/templates/${id}?additional-fields[template]=definition`, { headers: H });\n const t = await g.text();\n if (!g.ok) throw { stage: \"get_template\", status: g.status, detail: t.slice(0, 600) };\n const d = JSON.parse(t)?.data?.attributes?.definition;\n if (!d) throw { stage: \"get_template\", status: 500, detail: \"no definition (SYSTEM_DRAGGABLE?)\" };\n return d;\n };\n\n // ---------- INSPECT ----------\n if (inp.inspect) {\n if (!inp.template_id) return fail(\"validate_input\", 400, \"template_id required for inspect\");\n let def: any; try { def = await getDef(inp.template_id); } catch (e: any) { return fail(e.stage || \"get_template\", e.status || 502, e.detail || String(e)); }\n const blocks: any[] = [];\n (function walk(o: any, p: string) { if (Array.isArray(o)) o.forEach((x, i) => walk(x, `${p}[${i}]`)); else if (o && typeof o === \"object\") { if (o.content_type === \"block\" && o.type) blocks.push({ path: p, type: o.type, block: o }); for (const k in o) walk(o[k], `${p}.${k}`); } })(def.body?.sections || [], \"body.sections\");\n return ok({ ok: true, stage: \"inspect\", text_blocks: blocks.filter((b) => b.type === \"text\"), block_types: blocks.map((b) => b.type), top_styles: def.styles ?? null, body_styles: def.body?.styles ?? null });\n }\n\n // ---------- BUILD ----------\n let body_html = String(inp.body_html || \"\").trim();\n if (!body_html) return fail(\"validate_input\", 400, \"body_html required (or pass inspect:true)\", \"There's no email copy to build the template from. Check the Figma frame produced text.\");\n // SAFETY: never publish unfilled link sentinels or obvious placeholder URLs (QC should catch\n // these upstream; this is a last-line guard so a broken link can't go live).\n {\n const leftover: string[] = [];\n const sentinel = body_html.match(/<<\\s*LINK_\\d+\\s*>>/gi);\n if (sentinel) leftover.push(...sentinel);\n const dummy = body_html.match(/https?:\\/\\/[^\\s\"'<>]*(x{3,}|example\\.com|your-?link|placeholder)[^\\s\"'<>]*/gi);\n if (dummy) leftover.push(...dummy);\n if (leftover.length) return fail(\"leftover_link\", 422, leftover, `The email copy still has ${leftover.length} unfilled/placeholder link(s): ${leftover.slice(0, 3).join(\", \")}. Add the real link(s) on the ticket and retry.`);\n }\n // mirror Klaviyo's anchor format (adds target/rel; our anchors only have href)\n body_html = body_html.replace(/ s.style_type === \"mobile-styles\");\n if (!ms) { ms = { style_type: \"mobile-styles\", properties: {}, styles: {} }; stylesArr.push(ms); }\n ms.styles = { ...(ms.styles || {}), mobile_margin: 0, mobile_padding_top: 0, mobile_padding_bottom: 0, mobile_padding_left: 0, mobile_padding_right: 0 };\n\n const textBlock = {\n content_type: \"block\", type: \"text\",\n data: {\n content: body_html,\n display_options: {},\n styles: { background_color: \"#FFFFFF\", block_background_color: \"#FFFFFF\", block_border_width: 0, block_padding_top: 0, block_padding_bottom: 0, block_padding_left: 0, block_padding_right: 0, mobile_stretch_content: false },\n },\n };\n const section = {\n content_type: \"section\", type: \"section\",\n data: { properties: {}, display_options: {}, styles: { border_width: 0, column_direction: \"ltr\", stack_on_mobile: true } },\n rows: [{ data: { styles: { column_layout: \"1-column-full-width\" } }, columns: [{ data: {}, blocks: [textBlock] }] }],\n };\n const definition: any = {\n body: { properties: { id: \"bodyTable\", css_class: \"root-container\" }, styles: bodyStyles, sections: [section] },\n styles: stylesArr,\n };\n\n // strip read-only ids everywhere (Klaviyo regenerates; universal_id is rejected on create)\n const stripIds = (o: any): any => { if (Array.isArray(o)) o.forEach(stripIds); else if (o && typeof o === \"object\") { delete o.id; delete o.data_id; delete o.universal_id; delete o.template_id; for (const k in o) stripIds(o[k]); } return o; };\n stripIds(definition);\n\n const body = { data: { type: \"template\", attributes: { name: inp.name || \"Text-Only Template\", editor_type: \"SYSTEM_DRAGGABLE\", definition } } };\n if (inp.debug) return ok({ ok: true, stage: \"debug-dryrun\", post_body: body });\n\n // POST with a small retry on rate-limit (429) / transient 5xx — Klaviyo throttles bursts.\n const sleep = (ms: number) => new Promise((r) => setTimeout(r, ms));\n let lastStatus = 0, lastText = \"\";\n for (let attempt = 1; attempt <= 3; attempt++) {\n try {\n const p = await fetch(\"https://a.klaviyo.com/api/templates\", { method: \"POST\", headers: { ...H, \"content-type\": \"application/vnd.api+json\" }, body: JSON.stringify(body) });\n lastText = await p.text();\n lastStatus = p.status;\n if (p.ok) return ok({ ok: true, stage: \"done\", id: JSON.parse(lastText)?.data?.id ?? null });\n // retry only on 429 / 5xx; client errors (400/401/403/409) won't fix themselves\n if (p.status === 429 || p.status >= 500) {\n const retryAfter = Number(p.headers.get(\"Retry-After\")) || attempt * 2;\n if (attempt < 3) { await sleep(retryAfter * 1000); continue; }\n return fail(\"create_template\", p.status, lastText.slice(0, 800), \"Klaviyo is rate-limiting or temporarily unavailable. The automation retried and will need another run shortly.\");\n }\n return fail(\"create_template\", p.status, lastText.slice(0, 800));\n } catch (e) { lastText = \"POST threw: \" + String(e); lastStatus = 502; if (attempt < 3) { await sleep(attempt * 2000); continue; } }\n }\n return fail(\"create_template\", lastStatus || 502, lastText.slice(0, 800), \"Couldn't reach Klaviyo to create the template after several tries.\");\n}",[133],"7beed244-73cb-47d7-b496-db047eb93374","create_template_v2.ts","b34e96b4-650a-11f1-9db5-1607ee4eb77e",38,["D",1781771125063],"// create_template-v2 — assembles a Klaviyo template from planner-v2 cells.\n//\n// Only change vs V1: build each VISUAL ROW by its own cell count, grouping cells\n// by (slice_index, row). This drops V1's uniform `cols x rows` guard, so variable\n// per-row layouts work (e.g. a [1,2,2,2] slice = one full-width image row + three\n// 2-up split rows). Block model is unchanged: 1 cell -> image, 2 -> split,\n// 3-4 -> table, each in a 1-column-full-width row.\n//\n// Deploy as a NEW Val URL (V1 create_template untouched). Klaviyo revision 2026-04-15,\n// editor_type SYSTEM_DRAGGABLE + definition (no html). Brand key env {brand_id}_Kl_KEY.\nexport default async function (req: Request): Promise {\n const fail = (stage: string, status: number, detail: unknown) =>\n new Response(JSON.stringify({ ok: false, stage, detail }), {\n status,\n headers: { \"content-type\": \"application/json\" },\n });\n if (req.headers.get(\"x-auth\") !== Deno.env.get(\"AUTH_TOKEN\")) {\n return fail(\"auth\", 401, \"Invalid or missing x-auth header\");\n }\n let inp: any;\n try {\n inp = await req.json();\n } catch (e) {\n return fail(\"parse_input\", 400, \"Body not valid JSON: \" + String(e));\n }\n if (!inp.template_id) {\n return fail(\"validate_input\", 400, \"template_id is required\");\n }\n if (!Array.isArray(inp.images)) {\n return fail(\"validate_input\", 400, \"images must be an array\");\n }\n const brandId = inp.brand_id;\n if (!brandId || !/^[A-Za-z0-9_]+$/.test(brandId)) {\n return fail(\n \"validate_input\",\n 400,\n \"brand_id missing or has invalid chars (letters/digits/underscore only)\",\n );\n }\n const key = Deno.env.get(`${brandId}_Kl_KEY`);\n if (!key) {\n return fail(\n \"config\",\n 400,\n `No key for brand '${brandId}' (expected env var ${brandId}_Kl_KEY)`,\n );\n }\n\n const H = {\n \"Authorization\": `Klaviyo-API-Key ${key}`,\n \"revision\": \"2026-04-15\",\n \"accept\": \"application/vnd.api+json\",\n };\n // universal_id is read-only and REJECTED on create (\"universal_id is not allowed\n // to be specified on create\"), so it must always be stripped. A universal footer\n // is therefore created as a standalone (inlined) section, not a live universal link.\n const stripIds = (o: any): any => {\n if (Array.isArray(o)) o.forEach(stripIds);\n else if (o && typeof o === \"object\") {\n delete o.id;\n delete o.data_id;\n delete o.universal_id;\n delete o.template_id;\n for (const k in o) stripIds(o[k]);\n }\n return o;\n };\n\n let def: any;\n // debug snapshots of the SOURCE definition (captured before we mutate it)\n let snapTopStyles: any = null,\n snapBodyStyles: any = null,\n snapSections: any = null,\n snapFooter: any = null;\n try {\n const g = await fetch(\n `https://a.klaviyo.com/api/templates/${inp.template_id}?additional-fields[template]=definition`,\n { headers: H },\n );\n const t = await g.text();\n if (!g.ok) return fail(\"get_definition\", g.status, t);\n def = JSON.parse(t).data.attributes.definition;\n if (!def?.body?.sections) {\n return fail(\"get_definition\", 500, \"definition.body.sections missing\");\n }\n if (inp.debug) {\n snapTopStyles = def.styles ?? null; // is there a top-level styles array?\n snapBodyStyles = def?.body?.styles ?? null; // or only body.styles object?\n snapSections = (def.body.sections || []).map((s: any) => ({\n content_type: s.content_type,\n type: s.type,\n universal_id: s.universal_id ?? null,\n rows: (s.rows || []).length,\n }));\n snapFooter = JSON.parse(\n JSON.stringify(def.body.sections[def.body.sections.length - 1] || null),\n ); // the (likely universal) footer, pre-strip\n }\n stripIds(def);\n } catch (e) {\n return fail(\"get_definition\", 502, \"GET threw: \" + String(e));\n }\n\n let body: any;\n try {\n const bodyW = Number(def?.body?.styles?.width) || 600;\n\n const colWidths = (n: number): string[] => {\n const base = Math.floor(100 / n);\n const arr = Array(n).fill(base);\n arr[n - 1] += 100 - base * n;\n return arr.map((x) => `${x}%`);\n };\n\n const tableImage = (\n img: any,\n colWidthPct: string | null,\n cellWpx: number,\n ) => {\n const rw = Number(img.rw) || 0;\n const rh = Number(img.rh) || 0;\n const h = (rw > 0 && cellWpx > 0) ? Math.round(cellWpx * rh / rw) : null;\n return {\n type: \"table_image\",\n src: img.src,\n alt_text: img.alt || \"\",\n href: img.href || null,\n asset_id: img.asset_id || null,\n dynamic: null,\n width: cellWpx || null,\n height: h,\n image_width: cellWpx || null,\n image_align: \"center\",\n cell_text_align: \"center\",\n table_column_width: colWidthPct,\n show_on: \"all\",\n };\n };\n\n const imageBlock = (img: any) => ({\n content_type: \"block\",\n type: \"image\",\n data: {\n properties: {\n dynamic: false,\n src: img.src,\n asset_id: img.asset_id || null,\n alt_text: img.alt || \"\",\n href: img.href || null,\n },\n display_options: { show_on: \"all\" },\n styles: {\n align: \"center\",\n max_width: null,\n full_width_mobile: true,\n block_padding_top: 0,\n block_padding_bottom: 0,\n block_padding_left: 0,\n block_padding_right: 0,\n },\n },\n });\n\n const splitBlock = (cells: any[]) => {\n const cellW = Math.floor(bodyW / 2);\n return {\n content_type: \"block\",\n type: \"split\",\n data: {\n display_options: { show_on: \"all\" },\n styles: {\n block_background_color: null,\n block_padding_top: 0,\n block_padding_bottom: 0,\n block_padding_left: 0,\n block_padding_right: 0,\n column_widths: \"50%,50%\",\n mobile_stack_order: \"no-stack\",\n padding_in_between: 0,\n },\n },\n subblocks: cells.map((c) => tableImage(c, null, cellW)),\n };\n };\n\n const tableBlock = (cells: any[]) => {\n const n = cells.length;\n const widths = colWidths(n);\n const cellW = Math.floor(bodyW / n);\n return {\n content_type: \"block\",\n type: \"table\",\n data: {\n properties: { dynamic: false, num_columns: n, show_headers: false },\n display_options: { show_on: \"all\" },\n styles: {\n block_background_color: null,\n block_padding_top: 0,\n block_padding_bottom: 0,\n block_padding_left: 0,\n block_padding_right: 0,\n cell_padding_top: 0,\n cell_padding_bottom: 0,\n cell_padding_left: 0,\n cell_padding_right: 0,\n cell_vertical_align: \"top\",\n table_text_align: \"left\",\n },\n },\n subblocks: cells.map((c, i) => tableImage(c, widths[i], cellW)),\n };\n };\n\n // one definition row from a list of cells; block chosen by cell COUNT.\n const makeRow = (cells: any[]) => {\n const n = cells.length;\n let block: any;\n if (n === 1) block = imageBlock(cells[0]);\n else if (n === 2) block = splitBlock(cells);\n else block = tableBlock(cells.slice(0, 4)); // 3 or 4\n return {\n data: { styles: { column_layout: \"1-column-full-width\" } },\n columns: [{ data: {}, blocks: [block] }],\n };\n };\n\n // ---- group by slice_index, then by VISUAL ROW; build each row by cell count\n const groups = new Map();\n for (const img of inp.images) {\n const si = Number(img.slice_index) || 0;\n if (!groups.has(si)) groups.set(si, []);\n groups.get(si)!.push(img);\n }\n const sliceKeys = [...groups.keys()].sort((a, b) => a - b);\n\n const allRows: any[] = [];\n for (const si of sliceKeys) {\n const cells = groups.get(si)!;\n const haveRow = cells.every((c) => c.row !== undefined && c.row !== null);\n if (!haveRow) { // no row info -> one full-width image per cell\n for (const c of cells) allRows.push(makeRow([c]));\n continue;\n }\n const byRow = new Map();\n for (const c of cells) {\n const r = Number(c.row) || 0;\n if (!byRow.has(r)) byRow.set(r, []);\n byRow.get(r)!.push(c);\n }\n for (const r of [...byRow.keys()].sort((a, b) => a - b)) {\n const rowCells = byRow.get(r)!.sort((a, b) =>\n (Number(a.col) || 0) - (Number(b.col) || 0)\n ).slice(0, 4);\n if (rowCells.length) allRows.push(makeRow(rowCells));\n }\n }\n\n def.body.sections.unshift({\n content_type: \"section\",\n type: \"section\",\n data: {\n properties: {},\n display_options: { show_on: \"all\" },\n styles: {\n inner_padding_top: 0,\n inner_padding_bottom: 0,\n inner_padding_left: 0,\n inner_padding_right: 0,\n stack_on_mobile: false,\n },\n },\n rows: allRows,\n });\n\n // ---- force 0 mobile padding on the created template ---------------------\n // def.styles is a top-level array of {style_type, properties, styles}. The\n // \"mobile-styles\" entry controls mobile spacing; the 0 padding values only\n // take effect when mobile_padding_override is TRUE (else Klaviyo adds ~18px).\n // mobile_zero defaults ON; pass {\"mobile_zero\": false} to skip.\n if (inp.mobile_zero !== false && Array.isArray(def.styles)) {\n let ms = def.styles.find((s: any) => s.style_type === \"mobile-styles\");\n if (!ms) {\n ms = { style_type: \"mobile-styles\", properties: {}, styles: {} };\n def.styles.push(ms);\n }\n ms.properties = {\n ...(ms.properties || {}),\n mobile_padding_override: true,\n };\n ms.styles = {\n ...(ms.styles || {}),\n mobile_padding_top: 0,\n mobile_padding_bottom: 0,\n mobile_padding_left: 0,\n mobile_padding_right: 0,\n mobile_margin: 0,\n };\n }\n\n body = {\n data: {\n type: \"template\",\n attributes: {\n name: inp.name || \"Generated template\",\n editor_type: \"SYSTEM_DRAGGABLE\",\n definition: def,\n },\n },\n };\n } catch (e) {\n return fail(\"build_definition\", 500, \"Build failed: \" + String(e));\n }\n\n // DEBUG = DRY RUN: return the source dump + our payload WITHOUT creating, so it\n // can never be blocked by a POST error. Run with debug:false to actually create.\n if (inp.debug) {\n const postDef = body?.data?.attributes?.definition;\n return new Response(\n JSON.stringify(\n {\n ok: true,\n stage: \"debug-dryrun\",\n // SOURCE (GET'd) — is the footer content inlined, and where do styles live?\n get: {\n top_styles: snapTopStyles,\n body_styles: snapBodyStyles,\n sections: snapSections,\n footer_section: snapFooter,\n },\n // OUR PAYLOAD (built, not sent) — universal_id stripped; footer as standalone\n post_body: {\n top_styles: postDef?.styles ?? null,\n body_styles: postDef?.body?.styles ?? null,\n section_count: postDef?.body?.sections?.length ?? 0,\n prepended_section: postDef?.body?.sections?.[0] ?? null,\n footer_section: postDef?.body?.sections?.slice(-1)[0] ?? null,\n },\n },\n null,\n 2,\n ),\n { headers: { \"content-type\": \"application/json\" } },\n );\n }\n\n let createdId: string | null = null;\n try {\n const p = await fetch(\"https://a.klaviyo.com/api/templates\", {\n method: \"POST\",\n headers: { ...H, \"content-type\": \"application/vnd.api+json\" },\n body: JSON.stringify(body),\n });\n const t = await p.text();\n if (!p.ok) return fail(\"create_template\", p.status, t);\n createdId = JSON.parse(t)?.data?.id ?? null;\n } catch (e) {\n return fail(\"create_template\", 502, \"POST threw: \" + String(e));\n }\n\n return new Response(\n JSON.stringify({ ok: true, stage: \"done\", id: createdId }),\n { headers: { \"content-type\": \"application/json\" } },\n );\n}",[141],"pulls",1,"forks","envVars",{"_154":156,"_157":52},"connections",{"_154":52,"_155":52},"count","unfilledCount",11,"emptyCount",{"_20":140,"_13":141,"_117":142,"_119":-5,"_120":21,"_121":143,"_122":107,"_22":168,"_29":124,"_125":126,"_127":145,"_129":38,"_130":-5,"_162":169,"_89":170},{"_20":132,"_13":133,"_117":134,"_119":-5,"_120":21,"_121":135,"_122":107,"_22":165,"_29":137,"_125":126,"_127":138,"_129":38,"_130":-5,"_162":166,"_89":167},{"_20":115,"_13":116,"_117":118,"_119":-5,"_120":21,"_121":30,"_122":107,"_22":161,"_29":124,"_125":126,"_127":128,"_129":38,"_130":-5,"_162":163,"_89":164},["D",1786734772811],"children",[],[116],["D",1782384212770],[],[133],["D",1781771125063],[],[141],["D",1780665880841],{"_11":12,"_87":83},{"_11":12,"_80":81,"_82":83,"_45":46,"_84":85,"_86":38},{"_29":30,"_13":26,"_20":21,"_27":28,"_31":-5,"_32":-5,"_75":-5,"_76":-5,"_77":-5,"_78":14,"_79":12},"ctx",{"_68":-5,"_109":208,"_209":210,"_211":212,"_213":38,"_214":38,"_215":38,"_216":107,"_217":-5,"_218":-7,"_219":-7,"_220":52,"_221":38,"_222":38,"_223":-5,"_224":38,"_225":38,"_226":38,"_227":-5},"ENV",{"_179":180,"_181":182,"_183":26,"_184":185,"_186":187,"_188":189,"_190":191,"_192":193,"_194":195,"_196":197,"_198":199,"_200":201,"_202":203,"_204":205,"_206":207},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","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"]

Branches1

Branches
1