json2pptx 0.1.1 → 0.2.0

package/dist/index.d.mts

@@ -58,6 +58,7 @@ type ShapeElement = BaseElement<'shape'> & {
     path?: string;
     viewBox?: [number, number];
     fill?: string;
+    pattern?: string;
     text?: TextContent;
 };
 type LineElement = BaseElement<'line'> & {
@@ -72,7 +73,27 @@ type LineElement = BaseElement<'line'> & {
     style?: 'solid' | 'dashed' | 'dotted';
     points?: [unknown, unknown];
 };
-type SlideElement = TextElement | ImageElement | ShapeElement | LineElement;
+type TableCellStyle = {
+    fontname?: string;
+    color?: string;
+    align?: string;
+    fontsize?: string;
+    backcolor?: string;
+};
+type TableCellData = {
+    id?: string;
+    colspan?: number;
+    rowspan?: number;
+    text?: string;
+    style?: TableCellStyle;
+};
+type TableElement = BaseElement<'table'> & {
+    type: 'table';
+    colWidths?: number[];
+    data?: TableCellData[][];
+    cellMinHeight?: number;
+};
+type SlideElement = TextElement | ImageElement | ShapeElement | LineElement | TableElement;
 type SlideBackground = {
     color?: string;
 };

package/dist/index.d.ts

@@ -58,6 +58,7 @@ type ShapeElement = BaseElement<'shape'> & {
     path?: string;
     viewBox?: [number, number];
     fill?: string;
+    pattern?: string;
     text?: TextContent;
 };
 type LineElement = BaseElement<'line'> & {
@@ -72,7 +73,27 @@ type LineElement = BaseElement<'line'> & {
     style?: 'solid' | 'dashed' | 'dotted';
     points?: [unknown, unknown];
 };
-type SlideElement = TextElement | ImageElement | ShapeElement | LineElement;
+type TableCellStyle = {
+    fontname?: string;
+    color?: string;
+    align?: string;
+    fontsize?: string;
+    backcolor?: string;
+};
+type TableCellData = {
+    id?: string;
+    colspan?: number;
+    rowspan?: number;
+    text?: string;
+    style?: TableCellStyle;
+};
+type TableElement = BaseElement<'table'> & {
+    type: 'table';
+    colWidths?: number[];
+    data?: TableCellData[][];
+    cellMinHeight?: number;
+};
+type SlideElement = TextElement | ImageElement | ShapeElement | LineElement | TableElement;
 type SlideBackground = {
     color?: string;
 };

package/dist/index.js

@@ -27,7 +27,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// lib/index.ts
+// src/index.ts
 var index_exports = {};
 __export(index_exports, {
   ENABLE_DECK_JSON: () => ENABLE_DECK_JSON,
@@ -43,7 +43,7 @@ var import_pptxgenjs = __toESM(require("pptxgenjs"));
 var import_jszip = __toESM(require("jszip"));
 var import_tinycolor2 = __toESM(require("tinycolor2"));
 
-// lib/resolveImageData.ts
+// src/resolveImageData.ts
 var dataUrlRegex = /^data:image\/[^;]+;base64,/;
 var mimeFromPath = (path) => {
   const lower = path.toLowerCase();
@@ -97,7 +97,7 @@ var resolveImageData = async (src) => {
   return `data:${contentType};base64,${base64}`;
 };
 
-// lib/htmlParser/tags.ts
+// src/htmlParser/tags.ts
 var childlessTags = ["style", "script", "template"];
 var closingTags = [
   "html",
@@ -146,7 +146,7 @@ var voidTags = [
   "wbr"
 ];
 
-// lib/htmlParser/lexer.ts
+// src/htmlParser/lexer.ts
 var jumpPosition = (state, end) => {
   const len = end - state.position;
   movePosition(state, len);
@@ -379,7 +379,7 @@ var lexer = (str) => {
   return state.tokens;
 };
 
-// lib/htmlParser/parser.ts
+// src/htmlParser/parser.ts
 var parser = (tokens) => {
   const root = { tagName: null, children: [] };
   const state = { tokens, cursor: 0, stack: [root] };
@@ -484,7 +484,7 @@ var parse = (state) => {
   state.cursor = cursor;
 };
 
-// lib/htmlParser/format.ts
+// src/htmlParser/format.ts
 var splitHead = (str, sep) => {
   const idx = str.indexOf(sep);
   if (idx === -1) return [str];
@@ -527,14 +527,14 @@ var format = (nodes) => {
   });
 };
 
-// lib/htmlParser/index.ts
+// src/htmlParser/index.ts
 var toAST = (str) => {
   const tokens = lexer(str);
   const nodes = parser(tokens);
   return format(nodes);
 };
 
-// lib/svgPathParser.ts
+// src/svgPathParser.ts
 var import_svg_pathdata = require("svg-pathdata");
 var import_svg_arc_to_cubic_bezier = __toESM(require("svg-arc-to-cubic-bezier"));
 var typeMap = {
@@ -624,7 +624,7 @@ var toPoints = (d) => {
   return points;
 };
 
-// lib/element.ts
+// src/element.ts
 var getElementRange = (element) => {
   var _a, _b, _c, _d, _e, _f;
   let minX = 0;
@@ -677,7 +677,7 @@ var getLineElementPath = (element) => {
   return `M${start} L${end}`;
 };
 
-// lib/index.ts
+// src/index.ts
 var DEFAULT_WIDTH = 1e3;
 var DEFAULT_HEIGHT = 562.5;
 var DEFAULT_FONT_SIZE = 16;
@@ -876,6 +876,148 @@ var dashTypeMap = {
   dashed: "dash",
   dotted: "sysDot"
 };
+var stripFillTags = (value) => value.replace(/<a:solidFill>[\s\S]*?<\/a:solidFill>/g, "").replace(/<a:gradFill>[\s\S]*?<\/a:gradFill>/g, "").replace(/<a:blipFill>[\s\S]*?<\/a:blipFill>/g, "").replace(/<a:noFill\s*\/>/g, "").replace(/<a:noFill><\/a:noFill>/g, "");
+var applyPatternFill = (slideXml, objectName, relId) => {
+  const nameToken = `name="${objectName}"`;
+  let cursor = 0;
+  let result = slideXml;
+  while (true) {
+    const nameIndex = result.indexOf(nameToken, cursor);
+    if (nameIndex === -1) break;
+    const spStart = result.lastIndexOf("<p:sp", nameIndex);
+    const spEnd = result.indexOf("</p:sp>", nameIndex);
+    if (spStart === -1 || spEnd === -1) break;
+    const spXml = result.slice(spStart, spEnd + "</p:sp>".length);
+    const spPrStart = spXml.indexOf("<p:spPr>");
+    const spPrEnd = spXml.indexOf("</p:spPr>");
+    if (spPrStart === -1 || spPrEnd === -1) {
+      cursor = spEnd + 1;
+      continue;
+    }
+    const spPrOpenEnd = spXml.indexOf(">", spPrStart);
+    const spPrInner = spXml.slice(spPrOpenEnd + 1, spPrEnd);
+    const cleanedInner = stripFillTags(spPrInner);
+    const blipFill = `<a:blipFill><a:blip r:embed="${relId}"/><a:srcRect/><a:stretch><a:fillRect/></a:stretch></a:blipFill>`;
+    let nextInner = cleanedInner;
+    if (cleanedInner.includes("</a:custGeom>")) {
+      nextInner = cleanedInner.replace("</a:custGeom>", `</a:custGeom>${blipFill}`);
+    } else {
+      const lnIndex = cleanedInner.indexOf("<a:ln");
+      nextInner = lnIndex === -1 ? `${cleanedInner}${blipFill}` : `${cleanedInner.slice(0, lnIndex)}${blipFill}${cleanedInner.slice(lnIndex)}`;
+    }
+    const updatedSpXml = spXml.slice(0, spPrOpenEnd + 1) + nextInner + spXml.slice(spPrEnd);
+    result = result.slice(0, spStart) + updatedSpXml + result.slice(spEnd + "</p:sp>".length);
+    cursor = spStart + updatedSpXml.length;
+  }
+  return result;
+};
+var parseDataUrlImage = (dataUrl) => {
+  var _a;
+  const match = dataUrl.match(/^data:(image\/[^;]+);base64,(.+)$/);
+  if (!match) return null;
+  const mime = match[1];
+  const data = match[2];
+  const extMap = {
+    "image/jpeg": "jpeg",
+    "image/jpg": "jpg",
+    "image/png": "png",
+    "image/gif": "gif",
+    "image/svg+xml": "svg",
+    "image/webp": "webp",
+    "image/bmp": "bmp"
+  };
+  return { mime, data, ext: (_a = extMap[mime]) != null ? _a : "png" };
+};
+var normalizeFontName = (value) => value ? value.replace(/^"+|"+$/g, "") : void 0;
+var parseFontSize = (value) => {
+  if (!value) return void 0;
+  const size = Number.parseFloat(value);
+  return Number.isFinite(size) ? size : void 0;
+};
+var parseTableColor = (value) => {
+  if (!value) return void 0;
+  const normalized = value.trim();
+  if (!normalized) return void 0;
+  const c = formatColor(normalized);
+  return {
+    color: c.color.replace("#", ""),
+    transparency: (1 - c.alpha) * 100
+  };
+};
+var isPlaceholderCell = (cell) => {
+  var _a, _b, _c;
+  if (!cell) return false;
+  const colspan = (_a = cell.colspan) != null ? _a : 1;
+  const rowspan = (_b = cell.rowspan) != null ? _b : 1;
+  if (colspan !== 1 || rowspan !== 1) return false;
+  const text = (_c = cell.text) != null ? _c : "";
+  const style = cell.style;
+  const hasStyle = Boolean(style == null ? void 0 : style.fontname) || Boolean(style == null ? void 0 : style.fontsize) || Boolean(style == null ? void 0 : style.color) || Boolean(style == null ? void 0 : style.backcolor);
+  return text.trim() === "" && !hasStyle;
+};
+var buildTableRows = (element, ratioPx2Pt) => {
+  var _a, _b;
+  const data = element.data;
+  if (!data || !data.length) return [];
+  const colCount = (_b = (_a = element.colWidths) == null ? void 0 : _a.length) != null ? _b : Math.max(...data.map((row) => row.length));
+  const rows = [];
+  const skip = new Array(colCount).fill(0);
+  data.forEach((row, rowIndex) => {
+    var _a2, _b2, _c, _d;
+    const cells = [];
+    let colIndex = 0;
+    let cellIndex = 0;
+    while (colIndex < colCount) {
+      if (skip[colIndex] > 0) {
+        skip[colIndex] -= 1;
+        if (isPlaceholderCell(row[cellIndex])) {
+          cellIndex += 1;
+        }
+        colIndex += 1;
+        continue;
+      }
+      const cell = row[cellIndex];
+      if (!cell) break;
+      cellIndex += 1;
+      const colSpan = (_a2 = cell.colspan) != null ? _a2 : 1;
+      const rowSpan = (_b2 = cell.rowspan) != null ? _b2 : 1;
+      if (rowSpan > 1) {
+        for (let i = 0; i < colSpan; i += 1) {
+          skip[colIndex + i] = rowSpan - 1;
+        }
+      }
+      if (colSpan > 1) {
+        for (let i = 0; i < colSpan - 1; i += 1) {
+          if (isPlaceholderCell(row[cellIndex])) {
+            cellIndex += 1;
+          }
+        }
+      }
+      const style = (_c = cell.style) != null ? _c : {};
+      const fontSize = parseFontSize(style.fontsize);
+      const fill = parseTableColor(style.backcolor);
+      const color = parseTableColor(style.color);
+      const options = {
+        colspan: colSpan > 1 ? colSpan : void 0,
+        rowspan: rowSpan > 1 ? rowSpan : void 0,
+        align: style.align,
+        valign: "middle",
+        fontFace: normalizeFontName(style.fontname),
+        fontSize: fontSize ? fontSize / ratioPx2Pt : void 0,
+        color: color == null ? void 0 : color.color,
+        fill: fill ? { color: fill.color, transparency: fill.transparency } : void 0,
+        margin: 0
+      };
+      cells.push({
+        text: (_d = cell.text) != null ? _d : "",
+        options
+      });
+      colIndex += colSpan;
+    }
+    rows.push(cells);
+  });
+  return rows;
+};
 var getShadowOption = (shadow, ratioPx2Pt) => {
   var _a, _b;
   const c = formatColor((_a = shadow.color) != null ? _a : "#000000");
@@ -937,8 +1079,9 @@ var isBase64Image = (url) => {
   return regex.test(url);
 };
 async function buildPptxBlob(template) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R, _S, _T;
   const pptx = new import_pptxgenjs.default();
+  const patternShapes = [];
   const width = (_a = template.width) != null ? _a : DEFAULT_WIDTH;
   const height = (_b = template.height) != null ? _b : DEFAULT_HEIGHT;
   const viewportRatio = height / width;
@@ -953,14 +1096,14 @@ async function buildPptxBlob(template) {
     pptx.defineLayout({ name: "A3_V", width: 10, height: 14.1421356 });
     pptx.layout = "A3_V";
   } else pptx.layout = "LAYOUT_16x9";
-  for (const slideJson of (_c = template.slides) != null ? _c : []) {
+  for (const [slideIndex, slideJson] of ((_c = template.slides) != null ? _c : []).entries()) {
     const slide = pptx.addSlide();
     const backgroundColor = (_d = slideJson.background) == null ? void 0 : _d.color;
     if (backgroundColor) {
       const c = formatColor(backgroundColor);
       slide.background = { color: c.color, transparency: (1 - c.alpha) * 100 };
     }
-    for (const element of (_e = slideJson.elements) != null ? _e : []) {
+    for (const [elementIndex, element] of ((_e = slideJson.elements) != null ? _e : []).entries()) {
       if (element.type === "text" && element.content) {
         const textProps = formatHTML(element.content, ratioPx2Pt);
         const options = {
@@ -972,7 +1115,7 @@ async function buildPptxBlob(template) {
           fontFace: element.defaultFontName || ((_j = template.theme) == null ? void 0 : _j.fontName) || DEFAULT_FONT_FACE,
           color: "#000000",
           valign: "top",
-          margin: 10 / ratioPx2Pt,
+          margin: 0,
           paraSpaceBefore: 5 / ratioPx2Pt,
           lineSpacingMultiple: 1.5 / 1.25,
           autoFit: true
@@ -987,6 +1130,8 @@ async function buildPptxBlob(template) {
             color: c.color,
             transparency: (1 - c.alpha * opacity) * 100
           };
+        } else {
+          options.fill = { color: "FFFFFF", transparency: 100 };
         }
         if (element.defaultColor) options.color = formatColor(element.defaultColor).color;
         if (element.shadow) options.shadow = getShadowOption(element.shadow, ratioPx2Pt);
@@ -1040,38 +1185,51 @@ async function buildPptxBlob(template) {
           y: ((_u = element.height) != null ? _u : 0) / element.viewBox[1]
         };
         const points = formatPoints(toPoints(element.path), ratioPx2Inch, scale);
-        let fillColor = formatColor(element.fill || "#000000");
+        const pattern = element.pattern;
+        const hasFill = typeof element.fill === "string" ? element.fill.trim().length > 0 : false;
         const opacity = element.opacity === void 0 ? 1 : element.opacity;
         const options = {
           x: ((_v = element.left) != null ? _v : 0) / ratioPx2Inch,
           y: ((_w = element.top) != null ? _w : 0) / ratioPx2Inch,
           w: ((_x = element.width) != null ? _x : 0) / ratioPx2Inch,
           h: ((_y = element.height) != null ? _y : 0) / ratioPx2Inch,
-          fill: {
-            color: fillColor.color,
-            transparency: (1 - fillColor.alpha * opacity) * 100
-          },
           points
         };
+        if (pattern) {
+          const objectName = `pattern-${slideIndex}-${(_z = element.id) != null ? _z : elementIndex}`;
+          options.objectName = objectName;
+          options.fill = { color: "FFFFFF", transparency: 100 };
+          patternShapes.push({ slideIndex, objectName, dataUrl: pattern });
+        } else if (hasFill) {
+          const fillColor = formatColor(element.fill || "#000000");
+          options.fill = {
+            color: fillColor.color,
+            transparency: (1 - fillColor.alpha * opacity) * 100
+          };
+        } else {
+          options.fill = { color: "FFFFFF", transparency: 100 };
+        }
         if (element.flipH) options.flipH = element.flipH;
         if (element.flipV) options.flipV = element.flipV;
         if (element.shadow) options.shadow = getShadowOption(element.shadow, ratioPx2Pt);
-        if ((_z = element.outline) == null ? void 0 : _z.width) options.line = getOutlineOption(element.outline, ratioPx2Pt);
+        if ((_A = element.outline) == null ? void 0 : _A.width) options.line = getOutlineOption(element.outline, ratioPx2Pt);
         if (element.rotate) options.rotate = element.rotate;
         slide.addShape("custGeom", options);
-        if ((_A = element.text) == null ? void 0 : _A.content) {
+        if ((_B = element.text) == null ? void 0 : _B.content) {
           const textProps = formatHTML(element.text.content, ratioPx2Pt);
           const textOptions = {
-            x: ((_B = element.left) != null ? _B : 0) / ratioPx2Inch,
-            y: ((_C = element.top) != null ? _C : 0) / ratioPx2Inch,
-            w: ((_D = element.width) != null ? _D : 0) / ratioPx2Inch,
-            h: ((_E = element.height) != null ? _E : 0) / ratioPx2Inch,
+            x: ((_C = element.left) != null ? _C : 0) / ratioPx2Inch,
+            y: ((_D = element.top) != null ? _D : 0) / ratioPx2Inch,
+            w: ((_E = element.width) != null ? _E : 0) / ratioPx2Inch,
+            h: ((_F = element.height) != null ? _F : 0) / ratioPx2Inch,
             fontSize: DEFAULT_FONT_SIZE / ratioPx2Pt,
             fontFace: element.text.defaultFontName || DEFAULT_FONT_FACE,
             color: "#000000",
             paraSpaceBefore: 5 / ratioPx2Pt,
-            valign: element.text.align
+            valign: element.text.align,
+            fill: { color: "FFFFFF", transparency: 100 }
           };
+          textOptions.margin = 0;
           if (element.rotate) textOptions.rotate = element.rotate;
           if (element.text.defaultColor) {
             textOptions.color = formatColor(element.text.defaultColor).color;
@@ -1086,45 +1244,122 @@ async function buildPptxBlob(template) {
         const { minX, maxX, minY, maxY } = getElementRange(element);
         const c = formatColor(element.color || "#000000");
         const options = {
-          x: ((_F = element.left) != null ? _F : 0) / ratioPx2Inch,
-          y: ((_G = element.top) != null ? _G : 0) / ratioPx2Inch,
+          x: ((_G = element.left) != null ? _G : 0) / ratioPx2Inch,
+          y: ((_H = element.top) != null ? _H : 0) / ratioPx2Inch,
           w: (maxX - minX) / ratioPx2Inch,
           h: (maxY - minY) / ratioPx2Inch,
           line: {
             color: c.color,
             transparency: (1 - c.alpha) * 100,
-            width: ((_H = element.width) != null ? _H : 1) / ratioPx2Pt,
+            width: ((_I = element.width) != null ? _I : 1) / ratioPx2Pt,
             dashType: element.style ? dashTypeMap[element.style] : "solid",
-            beginArrowType: ((_I = element.points) == null ? void 0 : _I[0]) ? "arrow" : "none",
-            endArrowType: ((_J = element.points) == null ? void 0 : _J[1]) ? "arrow" : "none"
+            beginArrowType: ((_J = element.points) == null ? void 0 : _J[0]) ? "arrow" : "none",
+            endArrowType: ((_K = element.points) == null ? void 0 : _K[1]) ? "arrow" : "none"
           },
           points
         };
         if (element.shadow) options.shadow = getShadowOption(element.shadow, ratioPx2Pt);
         slide.addShape("custGeom", options);
       }
+      if (element.type === "table") {
+        const rows = buildTableRows(element, ratioPx2Pt);
+        if (!rows.length) continue;
+        const colWidths = element.colWidths;
+        const colW = colWidths ? colWidths.map((ratio) => {
+          var _a2;
+          return ((_a2 = element.width) != null ? _a2 : 0) * ratio / ratioPx2Inch;
+        }) : void 0;
+        const rowCount = rows.length || 1;
+        const baseRowHeight = ((_L = element.height) != null ? _L : 0) / rowCount / ratioPx2Inch;
+        const minRowHeight = element.cellMinHeight ? element.cellMinHeight / ratioPx2Inch : void 0;
+        const rowH = minRowHeight ? new Array(rowCount).fill(Math.max(minRowHeight, baseRowHeight)) : void 0;
+        const outline = element.outline;
+        const border = (outline == null ? void 0 : outline.width) || (outline == null ? void 0 : outline.color) ? {
+          pt: ((_M = outline.width) != null ? _M : 1) / ratioPx2Pt,
+          color: formatColor(outline.color || "#000000").color.replace("#", "")
+        } : void 0;
+        slide.addTable(rows, {
+          x: ((_N = element.left) != null ? _N : 0) / ratioPx2Inch,
+          y: ((_O = element.top) != null ? _O : 0) / ratioPx2Inch,
+          w: ((_P = element.width) != null ? _P : 0) / ratioPx2Inch,
+          h: ((_Q = element.height) != null ? _Q : 0) / ratioPx2Inch,
+          colW,
+          rowH,
+          border,
+          margin: 0
+        });
+      }
     }
   }
-  const fileName = `${sanitizeFileName((_K = template.title) != null ? _K : "presentation")}.pptx`;
+  const fileName = `${sanitizeFileName((_R = template.title) != null ? _R : "presentation")}.pptx`;
   const pptxBuffer = await pptx.write({
     outputType: "arraybuffer",
     compression: true
   });
-  if (!ENABLE_DECK_JSON) {
+  const needsZip = ENABLE_DECK_JSON || patternShapes.length > 0;
+  if (!needsZip) {
     return { blob: new Blob([pptxBuffer]), fileName };
   }
   const zip = await import_jszip.default.loadAsync(pptxBuffer);
-  zip.file(
-    PPTX_JSON_PAYLOAD_PATH,
-    JSON.stringify(
-      {
-        version: PPTX_JSON_PAYLOAD_VERSION,
-        deck: template
-      },
-      null,
-      2
-    )
-  );
+  if (patternShapes.length) {
+    const mediaFiles = Object.keys(zip.files).filter((name) => name.startsWith("ppt/media/"));
+    let maxImageIndex = 0;
+    for (const name of mediaFiles) {
+      const match = name.match(/ppt\/media\/image(\d+)/);
+      if (match) {
+        const index = Number.parseInt(match[1], 10);
+        if (Number.isFinite(index)) maxImageIndex = Math.max(maxImageIndex, index);
+      }
+    }
+    const slideCache = /* @__PURE__ */ new Map();
+    const relsCache = /* @__PURE__ */ new Map();
+    for (const pattern of patternShapes) {
+      const parsed = parseDataUrlImage(pattern.dataUrl);
+      if (!parsed) continue;
+      maxImageIndex += 1;
+      const imageName = `image${maxImageIndex}.${parsed.ext}`;
+      zip.file(`ppt/media/${imageName}`, parsed.data, { base64: true });
+      const slideNumber = pattern.slideIndex + 1;
+      const slidePath = `ppt/slides/slide${slideNumber}.xml`;
+      const relsPath = `ppt/slides/_rels/slide${slideNumber}.xml.rels`;
+      const relsXml = (_S = relsCache.get(slideNumber)) != null ? _S : zip.file(relsPath) ? await zip.file(relsPath).async("string") : `<?xml version="1.0" encoding="UTF-8" standalone="yes"?><Relationships xmlns="http://schemas.openxmlformats.org/package/2006/relationships"></Relationships>`;
+      let maxRelId = 0;
+      relsXml.replace(/Id="rId(\d+)"/g, (_, id) => {
+        const value = Number.parseInt(id, 10);
+        if (Number.isFinite(value)) maxRelId = Math.max(maxRelId, value);
+        return "";
+      });
+      const relId = `rId${maxRelId + 1}`;
+      const relEntry = `<Relationship Id="${relId}" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/image" Target="../media/${imageName}"/>`;
+      const nextRelsXml = relsXml.replace(
+        "</Relationships>",
+        `${relEntry}</Relationships>`
+      );
+      relsCache.set(slideNumber, nextRelsXml);
+      const slideXml = (_T = slideCache.get(slideNumber)) != null ? _T : zip.file(slidePath) ? await zip.file(slidePath).async("string") : "";
+      const nextSlideXml = slideXml ? applyPatternFill(slideXml, pattern.objectName, relId) : slideXml;
+      slideCache.set(slideNumber, nextSlideXml);
+    }
+    for (const [slideNumber, xml] of slideCache.entries()) {
+      zip.file(`ppt/slides/slide${slideNumber}.xml`, xml);
+    }
+    for (const [slideNumber, xml] of relsCache.entries()) {
+      zip.file(`ppt/slides/_rels/slide${slideNumber}.xml.rels`, xml);
+    }
+  }
+  if (ENABLE_DECK_JSON) {
+    zip.file(
+      PPTX_JSON_PAYLOAD_PATH,
+      JSON.stringify(
+        {
+          version: PPTX_JSON_PAYLOAD_VERSION,
+          deck: template
+        },
+        null,
+        2
+      )
+    );
+  }
   const blob = await zip.generateAsync({ type: "blob" });
   return { blob, fileName };
 }