[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_170":171,"_172":173},"routes/_app.x.$handle.$name",{"_16":17,"_20":21,"_83":65,"_84":31,"_63":-7,"_85":-5,"_13":86,"_87":88,"_11":89,"_90":91,"_92":93,"_94":-5,"_95":-5,"_96":-5,"_97":26,"_98":99,"_100":101,"_102":-5,"_103":-5,"_104":105},"routes/_app.x.$handle.$name.search.$(branch)",{"_11":12,"_13":14,"_15":-5,"_16":17},"files",[],"project",{"_18":19,"_20":21,"_22":23,"_24":-5,"_25":26,"_27":28,"_29":28,"_30":31,"_32":-5,"_33":34,"_35":-5,"_36":26,"_37":-5,"_38":-5,"_39":40,"_41":42,"_43":-5,"_44":-5,"_45":-5,"_46":-5,"_47":48,"_49":48,"_50":51,"_52":51,"_53":51,"_54":48,"_55":48,"_56":57,"_58":59,"_60":61,"_62":26},"query","handle","zeeshan_rettain","id","6770e92a-12a4-450b-96d5-c4767d04f9f4","name","Kl-post-template","createdAt",["D",1780665880841],"deletedAt","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",{"_16":17,"_82":78},"org",{"_16":17,"_75":76,"_77":78,"_33":34,"_79":80,"_81":26},"branch",{"_63":64,"_20":65,"_18":66,"_67":19,"_68":-5,"_69":-5,"_70":-5,"_71":-5,"_72":-5,"_73":21,"_74":17},"isOwned","version",57,"main","75bdd472-2162-4a00-9d4e-cc9a1887036b","projectId","forkedBranchId","forkedBranchVersion","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",{"_18":19,"_20":21,"_22":166,"_24":-5,"_25":26,"_27":28,"_29":28,"_30":31,"_32":-5,"_33":34,"_35":-5,"_36":26,"_37":-5,"_38":-5,"_39":40,"_41":42,"_43":-5,"_44":-5,"_45":-5,"_46":-5,"_47":48,"_49":48,"_50":51,"_52":51,"_53":51,"_54":48,"_55":48,"_56":167,"_58":168,"_60":169,"_62":26},"tree",[153,154,155],[153,154,155],"counts",{"_141":40,"_142":143,"_144":40,"_145":146,"_147":148},"contents",[106,107,108],"file","upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_18":134,"_20":135,"_111":136,"_113":-5,"_114":66,"_115":137,"_116":101,"_22":138,"_63":118,"_119":120,"_121":139,"_123":26,"_124":-5,"_84":140},{"_18":126,"_20":127,"_111":128,"_113":-5,"_114":66,"_115":129,"_116":101,"_22":130,"_63":131,"_119":120,"_121":132,"_123":26,"_124":-5,"_84":133},{"_18":109,"_20":110,"_111":112,"_113":-5,"_114":66,"_115":64,"_116":101,"_22":117,"_63":118,"_119":120,"_121":122,"_123":26,"_124":-5,"_84":125},"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",[110],"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}",[127],"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}",[135],"pulls","branches",1,"forks","envVars",{"_149":151,"_152":40},"connections",{"_149":40,"_150":40},"count","unfilledCount",11,"emptyCount",{"_18":134,"_20":135,"_111":136,"_113":-5,"_114":66,"_115":137,"_116":101,"_22":163,"_63":118,"_119":120,"_121":139,"_123":26,"_124":-5,"_157":164,"_84":165},{"_18":126,"_20":127,"_111":128,"_113":-5,"_114":66,"_115":129,"_116":101,"_22":160,"_63":131,"_119":120,"_121":132,"_123":26,"_124":-5,"_157":161,"_84":162},{"_18":109,"_20":110,"_111":112,"_113":-5,"_114":66,"_115":64,"_116":101,"_22":156,"_63":118,"_119":120,"_121":122,"_123":26,"_124":-5,"_157":158,"_84":159},["D",1786734772811],"children",[],[110],["D",1782384212770],[],[127],["D",1781771125063],[],[135],["D",1780665880841],{"_16":17,"_82":78},{"_16":17,"_75":76,"_77":78,"_33":34,"_79":80,"_81":26},{"_63":64,"_20":65,"_18":66,"_67":19,"_68":-5,"_69":-5,"_70":-5,"_71":-5,"_72":-5,"_73":21,"_74":17},"ctx",{"_56":-5,"_103":203,"_204":205,"_206":207,"_208":26,"_209":26,"_210":26,"_211":101,"_212":-5,"_213":-7,"_214":-7,"_215":40,"_216":26,"_217":26,"_218":-5,"_219":26,"_220":26,"_221":26,"_222":-5},"ENV",{"_174":175,"_176":177,"_178":65,"_179":180,"_181":182,"_183":184,"_185":186,"_187":188,"_189":190,"_191":192,"_193":194,"_195":196,"_197":198,"_199":200,"_201":202},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","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"]

Search