more reliable text replacing using jsdom

Author: ivictbor

bin/scriptimate.js

@@ -8,6 +8,8 @@ const svgDim = require('svg-dimensions');
 const YAML = require('yaml');
 const crypto = require('crypto');
 const os = require('os');
+const jsdom = require("jsdom");
+const { JSDOM } = jsdom;
 
 let uniq;
 
@@ -43,8 +45,6 @@ parser.add_argument('-ijq', '--intermediateJpegQuality', { help: 'JPEG quality 0
 parser.add_argument('-nc', '--nocache', { help: "Don't use screenshots cache (but still generate it), for scriptimate develeopmnt", default: false });
 
 
-
-
 const proc_args = parser.parse_args();
 
 const FPS = +proc_args.fps;
@@ -325,12 +325,13 @@ const addPart = async (lang, filename, left, top, opacity, scale, toBoxHole, das
   });
   if (lang !== 'default') {
     const strings = translationsDict[lang];
-    Object.keys(strings).forEach((tr) => {
-      withUniquifiedIDs = withUniquifiedIDs.replace(new RegExp(`>(.+?)${tr}(.+?)<`, 'g'), (_, v1, v2) => {
-        return `>${v1}${strings[tr]}${v2}<`;
-      });
-      // withUniquifiedIDs = withUniquifiedIDs.replaceAll(tr, strings[tr]);
-    });
+    const dom = new JSDOM(withUniquifiedIDs);
+    for ( let e of dom.window.document.querySelectorAll("tspan") ) {
+      for (let tr of Object.keys(strings)) {
+        e.innerHTML = e.innerHTML.replaceAll(tr, strings[tr]);
+      };
+    }
+    withUniquifiedIDs = dom.window.document.querySelector('html').innerHTML;
   }
   parts[filename] = {
     type: 'part',