- Breaking change: Extension now formatted as export (and this is set to editor, including for callback)

- Breaking change: Locale now formatted as export
- Breaking change: Moved out remaining modular i18n (imagelib) to own folder
- Breaking change: Drop `executeAfterLoads` (and getJSPDF/getCanvg)
- Breaking change: `RGBColor` must accept `new`
- Breaking change: canvg - `stackBlurCanvasRGBA` must be set now by function (`setStackBlurCanvasRGBA`) rather than global; `canvg` now a named export
- Breaking change: Avoid passing `canvg`/`buildCanvgCallback` to extensions (have them import)
- Fix: i18nize imaglib more deeply
- Fix: Positioning of Document Properties dialog (Fixes #246)
- Fix (regression): PDF Export (Fixes #249)
- Fix (regression): Add polyfill for `ChildNode`/`ParentNode` (and use further)
- Fix (regression): Apply Babel universally to dependencies
- Fix (regression): Ordering of `uaPrefix` function in `svgEditor.js`
- Fix (regression): Embedded API
- Fix (embedded editor): Fix backspace key in Firefox so it doesn't navigate out of frame
- Fix: Alert if no exportWindow for PDF (e.g., if blocked)
- Refactoring( RGBColor) `RGBColor` as class, without rebuilding constants, optimize string replacement, move methods to prototype, use templates and object literals, use `Object.keys`
- Refactoring (canvg) Use classes more internally, use shorthand objects; array extras, return to lazy-loading
- Refactoring: Use Promises in place of `$.getScript`; always return Promises in case deciding to await resolving
- Refactoring: Avoid importing `RGBColor` into `svgutils.js` (jsPDF imports it itself)
- Refactoring: Arrow functions, destructuring, shorter property references
- Refactoring: Fix `lang` and `dir` for locales (though not in use currently anyways)
- Refactoring: Provide path config for canvg, jspdf

editor/external/dom-polyfill/dom-polyfill.js

@@ -0,0 +1,101 @@
+// From https://github.com/inexorabletash/polyfill/blob/master/dom.js
+
+function mixin (o, ps) {
+  if (!o) return;
+  Object.keys(ps).forEach((p) => {
+    if ((p in o) || (p in o.prototype)) { return; }
+    try {
+      Object.defineProperty(
+        o.prototype,
+        p,
+        Object.getOwnPropertyDescriptor(ps, p)
+      );
+    } catch (ex) {
+      // Throws in IE8; just copy it
+      o[p] = ps[p];
+    }
+  });
+}
+
+function convertNodesIntoANode (nodes) {
+  nodes = nodes.map((node) => {
+    return !(node instanceof Node) ? document.createTextNode(node) : node;
+  });
+  if (nodes.length === 1) {
+    return nodes[0];
+  }
+  const node = document.createDocumentFragment();
+  nodes.forEach((n) => {
+    node.appendChild(n);
+  });
+  return node;
+}
+
+const ParentNode = {
+  prepend (...nodes) {
+    nodes = convertNodesIntoANode(nodes);
+    this.insertBefore(nodes, this.firstChild);
+  },
+  append (...nodes) {
+    nodes = convertNodesIntoANode(nodes);
+    this.appendChild(nodes);
+  }
+};
+
+mixin(Document || HTMLDocument, ParentNode); // HTMLDocument for IE8
+mixin(DocumentFragment, ParentNode);
+mixin(Element, ParentNode);
+
+// Mixin ChildNode
+// https://dom.spec.whatwg.org/#interface-childnode
+
+const ChildNode = {
+  before (...nodes) {
+    const parent = this.parentNode;
+    if (!parent) return;
+    let viablePreviousSibling = this.previousSibling;
+    while (nodes.includes(viablePreviousSibling)) {
+      viablePreviousSibling = viablePreviousSibling.previousSibling;
+    }
+    const node = convertNodesIntoANode(nodes);
+    parent.insertBefore(
+      node,
+      viablePreviousSibling
+        ? viablePreviousSibling.nextSibling
+        : parent.firstChild
+    );
+  },
+  after (...nodes) {
+    const parent = this.parentNode;
+    if (!parent) return;
+    let viableNextSibling = this.nextSibling;
+    while (nodes.includes(viableNextSibling)) {
+      viableNextSibling = viableNextSibling.nextSibling;
+    }
+    const node = convertNodesIntoANode(nodes);
+    parent.insertBefore(node, viableNextSibling);
+  },
+  replaceWith (...nodes) {
+    const parent = this.parentNode;
+    if (!parent) return;
+    let viableNextSibling = this.nextSibling;
+    while (nodes.includes(viableNextSibling)) {
+      viableNextSibling = viableNextSibling.nextSibling;
+    }
+    const node = convertNodesIntoANode(nodes);
+
+    if (this.parentNode === parent) {
+      parent.replaceChild(node, this);
+    } else {
+      parent.insertBefore(node, viableNextSibling);
+    }
+  },
+  remove () {
+    if (!this.parentNode) { return; }
+    this.parentNode.removeChild(this);
+  }
+};
+
+mixin(DocumentType, ChildNode);
+mixin(Element, ChildNode);
+mixin(CharacterData, ChildNode);

editor/external/dynamic-import-polyfill/importModule.js

@@ -1,23 +1,52 @@
 // MIT License
 // From: https://github.com/uupaa/dynamic-import-polyfill/blob/master/importModule.js
 
-function toAbsoluteURL(url) {
-  const a = document.createElement("a");
-  a.setAttribute("href", url);    // <a href="hoge.html">
+function toAbsoluteURL (url) {
+  const a = document.createElement('a');
+  a.setAttribute('href', url); // <a href="hoge.html">
   return a.cloneNode(false).href; // -> "http://example.com/hoge.html"
 }
 
-// My own addition
-export function importScript(url) {
+function addScriptAtts (script, atts) {
+  ['id', 'class', 'type'].forEach((prop) => {
+    if (prop in atts) {
+      script[prop] = atts[prop];
+    }
+  });
+}
+
+// Additions by Brett
+export async function importSetGlobalDefault (url, config) {
+  return importSetGlobal(url, {...config, returnDefault: true});
+}
+export async function importSetGlobal (url, {global, returnDefault}) {
+  // Todo: Replace calls to this function with `import()` when supported
+  const modularVersion = !('svgEditor' in window) ||
+    !window.svgEditor ||
+    window.svgEditor.modules !== false;
+  if (modularVersion) {
+    return importModule(url, undefined, {returnDefault});
+  }
+  await importScript(url);
+  return window[global];
+}
+// Addition by Brett
+export function importScript (url, atts = {}) {
+  if (Array.isArray(url)) {
+    return Promise.all(url.map((u) => {
+      return importScript(u, atts);
+    }));
+  }
   return new Promise((resolve, reject) => {
-    const script = document.createElement("script");
+    const script = document.createElement('script');
     const destructor = () => {
       script.onerror = null;
       script.onload = null;
       script.remove();
-      script.src = "";
+      script.src = '';
     };
-    script.defer = "defer";
+    script.defer = 'defer';
+    addScriptAtts(script, atts);
     script.onerror = () => {
       reject(new Error(`Failed to import: ${url}`));
       destructor();
@@ -28,24 +57,30 @@ export function importScript(url) {
     };
     script.src = url;
 
-    document.head.appendChild(script);
+    document.head.append(script);
   });
 }
 
-export function importModule(url) {
+export function importModule (url, atts = {}, {returnDefault = false} = {}) {
+  if (Array.isArray(url)) {
+    return Promise.all(url.map((u) => {
+      return importModule(u, atts);
+    }));
+  }
   return new Promise((resolve, reject) => {
-    const vector = "$importModule$" + Math.random().toString(32).slice(2);
-    const script = document.createElement("script");
+    const vector = '$importModule$' + Math.random().toString(32).slice(2);
+    const script = document.createElement('script');
     const destructor = () => {
       delete window[vector];
       script.onerror = null;
       script.onload = null;
       script.remove();
       URL.revokeObjectURL(script.src);
-      script.src = "";
+      script.src = '';
     };
-    script.defer = "defer";
-    script.type = "module";
+    addScriptAtts(script, atts);
+    script.defer = 'defer';
+    script.type = 'module';
     script.onerror = () => {
       reject(new Error(`Failed to import: ${url}`));
       destructor();
@@ -55,11 +90,11 @@ export function importModule(url) {
       destructor();
     };
     const absURL = toAbsoluteURL(url);
-    const loader = `import * as m from "${absURL}"; window.${vector} = m;`; // export Module
-    const blob = new Blob([loader], { type: "text/javascript" });
+    const loader = `import * as m from '${absURL.replace(/'/g, "\\'")}'; window.${vector} = ${returnDefault ? 'm.default || ' : ''}m;`; // export Module
+    const blob = new Blob([loader], { type: 'text/javascript' });
     script.src = URL.createObjectURL(blob);
 
-    document.head.appendChild(script);
+    document.head.append(script);
   });
 }