- Breaking change: Rename config file to svgedit-config-iife.js (or for the module version, svgedit-config-es.js);

also expect one directory higher; incorporates #207 (@iuyiuy)
- Breaking change: Separate `extIconsPath` from `extPath` (not copying over icons)
- Breaking change: Don't reference `custom.css` in HTML; can instead be referenced in JavaScript through
    the config file (provided in `svgedit-config-sample-iife.js`/`svgedit-config-sample-es.js` as `svgedit-custom.css` for
    better namespacing); incorporates #207 (@iuyiuy)
- Breaking change: Remove minified jgraduate/spinbtn files (minified within Rollup routine)
- Fix: Zoom when scrolled; incorporates #169 (@AndrolGenhald), adapting for conventions; also allow avoidance when shift key pressed
- Fix: Update Atom feed reference in HTML
- Fixes related to recent commits: Some path and method name fixes needed, function order, missing methods, variable scope declaration, no need for DOMContentLoaded listeners in modules, switch back to non-default export, avoid trimming nullish, deal with mock tests, fix `math.matrixMultiply`, use jquery-svg where needed for array/SVG attributes; add babel-polyfill and defer script to imagelib; other misc. fixes
- Enhancement: Move config-sample.js out of `editor` directory
- Enhancement: For `callback`-style extensions, also provide config object; add following
   to that object: buildCanvgCallback, canvg, decode64, encode64, executeAfterLoads, getTypeMap, isChrome, ieIE, NS, text2xml
- Enhancement: Complete ES6 modules work (extensions, locales, tests), along with Babel;
    make Node build routine for converting modular source to non-modular,
    use `loadStylesheets` for modular stylehsheet defining (but parallel loading);
- Enhancement: Add `stylesheets` config for modular but parallel stylesheet loading with `@default` option for simple inclusion/exclusion of defaults (if not going with default).
- Refactoring: Clean up `svg-editor.html`: consistent indents; avoid extra lbs, avoid long lines
- Refactoring: Avoid embedded API adding inline JavaScript listener
- Refactoring: Move layers and context code to `draw.js`
- Refactoring: Move `pathActions` from `svgcanvas.js` (though preserve aliases to these methods on `canvas`) and `convertPath` from `svgutils.js` to `path.js`
- Refactoring: Move `getStrokedBBox` from `svgcanvas.js` (while keeping an alias) to `svgutils.js` (as `getStrokedBBoxDefaultVisible` to avoid conflict with existing)
- Docs: Remove "dependencies" comments in code except where summarizing role of jQuery or a non-obvious dependency
- Refactoring/Linting: Enfore `no-extra-semi` and `quote-props` rules
- Refactoring: Further avoidance of quotes on properties (as possible)
- Refactoring: Use `class` in place of functions where intended as classes
- Refactoring: Consistency and granularity in extensions imports
- Testing: Update QUnit to 2.6.1 (node_modules) and Sinon to 5.0.8 (and add sinon-test at 2.1.3) and enforce eslint-plugin-qunit linting rules; update custom extensions
- Testing: Add node-static for automating (and accessing out-of-directory contents)
- Testing: Avoid HTML attributes for styling
- Testing: Add npm `test` script
- Testing: Comment out unused jQuery SVG test
- Testing: Add test1 and svgutils_performance_test to all tests page
- Testing: Due apparently to Path having not been a formal class, the test was calling it without `new`; refactored now with sufficient mock data to take into account it is a class
- npm: Update devDeps
- npm: Add html modules and config build to test script

editor/extensions/ext-markers.js

@@ -1,4 +1,4 @@
-/* globals jQuery, svgEditor, svgCanvas */
+/* globals jQuery */
 /*
  * ext-markers.js
  *
@@ -30,9 +30,10 @@
  *    add support for dimension extension lines
  *
  */
