@pixerate/editor 0.132.0 → 0.134.0

package/dist/{chunk-IEYXYMRQ.js → chunk-HHTCDFZC.js}

@@ -82,6 +82,7 @@ var VECTOR_MASK_TYPES = ["clip", "alpha", "luminance"];
 var VECTOR_SYMMETRY_MODES = ["vertical", "horizontal", "dual", "diagonal", "radial"];
 var VECTOR_TEXT_ALIGNS = ["left", "center", "right", "justify"];
 var VECTOR_PATH_TEXT_BASELINES = ["baseline", "ascender", "descender", "center"];
+var VECTOR_PERSPECTIVE_PLANES = ["floor", "left", "right", "side", "front"];
 var VECTOR_CONSTRAINT_KINDS = [
   "coincident",
   "collinear",
@@ -3205,10 +3206,11 @@ var drawnCache = /* @__PURE__ */ new WeakMap();
 function vectorFrameDrawn(node) {
   let hit = drawnCache.get(node);
   if (hit) return hit;
-  const { frame, ...group } = node;
+  const { frame, masterArt, ...group } = node;
   const rect = vectorFrameRectPath(frame);
+  const below = masterArt ?? [];
   const fill = frame.fill !== void 0 && frame.fill !== null && frame.fill !== "none" ? [{ id: `${node.id}~frame-fill`, type: "path", fill: frame.fill, stroke: null, subpaths: rect }] : [];
-  hit = frame.clip === false ? { ...group, children: [...fill, ...node.children] } : { ...group, mask: { type: "clip" }, children: [{ id: `${node.id}~frame-clip`, type: "path", fill: "#000000", stroke: null, subpaths: rect }, ...fill, ...node.children] };
+  hit = frame.clip === false ? { ...group, children: [...fill, ...below, ...node.children] } : { ...group, mask: { type: "clip" }, children: [{ id: `${node.id}~frame-clip`, type: "path", fill: "#000000", stroke: null, subpaths: rect }, ...fill, ...below, ...node.children] };
   drawnCache.set(node, hit);
   return hit;
 }
@@ -3253,6 +3255,8 @@ function sanitizeVectorFrame(value) {
   const out = { x: r.x, y: r.y, width: r.width, height: r.height };
   if (typeof r.fill === "string" || r.fill && typeof r.fill === "object") out.fill = r.fill;
   if (r.clip === false) out.clip = false;
+  if (r.master === true) out.master = true;
+  if (typeof r.masterId === "string" && r.masterId) out.masterId = r.masterId;
   return out;
 }
 function sanitizeVectorResizing(value) {
@@ -7531,6 +7535,84 @@ function vectorEnteredGroups(nodes, ids) {
   return out;
 }
 
+// src/vector/pages.ts
+function isVectorMasterPage(node) {
+  return isVectorFrame(node) && !!node.frame.master;
+}
+function vectorPages(doc) {
+  return doc.nodes.filter((n) => isVectorFrame(n) && !n.frame.master);
+}
+function vectorMasterPages(doc) {
+  return doc.nodes.filter(isVectorMasterPage);
+}
+function fillTokens(node, page, pages) {
+  const map = (s) => s.replace(/\{page\}/g, String(page)).replace(/\{pages\}/g, String(pages));
+  if (!/\{pages?\}/.test(node.text)) return node;
+  if (!node.runs?.length) return { ...node, text: map(node.text) };
+  let at2 = 0;
+  let text = "";
+  const runs = [];
+  for (const r of node.runs) {
+    const part = map(node.text.slice(at2, at2 + r.length));
+    at2 += r.length;
+    text += part;
+    runs.push({ ...r, length: part.length });
+  }
+  return { ...node, text: text + map(node.text.slice(at2)), runs };
+}
+function onPage(node, pageId, page, pages) {
+  const id = `${pageId}~master~${node.id}`;
+  if (node.type === "group") return { ...node, id, children: node.children.map((c) => onPage(c, pageId, page, pages)) };
+  if (node.type === "text") return { ...fillTokens(node, page, pages), id, locked: true };
+  return { ...node, id, locked: true };
+}
+var artCache = /* @__PURE__ */ new WeakMap();
+function vectorMasterArt(master, page, number, count) {
+  const f = page.frame;
+  const key = `${page.id}|${f.x}|${f.y}|${f.width}|${f.height}|${number}|${count}`;
+  let byKey = artCache.get(master);
+  const hit = byKey?.get(key);
+  if (hit) return hit;
+  const art = master.children.filter((c) => c.visible !== false).map((c) => {
+    const box = vectorNodeBounds(c);
+    const m = box ? vectorFrameChildMatrix(c.resizing, box, master.frame, page.frame) : null;
+    return onPage(m ? transformVectorNode(c, m) : c, page.id, number, count);
+  });
+  if (!byKey) artCache.set(master, byKey = /* @__PURE__ */ new Map());
+  byKey.set(key, art);
+  return art;
+}
+function resolveVectorMasterPages(doc) {
+  const masters = new Map(vectorMasterPages(doc).map((m) => [m.id, m]));
+  const pages = vectorPages(doc);
+  const numbers = new Map(pages.map((p, i) => [p.id, i + 1]));
+  let changed = false;
+  const nodes = doc.nodes.map((n) => {
+    if (!isVectorFrame(n)) return n;
+    const master = !n.frame.master && n.frame.masterId ? masters.get(n.frame.masterId) : void 0;
+    const art = master ? vectorMasterArt(master, n, numbers.get(n.id) ?? 0, pages.length) : void 0;
+    if (art === n.masterArt || !art && !n.masterArt) return n;
+    changed = true;
+    if (!art) {
+      const { masterArt: _m, ...rest } = n;
+      return rest;
+    }
+    return { ...n, masterArt: art };
+  });
+  return changed ? { ...doc, nodes } : doc;
+}
+function stripVectorMasterArt(doc) {
+  if (!doc.nodes.some((n) => n.type === "group" && n.masterArt)) return doc;
+  return {
+    ...doc,
+    nodes: doc.nodes.map((n) => {
+      if (n.type !== "group" || !n.masterArt) return n;
+      const { masterArt: _m, ...rest } = n;
+      return rest;
+    })
+  };
+}
+
 // src/vector/connectors.ts
 var SIDES = ["top", "right", "bottom", "left", "center"];
 function isVectorConnector(node) {
@@ -8144,7 +8226,7 @@ function blendFromAttribute(value, m) {
   return out;
 }
 function vectorDocumentToSvg(doc, options = {}) {
-  doc = resolveVectorLenses(resolveVectorSymbols(doc));
+  doc = resolveVectorLenses(resolveVectorMasterPages(resolveVectorSymbols(doc)));
   const precision = options.precision ?? 3;
   const prefix = options.idPrefix ?? "vg-";
   const pretty = options.pretty !== false;
@@ -8405,6 +8487,11 @@ function vectorDocumentToSvg(doc, options = {}) {
       ref = ` clip-path="url(#${escapeAttr2(id)})"`;
     }
     lines.push(`${indent(depth + 1)}<g data-vector-part="frame-contents"${ref}>`);
+    if (node.masterArt?.length) {
+      lines.push(`${indent(depth + 2)}<g data-vector-part="frame-master">`);
+      for (const child of node.masterArt) emit2(child, depth + 3);
+      lines.push(`${indent(depth + 2)}</g>`);
+    }
     for (const child of node.children) emit2(child, depth + 2);
     lines.push(`${indent(depth + 1)}</g>`);
     lines.push(`${indent(depth)}</g>`);
@@ -9226,7 +9313,7 @@ function parseVectorSvg(svg, options = {}) {
     const raw = parseJson(g.attrs["data-vector-frame"]);
     const frame = sanitizeVectorFrame(raw);
     const contentsEl = g.children.find((c) => c.name === "g" && c.attrs["data-vector-part"] === "frame-contents");
-    const children = contentsEl ? visit2(contentsEl, style, m) : [];
+    const children = contentsEl ? visit2({ ...contentsEl, children: contentsEl.children.filter((c) => c.attrs["data-vector-part"] !== "frame-master") }, style, m) : [];
     const id = idFor(g);
     if (!frame) return children.length ? { id, type: "group", ...meta, children } : null;
     const { rigid, residual } = decomposeRigid(m);
@@ -10150,6 +10237,7 @@ export {
   VECTOR_SYMMETRY_MODES,
   VECTOR_TEXT_ALIGNS,
   VECTOR_PATH_TEXT_BASELINES,
+  VECTOR_PERSPECTIVE_PLANES,
   VECTOR_CONSTRAINT_KINDS,
   VECTOR_TOOLS,
   VECTOR_TRANSFORM_HANDLES,
@@ -10506,6 +10594,12 @@ export {
   sanitizeVectorEffects,
   transformVectorEffects,
   vectorEnteredGroups,
+  isVectorMasterPage,
+  vectorPages,
+  vectorMasterPages,
+  vectorMasterArt,
+  resolveVectorMasterPages,
+  stripVectorMasterArt,
   isVectorConnector,
   vectorConnectionSites,
   nearestVectorConnectionSite,
@@ -10580,4 +10674,4 @@ export {
   lineSubpath,
   roundSubpaths
 };
-//# sourceMappingURL=chunk-IEYXYMRQ.js.map
+//# sourceMappingURL=chunk-HHTCDFZC.js.map