- Breaking change: loadSvgString now returns a Promise rather than accepting a callback

- Breaking change: Treat callbacks to `editor.ready` as Promises, only resolving after all resolve
- Breaking change: Make `editor.runCallbacks` return a `Promise` which resolves upon all callbacks resolving
- Breaking change: Require `npx` (used with `babel-node`) to allow Node files
  for HTML building and JSDoc type checking to be expressed as ESM.
- Breaking change: `addExtension` now throws upon a repeated attempt to add an already-added extension
- Breaking change (storage preference cookies): Namespace the cookie as "svgeditstore" instead of just "store"
- Breaking change (API): Remove `svgCanvas.rasterExport` fourth (callback) argument, collapsing fifth (options) to fourth
- Breaking change (API): Remove `svgCanvas.exportPDF` third (callback) argument
- Breaking change (API): `editor/contextmenu.js` `add` now throws instead of giving a console error only upon detecting a bad menuitem or preexisting context menu
- Breaking change (API): Remove `svgCanvas.embedImage` second (callback) argument
- Breaking change (API): Make `getHelpXML` a class instead of instance method of `RGBColor`
- Breaking change (internal API): Refactor `dbox` (and `alert`/`confirm`/`process`/`prompt`/`select`) to avoid a callback argument in favor of return a Promise
- Fix: Avoid running in extension `langReady` multiple times or serially
- Enhancement (API): Add svgCanvas.runExtension to run just one extension and add `nameFilter` callback to `runExtensions`
- Enhancement (API): Supply `$` (our wrapped jQuery) to extensions so can use its plugins, e.g., dbox with its `alert`
- Enhancement: Use alert dialog in place of `alert` in webappfind
- Enhancement: `editor.ready` now returns a Promise resolving when all callbacks have resolved
- Enhancement: Allow `noAlert` option as part of second argument to `loadSvgString` (and `loadFromURL` and `loadFromDataURI`) to avoid UI alert (and trigger promise rejection)
- Enhancement: Make `dbox` as a separate module for alert, prompt, etc. dialogs
- Refactoring: Internal `PaintBox` as class; other misc. tweaks; no bitwise in canvg
- Linting (ESLint): Further linting changes (for editor); rename `.eslintrc` -> `.eslintrc.json` per recommendation
- Optimization: Recompress images (imageoptim-cli updated)
- npm: Update devDeps
- npm: Bump to 4.0.0

editor/extensions/ext-mathjax.js

@@ -1,4 +1,4 @@
-/* globals jQuery, MathJax */
+/* globals MathJax */
 /**
  * ext-mathjax.js
  *
@@ -12,10 +12,9 @@ import {importScript} from '../external/dynamic-import-polyfill/importModule.js'
 
 export default {
   name: 'mathjax',
-  async init ({importLocale}) {
+  async init ({$, importLocale}) {
     const strings = await importLocale();
     const svgEditor = this;
-    const $ = jQuery;
     const svgCanvas = svgEditor.canvas;
 
     // Configuration of the MathJax extention.
@@ -54,7 +53,8 @@ export default {
       locationY,
       mathjaxLoaded = false;
 
-    // TODO: Implement language support. Move these uiStrings to the locale files and the code to the langReady callback.
+    // TODO: Implement language support. Move these uiStrings to the locale files and
+    //   the code to the langReady callback. Also i18nize alert and HTML below
     $.extend(uiStrings, {
       mathjax: {
         embed_svg: 'Save as mathematics',
@@ -65,6 +65,10 @@ export default {
       }
     });
 
+    /**
+     *
+     * @returns {undefined}
+     */
     function saveMath () {
       const code = $('#mathjax_code_textarea').val();
       // displaystyle to force MathJax NOT to use the inline style. Because it is
@@ -122,11 +126,15 @@ export default {
       type: 'mode',
       icon: svgEditor.curConfig.extIconsPath + 'mathjax.png',
       events: {
-        click () {
+        async click () {
+          // Set the mode.
+          svgCanvas.setMode('mathjax');
+
           // Only load Mathjax when needed, we don't want to strain Svg-Edit any more.
           // From this point on it is very probable that it will be needed, so load it.
           if (mathjaxLoaded === false) {
-            $('<div id="mathjax">' +
+            $(
+              '<div id="mathjax">' +
               '<!-- Here is where MathJax creates the math -->' +
                 '<div id="mathjax_creator" class="tex2jax_process" style="display:none">' +
                   '$${}$$' +
@@ -191,21 +199,20 @@ export default {
             */
             // We use `extIconsPath` here for now as it does not vary with
             //  the modular type as does `extPath`
-            importScript(svgEditor.curConfig.extIconsPath + mathjaxSrcSecure).then(() => {
+            try {
+              await importScript(svgEditor.curConfig.extIconsPath + mathjaxSrcSecure);
               // When MathJax is loaded get the div where the math will be rendered.
               MathJax.Hub.queue.Push(function () {
                 math = MathJax.Hub.getAllJax('#mathjax_creator')[0];
-                console.log(math);
+                console.log(math); // eslint-disable-line no-console
                 mathjaxLoaded = true;
-                console.log('MathJax Loaded');
+                console.log('MathJax Loaded'); // eslint-disable-line no-console
               });
-            }).catch(() => {
-              console.log('Failed loadeing MathJax.');
+            } catch (e) {
+              console.log('Failed loading MathJax.'); // eslint-disable-line no-console
               $.alert('Failed loading MathJax. You will not be able to change the mathematics.');
-            });
+            }
           }
-          // Set the mode.
-          svgCanvas.setMode('mathjax');
         }
       }
     }];
@@ -221,6 +228,7 @@ export default {
         if (svgCanvas.getMode() === 'mathjax') {
           return {started: true};
         }
+        return undefined;
       },
       mouseUp (opts) {
         if (svgCanvas.getMode() === 'mathjax') {
@@ -233,6 +241,7 @@ export default {
           $('#mathjax').show();
           return {started: false}; // Otherwise the last selected object dissapears.
         }
+        return undefined;
       },
       callback () {
         $('<style>').text(