chore(xml): bump xmldom version; add dLbl-template

Author: singerla

package.json

@@ -54,16 +54,16 @@
     "eslint-config-prettier": "^8.1.0",
     "eslint-plugin-prettier": "^3.3.1",
     "jest": "^26.6.3",
-    "nodemon": "^2.0.7",
+    "nodemon": "^2.0.20",
     "prettier": "^2.2.1",
     "ts-jest": "^26.5.2",
     "ts-node": "^9.1.1",
     "typedoc": "^0.22.15",
     "typescript": "^4.2.3"
   },
   "dependencies": {
-    "jszip": "^3.6.0",
-    "regexp.escape": "^1.1.0",
-    "xmldom": "^0.6.0"
+    "@xmldom/xmldom": "^0.8.2",
+    "jszip": "^3.10.1",
+    "regexp.escape": "^1.1.0"
   }
 }

src/dev.ts

@@ -9,45 +9,15 @@ const automizer = new Automizer({
 
 const run = async () => {
   const pres = automizer
-    .loadRoot(`ChartLinesVerticalImageMarkers.pptx`)
-    .load(`ChartLinesVerticalImageMarkers.pptx`, 'charts');
-
-  const data = {
-    series: [
-      { label: 'series s1' },
-      { label: 'series s2' },
-      { label: 'series s3' },
-    ],
-    categories: [
-      { label: 'item test r1', y: 10, values: [10, 16, 12] },
-      { label: 'item test r2', y: 9, values: [12, 18, 15] },
-      { label: 'item test r3', y: 8, values: [14, 12, 11] },
-      { label: 'item test r4', y: 7, values: [8, 11, 9] },
-      { label: 'item test r5', y: 6, values: [6, 15, 7] },
-      { label: 'item test r6', y: 5, values: [16, 16, 9] },
-      { label: 'item test r7', y: 4, values: [10, 13, 12] },
-      { label: 'item test r8', y: 3, values: [11, 12, 14] },
-      { label: 'item test r9', y: 2, values: [9, 7, 11] },
-      { label: 'item test r10', y: 1, values: [7, 5, 17] },
-    ],
-  };
-
-  const dataSmaller = {
-    series: [{ label: 'series s1' }],
-    categories: [
-      { label: 'item test r1', y: 10, values: [10] },
-      { label: 'item test r2', y: 9, values: [12] },
-      { label: 'item test r3', y: 8, values: [14] },
-    ],
-  };
+    .loadRoot(`bug/RootTemplate.pptx`)
+    .load(`bug/Slides.pptx`, 'slides')
+    .load(`bug/Library - Icons.pptx`, 'image');
 
   const result = await pres
-    .addSlide('charts', 1, (slide) => {
-      slide.modifyElement('DotMatrixImageMarkers', [
-        modify.setChartVerticalLines(dataSmaller),
-      ]);
+    .addSlide('slides', 6, (slide) => {
+      slide.addElement('image', 1, 'Tschechien');
     })
-    .write(`modify-chart-vertical-lines-marker.test.pptx`);
+    .write(`add-image-bug.test.pptx`);
 };
 
 run().catch((error) => {

src/helper/xml-elements.ts

@@ -2,7 +2,8 @@ import { Color } from '../types/modify-types';
 import { XmlHelper } from './xml-helper';
 import { vd } from './general-helper';
 import * as fs from 'fs';
-import { DOMParser } from 'xmldom';
+import { DOMParser } from '@xmldom/xmldom';
+import { dLblXml } from './xml/dLbl';
 
 export type XmlElementParams = {
   color?: Color;
@@ -152,8 +153,7 @@ export default class XmlElements {
   }
 
   dataPointLabel() {
-    const xml = fs.readFileSync(__dirname + '/xml/dLbl.xml');
-    const doc = new DOMParser().parseFromString(xml.toString());
+    const doc = new DOMParser().parseFromString(dLblXml);
     const ele = doc.getElementsByTagName('c:dLbl')[0];
     const firstChild = this.element.firstChild;
     this.element.insertBefore(ele.cloneNode(true), firstChild);

src/helper/xml-helper.ts

@@ -1,6 +1,6 @@
 import JSZip from 'jszip';
 
-import { DOMParser, XMLSerializer } from 'xmldom';
+import { DOMParser, XMLSerializer } from '@xmldom/xmldom';
 import { FileHelper } from './file-helper';
 import {
   DefaultAttribute,

src/helper/xml/dLbl.xml src/helper/xml/dLbl.tssrc/helper/xml/dLbl.xml renamed to src/helper/xml/dLbl.ts

@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
+export const dLblXml = `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
 <c:chartSpace xmlns:c="http://schemas.openxmlformats.org/drawingml/2006/chart" xmlns:a="http://schemas.openxmlformats.org/drawingml/2006/main" xmlns:r="http://schemas.openxmlformats.org/officeDocument/2006/relationships" xmlns:c16r2="http://schemas.microsoft.com/office/drawing/2015/06/chart">
     <c:chart>
         <c:plotArea>
@@ -51,3 +51,4 @@
         </c:plotArea>
     </c:chart>
 </c:chartSpace>
+`;