[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_214":215,"_216":217},"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","FI-Utilities","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","0661523b-271d-486c-a491-47d152bdff9d","createdAt",["D",1780906587987],"updatedAt",["D",1783437488428],"main","projectId","d1513a09-0267-4023-bbbf-cc8da013ca8e","version",60,"forkedBranchId","forkedBranchVersion","lockfileKey","1783437488512-esm.town_v_zeeshan_rettain_FI-Utilities@60-main","deletedAt",["D",1780906587974],"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":210,"_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":211,"_70":212,"_72":213,"_74":38},"tree",[185,186,187,188,189,190],"files",[185,186,187,188,189,190],"counts",{"_174":52,"_17":175,"_176":52,"_177":178,"_179":180},"contents",[112,113,114,115,116,117],"file","upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_20":166,"_13":167,"_120":168,"_122":-5,"_123":21,"_124":169,"_126":107,"_22":170,"_29":171,"_129":130,"_131":172,"_133":38,"_134":-5,"_89":173},{"_20":158,"_13":159,"_120":160,"_122":-5,"_123":21,"_124":161,"_126":107,"_22":162,"_29":163,"_129":130,"_131":164,"_133":38,"_134":-5,"_89":165},{"_20":150,"_13":151,"_120":152,"_122":-5,"_123":21,"_124":153,"_126":107,"_22":154,"_29":155,"_129":130,"_131":156,"_133":38,"_134":-5,"_89":157},{"_20":142,"_13":143,"_120":144,"_122":-5,"_123":21,"_124":145,"_126":107,"_22":146,"_29":147,"_129":130,"_131":148,"_133":38,"_134":-5,"_89":149},{"_20":136,"_13":137,"_120":138,"_122":-5,"_123":21,"_124":30,"_126":107,"_22":139,"_29":125,"_129":130,"_131":140,"_133":38,"_134":-5,"_89":141},{"_20":118,"_13":119,"_120":121,"_122":-5,"_123":21,"_124":125,"_126":107,"_22":127,"_29":128,"_129":130,"_131":132,"_133":38,"_134":-5,"_89":135},"cff1fb2e-1578-40f9-8ec4-769ce1cb8232","map_slice_data.ts","fileId","59136f5c-6312-11f1-a5e9-1607ee4eb77e","parentId","branchId","branchVersion",8,"latest",["D",1780928419595],7,"fileType","http","content","export 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\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\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.file_key || !inp.frame_node_id) {\n return fail(\"validate_input\", 400, \"file_key and frame_node_id required\");\n }\n\n const frameId = String(inp.frame_node_id).replaceAll(\"-\", \":\");\n const scale = Number(inp.scale) || 0.6;\n const out = inp.output || \"jpg\";\n const q = inp.q || 85;\n const token = Deno.env.get(\"FIGMA_READ_TOKEN\");\n if (!token) return fail(\"config\", 500, \"FIGMA_READ_TOKEN env var not set\");\n const H = { \"X-Figma-Token\": token };\n\n // 1) nodes (geometry + text)\n let frame: any;\n try {\n const r = await fetch(\n `https://api.figma.com/v1/files/${inp.file_key}/nodes?ids=${frameId}`,\n { headers: H },\n );\n const t = await r.text();\n if (!r.ok) return fail(\"get_nodes\", r.status, t);\n let parsed: any;\n try {\n parsed = JSON.parse(t);\n } catch (e) {\n return fail(\"parse_nodes\", 502, \"Non-JSON: \" + t.slice(0, 500));\n }\n frame = parsed?.nodes?.[frameId]?.document;\n if (!frame?.absoluteBoundingBox) {\n return fail(\n \"get_nodes\",\n 404,\n `frame '${frameId}' not found or has no bounds`,\n );\n }\n } catch (e) {\n return fail(\"get_nodes\", 502, \"GET nodes threw: \" + String(e));\n }\n\n // 2) render full frame\n let frameUrl: string | null = null;\n try {\n const r = await fetch(\n `https://api.figma.com/v1/images/${inp.file_key}?ids=${frameId}&format=png&scale=${scale}`,\n { headers: H },\n );\n const t = await r.text();\n if (!r.ok) return fail(\"render_frame\", r.status, t);\n frameUrl = JSON.parse(t)?.images?.[frameId] ?? null;\n if (!frameUrl) {\n return fail(\n \"render_frame\",\n 502,\n \"Figma returned null image (frame too complex/large at this scale, or render failed)\",\n );\n }\n } catch (e) {\n return fail(\"render_frame\", 502, \"Render threw: \" + String(e));\n }\n\n // 3) collect slices + text, compute crop + alt\n try {\n const fb = frame.absoluteBoundingBox;\n const slices: any[] = [], texts: any[] = [];\n const walk = (n: any) => {\n if (!n) return;\n const bb = n.absoluteBoundingBox;\n if (n.type === \"SLICE\" && bb) slices.push({ id: n.id, name: n.name, bb });\n if (n.type === \"TEXT\" && bb && n.characters) {\n texts.push({ chars: n.characters, size: n.style?.fontSize || 0, bb });\n }\n (n.children || []).forEach(walk);\n };\n walk(frame);\n\n // top-to-bottom order\n slices.sort((a, b) => (a.bb.y - b.bb.y) || (a.bb.x - b.bb.x));\n\n const centerIn = (t: any, s: any) => {\n const cx = t.bb.x + t.bb.width / 2, cy = t.bb.y + t.bb.height / 2;\n return cx >= s.bb.x && cx <= s.bb.x + s.bb.width && cy >= s.bb.y &&\n cy <= s.bb.y + s.bb.height;\n };\n\n const result = slices.map((s, i) => {\n const cx = Math.round((s.bb.x - fb.x) * scale);\n const cy = Math.round((s.bb.y - fb.y) * scale);\n const cw = Math.round(s.bb.width * scale);\n const ch = Math.round(s.bb.height * scale);\n const within = texts.filter((t) => centerIn(t, s)).sort((a, b) =>\n b.size - a.size\n );\n const alt = within.length\n ? within[0].chars.trim().replace(/\\s+/g, \" \")\n : \"\";\n const wsrv_url = `https://wsrv.nl/?url=${\n encodeURIComponent(frameUrl!)\n }&cx=${cx}&cy=${cy}&cw=${cw}&ch=${ch}&output=${out}&q=${q}`;\n return { id: s.id, order: i + 1, alt, cx, cy, cw, ch, wsrv_url };\n });\n\n return new Response(\n JSON.stringify({\n ok: true,\n stage: \"done\",\n frame_image_url: frameUrl,\n scale,\n slice_count: result.length,\n slices: result,\n }),\n { headers: { \"content-type\": \"application/json\" } },\n );\n } catch (e) {\n return fail(\"compute\", 500, \"Compute failed: \" + String(e));\n }\n}","deleted","label",[119],"3385793d-56c9-447e-94ca-26cedab1e6d1","figma_prep_v2.ts","711521ac-64fe-11f1-b905-1607ee4eb77e",["D",1783437488428],"// figma_prep-v2 — the deterministic backbone for V2.\n//\n// Difference from V1: V1 captured ONLY slice markers + TEXT + image-fill rects,\n// so button/card boxes were invisible and row cuts had to be guessed (the BIAS).\n// V2 captures EVERY visible content node — text, images, filled/stroked shapes\n// (buttons, cards, dividers) and group/tile boxes — so planner-v2 can cut at the\n// true gutters with no guessing.\n//\n// POST { \"file_key\": \"...\", \"frame_node_id\": \"120:1829\", \"scale\": 0.6 }\n// Header: x-auth: . Figma creds: env FIGMA_READ_TOKEN.\n//\n// Returns: frame_image_url, frame_box, scale, slices[] (box + image_url + nodes[]),\n// and slices_json (stringified slices, for the Make Create-JSON → planner step).\n// Coordinates are ABSOLUTE Figma coords (same space V1 used) so upload_image's\n// (region.x - frame_box.x) * scale crop math is unchanged.\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\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\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\n const fileKey = inp.file_key;\n let nodeId = inp.frame_node_id || inp.node_id;\n // Render the frame at FULL design resolution (1.0) so cell crops are retina-crisp — the design\n // frames are 1200px wide (= 2x a 600px email), matching a native TinyPNG slice export. 0.6 was\n // downscaling to 720px, which the email then upscaled (blurry). The planner's vision image is\n // downscaled to visionW separately, so this doesn't bloat the AI payload. (Figma caps renders at\n // 4096px/32MP; 1200x~2178 is well under. If a design were wider, lower `scale` via input.)\n const scale = Number(inp.scale) || 1;\n const visionW = Number(inp.vision_width) || 700; // px cap for the planner's vision image\n // source render format: PNG (lossless, big) by default. Pass format:\"jpg\" to render a much\n // smaller source (~5x smaller) so wsrv fetch/decode is faster (avoids the Val timeout on tall\n // frames). Figma gives no jpg-quality control, so validate output quality before locking it on.\n const srcFormat = inp.format === \"jpg\" ? \"jpg\" : \"png\";\n if (!fileKey || !nodeId) {\n return fail(\"validate_input\", 400, \"need file_key and frame_node_id\");\n }\n nodeId = String(nodeId).replace(/-/g, \":\");\n\n const token = Deno.env.get(\"FIGMA_READ_TOKEN\");\n if (!token) return fail(\"config\", 500, \"FIGMA_READ_TOKEN not set\");\n const FH = { \"X-Figma-Token\": token };\n\n // ---- 1. render the frame PNG + 2. fetch the node tree (in parallel) -------\n let frameImageUrl = \"\";\n let doc: any;\n try {\n const [imgR, nodesR] = await Promise.all([\n fetch(\n `https://api.figma.com/v1/images/${fileKey}?ids=${\n encodeURIComponent(nodeId)\n }&format=${srcFormat}&scale=${scale}`,\n { headers: FH },\n ),\n fetch(\n `https://api.figma.com/v1/files/${fileKey}/nodes?ids=${\n encodeURIComponent(nodeId)\n }`,\n { headers: FH },\n ),\n ]);\n const imgT = await imgR.text();\n if (!imgR.ok) return fail(\"figma_render\", imgR.status, imgT.slice(0, 400));\n frameImageUrl = JSON.parse(imgT)?.images?.[nodeId] || \"\";\n if (!frameImageUrl) {\n return fail(\"figma_render\", 502, \"no image url returned for node\");\n }\n\n const nodesT = await nodesR.text();\n if (!nodesR.ok) {\n return fail(\"figma_get\", nodesR.status, nodesT.slice(0, 400));\n }\n doc = JSON.parse(nodesT)?.nodes?.[nodeId]?.document;\n if (!doc) return fail(\"figma_get\", 404, \"node not found: \" + nodeId);\n } catch (e) {\n return fail(\"figma_fetch\", 502, \"Figma fetch threw: \" + String(e));\n }\n\n const frameBox = doc.absoluteBoundingBox\n ? {\n x: Math.round(doc.absoluteBoundingBox.x),\n y: Math.round(doc.absoluteBoundingBox.y),\n w: Math.round(doc.absoluteBoundingBox.width),\n h: Math.round(doc.absoluteBoundingBox.height),\n }\n : null;\n if (!frameBox) return fail(\"figma_get\", 500, \"frame has no bounding box\");\n\n // ---- 3. walk the tree, classify content nodes + collect slices ------------\n const visible = (arr: any): any[] =>\n Array.isArray(arr) ? arr.filter((p) => p && p.visible !== false) : [];\n const box = (n: any) =>\n n.absoluteBoundingBox\n ? {\n x: Math.round(n.absoluteBoundingBox.x),\n y: Math.round(n.absoluteBoundingBox.y),\n w: Math.round(n.absoluteBoundingBox.width),\n h: Math.round(n.absoluteBoundingBox.height),\n }\n : null;\n\n const slices: any[] = [];\n const nodes: any[] = []; // flat list of classified content nodes\n const seenGroupBox = new Set(); // dedupe nested identical-box groups\n\n const walk = (n: any, depth: number) => {\n const b = box(n);\n\n if (n.type === \"SLICE\") {\n if (b && b.w > 0 && b.h > 0) {\n slices.push({ id: n.id, name: n.name, box: b });\n }\n return; // slices have no content children we care about\n }\n\n // depth 0 is the frame we rendered — never a content node (its center would\n // otherwise leak into whichever slice sits at the frame's vertical middle).\n if (depth > 0 && b && b.w > 0 && b.h > 0) {\n const fills = visible(n.fills).map((p: any) => p.type);\n const strokes = visible(n.strokes).map((p: any) => p.type);\n const hasImage = fills.includes(\"IMAGE\");\n const hasPaint = fills.some((t: string) =>\n t === \"SOLID\" || t.startsWith(\"GRADIENT\")\n );\n const hasStroke = strokes.length > 0;\n const isContainer = n.type === \"GROUP\" || n.type === \"FRAME\" ||\n n.type === \"INSTANCE\";\n\n let kind = \"\";\n if (n.type === \"TEXT\") kind = \"text\";\n else if (hasImage) kind = \"image\";\n else if (isContainer) kind = \"group\";\n else if (hasPaint || hasStroke) kind = \"shape\"; // buttons, cards, dividers\n // VECTOR / STAR / BOOLEAN etc. (icons, decoration) are skipped for cutting\n\n if (kind) {\n // dedupe nested groups that share the same box (Earth Runners chains):\n // keep the shallowest (first seen in DFS).\n const key = `${b.x},${b.y},${b.w},${b.h}`;\n const dup = kind === \"group\" && seenGroupBox.has(key);\n if (kind === \"group\") seenGroupBox.add(key);\n if (!dup) {\n const rec: any = { id: n.id, type: n.type, kind, box: b };\n if (kind === \"text\") {\n rec.text = String(n.characters || \"\");\n rec.font_size = n.style?.fontSize ?? null;\n }\n if (hasImage) rec.image = true;\n if (hasPaint) rec.fill = true;\n if (hasStroke) rec.stroke = true;\n nodes.push(rec);\n }\n }\n }\n for (const c of (n.children || [])) walk(c, depth + 1);\n };\n walk(doc, 0);\n\n if (slices.length === 0) {\n return fail(\"validate\", 422, \"no SLICE markers found in frame\");\n }\n\n // ---- 4. assign nodes to slices (by center) + build per-slice vision crop --\n const centerIn = (nb: any, sb: any) => {\n const cx = nb.x + nb.w / 2, cy = nb.y + nb.h / 2;\n return cx >= sb.x && cx <= sb.x + sb.w && cy >= sb.y && cy <= sb.y + sb.h;\n };\n\n // wsrv crop of the slice region from the rendered frame, downscaled to visionW.\n const cropUrl = (sb: any) => {\n const cx = Math.round((sb.x - frameBox.x) * scale);\n const cy = Math.round((sb.y - frameBox.y) * scale);\n const cw = Math.round(sb.w * scale);\n const ch = Math.round(sb.h * scale);\n const w = Math.min(cw, visionW);\n return `https://wsrv.nl/?url=${encodeURIComponent(frameImageUrl)}` +\n `&precrop=true&cx=${cx}&cy=${cy}&cw=${cw}&ch=${ch}&w=${w}&output=jpg&q=80`;\n };\n\n // top-to-bottom slice order\n slices.sort((a, b) => a.box.y - b.box.y);\n for (const s of slices) {\n s.image_url = cropUrl(s.box);\n s.nodes = nodes.filter((nd) => centerIn(nd.box, s.box));\n }\n\n return new Response(\n JSON.stringify({\n ok: true,\n stage: \"done\",\n frame_image_url: frameImageUrl,\n frame_box: frameBox,\n scale,\n slices,\n slices_json: JSON.stringify(slices),\n }),\n { headers: { \"content-type\": \"application/json\" } },\n );\n}",[137],"e0e41a1f-968d-4e1a-80ec-7ece71096654","figma_prep.ts","19bf851e-6346-11f1-903c-1607ee4eb77e",18,["D",1780980289387],9,"export 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\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\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.file_key || !inp.frame_node_id) {\n return fail(\"validate_input\", 400, \"file_key and frame_node_id required\");\n }\n\n const frameId = String(inp.frame_node_id).replaceAll(\"-\", \":\");\n const scale = Math.min(4, Math.max(0.01, Number(inp.scale) || 0.6));\n const token = Deno.env.get(\"FIGMA_READ_TOKEN\");\n if (!token) return fail(\"config\", 500, \"FIGMA_READ_TOKEN not set\");\n const H = { \"X-Figma-Token\": token };\n const rb = (bb: any) => ({\n x: Math.round(bb.x),\n y: Math.round(bb.y),\n w: Math.round(bb.width),\n h: Math.round(bb.height),\n });\n\n // 1) nodes\n let frame: any;\n try {\n const r = await fetch(\n `https://api.figma.com/v1/files/${inp.file_key}/nodes?ids=${frameId}`,\n { headers: H },\n );\n const t = await r.text();\n if (!r.ok) return fail(\"get_nodes\", r.status, t);\n let parsed: any;\n try {\n parsed = JSON.parse(t);\n } catch (e) {\n return fail(\"parse_nodes\", 502, \"Non-JSON: \" + t.slice(0, 500));\n }\n frame = parsed?.nodes?.[frameId]?.document;\n if (!frame?.absoluteBoundingBox) {\n return fail(\"get_nodes\", 404, `frame '${frameId}' not found / no bounds`);\n }\n } catch (e) {\n return fail(\"get_nodes\", 502, \"GET nodes threw: \" + String(e));\n }\n\n // 2) render frame\n let frameUrl: string | null = null;\n try {\n const r = await fetch(\n `https://api.figma.com/v1/images/${inp.file_key}?ids=${frameId}&format=png&scale=${scale}`,\n { headers: H },\n );\n const t = await r.text();\n if (!r.ok) return fail(\"render_frame\", r.status, t);\n frameUrl = JSON.parse(t)?.images?.[frameId] ?? null;\n if (!frameUrl) {\n return fail(\n \"render_frame\",\n 502,\n \"Figma returned null image (frame too complex/large at this scale)\",\n );\n }\n } catch (e) {\n return fail(\"render_frame\", 502, \"Render threw: \" + String(e));\n }\n\n // 3) collect SLICES + content; assign by geometry; add per-slice crop image for vision\n try {\n const fb = frame.absoluteBoundingBox;\n const slices: any[] = [];\n const content: any[] = [];\n const hasImg = (n: any) =>\n Array.isArray(n.fills) &&\n n.fills.some((f: any) => f.type === \"IMAGE\" && f.visible !== false);\n\n const walk = (n: any) => {\n if (!n) return;\n const bb = n.absoluteBoundingBox;\n if (bb) {\n if (n.type === \"SLICE\") {\n slices.push({ id: n.id, name: n.name, box: rb(bb), elements: [] });\n } else {\n const isText = n.type === \"TEXT\" && n.characters;\n const img = hasImg(n);\n if (isText || img) {\n const el: any = { id: n.id, type: n.type, box: rb(bb) };\n if (isText) {\n el.text = n.characters.trim().replace(/\\s+/g, \" \");\n el.font_size = n.style?.fontSize || 0;\n }\n if (img) el.has_image = true;\n content.push(el);\n }\n }\n }\n (n.children || []).forEach(walk);\n };\n walk(frame);\n\n const centerIn = (el: any, s: any) => {\n const cx = el.box.x + el.box.w / 2, cy = el.box.y + el.box.h / 2;\n return cx >= s.box.x && cx <= s.box.x + s.box.w && cy >= s.box.y &&\n cy <= s.box.y + s.box.h;\n };\n for (const s of slices) {\n s.elements = content.filter((el) => centerIn(el, s));\n }\n slices.sort((a, b) => (a.box.y - b.box.y) || (a.box.x - b.box.x));\n\n // per-slice crop image (vision input for the planner)\n const sliceCropUrl = (box: any) => {\n const cx = Math.round((box.x - fb.x) * scale);\n const cy = Math.round((box.y - fb.y) * scale);\n const cw = Math.round(box.w * scale);\n const ch = Math.round(box.h * scale);\n return `https://wsrv.nl/?url=${\n encodeURIComponent(frameUrl!)\n }&cx=${cx}&cy=${cy}&cw=${cw}&ch=${ch}&output=jpg&q=85`;\n };\n for (const s of slices) s.image_url = sliceCropUrl(s.box);\n\n return new Response(\n JSON.stringify({\n ok: true,\n stage: \"done\",\n frame_image_url: frameUrl,\n scale,\n frame_box: rb(fb),\n slice_count: slices.length,\n slices,\n slices_json: JSON.stringify(slices),\n }),\n { headers: { \"content-type\": \"application/json\" } },\n );\n } catch (e) {\n return fail(\"collect\", 500, \"Collect failed: \" + String(e));\n }\n}",[143],"d5454654-2d22-4763-98b9-1e619be5c85c","figma_inspect.ts","a880c65a-64f9-11f1-a655-1607ee4eb77e",22,["D",1781115930223],3,"// figma_inspect — V2 foundation / diagnostic.\n// Dumps the Figma node tree for a frame so we can see exactly what\n// figma_prep-v2 must capture: node TYPE, auto-layout MODE, FILLS/STROKES\n// (→ button & card boxes), and absolute BOUNDING BOX (→ tile boxes via groups).\n//\n// POST { \"file_key\": \"...\", \"frame_node_id\": \"123:456\" } (accepts 123-456 too)\n// Header: x-auth: \n// Reuses the same Figma credential as figma_prep: env FIGMA_READ_TOKEN.\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\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\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\n const fileKey = inp.file_key;\n let nodeId = inp.frame_node_id || inp.node_id;\n if (!fileKey || !nodeId) {\n return fail(\"validate_input\", 400, \"need file_key and frame_node_id\");\n }\n nodeId = String(nodeId).replace(/-/g, \":\"); // accept 123-456 or 123:456\n\n const token = Deno.env.get(\"FIGMA_READ_TOKEN\");\n if (!token) return fail(\"config\", 500, \"FIGMA_READ_TOKEN not set\");\n\n // ---- fetch the node subtree -------------------------------------------\n let doc: any;\n try {\n const r = await fetch(\n `https://api.figma.com/v1/files/${fileKey}/nodes?ids=${\n encodeURIComponent(nodeId)\n }`,\n { headers: { \"X-Figma-Token\": token } },\n );\n const t = await r.text();\n if (!r.ok) return fail(\"figma_get\", r.status, t.slice(0, 500));\n const j = JSON.parse(t);\n doc = j?.nodes?.[nodeId]?.document;\n if (!doc) {\n return fail(\n \"figma_get\",\n 404,\n `node ${nodeId} not found (returned keys: ${\n Object.keys(j?.nodes || {}).join(\",\")\n })`,\n );\n }\n } catch (e) {\n return fail(\"figma_get\", 502, \"Figma GET threw: \" + String(e));\n }\n\n // ---- walk the tree -----------------------------------------------------\n // visible solid/gradient/image paint types on a node\n const paint = (arr: any): string[] =>\n Array.isArray(arr)\n ? arr.filter((p) => p && p.visible !== false).map((p) => p.type)\n : [];\n const box = (n: any) =>\n n.absoluteBoundingBox\n ? {\n x: Math.round(n.absoluteBoundingBox.x),\n y: Math.round(n.absoluteBoundingBox.y),\n w: Math.round(n.absoluteBoundingBox.width),\n h: Math.round(n.absoluteBoundingBox.height),\n }\n : null;\n\n const flat: any[] = [];\n const lines: string[] = [];\n\n const walk = (n: any, depth: number) => {\n const fills = paint(n.fills);\n const strokes = paint(n.strokes);\n const b = box(n);\n flat.push({\n depth,\n id: n.id,\n type: n.type,\n name: n.name,\n layoutMode: n.layoutMode ?? null, // FRAME only: NONE / HORIZONTAL / VERTICAL\n fills,\n strokes,\n text: n.type === \"TEXT\"\n ? String(n.characters || \"\").slice(0, 60)\n : undefined,\n box: b,\n });\n\n const tags = [\n n.type,\n n.layoutMode && n.layoutMode !== \"NONE\"\n ? `AUTOLAYOUT:${n.layoutMode}`\n : null,\n fills.length ? `fill:${fills.join(\"/\")}` : null,\n strokes.length ? `stroke:${strokes.join(\"/\")}` : null,\n b ? `[${b.w}x${b.h} @${b.x},${b.y}]` : null,\n ].filter(Boolean).join(\" \");\n lines.push(`${\" \".repeat(depth)}${n.name} — ${tags}`);\n\n for (const c of (n.children || [])) walk(c, depth + 1);\n };\n walk(doc, 0);\n\n // ---- verdicts on the two V2 questions ---------------------------------\n const anyAutoLayout = flat.some((r) =>\n r.layoutMode && r.layoutMode !== \"NONE\"\n );\n const filledRects = flat.filter(\n (r) => (r.type === \"RECTANGLE\" || r.type === \"FRAME\") && r.fills.length,\n );\n const groups = flat.filter((r) => r.type === \"GROUP\");\n\n const summary = {\n root: doc.name,\n node_count: flat.length,\n uses_auto_layout: anyAutoLayout, // false here = plain groups, expected\n filled_box_candidates: filledRects.length, // → button/card boxes (the V1 blind spot)\n group_count: groups.length, // → tile boxes come from these\n type_counts: flat.reduce(\n (m: any, r) => ((m[r.type] = (m[r.type] || 0) + 1), m),\n {},\n ),\n };\n\n return new Response(\n JSON.stringify({ ok: true, summary, tree: lines, nodes: flat }, null, 2),\n { headers: { \"content-type\": \"application/json\" } },\n );\n}",[151],"1db84764-d490-4718-aa6d-89a0fc9f47de","extract_text.ts","0d65f8c8-7072-11f1-b985-1607ee4eb77e",57,["D",1782482069285],17,"// text_extraction.ts — Val: Text-Only content extraction → faithful HTML (V3).\n//\n// Text-Only frames are real email bodies: a vertical stack of TEXT layers with bold\n// runs, bullet lists, line breaks, emoji, and links (often a whole layer styled as a\n// link with NO href). This Val fetches the frame and converts it to ONE HTML string\n// for a Klaviyo text block, preserving:\n// - paragraphs (one per TEXT layer; \\n\\n ->

, \\n ->
)\n// - bold runs (characterStyleOverrides / styleOverrideTable fontWeight>=600 -> )\n// - bullet lists (consecutive layers with lineTypes UNORDERED ->
…
)\n// - links: a layer styled as a link (fill style named \"…Link…\", or underlined) -> ,\n// plus inline link tokens ({shop_link}) and dummy URLs -> link slots\n// - personalization (ALL patterns -> Klaviyo tags w/ defaults) [shared w/ SMS]\n// Link destinations are NOT matched here — each link href is a sentinel <> for\n// the AI Assembly step to fill from candidate links. EMAIL: no ASCII-forcing, no\n// brand-prefix/opt-out stripping (that was SMS-only).\n//\n// POST { file_key, node_id | figma_url, discount_code?, aliases? } header x-auth.\n// Env: AUTH_TOKEN, FIGMA_READ_TOKEN.\nexport default async function (req: Request): Promise {\n const json = (o: unknown, s = 200) =>\n new Response(JSON.stringify(o), {\n status: s,\n headers: { \"content-type\": \"application/json\" },\n });\n // human-friendly default message per failure stage (shown in Notion). Override per-call when needed.\n const MSGS: Record = {\n method: \"Internal error: the extraction service was called the wrong way.\",\n auth:\n \"Internal error: the automation couldn't authenticate with the extraction service.\",\n config:\n \"Setup error: the extraction service is missing its Figma token. Contact the admin.\",\n parse_input:\n \"Internal error: the request to the extraction service was malformed.\",\n validate_input:\n \"The ticket is missing a valid Figma link (file + frame). Add/fix the Figma URL and retry.\",\n figma_fetch:\n \"Couldn't open the Figma frame — check the Figma link is correct and the file is shared with the integration.\",\n extract:\n \"No text was found in that Figma frame. Make sure the copy layers exist and aren't hidden or empty.\",\n };\n const fail = (\n stage: string,\n status: number,\n detail: unknown,\n message?: string,\n ) =>\n json({\n ok: false,\n stage,\n message: message || MSGS[stage] ||\n \"Something went wrong while reading the Figma copy.\",\n detail,\n }, status);\n if (req.method !== \"POST\") return fail(\"method\", 405, \"POST only\");\n if (req.headers.get(\"x-auth\") !== Deno.env.get(\"AUTH_TOKEN\")) {\n return fail(\"auth\", 401, \"Invalid x-auth\");\n }\n const figToken = Deno.env.get(\"FIGMA_READ_TOKEN\");\n if (!figToken) return fail(\"config\", 500, \"FIGMA_READ_TOKEN not set\");\n\n let inp: any;\n try {\n inp = await req.json();\n } catch (e) {\n return fail(\"parse_input\", 400, String(e));\n }\n let fileKey = inp.file_key, nodeId = inp.node_id;\n if ((!fileKey || !nodeId) && inp.figma_url) {\n const u = String(inp.figma_url);\n fileKey = fileKey ||\n ((u.split(\"/design/\")[1] || u.split(\"/file/\")[1] || \"\").split(\"/\")[0] ||\n \"\");\n const m = u.match(/node-id=([^&]+)/);\n nodeId = nodeId || (m ? decodeURIComponent(m[1]) : \"\");\n }\n nodeId = String(nodeId || \"\").replace(/-/g, \":\");\n if (!fileKey || !nodeId) {\n return fail(\n \"validate_input\",\n 400,\n \"need file_key + node_id (or figma_url)\",\n );\n }\n const discount = String(inp.discount_code || \"\").trim();\n\n // ---- fetch ----\n let node: any;\n try {\n const r = await fetch(\n `https://api.figma.com/v1/files/${fileKey}/nodes?ids=${\n encodeURIComponent(nodeId)\n }`,\n { headers: { \"X-Figma-Token\": figToken } },\n );\n const t = await r.text();\n if (!r.ok) return fail(\"figma_fetch\", r.status, t.slice(0, 400));\n node = JSON.parse(t)?.nodes?.[nodeId];\n if (!node?.document) {\n return fail(\"figma_fetch\", 404, \"node not found: \" + nodeId);\n }\n } catch (e) {\n return fail(\"figma_fetch\", 502, String(e));\n }\n const doc = node.document;\n const styleMap: Record = node.styles || {}; // id -> {name, styleType}\n\n // ---- shared helpers (personalization + link slots) ----\n const personalization: { raw: string; name: string; tag: string }[] = [];\n const link_slots: {\n id: string;\n kind: string;\n original: string;\n hint: string;\n }[] = [];\n const warnings: string[] = [];\n const aliases: Record = Object.assign(\n {\n fname: \"first_name\",\n firstname: \"first_name\",\n first: \"first_name\",\n lname: \"last_name\",\n lastname: \"last_name\",\n last: \"last_name\",\n },\n inp.aliases || {},\n );\n const LINKISH = /(link|url|cta|button)/i,\n linkBare = /^(shop|review|buy|sale|order|cart)$/i,\n DISCOUNTISH = /(discount|promo|coupon|^code$|_code$)/i;\n // a bracketed token can be an actual URL/bare-domain (e.g. [aylabag.com/products/x]) — that's a\n // LINK, not a profile field. URL-ish = scheme/www, or host.tld/path, or ends in a known TLD.\n const URLISH = (s: string) =>\n /^(https?:\\/\\/|www\\.)/i.test(s) ||\n /^[a-z0-9][a-z0-9.-]*\\.[a-z]{2,}\\/\\S*/i.test(s) ||\n /\\.(com|co|io|shop|us|net|org|store|app|me|biz|info|link|xyz|dev|ai|gg)(\\/|\\?|#|$)/i\n .test(s);\n const DUMMYURL = (s: string) =>\n /x{3,}/i.test(s) || /kla6\\.io\\//i.test(s) ||\n /(example\\.com|your-?link|placeholder)/i.test(s);\n const toTag = (name: string) => {\n // Designers sometimes spell out the fallback inline, e.g. \"First Name/Default: there\"\n // (also \"First Name | Default: there\", \"first name / default there\"). Parse out the\n // field name and its default BEFORE normalizing, so it becomes a proper tag with that\n // default — not a lookup on the literal string (which renders \"None\").\n let field = name.trim();\n let def: string | null = null;\n const dm = field.match(/^(.*?)\\s*[\\/|,]\\s*default\\s*:?\\s*(.*)$/i);\n if (dm) {\n field = dm[1].trim();\n def = dm[2].trim();\n }\n const q = (v: string) => v.replace(/'/g, \"’\"); // avoid breaking the single-quoted default\n let k = field.toLowerCase().replace(/\\s+/g, \"_\");\n k = aliases[k] || k;\n if (k === \"first_name\") {\n return `{{ first_name|default:'${def !== null ? q(def) : \"there\"}' }}`;\n }\n if (k === \"last_name\") {\n return `{{ last_name|default:'${def !== null ? q(def) : \"\"}' }}`;\n }\n if (k === \"email\") return \"{{ person.email }}\";\n // EXACT old discriminator (case-sensitive): anything with an uppercase letter, space, or\n // special char -> exact lookup, preserving the real Klaviyo property name. Only an\n // already-lowercase clean token -> dotted access. (Adds the parsed default if present.)\n if (/[^a-z0-9_]/.test(field)) {\n return `{{ person|lookup:'${q(field)}'${\n def !== null ? `|default:'${q(def)}'` : \"\"\n } }}`;\n }\n return `{{ person.${k}|default:'${def !== null ? q(def) : \"\"}' }}`;\n };\n const addSlot = (kind: string, original: string, hint: string) => {\n const id = \"LINK_\" + (link_slots.length + 1);\n link_slots.push({ id, kind, original, hint });\n return \"<<\" + id + \">>\";\n };\n const routeToken = (m: string, inner: string) => {\n const name = inner.trim();\n // manual fill-in placeholder like [X] / [XX] (often \"[X]% off\") — NOT personalization.\n // Leave it literal and warn so QC catches it (and a human fills the real value) before send.\n if (/^x{1,4}$/i.test(name)) {\n warnings.push(\n \"placeholder \" + m +\n \" left as-is — needs a manual value (e.g. discount %) before send\",\n );\n return m;\n }\n // a bracketed URL/bare-domain is a LINK, not personalization (e.g. [aylabag.com/products/x]).\n if (URLISH(name)) {\n if (DUMMYURL(name)) return addSlot(\"url\", m, \"\"); // placeholder -> assembly fills it\n return /^[a-z][a-z0-9+.-]*:\\/\\//i.test(name) ? name : \"https://\" + name; // real URL: strip [], ensure scheme (autoLink makes it clickable)\n }\n if (DISCOUNTISH.test(name)) {\n if (discount) return discount;\n warnings.push(\"discount token \" + m + \" but no discount_code\");\n return m;\n }\n if (LINKISH.test(name) || linkBare.test(name)) {\n return addSlot(\"token\", m, name.toLowerCase());\n }\n const tag = toTag(name);\n personalization.push({ raw: m, name, tag });\n return tag;\n };\n // map personalization/discount/inline-link TOKENS in a plain-text run (no HTML yet)\n const mapTokens = (s: string) =>\n s\n .replace(/\\{\\{\\s*([^{}]+?)\\s*\\}\\}/g, (m, i) =>\n /\\||person\\.|lookup:/.test(i) ? m : routeToken(m, i))\n .replace(/(?\n routeToken(m, i)) // single-brace only; never the inner of a {{ }} tag\n .replace(/\\[\\s*([^\\[\\]]+?)\\s*\\]/g, (m, i) =>\n routeToken(m, i))\n .replace(/%%\\s*([^%]+?)\\s*%%/g, (m, i) =>\n routeToken(m, i))\n .replace(/\\*\\|\\s*([^|*]+?)\\s*\\|\\*/g, (m, i) =>\n routeToken(m, i));\n const esc = (s: string) =>\n s.replace(/&/g, \"&\").replace(//g, \">\");\n // run text -> safe HTML: escape, map tokens, dummy URLs -> sentinel, \\n ->
\n const runHtml = (text: string) => {\n let h = mapTokens(esc(text)); // tokens have no &<> so order is safe\n h = h.replace(\n /https?:\\/\\/[^\\s<]+/gi,\n (u) =>\n (/x{3,}/i.test(u) || /kla6\\.io\\//i.test(u) ||\n /(example\\.com|your-?link|placeholder)/i.test(u))\n ? addSlot(\"url\", u, \"\")\n : u,\n );\n return h.replace(/\\n/g, \"
\");\n };\n\n // ---- convert ONE TEXT node to inline HTML (bold runs preserved) ----\n const isLinkLayer = (n: any) => {\n const nm = styleMap[n?.styles?.fill]?.name || \"\";\n return /link/i.test(nm) || n?.style?.textDecoration === \"UNDERLINE\";\n };\n // shared per-character state helpers (bold / strike / underline) for a node.\n const styleAccessors = (n: any) => {\n const ov: any[] = n.characterStyleOverrides || [];\n const tbl: Record = n.styleOverrideTable || {};\n const baseBold = (n.style?.fontWeight || 400) >= 600;\n const baseStrike = n.style?.textDecoration === \"STRIKETHROUGH\";\n const baseUnder = n.style?.textDecoration === \"UNDERLINE\";\n return {\n boldAt: (i: number) => {\n const id = ov[i];\n if (id === undefined || id === 0) return baseBold;\n const w = tbl[id]?.fontWeight;\n return w === undefined ? baseBold : w >= 600;\n },\n strikeAt: (i: number) => {\n const id = ov[i];\n if (id === undefined || id === 0) return baseStrike;\n const d = tbl[id]?.textDecoration;\n return d === undefined ? baseStrike : d === \"STRIKETHROUGH\";\n },\n // underline = a CTA styled as a link (bold+underline+blue) but with NO URL token. We turn a\n // contiguous underlined run into a clickable >\"> so assembly fills the dest.\n underAt: (i: number) => {\n const id = ov[i];\n if (id === undefined || id === 0) return baseUnder;\n const d = tbl[id]?.textDecoration;\n return d === undefined ? baseUnder : d === \"UNDERLINE\";\n },\n };\n };\n const isHigh = (c: number) => c >= 0xd800 && c <= 0xdbff;\n const isLow = (c: number) => c >= 0xdc00 && c <= 0xdfff;\n // convert ONE TEXT node to inline HTML. bold->``, strike->`~~`, underline-run->`~~` CTA.\n // Code-point indexing (emoji = 1 override entry) + never split a surrogate pair across a tag.\n // `linkU=false` disables the underline->anchor wrapping (used when the WHOLE node is already a\n // link layer and gets wrapped wholesale — avoids nested ).\n const textToHtml = (n: any, linkU = true) => {\n const chars: string = n.characters || \"\";\n const { boldAt, strikeAt, underAt } = styleAccessors(n);\n let out = \"\", run = \"\", cp = 0;\n let runBold = chars.length ? boldAt(0) : false;\n let runStrike = chars.length ? strikeAt(0) : false;\n let runUnder = chars.length ? underAt(0) : false;\n let aInner = \"\", aText = \"\", aOpen = false;\n const closeAnchor = () => {\n if (!aOpen) return;\n const hint = aText.replace(/\\s+/g, \" \").trim().toLowerCase();\n out += `${aInner}`;\n aInner = \"\";\n aText = \"\";\n aOpen = false;\n };\n const flush = () => {\n if (!run) return;\n let seg = runHtml(run);\n if (runStrike) seg = \"~~\" + seg + \"~~\";\n if (runBold) seg = \"\" + seg + \"\";\n if (linkU && runUnder) {\n aOpen = true;\n aInner += seg;\n aText += run;\n } else {\n if (aOpen) closeAnchor();\n out += seg;\n }\n run = \"\";\n };\n for (let i = 0; i < chars.length; i++) {\n const b = boldAt(cp), s = strikeAt(cp), u = underAt(cp);\n if (b !== runBold || s !== runStrike || u !== runUnder) {\n flush();\n runBold = b;\n runStrike = s;\n runUnder = u;\n }\n if (\n isHigh(chars.charCodeAt(i)) && i + 1 < chars.length &&\n isLow(chars.charCodeAt(i + 1))\n ) {\n run += chars[i] + chars[i + 1];\n i++; // emoji = one code point, kept intact\n } else {\n run += chars[i];\n }\n cp++;\n }\n flush();\n closeAnchor();\n return out;\n };\n\n // A real, complete URL sitting in plain copy must be made CLICKABLE — an email text block\n // does NOT auto-link a bare URL string (unlike SMS). Two shapes:\n // - \"→ CLAIM HIS GIFT https://…\" (short label then a trailing URL) -> label becomes the\n // anchor text, the raw URL is hidden (what a CTA wants).\n // - URL anywhere else -> link the URL as itself so it's at least clickable.\n // Only applied to NON-link layers (link-styled layers are already wrapped in with a slot).\n // Make a link destination clickable within ONE line of copy. The \"destination\" is EITHER a\n // real URL written in the copy, OR a <> slot sentinel (from a [link]/{shop_link} token\n // or a dummy URL) that the AI Assembly step fills later. Either way we must wrap it in NOW\n // so the filled value renders as a clickable link, not bare text.\n // - \"→ CLAIM HIS GIFT https://…\" or \"→ CLAIM HIS GIFT <>\" (short label, dest trailing,\n // optional closing tags after it like ) -> the LABEL becomes the anchor, dest hidden.\n // - dest anywhere else / no label -> wrap the dest as itself so it's still clickable.\n const DEST = \"(?:https?:\\\\/\\\\/[^\\\\s<]+|<>)\";\n // inline fallback skips a dest that's ALREADY inside an href (renderLines/textToHtml may have\n // wrapped an underline-styled CTA in >\"> before autoLink runs).\n const DEST_INLINE = new RegExp(\"(? {\n // if the line already contains an anchor, it's handled — don't touch it\n if (/)*)\\\\s*$\",\n \"i\",\n ),\n ); // trailing dest (+ closers)\n if (t) {\n const labelHtml = (t[1] + t[3]).trim(); // tag-balanced label, e.g. → CLAIM HIS GIFT\n const labelText = labelHtml.replace(/<[^>]+>/g, \"\").trim();\n const words = labelText ? labelText.split(/\\s+/).length : 0;\n if (labelText && words <= 6 && labelText.length <= 40) {\n return `${labelHtml}`;\n }\n }\n return html.replace(DEST_INLINE, (u) => `${u}`);\n };\n // apply per
-delimited line so the CTA line is handled even when the whole email is one layer\n const autoLink = (html: string): string =>\n html.split(/()/i).map((\n seg,\n ) => (/^
.\n // Reuses the exact same code-point bold/strike loop as textToHtml (so emoji/bold/strike stay\n // correct), just flushing the run at each line boundary and recording lineTypes[lineIdx].\n const mapListType = (\n t: any,\n ):\n | \"ol\"\n | \"ul\"\n | null => (t === \"ORDERED\" ? \"ol\" : t === \"UNORDERED\" ? \"ul\" : null);\n const renderLines = (\n n: any,\n ): { html: string; list: \"ol\" | \"ul\" | null }[] => {\n const chars: string = n.characters || \"\";\n const { boldAt, strikeAt, underAt } = styleAccessors(n);\n const lineTypes: any[] = Array.isArray(n.lineTypes) ? n.lineTypes : [];\n const out: { html: string; list: \"ol\" | \"ul\" | null }[] = [];\n let cur = \"\",\n run = \"\",\n cp = 0,\n lineIdx = 0,\n runBold = false,\n runStrike = false,\n runUnder = false,\n started = false;\n let aInner = \"\", aText = \"\", aOpen = false;\n const closeAnchor = () => {\n if (!aOpen) return;\n const hint = aText.replace(/\\s+/g, \" \").trim().toLowerCase();\n cur += `${aInner}`;\n aInner = \"\";\n aText = \"\";\n aOpen = false;\n };\n const flushRun = () => {\n if (!run) return;\n let seg = runHtml(run);\n if (runStrike) seg = \"~~\" + seg + \"~~\";\n if (runBold) seg = \"\" + seg + \"\";\n if (runUnder) {\n aOpen = true;\n aInner += seg;\n aText += run;\n } else {\n if (aOpen) closeAnchor();\n cur += seg;\n }\n run = \"\";\n };\n const endLine = () => {\n flushRun();\n closeAnchor();\n out.push({ html: autoLink(cur), list: mapListType(lineTypes[lineIdx]) });\n cur = \"\";\n lineIdx++;\n started = false;\n };\n for (let i = 0; i < chars.length; i++) {\n if (chars[i] === \"\\n\") {\n endLine();\n cp++;\n continue;\n }\n const b = boldAt(cp), s = strikeAt(cp), u = underAt(cp);\n if (!started) {\n runBold = b;\n runStrike = s;\n runUnder = u;\n started = true;\n } else if (b !== runBold || s !== runStrike || u !== runUnder) {\n flushRun();\n runBold = b;\n runStrike = s;\n runUnder = u;\n }\n if (\n isHigh(chars.charCodeAt(i)) && i + 1 < chars.length &&\n isLow(chars.charCodeAt(i + 1))\n ) {\n run += chars[i] + chars[i + 1];\n i++;\n } else run += chars[i];\n cp++;\n }\n endLine();\n return out;\n };\n\n // ---- walk the tree in order, collect block elements ----\n type Block = { kind: \"p\" | \"li\"; list?: \"ol\" | \"ul\"; html: string };\n const blocks: Block[] = [];\n (function walk(n: any) {\n if (!n) return;\n if (\n n.type === \"TEXT\" && typeof n.characters === \"string\" &&\n n.characters.trim()\n ) {\n if (isLinkLayer(n)) {\n // whole node is a single CTA link -> one paragraph wrapping an anchor (unchanged)\n const plain = (n.characters || \"\").replace(/\\s+/g, \" \").trim();\n blocks.push({\n kind: \"p\",\n html: `${textToHtml(n, false)}`,\n });\n return;\n }\n const lines = renderLines(n);\n if (!lines.some((l) => l.list)) {\n // no bullet lines -> EXACT old behavior: one
= textToHtml(n) (joins \\n as
) + autoLink\n blocks.push({ kind: \"p\", html: autoLink(textToHtml(n)) });\n } else {\n // mixed node: group consecutive NONE lines into one
(trimming blank edges), bullets ->
\n let pbuf: string[] = [];\n const flushP = () => {\n while (pbuf.length && pbuf[0] === \"\") pbuf.shift();\n while (pbuf.length && pbuf[pbuf.length - 1] === \"\") pbuf.pop();\n if (pbuf.length) blocks.push({ kind: \"p\", html: pbuf.join(\"
\") });\n pbuf = [];\n };\n for (const ln of lines) {\n if (ln.list) {\n flushP();\n blocks.push({ kind: \"li\", list: ln.list, html: ln.html });\n } else pbuf.push(ln.html);\n }\n flushP();\n }\n return; // TEXT nodes have no children we need\n }\n for (const c of (n.children || [])) walk(c);\n })(doc);\n if (!blocks.length) {\n return fail(\"extract\", 422, \"no TEXT layers found in frame\");\n }\n\n // ---- assemble: group consecutive SAME-type
blocks into
/
;
blocks ->
----\n const parts: string[] = [];\n let bucket: string[] = [], bucketTag: \"ol\" | \"ul\" | null = null;\n const flush = () => {\n if (bucket.length) {\n parts.push(\n `<${bucketTag}>` + bucket.map((b) => \"
\" + b + \"
\").join(\"\") +\n ``,\n );\n bucket = [];\n bucketTag = null;\n }\n };\n for (const blk of blocks) {\n if (blk.kind === \"li\") {\n if (bucketTag && bucketTag !== blk.list) flush();\n bucketTag = blk.list!;\n bucket.push(blk.html);\n } else {\n flush();\n parts.push(\"
\" + blk.html + \"
\");\n }\n }\n flush();\n const body_html = parts.join(\"\\n\");\n\n return json({\n ok: true,\n file_key: fileKey,\n node_id: nodeId,\n frame_name: doc.name || \"\",\n body_html,\n link_slots,\n personalization,\n warnings,\n });\n}",[159],"429c7944-f046-4772-805b-debe2201b551","extract_sms.ts","687150a2-7061-11f1-b6f8-1607ee4eb77e",58,["D",1782482840666],10,"// sms_extraction.ts — Val: SMS content extraction + DETERMINISTIC prep (V3).\n//\n// n8n's SMS branch calls THIS instead of hitting Figma directly. It:\n// 1. fetches the Figma frame (X-Figma-Token)\n// 2. extracts the SMS copy (prefers a layer named \"Message\", else joins all TEXT)\n// 3. ASCII-normalizes (curly quotes/dashes/ellipsis/nbsp) for GSM-7 cost\n// 4. maps ALL personalization placeholder patterns -> Klaviyo tags (with defaults)\n// 5. resolves {discount_code}-style tokens from the ticket's code (literal codes preserved)\n// 6. detects LINK slots — link tokens ({review_link}/{shop_link}/{link}…) AND dummy/stub\n// URLs (kla6.io/…, …XXXX, example.com) — replacing each with a sentinel [[LINK_n]]\n// 7. conditionally strips a leading brand prefix (\"Brand: \") and trailing opt-out/STOP/info\n// lines (Klaviyo auto-adds these)\n//\n// It does NOT match links to URLs — that's the fuzzy job for the AI Assembly step, which\n// receives `body` (with [[LINK_n]] sentinels) + `link_slots` + the candidate links and fills them.\n//\n// POST { file_key, node_id | figma_url, brand_name?, discount_code?, aliases? } header x-auth.\n// Env: AUTH_TOKEN, FIGMA_READ_TOKEN.\nexport default async function (req: Request): Promise {\n const json = (o: unknown, s = 200) =>\n new Response(JSON.stringify(o), {\n status: s,\n headers: { \"content-type\": \"application/json\" },\n });\n // human-friendly default message per failure stage (shown in Notion). Override per-call when needed.\n const MSGS: Record = {\n method:\n \"Internal error: the SMS extraction service was called the wrong way.\",\n auth:\n \"Internal error: the automation couldn't authenticate with the SMS extraction service.\",\n config:\n \"Setup error: the SMS extraction service is missing its Figma token. Contact the admin.\",\n parse_input:\n \"Internal error: the request to the SMS extraction service was malformed.\",\n validate_input:\n \"The ticket is missing a valid Figma link (file + frame). Add/fix the Figma URL and retry.\",\n figma_fetch:\n \"Couldn't open the Figma frame — check the Figma link is correct and the file is shared with the integration.\",\n extract:\n \"No text was found in that Figma frame. Make sure the SMS copy layer exists and isn't hidden or empty.\",\n };\n const fail = (\n stage: string,\n status: number,\n detail: unknown,\n message?: string,\n ) =>\n json({\n ok: false,\n stage,\n message: message || MSGS[stage] ||\n \"Something went wrong while reading the SMS copy.\",\n detail,\n }, status);\n\n if (req.method !== \"POST\") return fail(\"method\", 405, \"POST only\");\n if (req.headers.get(\"x-auth\") !== Deno.env.get(\"AUTH_TOKEN\")) {\n return fail(\"auth\", 401, \"Invalid x-auth\");\n }\n const figToken = Deno.env.get(\"FIGMA_READ_TOKEN\");\n if (!figToken) return fail(\"config\", 500, \"FIGMA_READ_TOKEN not set\");\n\n let inp: any;\n try {\n inp = await req.json();\n } catch (e) {\n return fail(\"parse_input\", 400, String(e));\n }\n\n // --- resolve fileKey + nodeId (accept explicit fields or a raw figma_url) ---\n let fileKey = inp.file_key, nodeId = inp.node_id;\n if ((!fileKey || !nodeId) && inp.figma_url) {\n const u = String(inp.figma_url);\n fileKey = fileKey ||\n ((u.split(\"/design/\")[1] || u.split(\"/file/\")[1] || \"\").split(\"/\")[0] ||\n \"\");\n const m = u.match(/node-id=([^&]+)/);\n nodeId = nodeId || (m ? decodeURIComponent(m[1]) : \"\");\n }\n nodeId = String(nodeId || \"\").replace(/-/g, \":\"); // URL 5-3 -> API 5:3\n if (!fileKey || !nodeId) {\n return fail(\n \"validate_input\",\n 400,\n \"need file_key + node_id (or figma_url)\",\n );\n }\n\n const brand = String(inp.brand_name || \"\").trim();\n const discount = String(inp.discount_code || \"\").trim();\n\n // --- 1. fetch Figma node tree ---\n let doc: any;\n try {\n const r = await fetch(\n `https://api.figma.com/v1/files/${fileKey}/nodes?ids=${\n encodeURIComponent(nodeId)\n }`,\n { headers: { \"X-Figma-Token\": figToken } },\n );\n const t = await r.text();\n if (!r.ok) return fail(\"figma_fetch\", r.status, t.slice(0, 400));\n doc = JSON.parse(t)?.nodes?.[nodeId]?.document;\n if (!doc) return fail(\"figma_fetch\", 404, \"node not found: \" + nodeId);\n } catch (e) {\n return fail(\"figma_fetch\", 502, String(e));\n }\n\n // --- 2. extract TEXT (prefer a \"Message\" layer; else join all TEXT in order) ---\n const texts: { name: string; chars: string }[] = [];\n (function walk(n: any) {\n if (!n) return;\n if (n.type === \"TEXT\" && typeof n.characters === \"string\") {\n texts.push({ name: n.name || \"\", chars: n.characters });\n }\n (n.children || []).forEach(walk);\n })(doc);\n if (!texts.length) {\n return fail(\"extract\", 422, \"no TEXT layers found in frame\");\n }\n const named = texts.filter((t) => /^message$/i.test(t.name));\n const raw_text =\n (named.length ? named.map((t) => t.chars) : texts.map((t) => t.chars)).join(\n \"\\n\",\n ).trim();\n\n // ===================== DETERMINISTIC PROCESSING =====================\n let body = raw_text;\n const flags = {\n ascii_normalized: false,\n brand_prefix_stripped: false,\n optout_stripped: false,\n discount_applied: false,\n };\n const warnings: string[] = [];\n const personalization: { raw: string; name: string; tag: string }[] = [];\n const link_slots: {\n id: string;\n kind: \"token\" | \"url\";\n original: string;\n hint: string;\n }[] = [];\n\n // 3. ASCII normalize (cost: any non-GSM char flips the whole SMS to UCS-2)\n const norm = body\n .replace(/[‘’‛′]/g, \"'\") // curly single / prime\n .replace(/[“”‟″]/g, '\"') // curly double\n .replace(/[–—−]/g, \"-\") // en/em dash, minus\n .replace(/[→⟶➔➜]/g, \"->\") // arrows (not GSM-7 -> would force UCS-2)\n .replace(/•/g, \"-\") // bullet\n .replace(/…/g, \"...\") // ellipsis\n .replace(/ /g, \" \"); // nbsp\n if (norm !== body) flags.ascii_normalized = true;\n body = norm;\n\n // 4. strip a leading brand prefix (\"Brand:\" / \"Brand -\" / \"Brand |\") — ONLY when the leading\n // label equals the ticket brand. Compared NORMALIZED (lowercase, no spaces/punctuation) so\n // \"Puur Smile\" matches a \"PuurSmile:\" prefix (and vice-versa). Gating on the brand match keeps\n // intentional openers (\"Reminder:\", \"PSA:\") safe — they won't equal the brand.\n if (brand) {\n const norm = (s: string) => s.toLowerCase().replace(/[^a-z0-9]/g, \"\");\n const bn = norm(brand);\n // capture the leading label up to the first separator ( : - | – — )\n const m = body.match(/^\\s*([^\\n:|–—-]{1,40})\\s*[:|–—-]\\s*/);\n if (bn && m && norm(m[1]) === bn) {\n body = body.slice(m[0].length);\n flags.brand_prefix_stripped = true;\n }\n }\n\n // 5. strip trailing opt-out / STOP / info notices (Klaviyo appends these).\n // DO NOT pop whole lines just because they CONTAIN an opt-out phrase — a single-line SMS\n // with the notice inline (e.g. \"...muravai.co [STOP to opt out]\") would lose the whole body.\n // Two safe passes instead:\n // (a) strip a TRAILING bracketed/parenthesized opt-out group: \"[STOP to opt out]\", \"(reply STOP…)\"\n // (b) pop a trailing line ONLY if it STARTS with an opt-out trigger (a real notice line),\n // never a content line that merely ends with one.\n {\n const bracketOptout =\n /[\\s ]*[\\[(][^\\[\\]()]*?(reply\\s*stop|text\\s*stop|txt\\s*stop|\\bstop\\b|opt[\\s-]?out|unsubscribe)[^\\[\\]()]*[\\])][\\s.!]*$/i;\n while (bracketOptout.test(body)) {\n body = body.replace(bracketOptout, \"\").replace(/[\\s.!,;:]+$/, \"\");\n flags.optout_stripped = true;\n }\n\n const optoutLineStart =\n /^[\\s\\W]*(reply\\s*stop|text\\s*stop|txt\\s*stop|stop\\s+to\\b|opt[\\s-]?out|unsubscribe|msg\\s*&?\\s*data\\s*rates|help\\s*for\\s*help)/i;\n const lines = body.split(/\\n/);\n while (lines.length) {\n const last = lines[lines.length - 1];\n if (last.trim() === \"\") {\n lines.pop();\n continue;\n }\n if (optoutLineStart.test(last.trim())) {\n lines.pop();\n flags.optout_stripped = true;\n continue;\n }\n break;\n }\n body = lines.join(\"\\n\").trim();\n }\n\n // classifiers\n const LINKISH = /(link|url|cta|button)/i; // link slot names: review_link, shop_link, link, url, cta…\n const linkBare = /^(shop|review|buy|sale|order|cart)$/i;\n const DISCOUNTISH = /(discount|promo|coupon|^code$|_code$)/i;\n // a bracketed token can be an actual URL/bare-domain (e.g. [aylabag.com/products/x]) — that's a\n // LINK, not a profile field. URL-ish = scheme/www, or host.tld/path, or ends in a known TLD.\n const URLISH = (s: string) =>\n /^(https?:\\/\\/|www\\.)/i.test(s) ||\n /^[a-z0-9][a-z0-9.-]*\\.[a-z]{2,}\\/\\S*/i.test(s) ||\n /\\.(com|co|io|shop|us|net|org|store|app|me|biz|info|link|xyz|dev|ai|gg)(\\/|\\?|#|$)/i\n .test(s);\n const DUMMYURL = (s: string) =>\n /x{3,}/i.test(s) || /kla6\\.io\\//i.test(s) ||\n /(example\\.com|your-?link|placeholder)/i.test(s);\n const aliases: Record = Object.assign(\n {\n fname: \"first_name\",\n firstname: \"first_name\",\n first: \"first_name\",\n lname: \"last_name\",\n lastname: \"last_name\",\n last: \"last_name\",\n },\n inp.aliases || {},\n );\n const toTag = (name: string) => {\n // Designers sometimes spell out the fallback inline, e.g. \"First Name/Default: there\"\n // (also \"First Name | Default: there\", \"first name / default there\"). Parse out the field\n // name and its default BEFORE normalizing, so it becomes a proper tag with that default —\n // not a lookup on the literal string (which Klaviyo renders as \"None\").\n let field = name.trim();\n let def: string | null = null;\n const dm = field.match(/^(.*?)\\s*[\\/|,]\\s*default\\s*:?\\s*(.*)$/i);\n if (dm) {\n field = dm[1].trim();\n def = dm[2].trim();\n }\n const q = (v: string) => v.replace(/'/g, \"’\"); // avoid breaking the single-quoted default\n let key = field.toLowerCase().replace(/\\s+/g, \"_\");\n key = aliases[key] || key;\n if (key === \"first_name\") {\n return `{{ first_name|default:'${def !== null ? q(def) : \"there\"}' }}`;\n }\n if (key === \"last_name\") {\n return `{{ last_name|default:'${def !== null ? q(def) : \"\"}' }}`;\n }\n if (key === \"email\") return \"{{ person.email }}\";\n // EXACT old discriminator (case-sensitive): anything with an uppercase letter, space, or\n // special char -> exact lookup, preserving the real Klaviyo property name. Only an\n // already-lowercase clean token -> dotted access. (Adds the parsed default if present.)\n if (/[^a-z0-9_]/.test(field)) {\n return `{{ person|lookup:'${q(field)}'${\n def !== null ? `|default:'${q(def)}'` : \"\"\n } }}`;\n }\n return `{{ person.${key}|default:'${def !== null ? q(def) : \"\"}' }}`;\n };\n // sentinel uses ANGLE brackets (<>) — NOT square/curly/percent — so the\n // personalization patterns below cannot re-match and double-wrap it.\n const addSlot = (kind: \"token\" | \"url\", original: string, hint: string) => {\n const id = \"LINK_\" + (link_slots.length + 1);\n link_slots.push({ id, kind, original, hint });\n return \"<<\" + id + \">>\";\n };\n // route ONE token (any bracket style) → discount code / link sentinel / personalization tag\n const routeToken = (rawMatch: string, inner: string) => {\n const name = inner.trim();\n // manual fill-in placeholder like [X] / [XX] (often \"[X]% off\") — NOT personalization.\n // Leave it literal and warn so it's caught (and a human fills the real value) before send.\n if (/^x{1,4}$/i.test(name)) {\n warnings.push(\n \"placeholder \" + rawMatch +\n \" left as-is — needs a manual value (e.g. discount %) before send\",\n );\n return rawMatch;\n }\n // a bracketed URL/bare-domain is a LINK, not personalization (e.g. [aylabag.com/products/x]).\n if (URLISH(name)) {\n if (DUMMYURL(name)) return addSlot(\"url\", rawMatch, \"\"); // placeholder -> assembly fills it\n return /^[a-z][a-z0-9+.-]*:\\/\\//i.test(name) ? name : \"https://\" + name; // real URL: strip [], ensure scheme\n }\n if (DISCOUNTISH.test(name)) {\n if (discount) {\n flags.discount_applied = true;\n return discount;\n }\n warnings.push(\n \"discount token \" + rawMatch + \" but no discount_code provided\",\n );\n return rawMatch;\n }\n if (LINKISH.test(name) || linkBare.test(name)) {\n return addSlot(\"token\", rawMatch, name.toLowerCase());\n }\n const tag = toTag(name);\n personalization.push({ raw: rawMatch, name, tag });\n return tag;\n };\n\n // 6+7. token substitution across ALL patterns.\n // {{name}} — but LEAVE already-valid Klaviyo tags ({{ x|… }}, {{ person.x }}, {{ …|lookup }}).\n body = body.replace(\n /\\{\\{\\s*([^{}]+?)\\s*\\}\\}/g,\n (m, inner) => /\\||person\\.|lookup:/.test(inner) ? m : routeToken(m, inner),\n );\n body = body.replace(\n /(? routeToken(m, inner),\n ); // {name} only — never the inner of a {{ }} tag\n body = body.replace(\n /\\[\\s*([^\\[\\]]+?)\\s*\\]/g,\n (m, inner) => routeToken(m, inner),\n ); // [name]\n body = body.replace(\n /%%\\s*([^%]+?)\\s*%%/g,\n (m, inner) => routeToken(m, inner),\n ); // %%name%%\n body = body.replace(\n /\\*\\|\\s*([^|*]+?)\\s*\\|\\*/g,\n (m, inner) => routeToken(m, inner),\n ); // *|NAME|* (Mailchimp)\n // NOTE: single %name% is intentionally NOT treated as a token — it collides with \"50% off\".\n\n // dummy/stub URLs → link sentinels (real URLs are left as-is; Klaviyo shortens at send)\n body = body.replace(\n /https?:\\/\\/[^\\s]+/gi,\n (u) =>\n (/x{3,}/i.test(u) || /kla6\\.io\\//i.test(u) ||\n /(example\\.com|your-?link|placeholder)/i.test(u))\n ? addSlot(\"url\", u, \"\")\n : u,\n );\n\n return json({\n ok: true,\n file_key: fileKey,\n node_id: nodeId,\n frame_name: doc.name || \"\",\n raw_text,\n body, // ASCII-normalized; prefix/optout stripped; personalization + discount resolved; links = [[LINK_n]]\n link_slots, // for the AI Assembly step to fill with real URLs (hint = token name or \"\")\n personalization,\n flags,\n warnings,\n });\n}",[167],"pulls",1,"forks","envVars",{"_181":183,"_184":52},"connections",{"_181":52,"_182":52},"count","unfilledCount",2,"emptyCount",{"_20":166,"_13":167,"_120":168,"_122":-5,"_123":21,"_124":169,"_126":107,"_22":207,"_29":171,"_129":130,"_131":172,"_133":38,"_134":-5,"_192":208,"_89":209},{"_20":158,"_13":159,"_120":160,"_122":-5,"_123":21,"_124":161,"_126":107,"_22":204,"_29":163,"_129":130,"_131":164,"_133":38,"_134":-5,"_192":205,"_89":206},{"_20":150,"_13":151,"_120":152,"_122":-5,"_123":21,"_124":153,"_126":107,"_22":201,"_29":155,"_129":130,"_131":156,"_133":38,"_134":-5,"_192":202,"_89":203},{"_20":142,"_13":143,"_120":144,"_122":-5,"_123":21,"_124":145,"_126":107,"_22":198,"_29":147,"_129":130,"_131":148,"_133":38,"_134":-5,"_192":199,"_89":200},{"_20":136,"_13":137,"_120":138,"_122":-5,"_123":21,"_124":30,"_126":107,"_22":195,"_29":125,"_129":130,"_131":140,"_133":38,"_134":-5,"_192":196,"_89":197},{"_20":118,"_13":119,"_120":121,"_122":-5,"_123":21,"_124":125,"_126":107,"_22":191,"_29":128,"_129":130,"_131":132,"_133":38,"_134":-5,"_192":193,"_89":194},["D",1780928419595],"children",[],[119],["D",1783437488428],[],[137],["D",1780980289387],[],[143],["D",1781115930223],[],[151],["D",1782482069285],[],[159],["D",1782482840666],[],[167],["D",1780906587974],{"_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":247,"_248":249,"_250":251,"_252":38,"_253":38,"_254":38,"_255":107,"_256":-5,"_257":-7,"_258":-7,"_259":52,"_260":38,"_261":38,"_262":-5,"_263":38,"_264":38,"_265":38,"_266":-5},"ENV",{"_218":219,"_220":221,"_222":26,"_223":224,"_225":226,"_227":228,"_229":230,"_231":232,"_233":234,"_235":236,"_237":238,"_239":240,"_241":242,"_243":244,"_245":246},"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"]

Branches1

Branches
1