[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_207":208,"_209":210},"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",34,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_34":35,"_36":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":33,"_34":35,"_36":37},"deleted",false,"deletedHere","path","extract_sms.ts","latestPath","fileId","687150a2-7061-11f1-b6f8-1607ee4eb77e","name","new-file-767.ts","fileType","http","content","// 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 const fail = (stage: string, status: number, detail: unknown) =>\n json({ ok: false, stage, 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\")) {\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, \"...\") // 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(\n \"^\\\\s*\" + brand.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\") + \"\\\\s*[:\\\\-]\\\\s*\",\n \"i\",\n );\n if (re.test(body)) {\n body = body.replace(re, \"\");\n flags.brand_prefix_stripped = true;\n }\n }\n\n // 5. strip trailing opt-out / STOP / info lines (Klaviyo appends these)\n const optoutRe =\n /(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() === \"\") {\n lines.pop();\n continue;\n }\n if (optoutRe.test(last)) {\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 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 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)) {\n return \"{{ person|lookup:'\" + trimmed + \"' }}\"; // spaces/special -> lookup\n }\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) {\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 /\\{\\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%%\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}","createdAt",["D",1782369940070],"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":203,"_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":204,"_79":205,"_81":206,"_83":25},"tree",[182,183,184,185,186],"files",[182,183,184,185,186],"counts",{"_170":61,"_171":172,"_173":61,"_174":175,"_176":177},"contents",[126,127,128,129,130],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_43":166,"_32":28,"_30":31,"_134":-5,"_41":42,"_40":14,"_136":25,"_38":167,"_13":168,"_34":35,"_36":37,"_24":25,"_140":-5,"_27":169},{"_43":158,"_32":159,"_30":160,"_134":-5,"_41":42,"_40":161,"_136":121,"_38":162,"_13":163,"_34":35,"_36":164,"_24":25,"_140":-5,"_27":165},{"_43":150,"_32":151,"_30":152,"_134":-5,"_41":42,"_40":153,"_136":121,"_38":154,"_13":155,"_34":35,"_36":156,"_24":25,"_140":-5,"_27":157},{"_43":142,"_32":143,"_30":144,"_134":-5,"_41":42,"_40":145,"_136":25,"_38":146,"_13":147,"_34":35,"_36":148,"_24":25,"_140":-5,"_27":149},{"_43":131,"_32":132,"_30":133,"_134":-5,"_41":42,"_40":135,"_136":121,"_38":137,"_13":138,"_34":35,"_36":139,"_24":25,"_140":-5,"_27":141},"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",[132],"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}",[143],"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}",[151],"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}",[159],"2088bf1d-8514-467b-8a3c-aedd1fb8ef80",["D",1782369940070],4,[28],"pulls","branches",1,"forks","envVars",{"_178":180,"_181":61},"connections",{"_178":61,"_179":61},"count","unfilledCount",2,"emptyCount",{"_43":166,"_32":28,"_30":31,"_134":-5,"_41":42,"_40":14,"_136":25,"_38":200,"_13":168,"_34":35,"_36":37,"_24":25,"_140":-5,"_188":201,"_27":202},{"_43":158,"_32":159,"_30":160,"_134":-5,"_41":42,"_40":161,"_136":121,"_38":197,"_13":163,"_34":35,"_36":164,"_24":25,"_140":-5,"_188":198,"_27":199},{"_43":150,"_32":151,"_30":152,"_134":-5,"_41":42,"_40":153,"_136":121,"_38":194,"_13":155,"_34":35,"_36":156,"_24":25,"_140":-5,"_188":195,"_27":196},{"_43":142,"_32":143,"_30":144,"_134":-5,"_41":42,"_40":145,"_136":25,"_38":191,"_13":147,"_34":35,"_36":148,"_24":25,"_140":-5,"_188":192,"_27":193},{"_43":131,"_32":132,"_30":133,"_134":-5,"_41":42,"_40":135,"_136":121,"_38":187,"_13":138,"_34":35,"_36":139,"_24":25,"_140":-5,"_188":189,"_27":190},["D",1780928419595],"children",[],[132],["D",1781120582288],[],[143],["D",1780980289387],[],[151],["D",1781115930223],[],[159],["D",1782369940070],[],[28],["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":240,"_241":242,"_243":244,"_245":25,"_246":25,"_247":25,"_248":121,"_249":-5,"_250":-7,"_251":-7,"_252":61,"_253":25,"_254":25,"_255":-5,"_256":25,"_257":25,"_258":25,"_259":-5},"ENV",{"_211":212,"_213":214,"_215":85,"_216":217,"_218":219,"_220":221,"_222":223,"_224":225,"_226":227,"_228":229,"_230":231,"_232":233,"_234":235,"_236":237,"_238":239},"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 · v34