-
+import svgEditor from '../svg-editor.js';
 svgEditor.addExtension('Markers', function (S) {
   const $ = jQuery;
+  const svgCanvas = svgEditor.canvas;
   const // {svgcontent} = S,
     addElem = S.addSvgElementFromJson;
   const mtypes = ['start', 'mid', 'end'];
@@ -51,7 +52,7 @@ svgEditor.addExtension('Markers', function (S) {
     rightarrow:
       {element: 'path', attr: {d: 'M100,50 L0,90 L30,50 L0,10 Z'}},
     textmarker:
-      {element: 'text', attr: {x: 0, y: 0, 'stroke-width': 0, 'stroke': 'none', 'font-size': 75, 'font-family': 'serif', 'text-anchor': 'left',
+      {element: 'text', attr: {x: 0, y: 0, 'stroke-width': 0, stroke: 'none', 'font-size': 75, 'font-family': 'serif', 'text-anchor': 'left',
         'xml:space': 'preserve'}},
     forwardslash:
       {element: 'path', attr: {d: 'M30,100 L70,0'}},
@@ -72,7 +73,7 @@ svgEditor.addExtension('Markers', function (S) {
   };
 
   const langList = {
-    'en': [
+    en: [
       {id: 'start_marker_list', title: 'Select start marker type'},
       {id: 'mid_marker_list', title: 'Select mid marker type'},
       {id: 'end_marker_list', title: 'Select end marker type'},
@@ -229,14 +230,14 @@ svgEditor.addExtension('Markers', function (S) {
       markerHeight = bb.height / 10;
 
       const box = addElem({
-        'element': 'rect',
-        'attr': {
-          'x': bb.x,
-          'y': bb.y,
-          'width': bb.width,
-          'height': bb.height,
-          'fill': txtBoxBg,
-          'stroke': txtBoxBorder,
+        element: 'rect',
+        attr: {
+          x: bb.x,
+          y: bb.y,
+          width: bb.width,
+          height: bb.height,
+          fill: txtBoxBg,
+          stroke: txtBoxBorder,
           'stroke-width': txtBoxStrokeWidth
         }
       });
@@ -270,13 +271,13 @@ svgEditor.addExtension('Markers', function (S) {
 
     const midPt = (' ' + ((x1 + x2) / 2) + ',' + ((y1 + y2) / 2) + ' ');
     const pline = addElem({
-      'element': 'polyline',
-      'attr': {
-        'points': (x1 + ',' + y1 + midPt + x2 + ',' + y2),
-        'stroke': elem.getAttribute('stroke'),
+      element: 'polyline',
+      attr: {
+        points: (x1 + ',' + y1 + midPt + x2 + ',' + y2),
+        stroke: elem.getAttribute('stroke'),
         'stroke-width': elem.getAttribute('stroke-width'),
-        'fill': 'none',
-        'opacity': elem.getAttribute('opacity') || 1
+        fill: 'none',
+        opacity: elem.getAttribute('opacity') || 1
       }
     });
     $.each(mtypes, function (i, pos) { // get any existing marker definitions
@@ -298,7 +299,7 @@ svgEditor.addExtension('Markers', function (S) {
   }
 
   function setMarker () {
-    const poslist = {'start_marker': 'start', 'mid_marker': 'mid', 'end_marker': 'end'};
+    const poslist = {start_marker: 'start', mid_marker: 'mid', end_marker: 'end'};
     const pos = poslist[this.id];
     const markerName = 'marker-' + pos;
     let el = selElems[0];
@@ -435,21 +436,21 @@ svgEditor.addExtension('Markers', function (S) {
       id: idPrefix + 'markers_off',
       title: 'Turn off all markers',
       type: 'context',
-      events: { 'click': setMarkerSet },
+      events: { click: setMarkerSet },
       panel: 'marker_panel'
     });
     buttons.push({
       id: idPrefix + 'markers_dimension',
       title: 'Dimension',
       type: 'context',
-      events: { 'click': setMarkerSet },
+      events: { click: setMarkerSet },
       panel: 'marker_panel'
     });
     buttons.push({
       id: idPrefix + 'markers_label',
       title: 'Label',
       type: 'context',
-      events: { 'click': setMarkerSet },
+      events: { click: setMarkerSet },
       panel: 'marker_panel'
     });
 */
@@ -463,7 +464,7 @@ svgEditor.addExtension('Markers', function (S) {
           svgicon: id,
           title,
           type: 'context',
-          events: {'click': setArrowFromButton},
+          events: {click: setArrowFromButton},
           panel: 'marker_panel',
           list: listname,
           isDefault: def
@@ -477,7 +478,7 @@ svgEditor.addExtension('Markers', function (S) {
   let currentLang;
   const ret = {
     name: 'Markers',
-    svgicons: svgEditor.curConfig.extPath + 'markers-icons.xml',
+    svgicons: svgEditor.curConfig.extIconsPath + 'markers-icons.xml',
     callback () {
       $('#marker_panel').addClass('toolset').hide();
     },