- 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
This commit is contained in:
Brett Zamir
2018-05-22 18:03:16 +08:00
parent ae2394f086
commit 8c9e40d349
260 changed files with 100462 additions and 13388 deletions

View File

@@ -48,9 +48,9 @@ if (!('SVGPathSeg' in window)) {
constructor (owningPathSegList) {
super(SVGPathSeg.PATHSEG_CLOSEPATH, 'z', owningPathSegList);
}
toString () { return '[object SVGPathSegClosePath]'; };
_asPathString () { return this.pathSegTypeAsLetter; };
clone () { return new SVGPathSegClosePath(undefined); };
toString () { return '[object SVGPathSegClosePath]'; }
_asPathString () { return this.pathSegTypeAsLetter; }
clone () { return new SVGPathSegClosePath(undefined); }
}
class SVGPathSegMovetoAbs extends SVGPathSeg {
@@ -59,9 +59,9 @@ if (!('SVGPathSeg' in window)) {
this._x = x;
this._y = y;
}
toString () { return '[object SVGPathSegMovetoAbs]'; };
_asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y; };
clone () { return new SVGPathSegMovetoAbs(undefined, this._x, this._y); };
toString () { return '[object SVGPathSegMovetoAbs]'; }
_asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y; }
clone () { return new SVGPathSegMovetoAbs(undefined, this._x, this._y); }
}
Object.defineProperties(SVGPathSegMovetoAbs.prototype, {
x: {
@@ -78,9 +78,9 @@ if (!('SVGPathSeg' in window)) {
this._x = x;
this._y = y;
}
toString () { return '[object SVGPathSegMovetoRel]'; };
_asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y; };
clone () { return new SVGPathSegMovetoRel(undefined, this._x, this._y); };
toString () { return '[object SVGPathSegMovetoRel]'; }
_asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y; }
clone () { return new SVGPathSegMovetoRel(undefined, this._x, this._y); }
}
Object.defineProperties(SVGPathSegMovetoRel.prototype, {
x: { get () { return this._x; }, set (x) { this._x = x; this._segmentChanged(); }, enumerable: true },
@@ -93,9 +93,9 @@ if (!('SVGPathSeg' in window)) {
this._x = x;
this._y = y;
}
toString () { return '[object SVGPathSegLinetoAbs]'; };
_asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y; };
clone () { return new SVGPathSegLinetoAbs(undefined, this._x, this._y); };
toString () { return '[object SVGPathSegLinetoAbs]'; }
_asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y; }
clone () { return new SVGPathSegLinetoAbs(undefined, this._x, this._y); }
}
Object.defineProperties(SVGPathSegLinetoAbs.prototype, {
x: { get () { return this._x; }, set (x) { this._x = x; this._segmentChanged(); }, enumerable: true },
@@ -108,9 +108,9 @@ if (!('SVGPathSeg' in window)) {
this._x = x;
this._y = y;
}
toString () { return '[object SVGPathSegLinetoRel]'; };
_asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y; };
clone () { return new SVGPathSegLinetoRel(undefined, this._x, this._y); };
toString () { return '[object SVGPathSegLinetoRel]'; }
_asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y; }
clone () { return new SVGPathSegLinetoRel(undefined, this._x, this._y); }
}
Object.defineProperties(SVGPathSegLinetoRel.prototype, {
x: { get () { return this._x; }, set (x) { this._x = x; this._segmentChanged(); }, enumerable: true },
@@ -127,9 +127,9 @@ if (!('SVGPathSeg' in window)) {
this._x2 = x2;
this._y2 = y2;
}
toString () { return '[object SVGPathSegCurvetoCubicAbs]'; };
_asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x1 + ' ' + this._y1 + ' ' + this._x2 + ' ' + this._y2 + ' ' + this._x + ' ' + this._y; };
clone () { return new SVGPathSegCurvetoCubicAbs(undefined, this._x, this._y, this._x1, this._y1, this._x2, this._y2); };
toString () { return '[object SVGPathSegCurvetoCubicAbs]'; }
_asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x1 + ' ' + this._y1 + ' ' + this._x2 + ' ' + this._y2 + ' ' + this._x + ' ' + this._y; }
clone () { return new SVGPathSegCurvetoCubicAbs(undefined, this._x, this._y, this._x1, this._y1, this._x2, this._y2); }
}
Object.defineProperties(SVGPathSegCurvetoCubicAbs.prototype, {
x: { get () { return this._x; }, set (x) { this._x = x; this._segmentChanged(); }, enumerable: true },
@@ -150,9 +150,9 @@ if (!('SVGPathSeg' in window)) {
this._x2 = x2;
this._y2 = y2;
}
toString () { return '[object SVGPathSegCurvetoCubicRel]'; };
_asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x1 + ' ' + this._y1 + ' ' + this._x2 + ' ' + this._y2 + ' ' + this._x + ' ' + this._y; };
clone () { return new SVGPathSegCurvetoCubicRel(undefined, this._x, this._y, this._x1, this._y1, this._x2, this._y2); };
toString () { return '[object SVGPathSegCurvetoCubicRel]'; }
_asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x1 + ' ' + this._y1 + ' ' + this._x2 + ' ' + this._y2 + ' ' + this._x + ' ' + this._y; }
clone () { return new SVGPathSegCurvetoCubicRel(undefined, this._x, this._y, this._x1, this._y1, this._x2, this._y2); }
}
Object.defineProperties(SVGPathSegCurvetoCubicRel.prototype, {
x: { get () { return this._x; }, set (x) { this._x = x; this._segmentChanged(); }, enumerable: true },
@@ -171,9 +171,9 @@ if (!('SVGPathSeg' in window)) {
this._x1 = x1;
this._y1 = y1;
}
toString () { return '[object SVGPathSegCurvetoQuadraticAbs]'; };
_asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x1 + ' ' + this._y1 + ' ' + this._x + ' ' + this._y; };
clone () { return new SVGPathSegCurvetoQuadraticAbs(undefined, this._x, this._y, this._x1, this._y1); };
toString () { return '[object SVGPathSegCurvetoQuadraticAbs]'; }
_asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x1 + ' ' + this._y1 + ' ' + this._x + ' ' + this._y; }
clone () { return new SVGPathSegCurvetoQuadraticAbs(undefined, this._x, this._y, this._x1, this._y1); }
}
Object.defineProperties(SVGPathSegCurvetoQuadraticAbs.prototype, {
x: { get () { return this._x; }, set (x) { this._x = x; this._segmentChanged(); }, enumerable: true },
@@ -190,9 +190,9 @@ if (!('SVGPathSeg' in window)) {
this._x1 = x1;
this._y1 = y1;
}
toString () { return '[object SVGPathSegCurvetoQuadraticRel]'; };
_asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x1 + ' ' + this._y1 + ' ' + this._x + ' ' + this._y; };
clone () { return new SVGPathSegCurvetoQuadraticRel(undefined, this._x, this._y, this._x1, this._y1); };
toString () { return '[object SVGPathSegCurvetoQuadraticRel]'; }
_asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x1 + ' ' + this._y1 + ' ' + this._x + ' ' + this._y; }
clone () { return new SVGPathSegCurvetoQuadraticRel(undefined, this._x, this._y, this._x1, this._y1); }
}
Object.defineProperties(SVGPathSegCurvetoQuadraticRel.prototype, {
x: { get () { return this._x; }, set (x) { this._x = x; this._segmentChanged(); }, enumerable: true },
@@ -212,9 +212,9 @@ if (!('SVGPathSeg' in window)) {
this._largeArcFlag = largeArcFlag;
this._sweepFlag = sweepFlag;
}
toString () { return '[object SVGPathSegArcAbs]'; };
_asPathString () { return this.pathSegTypeAsLetter + ' ' + this._r1 + ' ' + this._r2 + ' ' + this._angle + ' ' + (this._largeArcFlag ? '1' : '0') + ' ' + (this._sweepFlag ? '1' : '0') + ' ' + this._x + ' ' + this._y; };
clone () { return new SVGPathSegArcAbs(undefined, this._x, this._y, this._r1, this._r2, this._angle, this._largeArcFlag, this._sweepFlag); };
toString () { return '[object SVGPathSegArcAbs]'; }
_asPathString () { return this.pathSegTypeAsLetter + ' ' + this._r1 + ' ' + this._r2 + ' ' + this._angle + ' ' + (this._largeArcFlag ? '1' : '0') + ' ' + (this._sweepFlag ? '1' : '0') + ' ' + this._x + ' ' + this._y; }
clone () { return new SVGPathSegArcAbs(undefined, this._x, this._y, this._r1, this._r2, this._angle, this._largeArcFlag, this._sweepFlag); }
}
Object.defineProperties(SVGPathSegArcAbs.prototype, {
x: { get () { return this._x; }, set (x) { this._x = x; this._segmentChanged(); }, enumerable: true },
@@ -237,9 +237,9 @@ if (!('SVGPathSeg' in window)) {
this._largeArcFlag = largeArcFlag;
this._sweepFlag = sweepFlag;
}
toString () { return '[object SVGPathSegArcRel]'; };
_asPathString () { return this.pathSegTypeAsLetter + ' ' + this._r1 + ' ' + this._r2 + ' ' + this._angle + ' ' + (this._largeArcFlag ? '1' : '0') + ' ' + (this._sweepFlag ? '1' : '0') + ' ' + this._x + ' ' + this._y; };
clone () { return new SVGPathSegArcRel(undefined, this._x, this._y, this._r1, this._r2, this._angle, this._largeArcFlag, this._sweepFlag); };
toString () { return '[object SVGPathSegArcRel]'; }
_asPathString () { return this.pathSegTypeAsLetter + ' ' + this._r1 + ' ' + this._r2 + ' ' + this._angle + ' ' + (this._largeArcFlag ? '1' : '0') + ' ' + (this._sweepFlag ? '1' : '0') + ' ' + this._x + ' ' + this._y; }
clone () { return new SVGPathSegArcRel(undefined, this._x, this._y, this._r1, this._r2, this._angle, this._largeArcFlag, this._sweepFlag); }
}
Object.defineProperties(SVGPathSegArcRel.prototype, {
x: { get () { return this._x; }, set (x) { this._x = x; this._segmentChanged(); }, enumerable: true },
@@ -256,9 +256,9 @@ if (!('SVGPathSeg' in window)) {
super(SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_ABS, 'H', owningPathSegList);
this._x = x;
}
toString () { return '[object SVGPathSegLinetoHorizontalAbs]'; };
_asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x; };
clone () { return new SVGPathSegLinetoHorizontalAbs(undefined, this._x); };
toString () { return '[object SVGPathSegLinetoHorizontalAbs]'; }
_asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x; }
clone () { return new SVGPathSegLinetoHorizontalAbs(undefined, this._x); }
}
Object.defineProperty(SVGPathSegLinetoHorizontalAbs.prototype, 'x', { get () { return this._x; }, set (x) { this._x = x; this._segmentChanged(); }, enumerable: true });
@@ -267,10 +267,10 @@ if (!('SVGPathSeg' in window)) {
super(SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_REL, 'h', owningPathSegList);
this._x = x;
}
toString () { return '[object SVGPathSegLinetoHorizontalRel]'; };
_asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x; };
clone () { return new SVGPathSegLinetoHorizontalRel(undefined, this._x); };
};
toString () { return '[object SVGPathSegLinetoHorizontalRel]'; }
_asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x; }
clone () { return new SVGPathSegLinetoHorizontalRel(undefined, this._x); }
}
Object.defineProperty(SVGPathSegLinetoHorizontalRel.prototype, 'x', { get () { return this._x; }, set (x) { this._x = x; this._segmentChanged(); }, enumerable: true });
class SVGPathSegLinetoVerticalAbs extends SVGPathSeg {
@@ -278,9 +278,9 @@ if (!('SVGPathSeg' in window)) {
super(SVGPathSeg.PATHSEG_LINETO_VERTICAL_ABS, 'V', owningPathSegList);
this._y = y;
}
toString () { return '[object SVGPathSegLinetoVerticalAbs]'; };
_asPathString () { return this.pathSegTypeAsLetter + ' ' + this._y; };
clone () { return new SVGPathSegLinetoVerticalAbs(undefined, this._y); };
toString () { return '[object SVGPathSegLinetoVerticalAbs]'; }
_asPathString () { return this.pathSegTypeAsLetter + ' ' + this._y; }
clone () { return new SVGPathSegLinetoVerticalAbs(undefined, this._y); }
}
Object.defineProperty(SVGPathSegLinetoVerticalAbs.prototype, 'y', { get () { return this._y; }, set (y) { this._y = y; this._segmentChanged(); }, enumerable: true });
@@ -289,9 +289,9 @@ if (!('SVGPathSeg' in window)) {
super(SVGPathSeg.PATHSEG_LINETO_VERTICAL_REL, 'v', owningPathSegList);
this._y = y;
}
toString () { return '[object SVGPathSegLinetoVerticalRel]'; };
_asPathString () { return this.pathSegTypeAsLetter + ' ' + this._y; };
clone () { return new SVGPathSegLinetoVerticalRel(undefined, this._y); };
toString () { return '[object SVGPathSegLinetoVerticalRel]'; }
_asPathString () { return this.pathSegTypeAsLetter + ' ' + this._y; }
clone () { return new SVGPathSegLinetoVerticalRel(undefined, this._y); }
}
Object.defineProperty(SVGPathSegLinetoVerticalRel.prototype, 'y', { get () { return this._y; }, set (y) { this._y = y; this._segmentChanged(); }, enumerable: true });
@@ -303,9 +303,9 @@ if (!('SVGPathSeg' in window)) {
this._x2 = x2;
this._y2 = y2;
}
toString () { return '[object SVGPathSegCurvetoCubicSmoothAbs]'; };
_asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x2 + ' ' + this._y2 + ' ' + this._x + ' ' + this._y; };
clone () { return new SVGPathSegCurvetoCubicSmoothAbs(undefined, this._x, this._y, this._x2, this._y2); };
toString () { return '[object SVGPathSegCurvetoCubicSmoothAbs]'; }
_asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x2 + ' ' + this._y2 + ' ' + this._x + ' ' + this._y; }
clone () { return new SVGPathSegCurvetoCubicSmoothAbs(undefined, this._x, this._y, this._x2, this._y2); }
}
Object.defineProperties(SVGPathSegCurvetoCubicSmoothAbs.prototype, {
x: { get () { return this._x; }, set (x) { this._x = x; this._segmentChanged(); }, enumerable: true },
@@ -322,9 +322,9 @@ if (!('SVGPathSeg' in window)) {
this._x2 = x2;
this._y2 = y2;
}
toString () { return '[object SVGPathSegCurvetoCubicSmoothRel]'; };
_asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x2 + ' ' + this._y2 + ' ' + this._x + ' ' + this._y; };
clone () { return new SVGPathSegCurvetoCubicSmoothRel(undefined, this._x, this._y, this._x2, this._y2); };
toString () { return '[object SVGPathSegCurvetoCubicSmoothRel]'; }
_asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x2 + ' ' + this._y2 + ' ' + this._x + ' ' + this._y; }
clone () { return new SVGPathSegCurvetoCubicSmoothRel(undefined, this._x, this._y, this._x2, this._y2); }
}
Object.defineProperties(SVGPathSegCurvetoCubicSmoothRel.prototype, {
x: { get () { return this._x; }, set (x) { this._x = x; this._segmentChanged(); }, enumerable: true },
@@ -339,10 +339,10 @@ if (!('SVGPathSeg' in window)) {
this._x = x;
this._y = y;
}
toString () { return '[object SVGPathSegCurvetoQuadraticSmoothAbs]'; };
_asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y; };
clone () { return new SVGPathSegCurvetoQuadraticSmoothAbs(undefined, this._x, this._y); };
};
toString () { return '[object SVGPathSegCurvetoQuadraticSmoothAbs]'; }
_asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y; }
clone () { return new SVGPathSegCurvetoQuadraticSmoothAbs(undefined, this._x, this._y); }
}
Object.defineProperties(SVGPathSegCurvetoQuadraticSmoothAbs.prototype, {
x: { get () { return this._x; }, set (x) { this._x = x; this._segmentChanged(); }, enumerable: true },
y: { get () { return this._y; }, set (y) { this._y = y; this._segmentChanged(); }, enumerable: true }
@@ -354,9 +354,9 @@ if (!('SVGPathSeg' in window)) {
this._x = x;
this._y = y;
}
toString () { return '[object SVGPathSegCurvetoQuadraticSmoothRel]'; };
_asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y; };
clone () { return new SVGPathSegCurvetoQuadraticSmoothRel(undefined, this._x, this._y); };
toString () { return '[object SVGPathSegCurvetoQuadraticSmoothRel]'; }
_asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y; }
clone () { return new SVGPathSegCurvetoQuadraticSmoothRel(undefined, this._x, this._y); }
}
Object.defineProperties(SVGPathSegCurvetoQuadraticSmoothRel.prototype, {
x: { get () { return this._x; }, set (x) { this._x = x; this._segmentChanged(); }, enumerable: true },
@@ -889,7 +889,7 @@ if (!('SVGPathSegList' in window) || !('appendItem' in SVGPathSegList.prototype)
throw new Error('Unknown path seg type.');
}
}
};
}
const builder = new Builder();
const source = new Source(string);
@@ -907,7 +907,7 @@ if (!('SVGPathSegList' in window) || !('appendItem' in SVGPathSegList.prototype)
return builder.pathSegList;
}
};
}
SVGPathSegList.prototype.classname = 'SVGPathSegList';