- 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/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);
   });
 }