- 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-connector.js

@@ -1,4 +1,4 @@
-/* globals jQuery, svgEditor, svgCanvas */
+/* globals jQuery */
 /*
  * ext-connector.js
  *
@@ -8,8 +8,10 @@
  *
  */
 
+import svgEditor from '../svg-editor.js';
 svgEditor.addExtension('Connector', function (S) {
   const $ = jQuery;
+  const svgCanvas = svgEditor.canvas;
   const {svgroot, getNextId, getElem, curConfig} = S,
     addElem = S.addSvgElementFromJson,
     selManager = S.selectorManager,
@@ -29,11 +31,11 @@ svgEditor.addExtension('Connector', function (S) {
     selElems = [];
 
   const langList = {
-    'en': [
-      {'id': 'mode_connect', 'title': 'Connect two objects'}
+    en: [
+      {id: 'mode_connect', title: 'Connect two objects'}
     ],
-    'fr': [
-      {'id': 'mode_connect', 'title': 'Connecter deux objets'}
+    fr: [
+      {id: 'mode_connect', title: 'Connecter deux objets'}
     ]
   };
 
@@ -360,15 +362,15 @@ svgEditor.addExtension('Connector', function (S) {
 
           started = true;
           curLine = addElem({
-            'element': 'polyline',
-            'attr': {
-              'id': getNextId(),
-              'points': (x + ',' + y + ' ' + x + ',' + y + ' ' + startX + ',' + startY),
-              'stroke': '#' + curConfig.initStroke.color,
+            element: 'polyline',
+            attr: {
+              id: getNextId(),
+              points: (x + ',' + y + ' ' + x + ',' + y + ' ' + startX + ',' + startY),
+              stroke: '#' + curConfig.initStroke.color,
               'stroke-width': (!startElem.stroke_width || startElem.stroke_width === 0) ? curConfig.initStroke.width : startElem.stroke_width,
-              'fill': 'none',
-              'opacity': curConfig.initStroke.opacity,
-              'style': 'pointer-events:none'
+              fill: 'none',
+              opacity: curConfig.initStroke.opacity,
+              style: 'pointer-events:none'
             }
           });
           elData(curLine, 'start_bb', bb);
@@ -555,14 +557,14 @@ svgEditor.addExtension('Connector', 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'),
               'marker-mid': mid,
-              'fill': 'none',
-              'opacity': elem.getAttribute('opacity') || 1
+              fill: 'none',
+              opacity: elem.getAttribute('opacity') || 1
             }
           });
           $(elem).after(pline).remove();