svgedit/dist/extensions/ext-webappfind.js

var svgEditorExtension_webappfind = (function () {
  'use strict';

  var asyncToGenerator = function (fn) {
    return function () {
      var gen = fn.apply(this, arguments);
      return new Promise(function (resolve, reject) {
        function step(key, arg) {
          try {
            var info = gen[key](arg);
            var value = info.value;
          } catch (error) {
            reject(error);
            return;
          }

          if (info.done) {
            resolve(value);
          } else {
            return Promise.resolve(value).then(function (value) {
              step("next", value);
            }, function (err) {
              step("throw", err);
            });
          }
        }

        return step("next");
      });
    };
  };

  /**
  * 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
  */

  var extWebappfind = {
    name: 'webappfind',
    init: function () {
      var _ref2 = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(_ref) {
        var importLocale = _ref.importLocale;
        var strings, svgEditor, saveMessage, readMessage, excludedMessages, pathID, buttons;
        return regeneratorRuntime.wrap(function _callee$(_context) {
          while (1) {
            switch (_context.prev = _context.next) {
              case 0:
                _context.next = 2;
                return importLocale();

              case 2:
                strings = _context.sent;
                svgEditor = this;
                saveMessage = 'save', readMessage = 'read', excludedMessages = [readMessage, saveMessage];
                pathID = void 0;

                this.canvas.bind('message',
                /**
                * @param {external:Window} win
                * @param {module:svgcanvas.SvgCanvas#event:message} data
                * @listens module:svgcanvas.SvgCanvas#event:message
                * @throws {Error} Unexpected event type
                * @returns {undefined}
                */
                function (win, _ref3) {
                  var data = _ref3.data,
                      origin = _ref3.origin;

                  // console.log('data, origin', data, origin);
                  var type = void 0,
                      content = void 0;
                  try {
                    // May throw if data is not an object
                    var _data$webappfind = data.webappfind;
                    type = _data$webappfind.type;
                    pathID = _data$webappfind.pathID;
                    content = _data$webappfind.content;
                    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
                );
                */
                buttons = [{
                  id: 'webappfind_save', //
                  type: 'app_menu',
                  position: 4, // Before 0-based index position 4 (after the regular "Save Image (S)")
                  events: {
                    click: function click() {
                      if (!pathID) {
                        // Not ready yet as haven't received first payload
                        return;
                      }
                      window.postMessage({
                        webappfind: {
                          type: saveMessage,
                          pathID: 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 _context.abrupt('return', {
                  name: strings.name,
                  svgicons: svgEditor.curConfig.extIconsPath + 'webappfind-icon.svg',
                  buttons: strings.buttons.map(function (button, i) {
                    return Object.assign(buttons[i], button);
                  })
                });

              case 9:
              case 'end':
                return _context.stop();
            }
          }
        }, _callee, this);
      }));

      function init(_x) {
        return _ref2.apply(this, arguments);
      }

      return init;
    }()
  };

  return extWebappfind;

}());