Support dynamic picture placement in docx's description field

Author: t7tran

lib/postprocessor.js

@@ -31,16 +31,17 @@ class FileStore {
   }
 }
 
+const allframes = /<draw:frame (.*?)<\/draw:frame>/g;
+
 class OdtPostProcessor {
-  allframes = /<draw:frame (.*?)<\/draw:frame>/g;
 
   constructor(template, data, options, filestore) {
     const contentXml = template.files.find((f) => f.name === "content.xml");
     if (!contentXml) return;
     const manifestXml = template.files.find(f => f.name === "META-INF/manifest.xml");
 
     // Use base64 data to create new file and update references
-    contentXml.data = contentXml.data.replaceAll(this.allframes, function (drawFrame) {
+    contentXml.data = contentXml.data.replaceAll(allframes, function (drawFrame) {
         const [,,mime,content] = /<svg:title>(data:([^;]+);base64,(.*?))<\/svg:title>/.exec(drawFrame) || [];
         if (!content || !mime) return drawFrame;
         const [,extension] = mime.split("/");
@@ -63,17 +64,19 @@ class OdtPostProcessor {
   }
 }
 
+const alldrawings = /<w:drawing>(.*?)<\/w:drawing>/g;
+const allrels = /<Relationship (.*?)\/>/g;
+
 class DocxPostProcessor {
-  alldrawings = /<w:drawing>(.*?)<\/w:drawing>/g;
   pattern = /(<w:drawing>.*<wp:docPr.*title=)("data:image\/(.*);base64,(.+?)")(.*:embed=")(.*?)(".*<\/w:drawing>)/g;
 
   constructor(template, data, options, filestore) {
     const documentXmlFile = template.files.find(f => f.name === "word/document.xml");
     if (!documentXmlFile) return;
     const documentXmlRelsFile = template.files.find(f => f.name === "word/_rels/document.xml.rels");
 
-    documentXmlFile.data = documentXmlFile.data.replaceAll(this.alldrawings, function (drawing) {
-      const [,,mime,content ] = /title="(data:([^;]+);base64,(.*?))"/.exec(drawing) || [];
+    documentXmlFile.data = documentXmlFile.data.replaceAll(alldrawings, function (drawing) {
+      const [,,,mime,content ] = /(title|descr)="(data:([^;]+);base64,(.*?))"/.exec(drawing) || [];
       const [,relationshipId] = /embed="(.*?)"/.exec(drawing) || [];
       if (!content || !mime || !relationshipId) return drawing;
       const [,extension] = mime.split("/");
@@ -83,12 +86,13 @@ class DocxPostProcessor {
       if (newfile) {
         template.files.push({ name: imgFile, isMarked: false, data: Buffer.from(content, "base64"), parent: ""});
         // Update corresponding entry in word/_rels/document.xml.rels file
-        const regex = new RegExp(`(.*Target=")(.*)(".*Id="${relationshipId}".*\/>.*<\/Relationships>)`,"g");
-        documentXmlRelsFile.data = documentXmlRelsFile.data.replaceAll(regex, function (_match, p1, _p2, p3) {
-          return [p1, `/${imgFile}`, p3].join("")
+        documentXmlRelsFile.data = documentXmlRelsFile.data.replaceAll(allrels, function (relationship) {
+          const [,id] = /Id="(.*?)"/.exec(relationship) || [];
+          if (id != relationshipId) return relationship;
+          return relationship.replace(/Target=".*?"/g, `Target="/${imgFile}"`);
         });
       }
-      return drawing.replace(/title="data:[^"]+"/, 'title=""');
+      return drawing.replace(/(title|descr)="data:[^;]+;base64,.*?"/g, '$1=""');
     });
   }
 }