svgedit/dist/extensions/ext-helloworld.js

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

  function _slicedToArray(arr, i) {
    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
  }

  function _arrayWithHoles(arr) {
    if (Array.isArray(arr)) return arr;
  }

  function _iterableToArrayLimit(arr, i) {
    if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) {
      return;
    }

    var _arr = [];
    var _n = true;
    var _d = false;
    var _e = undefined;

    try {
      for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
        _arr.push(_s.value);

        if (i && _arr.length === i) break;
      }
    } catch (err) {
      _d = true;
      _e = err;
    } finally {
      try {
        if (!_n && _i["return"] != null) _i["return"]();
      } finally {
        if (_d) throw _e;
      }
    }

    return _arr;
  }

  function _nonIterableRest() {
    throw new TypeError("Invalid attempt to destructure non-iterable instance");
  }

  /**
   * ext-helloworld.js
   *
   * @license MIT
   *
   * @copyright 2010 Alexis Deveria
   *
   */

  /**
  * This is a very basic SVG-Edit extension. It adds a "Hello World" button in
  *  the left ("mode") panel. Clicking on the button, and then the canvas
  *  will show the user the point on the canvas that was clicked on.
  */
  var extHelloworld = {
    name: 'helloworld',
    init: function init(_ref) {
      var $, importLocale, strings, svgEditor, svgCanvas;
      return regeneratorRuntime.async(function init$(_context) {
        while (1) {
          switch (_context.prev = _context.next) {
            case 0:
              $ = _ref.$, importLocale = _ref.importLocale;
              _context.next = 3;
              return regeneratorRuntime.awrap(importLocale());

            case 3:
              strings = _context.sent;
              svgEditor = this;
              svgCanvas = svgEditor.canvas;
              return _context.abrupt("return", {
                name: strings.name,
                // For more notes on how to make an icon file, see the source of
                // the helloworld-icon.xml
                svgicons: svgEditor.curConfig.extIconsPath + 'helloworld-icon.xml',
                // Multiple buttons can be added in this array
                buttons: [{
                  // Must match the icon ID in helloworld-icon.xml
                  id: 'hello_world',
                  // Fallback, e.g., for `file:///` access
                  icon: svgEditor.curConfig.extIconsPath + 'helloworld.png',
                  // This indicates that the button will be added to the "mode"
                  // button panel on the left side
                  type: 'mode',
                  // Tooltip text
                  title: strings.buttons[0].title,
                  // Events
                  events: {
                    click: function click() {
                      // The action taken when the button is clicked on.
                      // For "mode" buttons, any other button will
                      // automatically be de-pressed.
                      svgCanvas.setMode('hello_world');
                    }
                  }
                }],
                // This is triggered when the main mouse button is pressed down
                // on the editor canvas (not the tool panels)
                mouseDown: function mouseDown() {
                  // Check the mode on mousedown
                  if (svgCanvas.getMode() === 'hello_world') {
                    // The returned object must include "started" with
                    // a value of true in order for mouseUp to be triggered
                    return {
                      started: true
                    };
                  }

                  return undefined;
                },
                // This is triggered from anywhere, but "started" must have been set
                // to true (see above). Note that "opts" is an object with event info
                mouseUp: function mouseUp(opts) {
                  // Check the mode on mouseup
                  if (svgCanvas.getMode() === 'hello_world') {
                    var zoom = svgCanvas.getZoom(); // Get the actual coordinate by dividing by the zoom value

                    var x = opts.mouse_x / zoom;
                    var y = opts.mouse_y / zoom; // We do our own formatting

                    var text = strings.text;
                    [['x', x], ['y', y]].forEach(function (_ref2) {
                      var _ref3 = _slicedToArray(_ref2, 2),
                          prop = _ref3[0],
                          val = _ref3[1];

                      text = text.replace('{' + prop + '}', val);
                    }); // Show the text using the custom alert function

                    $.alert(text);
                  }
                }
              });

            case 7:
            case "end":
              return _context.stop();
          }
        }
      }, null, this);
    }
  };

  return extHelloworld;

}());