group each plugin in its own folder

src/editor/extensions/ext-webappfind/ext-webappfind.js

@@ -0,0 +1,110 @@
+/**
+* Depends on Firefox add-on and executables from
+* {@link https://github.com/brettz9/webappfind}.
+* @author Brett Zamir
+* @license MIT
+* @todo See WebAppFind Readme for SVG-related todos
+*/
+
+export default {
+  name: 'webappfind',
+  async init ({$}) {
+    const svgEditor = this;
+    // eslint-disable-next-line node/no-unsupported-features/es-syntax
+    const {default: strings} = await import(`./locale/${svgEditor.curPrefs.lang}.js`);
+    const saveMessage = 'save',
+      readMessage = 'read',
+      excludedMessages = [readMessage, saveMessage];
+
+    let pathID;
+    this.canvas.bind(
+      'message',
+      /**
+      * @param {external:Window} win
+      * @param {PlainObject} info
+      * @param {module:svgcanvas.SvgCanvas#event:message} info.data
+      * @param {string} info.origin
+      * @listens module:svgcanvas.SvgCanvas#event:message
+      * @throws {Error} Unexpected event type
+      * @returns {void}
+      */
+      (win, {data, origin}) => { // eslint-disable-line no-shadow
+        // console.log('data, origin', data, origin);
+        let type, content;
+        try {
+          ({type, pathID, content} = data.webappfind); // May throw if data is not an object
+          if (origin !== location.origin || // We are only interested in a message sent as though within this URL by our browser add-on
+              excludedMessages.includes(type) // Avoid our post below (other messages might be possible in the future which may also need to be excluded if your subsequent code makes assumptions on the type of message this is)
+          ) {
+            return;
+          }
+        } catch (err) {
+          return;
+        }
+
+        switch (type) {
+        case 'view':
+          // Populate the contents
+          svgEditor.loadFromString(content);
+
+          /* if ($('#tool_save_file')) {
+            $('#tool_save_file').disabled = false;
+          } */
+          break;
+        case 'save-end':
+          $.alert(`save complete for pathID ${pathID}!`);
+          break;
+        default:
+          throw new Error('Unexpected WebAppFind event type');
+        }
+      }
+    );
+
+    /*
+    window.postMessage({
+      webappfind: {
+        type: readMessage
+      }
+    }, window.location.origin === 'null'
+      // Avoid "null" string error for `file:` protocol (even though
+      //  file protocol not currently supported by Firefox)
+      ? '*'
+      : window.location.origin
+    );
+    */
+    const buttons = [{
+      id: 'webappfind_save', //
+      icon: 'webappfind.png',
+      type: 'app_menu',
+      position: 4, // Before 0-based index position 4 (after the regular "Save Image (S)")
+      events: {
+        click () {
+          if (!pathID) { // Not ready yet as haven't received first payload
+            return;
+          }
+          window.postMessage(
+            {
+              webappfind: {
+                type: saveMessage,
+                pathID,
+                content: svgEditor.canvas.getSvgString()
+              }
+            }, window.location.origin === 'null'
+              // Avoid "null" string error for `file:` protocol (even
+              //  though file protocol not currently supported by add-on)
+              ? '*'
+              : window.location.origin
+          );
+        }
+      }
+    }];
+
+    return {
+      name: strings.name,
+      svgicons: 'webappfind-icon.svg',
+      buttons: strings.buttons.map((button, i) => {
+        return Object.assign(buttons[i], button);
+      })
+    };
+  }
+};

src/editor/extensions/ext-webappfind/locale/en.js

@@ -0,0 +1,8 @@
+export default {
+  name: 'WebAppFind',
+  buttons: [
+    {
+      title: 'Save Image back to Disk'
+    }
+  ]
+};

src/editor/extensions/ext-webappfind/locale/zh-CN.js

@@ -0,0 +1,8 @@
+export default {
+  name: 'WebAppFind',
+  buttons: [
+    {
+      title: '保存图片到磁盘'
+    }
+  ]
+};