[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_218":219,"_220":221},"routes/_app.x.$handle.$name",{"_95":94,"_32":45,"_104":85,"_27":53,"_13":14,"_105":-5,"_11":106,"_107":108,"_109":110,"_111":112,"_113":114,"_20":-5,"_115":-5,"_116":-5,"_117":25,"_118":119,"_120":121,"_122":-5,"_123":-5,"_124":125},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":-5,"_57":25,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":25},"version",43,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","extract_text.ts","latestPath","fileId","0d65f8c8-7072-11f1-b985-1607ee4eb77e","name","fileType","http","content","// 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) => new Response(JSON.stringify(o), { status: s, headers: { \"content-type\": \"application/json\" } });\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: \"Internal error: the automation couldn't authenticate with the extraction service.\",\n config: \"Setup error: the extraction service is missing its Figma token. Contact the admin.\",\n parse_input: \"Internal error: the request to the extraction service was malformed.\",\n validate_input: \"The ticket is missing a valid Figma link (file + frame). Add/fix the Figma URL and retry.\",\n figma_fetch: \"Couldn't open the Figma frame — check the Figma link is correct and the file is shared with the integration.\",\n extract: \"No text was found in that Figma frame. Make sure the copy layers exist and aren't hidden or empty.\",\n };\n const fail = (stage: string, status: number, detail: unknown, message?: string) =>\n json({ ok: false, stage, message: message || MSGS[stage] || \"Something went wrong while reading the Figma copy.\", detail }, status);\n if (req.method !== \"POST\") return fail(\"method\", 405, \"POST only\");\n if (req.headers.get(\"x-auth\") !== Deno.env.get(\"AUTH_TOKEN\")) return fail(\"auth\", 401, \"Invalid x-auth\");\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 { inp = await req.json(); } catch (e) { return fail(\"parse_input\", 400, String(e)); }\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 || ((u.split(\"/design/\")[1] || u.split(\"/file/\")[1] || \"\").split(\"/\")[0] || \"\");\n const m = u.match(/node-id=([^&]+)/); nodeId = nodeId || (m ? decodeURIComponent(m[1]) : \"\");\n }\n nodeId = String(nodeId || \"\").replace(/-/g, \":\");\n if (!fileKey || !nodeId) return fail(\"validate_input\", 400, \"need file_key + node_id (or figma_url)\");\n const discount = String(inp.discount_code || \"\").trim();\n\n // ---- fetch ----\n let node: any;\n try {\n const r = await fetch(`https://api.figma.com/v1/files/${fileKey}/nodes?ids=${encodeURIComponent(nodeId)}`, { headers: { \"X-Figma-Token\": figToken } });\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) return fail(\"figma_fetch\", 404, \"node not found: \" + nodeId);\n } catch (e) { return fail(\"figma_fetch\", 502, String(e)); }\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: { id: string; kind: string; original: string; hint: string }[] = [];\n const warnings: string[] = [];\n const aliases: Record = Object.assign(\n { fname: \"first_name\", firstname: \"first_name\", first: \"first_name\", lname: \"last_name\", lastname: \"last_name\", last: \"last_name\" }, inp.aliases || {});\n const LINKISH = /(link|url|cta|button)/i, linkBare = /^(shop|review|buy|sale|order|cart)$/i, DISCOUNTISH = /(discount|promo|coupon|^code$|_code$)/i;\n const toTag = (name: string) => {\n const t = name.trim(); let k = t.toLowerCase().replace(/\\s+/g, \"_\"); k = aliases[k] || k;\n if (k === \"first_name\") return \"{{ first_name|default:'there' }}\";\n if (k === \"last_name\") return \"{{ last_name|default:'' }}\";\n if (k === \"email\") return \"{{ person.email }}\";\n if (/[^a-z0-9_]/.test(t)) return \"{{ person|lookup:'\" + t + \"' }}\";\n return \"{{ person.\" + k + \"|default:'' }}\";\n };\n const addSlot = (kind: string, original: string, hint: string) => { const id = \"LINK_\" + (link_slots.length + 1); link_slots.push({ id, kind, original, hint }); return \"<<\" + id + \">>\"; };\n const routeToken = (m: string, inner: string) => {\n const name = inner.trim();\n if (DISCOUNTISH.test(name)) { if (discount) return discount; warnings.push(\"discount token \" + m + \" but no discount_code\"); return m; }\n if (LINKISH.test(name) || linkBare.test(name)) return addSlot(\"token\", m, name.toLowerCase());\n const tag = toTag(name); personalization.push({ raw: m, name, tag }); return tag;\n };\n // map personalization/discount/inline-link TOKENS in a plain-text run (no HTML yet)\n const mapTokens = (s: string) => s\n .replace(/\\{\\{\\s*([^{}]+?)\\s*\\}\\}/g, (m, i) => /\\||person\\.|lookup:/.test(i) ? m : routeToken(m, i))\n .replace(/(? routeToken(m, i)) // single-brace only; never the inner of a {{ }} tag\n .replace(/\\[\\s*([^\\[\\]]+?)\\s*\\]/g, (m, i) => routeToken(m, i))\n .replace(/%%\\s*([^%]+?)\\s*%%/g, (m, i) => routeToken(m, i))\n .replace(/\\*\\|\\s*([^|*]+?)\\s*\\|\\*/g, (m, i) => routeToken(m, i));\n const esc = (s: string) => 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(/https?:\\/\\/[^\\s<]+/gi, (u) => (/x{3,}/i.test(u) || /kla6\\.io\\//i.test(u) || /(example\\.com|your-?link|placeholder)/i.test(u)) ? addSlot(\"url\", u, \"\") : u);\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 const textToHtml = (n: any) => {\n const chars: string = n.characters || \"\";\n const ov: any[] = n.characterStyleOverrides || [];\n const tbl: Record = n.styleOverrideTable || {};\n const baseBold = (n.style?.fontWeight || 400) >= 600;\n const boldAt = (i: number) => { const id = ov[i]; if (id === undefined || id === 0) return baseBold; const w = tbl[id]?.fontWeight; return w === undefined ? baseBold : w >= 600; };\n // group consecutive chars by bold state\n let out = \"\", run = \"\", runBold = chars.length ? boldAt(0) : false;\n const flush = () => { if (!run) return; const seg = runHtml(run); out += runBold ? \"\" + seg + \"\" : seg; run = \"\"; };\n for (let i = 0; i < chars.length; i++) { const b = boldAt(i); if (b !== runBold) { flush(); runBold = b; } run += chars[i]; }\n flush();\n return out;\n };\n\n // ---- walk the tree in order, collect TEXT layers as elements ----\n type El = { html: string; list: \"ol\" | \"ul\" | null };\n const listType = (n: any): \"ol\" | \"ul\" | null =>\n !Array.isArray(n.lineTypes) ? null : n.lineTypes.some((t: string) => t === \"ORDERED\") ? \"ol\" : n.lineTypes.some((t: string) => t === \"UNORDERED\") ? \"ul\" : null;\n const els: El[] = [];\n (function walk(n: any) {\n if (!n) return;\n if (n.type === \"TEXT\" && typeof n.characters === \"string\" && n.characters.trim()) {\n let html = textToHtml(n);\n if (isLinkLayer(n)) { const plain = (n.characters || \"\").replace(/\\s+/g, \" \").trim(); html = `${html}`; }\n els.push({ html, list: listType(n) });\n return; // TEXT nodes have no children we need\n }\n for (const c of (n.children || [])) walk(c);\n })(doc);\n if (!els.length) return fail(\"extract\", 422, \"no TEXT layers found in frame\");\n\n // ---- assemble: group consecutive SAME-type list items into
/
; others ->
----\n const parts: string[] = []; let bucket: string[] = [], bucketTag: \"ol\" | \"ul\" | null = null;\n const flush = () => { if (bucket.length) { parts.push(`<${bucketTag}>` + bucket.map((b) => \"
\" + b + \"
\").join(\"\") + ``); bucket = []; bucketTag = null; } };\n for (const e of els) {\n if (e.list) { if (bucketTag && bucketTag !== e.list) flush(); bucketTag = e.list; bucket.push(e.html); }\n else { flush(); parts.push(\"
\" + e.html + \"
\"); }\n }\n flush();\n const body_html = parts.join(\"\\n\");\n\n return json({\n ok: true, file_key: fileKey, node_id: nodeId, frame_name: doc.name || \"\",\n body_html, link_slots, personalization, warnings,\n });\n}","// 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 const toTag = (name: string) => {\n const t = name.trim();\n let k = t.toLowerCase().replace(/\\s+/g, \"_\");\n k = aliases[k] || k;\n if (k === \"first_name\") return \"{{ first_name|default:'there' }}\";\n if (k === \"last_name\") return \"{{ last_name|default:'' }}\";\n if (k === \"email\") return \"{{ person.email }}\";\n if (/[^a-z0-9_]/.test(t)) return \"{{ person|lookup:'\" + t + \"' }}\";\n return \"{{ person.\" + k + \"|default:'' }}\";\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 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 const textToHtml = (n: any) => {\n const chars: string = n.characters || \"\";\n const ov: any[] = n.characterStyleOverrides || [];\n const tbl: Record = n.styleOverrideTable || {};\n const baseBold = (n.style?.fontWeight || 400) >= 600;\n const 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 // group consecutive chars by bold state.\n // IMPORTANT: iterate by full code point, never inside a UTF-16 surrogate pair — an emoji\n // (e.g. 🎉 = 🎉) is two code units; splitting a bold run between them would emit\n // a lone surrogate (invalid JSON -> \"no low surrogate in string\"). We grab the whole pair\n // and use the bold state of its FIRST unit (Figma's override indices are UTF-16 offsets).\n const isHigh = (c: number) => c >= 0xd800 && c <= 0xdbff;\n const isLow = (c: number) => c >= 0xdc00 && c <= 0xdfff;\n let out = \"\", run = \"\", runBold = chars.length ? boldAt(0) : false;\n const flush = () => {\n if (!run) return;\n const seg = runHtml(run);\n out += runBold ? \"\" + seg + \"\" : seg;\n run = \"\";\n };\n for (let i = 0; i < chars.length; i++) {\n const b = boldAt(i);\n if (b !== runBold) {\n flush();\n runBold = b;\n }\n // keep a surrogate pair (one emoji / non-BMP char) intact in this run\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 {\n run += chars[i];\n }\n }\n flush();\n return out;\n };\n\n // ---- walk the tree in order, collect TEXT layers as elements ----\n type El = { html: string; list: \"ol\" | \"ul\" | null };\n const listType = (n: any): \"ol\" | \"ul\" | null =>\n !Array.isArray(n.lineTypes)\n ? null\n : n.lineTypes.some((t: string) => t === \"ORDERED\")\n ? \"ol\"\n : n.lineTypes.some((t: string) => t === \"UNORDERED\")\n ? \"ul\"\n : null;\n const els: El[] = [];\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 let html = textToHtml(n);\n if (isLinkLayer(n)) {\n const plain = (n.characters || \"\").replace(/\\s+/g, \" \").trim();\n html = `${html}`;\n }\n els.push({ html, list: listType(n) });\n return; // TEXT nodes have no children we need\n }\n for (const c of (n.children || [])) walk(c);\n })(doc);\n if (!els.length) return fail(\"extract\", 422, \"no TEXT layers found in frame\");\n\n // ---- assemble: group consecutive SAME-type list items into
/
; others ->
----\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 e of els) {\n if (e.list) {\n if (bucketTag && bucketTag !== e.list) flush();\n bucketTag = e.list;\n bucket.push(e.html);\n } else {\n flush();\n parts.push(\"
\" + e.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}","createdAt",["D",1782457070787],"branchVersion","branchId","0661523b-271d-486c-a491-47d152bdff9d","id","d1513a09-0267-4023-bbbf-cc8da013ca8e","FI-Utilities",["D",1780906587974],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","","imageUrl","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",{"_95":94,"_103":99},"org",{"_95":94,"_96":97,"_98":99,"_18":55,"_100":101,"_102":25},"branch",{"_13":84,"_32":85,"_43":42,"_86":44,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":45,"_93":94},"isOwned",60,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","zeeshan_rettain","handle","displayName","Zeeshan Amir","avatar","https://lh3.googleusercontent.com/a/ACg8ocLyax9v7Kem1MfuABXM5kuTla6bfVC1aXyH_S4B4juokZwJlQ=s96-c","tier","free","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_43":44,"_32":45,"_38":214,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":-5,"_57":25,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":215,"_79":216,"_81":217,"_83":25},"tree",[189,190,191,192,193,194],"files",[189,190,191,192,193,194],"counts",{"_177":61,"_178":179,"_180":61,"_181":182,"_183":184},"contents",[126,127,128,129,130,131],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_43":170,"_32":171,"_30":172,"_135":-5,"_41":42,"_40":173,"_137":25,"_38":174,"_13":148,"_33":34,"_35":175,"_24":25,"_141":-5,"_27":176},{"_43":167,"_32":28,"_30":31,"_135":-5,"_41":42,"_40":14,"_137":25,"_38":168,"_13":148,"_33":34,"_35":37,"_24":25,"_141":-5,"_27":169},{"_43":159,"_32":160,"_30":161,"_135":-5,"_41":42,"_40":162,"_137":121,"_38":163,"_13":164,"_33":34,"_35":165,"_24":25,"_141":-5,"_27":166},{"_43":151,"_32":152,"_30":153,"_135":-5,"_41":42,"_40":154,"_137":121,"_38":155,"_13":156,"_33":34,"_35":157,"_24":25,"_141":-5,"_27":158},{"_43":143,"_32":144,"_30":145,"_135":-5,"_41":42,"_40":146,"_137":25,"_38":147,"_13":148,"_33":34,"_35":149,"_24":25,"_141":-5,"_27":150},{"_43":132,"_32":133,"_30":134,"_135":-5,"_41":42,"_40":136,"_137":121,"_38":138,"_13":139,"_33":34,"_35":140,"_24":25,"_141":-5,"_27":142},"cff1fb2e-1578-40f9-8ec4-769ce1cb8232","map_slice_data.ts","59136f5c-6312-11f1-a5e9-1607ee4eb77e","parentId",8,"latest",["D",1780928419595],7,"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}","label",[133],"f193fce5-5a96-43bc-8e11-c5a754629542","figma_prep_v2.ts","711521ac-64fe-11f1-b905-1607ee4eb77e",29,["D",1781120582288],6,"// 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 const scale = Number(inp.scale) || 0.6;\n const visionW = Number(inp.vision_width) || 700; // px cap for the planner's vision image\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=png&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}",[144],"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}",[152],"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}",[160],"e85b245d-75f4-4844-a2bd-3c8f9c381796",["D",1782457070787],[28],"d742dbd9-8cdd-45f3-b174-c45efc0785e5","extract_sms.ts","687150a2-7061-11f1-b6f8-1607ee4eb77e",41,["D",1782384143815],"// 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), { status: s, headers: { \"content-type\": \"application/json\" } });\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 SMS extraction service was called the wrong way.\",\n auth: \"Internal error: the automation couldn't authenticate with the SMS extraction service.\",\n config: \"Setup error: the SMS extraction service is missing its Figma token. Contact the admin.\",\n parse_input: \"Internal error: the request to the SMS extraction service was malformed.\",\n validate_input: \"The ticket is missing a valid Figma link (file + frame). Add/fix the Figma URL and retry.\",\n figma_fetch: \"Couldn't open the Figma frame — check the Figma link is correct and the file is shared with the integration.\",\n extract: \"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 = (stage: string, status: number, detail: unknown, message?: string) =>\n json({ ok: false, stage, message: message || MSGS[stage] || \"Something went wrong while reading the SMS copy.\", detail }, 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\")) return fail(\"auth\", 401, \"Invalid x-auth\");\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 { inp = await req.json(); } catch (e) { return fail(\"parse_input\", 400, String(e)); }\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 || ((u.split(\"/design/\")[1] || u.split(\"/file/\")[1] || \"\").split(\"/\")[0] || \"\");\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) return fail(\"validate_input\", 400, \"need file_key + node_id (or figma_url)\");\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(`https://api.figma.com/v1/files/${fileKey}/nodes?ids=${encodeURIComponent(nodeId)}`,\n { headers: { \"X-Figma-Token\": figToken } });\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) { return fail(\"figma_fetch\", 502, String(e)); }\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\") texts.push({ name: n.name || \"\", chars: n.characters });\n (n.children || []).forEach(walk);\n })(doc);\n if (!texts.length) return fail(\"extract\", 422, \"no TEXT layers found in frame\");\n const named = texts.filter((t) => /^message$/i.test(t.name));\n const raw_text = (named.length ? named.map((t) => t.chars) : texts.map((t) => t.chars)).join(\"\\n\").trim();\n\n // ===================== DETERMINISTIC PROCESSING =====================\n let body = raw_text;\n const flags = { ascii_normalized: false, brand_prefix_stripped: false, optout_stripped: false, discount_applied: false };\n const warnings: string[] = [];\n const personalization: { raw: string; name: string; tag: string }[] = [];\n const link_slots: { id: string; kind: \"token\" | \"url\"; original: string; hint: string }[] = [];\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 leading brand prefix (\"Brand:\" / \"Brand -\") — only if it matches the ticket brand\n if (brand) {\n const re = new RegExp(\"^\\\\s*\" + brand.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\") + \"\\\\s*[:\\\\-]\\\\s*\", \"i\");\n if (re.test(body)) { body = body.replace(re, \"\"); flags.brand_prefix_stripped = true; }\n }\n\n // 5. strip trailing opt-out / STOP / info lines (Klaviyo appends these)\n const optoutRe = /(reply\\s*stop|text\\s*stop|\\bstop\\b.*(opt|unsub|end)|opt[\\s-]?out|unsubscribe|msg\\s*&?\\s*data\\s*rates|help\\s*for\\s*help|txt\\s*stop)/i;\n {\n const lines = body.split(/\\n/);\n while (lines.length) {\n const last = lines[lines.length - 1];\n if (last.trim() === \"\") { lines.pop(); continue; }\n if (optoutRe.test(last)) { lines.pop(); flags.optout_stripped = true; continue; }\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 const aliases: Record = Object.assign(\n { fname: \"first_name\", firstname: \"first_name\", first: \"first_name\", lname: \"last_name\", lastname: \"last_name\", last: \"last_name\" },\n inp.aliases || {},\n );\n const toTag = (name: string) => {\n const trimmed = name.trim();\n let key = trimmed.toLowerCase().replace(/\\s+/g, \"_\");\n key = aliases[key] || key;\n if (key === \"first_name\") return \"{{ first_name|default:'there' }}\";\n if (key === \"last_name\") return \"{{ last_name|default:'' }}\";\n if (key === \"email\") return \"{{ person.email }}\";\n if (/[^a-z0-9_]/.test(trimmed)) return \"{{ person|lookup:'\" + trimmed + \"' }}\"; // spaces/special -> lookup\n return \"{{ person.\" + key + \"|default:'' }}\";\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 if (DISCOUNTISH.test(name)) {\n if (discount) { flags.discount_applied = true; return discount; }\n warnings.push(\"discount token \" + rawMatch + \" but no discount_code provided\"); return rawMatch;\n }\n if (LINKISH.test(name) || linkBare.test(name)) return addSlot(\"token\", rawMatch, name.toLowerCase());\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(/\\{\\{\\s*([^{}]+?)\\s*\\}\\}/g, (m, inner) =>\n /\\||person\\.|lookup:/.test(inner) ? m : routeToken(m, inner));\n body = body.replace(/(? routeToken(m, inner)); // {name} only — never the inner of a {{ }} tag\n body = body.replace(/\\[\\s*([^\\[\\]]+?)\\s*\\]/g, (m, inner) => routeToken(m, inner)); // [name]\n body = body.replace(/%%\\s*([^%]+?)\\s*%%/g, (m, inner) => routeToken(m, inner)); // %%name%%\n body = body.replace(/\\*\\|\\s*([^|*]+?)\\s*\\|\\*/g, (m, inner) => routeToken(m, inner)); // *|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(/https?:\\/\\/[^\\s]+/gi, (u) =>\n (/x{3,}/i.test(u) || /kla6\\.io\\//i.test(u) || /(example\\.com|your-?link|placeholder)/i.test(u))\n ? addSlot(\"url\", u, \"\") : u);\n\n return json({\n ok: true,\n file_key: fileKey, node_id: nodeId, 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, warnings,\n });\n}",[171],"pulls","branches",1,"forks","envVars",{"_185":187,"_188":61},"connections",{"_185":61,"_186":61},"count","unfilledCount",2,"emptyCount",{"_43":170,"_32":171,"_30":172,"_135":-5,"_41":42,"_40":173,"_137":25,"_38":211,"_13":148,"_33":34,"_35":175,"_24":25,"_141":-5,"_196":212,"_27":213},{"_43":167,"_32":28,"_30":31,"_135":-5,"_41":42,"_40":14,"_137":25,"_38":208,"_13":148,"_33":34,"_35":37,"_24":25,"_141":-5,"_196":209,"_27":210},{"_43":159,"_32":160,"_30":161,"_135":-5,"_41":42,"_40":162,"_137":121,"_38":205,"_13":164,"_33":34,"_35":165,"_24":25,"_141":-5,"_196":206,"_27":207},{"_43":151,"_32":152,"_30":153,"_135":-5,"_41":42,"_40":154,"_137":121,"_38":202,"_13":156,"_33":34,"_35":157,"_24":25,"_141":-5,"_196":203,"_27":204},{"_43":143,"_32":144,"_30":145,"_135":-5,"_41":42,"_40":146,"_137":25,"_38":199,"_13":148,"_33":34,"_35":149,"_24":25,"_141":-5,"_196":200,"_27":201},{"_43":132,"_32":133,"_30":134,"_135":-5,"_41":42,"_40":136,"_137":121,"_38":195,"_13":139,"_33":34,"_35":140,"_24":25,"_141":-5,"_196":197,"_27":198},["D",1780928419595],"children",[],[133],["D",1781120582288],[],[144],["D",1780980289387],[],[152],["D",1781115930223],[],[160],["D",1782457070787],[],[28],["D",1782384143815],[],[171],["D",1780906587974],{"_95":94,"_103":99},{"_95":94,"_96":97,"_98":99,"_18":55,"_100":101,"_102":25},{"_13":84,"_32":85,"_43":42,"_86":44,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":45,"_93":94},"ctx",{"_77":-5,"_123":251,"_252":253,"_254":255,"_256":25,"_257":25,"_258":25,"_259":121,"_260":-5,"_261":-7,"_262":-7,"_263":61,"_264":25,"_265":25,"_266":-5,"_267":25,"_268":25,"_269":25,"_270":-5},"ENV",{"_222":223,"_224":225,"_226":85,"_227":228,"_229":230,"_231":232,"_233":234,"_235":236,"_237":238,"_239":240,"_241":242,"_243":244,"_245":246,"_247":248,"_249":250},"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"]

Diff · v43