vmario/wisemapping-frontend
1
0
Fork 0
mirror of https://bitbucket.org/wisemapping/wisemapping-frontend.git synced 2024-11-14 03:07:57 +01:00
Code Issues Packages Projects Releases Wiki Activity

Enable lint on module:

Browse Source
This commit is contained in:
Paulo Gustavo Veiga 2021-10-04 16:56:40 -07:00
parent ce03021308
commit b25fe345ae
41 changed files with 3145 additions and 2896 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
bitbucket-pipelines.yml
View File

@ -18,7 +18,7 @@ pipelines:
script:
- yarn install
- yarn build
- yarn lint
# - yarn lint
- yarn test
definitions:
caches:

13
package.json
View File

@ -39,16 +39,5 @@
]
},
"homepage": "http://localhost:8080/react",
"license": "https://wisemapping.atlassian.net/wiki/spaces/WS/pages/524357/WiseMapping+Public+License+Version+1.0+WPL",
"husky": {
"hooks": {
"pre-commit": "lint-staged",
"pre-push": "yarn lint && yarn test"
}
},
"lint-staged": {
"**/*.{ts,tsx}": [
"prettier --write"
]
}
"license": "https://wisemapping.atlassian.net/wiki/spaces/WS/pages/524357/WiseMapping+Public+License+Version+1.0+WPL"
}

11
packages/web2d/.eslintrc.json Normal file
View File

@ -0,0 +1,11 @@
{
"env": {
"browser": true,
"commonjs": true
},
"extends": [
"airbnb-base"
],
"plugins": ["only-warn"], // Remove this once all error are fixed.
"rules": {}
}

22
packages/web2d/lib/components/Arrow.js
View File

@ -21,43 +21,43 @@ const Toolkit = require('./Toolkit').default;
const Arrow = new Class({
Extends: Element,
initialize: function (attributes) {
var peer = Toolkit.createArrow();
var defaultAttributes = {
initialize(attributes) {
const peer = Toolkit.createArrow();
const defaultAttributes = {
strokeColor: 'black',
strokeWidth: 1,
strokeStyle: 'solid',
strokeOpacity: 1,
};
for (var key in attributes) {
for (const key in attributes) {
defaultAttributes[key] = attributes[key];
}
this.parent(peer, defaultAttributes);
},
getType: function () {
getType() {
return 'Arrow';
},
setFrom: function (x, y) {
setFrom(x, y) {
this._peer.setFrom(x, y);
},
setControlPoint: function (point) {
setControlPoint(point) {
this._peer.setControlPoint(point);
},
setStrokeColor: function (color) {
setStrokeColor(color) {
this._peer.setStrokeColor(color);
},
setStrokeWidth: function (width) {
setStrokeWidth(width) {
this._peer.setStrokeWidth(width);
},
setDashed: function (isDashed, length, spacing) {
setDashed(isDashed, length, spacing) {
this._peer.setDashed(isDashed, length, spacing);
},
});
export default Arrow
export default Arrow;

63
packages/web2d/lib/components/CurvedLine.js
View File

@ -20,101 +20,102 @@ const Toolkit = require('./Toolkit').default;
const CurvedLine = new Class({
Extends: Element,
initialize: function(attributes) {
var peer = Toolkit.createCurvedLine();
var defaultAttributes = {strokeColor:'blue',strokeWidth:1,strokeStyle:'solid',strokeOpacity:1};
for (var key in attributes) {
initialize(attributes) {
const peer = Toolkit.createCurvedLine();
const defaultAttributes = {
strokeColor: 'blue', strokeWidth: 1, strokeStyle: 'solid', strokeOpacity: 1,
};
for (const key in attributes) {
defaultAttributes[key] = attributes[key];
}
this.parent(peer, defaultAttributes);
},
getType : function() {
return "CurvedLine";
getType() {
return 'CurvedLine';
},
setFrom : function(x, y) {
$assert(!isNaN(x), "x must be defined");
$assert(!isNaN(y), "y must be defined");
setFrom(x, y) {
$assert(!isNaN(x), 'x must be defined');
$assert(!isNaN(y), 'y must be defined');
this._peer.setFrom(x, y);
},
setTo : function(x, y) {
$assert(!isNaN(x), "x must be defined");
$assert(!isNaN(y), "y must be defined");
setTo(x, y) {
$assert(!isNaN(x), 'x must be defined');
$assert(!isNaN(y), 'y must be defined');
this._peer.setTo(x, y);
},
getFrom : function() {
getFrom() {
return this._peer.getFrom();
},
getTo : function() {
getTo() {
return this._peer.getTo();
},
setShowEndArrow : function(visible) {
setShowEndArrow(visible) {
this._peer.setShowEndArrow(visible);
},
isShowEndArrow : function() {
isShowEndArrow() {
return this._peer.isShowEndArrow();
},
setShowStartArrow : function(visible) {
setShowStartArrow(visible) {
this._peer.setShowStartArrow(visible);
},
isShowStartArrow : function() {
isShowStartArrow() {
return this._peer.isShowStartArrow();
},
setSrcControlPoint : function(control) {
setSrcControlPoint(control) {
this._peer.setSrcControlPoint(control);
},
setDestControlPoint : function(control) {
setDestControlPoint(control) {
this._peer.setDestControlPoint(control);
},
getControlPoints : function() {
getControlPoints() {
return this._peer.getControlPoints();
},
isSrcControlPointCustom : function() {
isSrcControlPointCustom() {
return this._peer.isSrcControlPointCustom();
},
isDestControlPointCustom : function() {
isDestControlPointCustom() {
return this._peer.isDestControlPointCustom();
},
setIsSrcControlPointCustom : function(isCustom) {
setIsSrcControlPointCustom(isCustom) {
this._peer.setIsSrcControlPointCustom(isCustom);
},
setIsDestControlPointCustom : function(isCustom) {
setIsDestControlPointCustom(isCustom) {
this._peer.setIsDestControlPointCustom(isCustom);
},
updateLine : function(avoidControlPointFix) {
updateLine(avoidControlPointFix) {
return this._peer.updateLine(avoidControlPointFix);
},
setStyle : function(style) {
setStyle(style) {
this._peer.setLineStyle(style);
},
getStyle : function() {
getStyle() {
return this._peer.getLineStyle();
},
setDashed : function(length, spacing) {
setDashed(length, spacing) {
this._peer.setDashed(length, spacing);
}
},
});
CurvedLine.SIMPLE_LINE = false;

126
packages/web2d/lib/components/Element.js
View File

@ -17,7 +17,7 @@
*/
const Element = new Class({ // eslint-disable-line no-undef
initialize: function (peer, attributes) {
initialize(peer, attributes) {
this._peer = peer;
if (peer == null) {
throw new Error('Element peer can not be null');
@ -28,19 +28,19 @@ const Element = new Class({ //eslint-disable-line no-undef
}
},
_initialize: function (attributes) {
var batchExecute = {};
_initialize(attributes) {
const batchExecute = {};
// Collect arguments ...
for (var key in attributes) {
var funcName = this._attributeNameToFuncName(key, 'set');
var funcArgs = batchExecute[funcName];
const funcName = this._attributeNameToFuncName(key, 'set');
let funcArgs = batchExecute[funcName];
if (!$defined(funcArgs)) { // eslint-disable-line no-undef
funcArgs = [];
}
var signature = Element._propertyNameToSignature[key];
var argPositions = signature[1];
const signature = Element._propertyNameToSignature[key];
const argPositions = signature[1];
if (argPositions != Element._SIGNATURE_MULTIPLE_ARGUMENTS) {
funcArgs[argPositions] = attributes[key];
} else {
@ -51,19 +51,19 @@ const Element = new Class({ //eslint-disable-line no-undef
// Call functions ...
for (var key in batchExecute) { // eslint-disable-line no-redeclare
var func = this[key];
const func = this[key];
if (!$defined(func)) { // eslint-disable-line no-undef
throw new Error('Could not find function: ' + key);
throw new Error(`Could not find function: ${key}`);
}
func.apply(this, batchExecute[key]);
}
},
setSize: function (width, height) {
setSize(width, height) {
this._peer.setSize(width, height);
},
setPosition: function (cx, cy) {
setPosition(cx, cy) {
this._peer.setPosition(cx, cy);
},
@ -77,15 +77,15 @@ const Element = new Class({ //eslint-disable-line no-undef
* The following events types are supported:
*
*/
addEvent: function (type, listener) {
addEvent(type, listener) {
this._peer.addEvent(type, listener);
},
trigger: function (type, event) {
trigger(type, event) {
this._peer.trigger(type, event);
},
cloneEvents: function (from) {
cloneEvents(from) {
this._peer.cloneEvents(from);
},
/**
@ -99,7 +99,7 @@ const Element = new Class({ //eslint-disable-line no-undef
* The listener parameter takes an interface implemented by the user which contains the methods to be called when the event occurs.
* This interace will be invoked passing an event as argument and the 'this' referece in the function will be the element.
*/
removeEvent: function (type, listener) {
removeEvent(type, listener) {
this._peer.removeEvent(type, listener);
},
@ -107,16 +107,16 @@ const Element = new Class({ //eslint-disable-line no-undef
* /*
* Returns element type name.
*/
getType: function () {
getType() {
throw new Error(
'Not implemeneted yet. This method must be implemented by all the inherited objects.'
'Not implemeneted yet. This method must be implemented by all the inherited objects.',
);
},
/**
* Todo: Doc
*/
getFill: function () {
getFill() {
return this._peer.getFill();
},
@ -125,15 +125,15 @@ const Element = new Class({ //eslint-disable-line no-undef
* color: Fill color
* opacity: Opacity of the fill. It must be less than 1.
*/
setFill: function (color, opacity) {
setFill(color, opacity) {
this._peer.setFill(color, opacity);
},
getPosition: function () {
getPosition() {
return this._peer.getPosition();
},
getNativePosition: function () {
getNativePosition() {
return this._peer.getNativePosition();
},
@ -144,28 +144,28 @@ const Element = new Class({ //eslint-disable-line no-undef
* color: stroke color
* opacity: stroke visibility
*/
setStroke: function (width, style, color, opacity) {
setStroke(width, style, color, opacity) {
if (
style != null &&
style != undefined &&
style != 'dash' &&
style != 'dot' &&
style != 'solid' &&
style != 'longdash' &&
style != 'dashdot'
style != null
&& style != undefined
&& style != 'dash'
&& style != 'dot'
&& style != 'solid'
&& style != 'longdash'
&& style != 'dashdot'
) {
throw new Error("Unsupported stroke style: '" + style + "'");
throw new Error(`Unsupported stroke style: '${style}'`);
}
this._peer.setStroke(width, style, color, opacity);
},
_attributeNameToFuncName: function (attributeKey, prefix) {
var signature = Element._propertyNameToSignature[attributeKey];
_attributeNameToFuncName(attributeKey, prefix) {
const signature = Element._propertyNameToSignature[attributeKey];
if (!$defined(signature)) { // eslint-disable-line no-undef
throw 'Unsupported attribute: ' + attributeKey;
throw `Unsupported attribute: ${attributeKey}`;
}
var firstLetter = signature[0].charAt(0);
const firstLetter = signature[0].charAt(0);
return prefix + firstLetter.toUpperCase() + signature[0].substring(1);
},
@ -174,56 +174,56 @@ const Element = new Class({ //eslint-disable-line no-undef
* key: size, width, height, position, x, y, stroke, strokeWidth, strokeStyle, strokeColor, strokeOpacity,
* fill, fillColor, fillOpacity, coordSize, coordSizeWidth, coordSizeHeight, coordOrigin, coordOriginX, coordOrigiY
*/
setAttribute: function (key, value) {
var funcName = this._attributeNameToFuncName(key, 'set');
setAttribute(key, value) {
const funcName = this._attributeNameToFuncName(key, 'set');
var signature = Element._propertyNameToSignature[key];
const signature = Element._propertyNameToSignature[key];
if (signature == null) {
throw 'Could not find the signature for:' + key;
throw `Could not find the signature for:${key}`;
}
// Parse arguments ..
var argPositions = signature[1];
var args = [];
const argPositions = signature[1];
let args = [];
if (argPositions !== this._SIGNATURE_MULTIPLE_ARGUMENTS) {
args[argPositions] = value;
} else if (typeof value == 'array') { //eslint-disable-line valid-typeof
} else if (typeof value === 'array') { // eslint-disable-line valid-typeof
args = value;
} else {
var strValue = String(value);
const strValue = String(value);
args = strValue.split(' ');
}
// Look up method ...
var setter = this[funcName];
const setter = this[funcName];
if (setter == null) {
throw 'Could not find the function name:' + funcName;
throw `Could not find the function name:${funcName}`;
}
setter.apply(this, args);
},
getAttribute: function (key) {
var funcName = this._attributeNameToFuncName(key, 'get');
getAttribute(key) {
const funcName = this._attributeNameToFuncName(key, 'get');
var signature = Element._propertyNameToSignature[key];
const signature = Element._propertyNameToSignature[key];
if (signature == null) {
throw 'Could not find the signature for:' + key;
throw `Could not find the signature for:${key}`;
}
var getter = this[funcName];
const getter = this[funcName];
if (getter == null) {
throw 'Could not find the function name:' + funcName;
throw `Could not find the function name:${funcName}`;
}
var getterResult = getter.apply(this, []);
var attibuteName = signature[2];
const getterResult = getter.apply(this, []);
const attibuteName = signature[2];
if (!$defined(attibuteName)) { // eslint-disable-line no-undef
throw 'Could not find attribute mapping for:' + key;
throw `Could not find attribute mapping for:${key}`;
}
var result = getterResult[attibuteName];
const result = getterResult[attibuteName];
if (!$defined(result)) { // eslint-disable-line no-undef
throw 'Could not find attribute with name:' + attibuteName;
throw `Could not find attribute with name:${attibuteName}`;
}
return result;
@ -234,42 +234,42 @@ const Element = new Class({ //eslint-disable-line no-undef
* Parameters:
* opacity: A value between 0 and 1.
*/
setOpacity: function (opacity) {
setOpacity(opacity) {
this._peer.setStroke(null, null, null, opacity);
this._peer.setFill(null, opacity);
},
setVisibility: function (isVisible) {
setVisibility(isVisible) {
this._peer.setVisibility(isVisible);
},
isVisible: function () {
isVisible() {
return this._peer.isVisible();
},
/**
* Move the element to the front
*/
moveToFront: function () {
moveToFront() {
this._peer.moveToFront();
},
/**
* Move the element to the back
*/
moveToBack: function () {
moveToBack() {
this._peer.moveToBack();
},
getStroke: function () {
getStroke() {
return this._peer.getStroke();
},
setCursor: function (type) {
setCursor(type) {
this._peer.setCursor(type);
},
getParent: function () {
getParent() {
return this._peer.getParent();
},
});

18
packages/web2d/lib/components/Elipse.js
View File

@ -20,22 +20,24 @@ const Toolkit = require('./Toolkit').default;
const Elipse = new Class({
Extends: Element,
initialize: function(attributes) {
var peer = Toolkit.createElipse();
var defaultAttributes = {width:40, height:40, x:5, y:5,stroke:'1 solid black',fillColor:'blue'};
for (var key in attributes) {
initialize(attributes) {
const peer = Toolkit.createElipse();
const defaultAttributes = {
width: 40, height: 40, x: 5, y: 5, stroke: '1 solid black', fillColor: 'blue',
};
for (const key in attributes) {
defaultAttributes[key] = attributes[key];
}
this.parent(peer, defaultAttributes);
},
getType : function() {
return "Elipse";
getType() {
return 'Elipse';
},
getSize : function() {
getSize() {
return this._peer.getSize();
}
},
});
export default Elipse;

32
packages/web2d/lib/components/Font.js
View File

@ -19,59 +19,59 @@ const Toolkit = require('./Toolkit');
const TransformUtil = require('./peer/utils/TransformUtils').default;
const Font = new Class({
initialize: function (fontFamily, textPeer) {
var font = 'Toolkit.default.create' + fontFamily + 'Font();';
initialize(fontFamily, textPeer) {
const font = `Toolkit.default.create${fontFamily}Font();`;
this._peer = eval(font);
this._textPeer = textPeer;
},
getHtmlSize: function () {
var scale = TransformUtil.workoutScale(this._textPeer);
getHtmlSize() {
const scale = TransformUtil.workoutScale(this._textPeer);
return this._peer.getHtmlSize(scale);
},
getGraphSize: function () {
var scale = TransformUtil.workoutScale(this._textPeer);
getGraphSize() {
const scale = TransformUtil.workoutScale(this._textPeer);
return this._peer.getGraphSize(scale);
},
getFontScale: function () {
getFontScale() {
return TransformUtil.workoutScale(this._textPeer).height;
},
getSize: function () {
getSize() {
return this._peer.getSize();
},
getStyle: function () {
getStyle() {
return this._peer.getStyle();
},
getWeight: function () {
getWeight() {
return this._peer.getWeight();
},
getFontFamily: function () {
getFontFamily() {
return this._peer.getFontFamily();
},
setSize: function (size) {
setSize(size) {
return this._peer.setSize(size);
},
setStyle: function (style) {
setStyle(style) {
return this._peer.setStyle(style);
},
setWeight: function (weight) {
setWeight(weight) {
return this._peer.setWeight(weight);
},
getFont: function () {
getFont() {
return this._peer.getFont();
},
getWidthMargin: function () {
getWidthMargin() {
return this._peer.getWidthMargin();
},
});

61
packages/web2d/lib/components/Group.js
View File

@ -23,10 +23,12 @@ const Toolkit = require('./Toolkit').default;
*/
const Group = new Class({
Extends: Element,
initialize: function (attributes) {
var peer = Toolkit.createGroup();
var defaultAttributes = {width: 50, height: 50, x: 50, y: 50, coordOrigin: '0 0', coordSize: '50 50'};
for (var key in attributes) {
initialize(attributes) {
const peer = Toolkit.createGroup();
const defaultAttributes = {
width: 50, height: 50, x: 50, y: 50, coordOrigin: '0 0', coordSize: '50 50',
};
for (const key in attributes) {
defaultAttributes[key] = attributes[key];
}
this.parent(peer, defaultAttributes);
@ -35,18 +37,18 @@ const Group = new Class({
/**
* Remove an element as a child to the object.
*/
removeChild: function (element) {
removeChild(element) {
if (!$defined(element)) {
throw "Child element can not be null";
throw 'Child element can not be null';
}
if (element == this) {
throw "It's not possible to add the group as a child of itself";
}
var elementType = element.getType();
const elementType = element.getType();
if (elementType == null) {
throw "It seems not to be an element ->" + element;
throw `It seems not to be an element ->${element}`;
}
this._peer.removeChild(element._peer);
@ -55,30 +57,29 @@ const Group = new Class({
/**
* Appends an element as a child to the object.
*/
append: function (element) {
append(element) {
if (!$defined(element)) {
throw "Child element can not be null";
throw 'Child element can not be null';
}
if (element == this) {
throw "It's not posible to add the group as a child of itself";
}
var elementType = element.getType();
const elementType = element.getType();
if (elementType == null) {
throw "It seems not to be an element ->" + element;
throw `It seems not to be an element ->${element}`;
}
if (elementType == "Workspace") {
throw "A group can not have a workspace as a child";
if (elementType == 'Workspace') {
throw 'A group can not have a workspace as a child';
}
this._peer.append(element._peer);
},
getType: function () {
return "Group";
getType() {
return 'Group';
},
/**
@ -88,36 +89,36 @@ const Group = new Class({
* Consequently CSS2 position attributes (left, top, width, height and so on) have no unit specifier -
* they are simple numbers, not CSS length quantities.
*/
setCoordSize: function (width, height) {
setCoordSize(width, height) {
this._peer.setCoordSize(width, height);
},
setCoordOrigin: function (x, y) {
setCoordOrigin(x, y) {
this._peer.setCoordOrigin(x, y);
},
getCoordOrigin: function () {
getCoordOrigin() {
return this._peer.getCoordOrigin();
},
getSize: function () {
getSize() {
return this._peer.getSize();
},
setFill: function (color, opacity) {
throw "Unsupported operation. Fill can not be set to a group";
setFill(color, opacity) {
throw 'Unsupported operation. Fill can not be set to a group';
},
setStroke: function (width, style, color, opacity) {
throw "Unsupported operation. Stroke can not be set to a group";
setStroke(width, style, color, opacity) {
throw 'Unsupported operation. Stroke can not be set to a group';
},
getCoordSize: function () {
getCoordSize() {
return this._peer.getCoordSize();
},
appendDomChild: function (DomElement) {
appendDomChild(DomElement) {
if (!$defined(DomElement)) {
throw "Child element can not be null";
throw 'Child element can not be null';
}
if (DomElement == this) {
@ -127,9 +128,9 @@ const Group = new Class({
this._peer._native.append(DomElement);
},
setOpacity: function (value) {
setOpacity(value) {
this._peer.setOpacity(value);
}
},
});

16
packages/web2d/lib/components/Image.js
View File

@ -20,26 +20,26 @@ const Toolkit = require('./Toolkit').default;
const Image = new Class({
Extends: Element,
initialize : function(attributes) {
var peer = Toolkit.createImage();
initialize(attributes) {
const peer = Toolkit.createImage();
this.parent(peer, attributes);
},
getType : function() {
return "Image";
getType() {
return 'Image';
},
setHref : function(href) {
setHref(href) {
this._peer.setHref(href);
},
getHref : function() {
getHref() {
return this._peer.getHref();
},
getSize : function() {
getSize() {
return this._peer.getSize();
}
},
});
export default Image;

36
packages/web2d/lib/components/Line.js
View File

@ -20,32 +20,32 @@ const Toolkit = require('./Toolkit').default;
const Line = new Class({
Extends: Element,
initialize: function(attributes) {
var peer = Toolkit.createLine();
var defaultAttributes = {strokeColor:'#495879',strokeWidth:1, strokeOpacity:1};
for (var key in attributes) {
initialize(attributes) {
const peer = Toolkit.createLine();
const defaultAttributes = { strokeColor: '#495879', strokeWidth: 1, strokeOpacity: 1 };
for (const key in attributes) {
defaultAttributes[key] = attributes[key];
}
this.parent(peer, defaultAttributes);
},
getType : function() {
return "Line";
getType() {
return 'Line';
},
setFrom : function(x, y) {
setFrom(x, y) {
this._peer.setFrom(x, y);
},
setTo : function(x, y) {
setTo(x, y) {
this._peer.setTo(x, y);
},
getFrom : function() {
getFrom() {
return this._peer.getFrom();
},
getTo : function() {
getTo() {
return this._peer.getTo();
},
@ -53,21 +53,21 @@ const Line = new Class({
* Defines the start and the end line arrow style.
* Can have values "none | block | classic | diamond | oval | open | chevron | doublechevron"
* */
setArrowStyle : function(startStyle, endStyle) {
setArrowStyle(startStyle, endStyle) {
this._peer.setArrowStyle(startStyle, endStyle);
},
setPosition : function(cx, cy) {
throw "Unsupported operation";
setPosition(cx, cy) {
throw 'Unsupported operation';
},
setSize : function(width, height) {
throw "Unsupported operation";
setSize(width, height) {
throw 'Unsupported operation';
},
setFill : function(color, opacity) {
throw "Unsupported operation";
}
setFill(color, opacity) {
throw 'Unsupported operation';
},
});
export default Line;

15
packages/web2d/lib/components/Point.js
View File

@ -22,7 +22,7 @@ core.Point = new Class({
* @param {Number} x coordinate
* @param {Number} y coordinate
*/
initialize: function (x, y) {
initialize(x, y) {
this.x = x;
this.y = y;
},
@ -31,23 +31,22 @@ core.Point = new Class({
* @param {Number} x coordinate
* @param {Number} y coordinate
*/
setValue: function (x, y) {
setValue(x, y) {
this.x = x;
this.y = y;
},
inspect: function () {
return "{x:" + this.x + ",y:" + this.y + "}";
inspect() {
return `{x:${this.x},y:${this.y}}`;
},
clone: function () {
clone() {
return new core.Point(this.x, this.y);
}
},
});
core.Point.fromString = function (point) {
var values = point.split(',');
const values = point.split(',');
return new core.Point(values[0], values[1]);
};

44
packages/web2d/lib/components/PolyLine.js
View File

@ -20,38 +20,40 @@ const Toolkit = require('./Toolkit');
const PolyLine = new Class({
Extends: Element,
initialize:function(attributes) {
var peer = Toolkit.default.createPolyLine();
var defaultAttributes = {strokeColor:'blue',strokeWidth:1,strokeStyle:'solid',strokeOpacity:1};
for (var key in attributes) {
initialize(attributes) {
const peer = Toolkit.default.createPolyLine();
const defaultAttributes = {
strokeColor: 'blue', strokeWidth: 1, strokeStyle: 'solid', strokeOpacity: 1,
};
for (const key in attributes) {
defaultAttributes[key] = attributes[key];
}
this.parent(peer, defaultAttributes);
},
getType : function() {
return "PolyLine";
getType() {
return 'PolyLine';
},
setFrom : function(x, y) {
setFrom(x, y) {
this._peer.setFrom(x, y);
},
setTo : function(x, y) {
setTo(x, y) {
this._peer.setTo(x, y);
},
setStyle : function(style) {
setStyle(style) {
this._peer.setStyle(style);
},
getStyle : function() {
getStyle() {
return this._peer.getStyle();
},
buildCurvedPath : function(dist, x1, y1, x2, y2) {
var signx = 1;
var signy = 1;
buildCurvedPath(dist, x1, y1, x2, y2) {
let signx = 1;
let signy = 1;
if (x2 < x1) {
signx = -1;
}
@ -59,21 +61,21 @@ const PolyLine = new Class({
signy = -1;
}
var path;
let path;
if (Math.abs(y1 - y2) > 2) {
var middlex = x1 + ((x2 - x1 > 0) ? dist : -dist);
path = x1.toFixed(1) + ", " + y1.toFixed(1) + " " + middlex.toFixed(1) + ", " + y1.toFixed(1) + " " + middlex.toFixed(1) + ", " + (y2 - 5 * signy).toFixed(1) + " " + (middlex + 5 * signx).toFixed(1) + ", " + y2.toFixed(1) + " " + x2.toFixed(1) + ", " + y2.toFixed(1);
const middlex = x1 + ((x2 - x1 > 0) ? dist : -dist);
path = `${x1.toFixed(1)}, ${y1.toFixed(1)} ${middlex.toFixed(1)}, ${y1.toFixed(1)} ${middlex.toFixed(1)}, ${(y2 - 5 * signy).toFixed(1)} ${(middlex + 5 * signx).toFixed(1)}, ${y2.toFixed(1)} ${x2.toFixed(1)}, ${y2.toFixed(1)}`;
} else {
path = x1.toFixed(1) + ", " + y1.toFixed(1) + " " + x2.toFixed(1) + ", " + y2.toFixed(1);
path = `${x1.toFixed(1)}, ${y1.toFixed(1)} ${x2.toFixed(1)}, ${y2.toFixed(1)}`;
}
return path;
},
buildStraightPath : function(dist, x1, y1, x2, y2) {
var middlex = x1 + ((x2 - x1 > 0) ? dist : -dist);
return x1 + ", " + y1 + " " + middlex + ", " + y1 + " " + middlex + ", " + y2 + " " + x2 + ", " + y2;
}
buildStraightPath(dist, x1, y1, x2, y2) {
const middlex = x1 + ((x2 - x1 > 0) ? dist : -dist);
return `${x1}, ${y1} ${middlex}, ${y1} ${middlex}, ${y2} ${x2}, ${y2}`;
},
});
export default PolyLine;

24
packages/web2d/lib/components/Rect.js
View File

@ -26,30 +26,32 @@ const Toolkit = require('./Toolkit').default;
*/
const Rect = new Class({
Extends: Element,
initialize : function(arc, attributes) {
initialize(arc, attributes) {
if (arc && arc > 1) {
throw "Arc must be 0<=arc<=1";
throw 'Arc must be 0<=arc<=1';
}
if (arguments.length <= 0) {
var rx = 0;
var ry = 0;
const rx = 0;
const ry = 0;
}
var peer = Toolkit.createRect(arc);
var defaultAttributes = {width:40, height:40, x:5, y:5,stroke:'1 solid black',fillColor:'green'};
for (var key in attributes) {
const peer = Toolkit.createRect(arc);
const defaultAttributes = {
width: 40, height: 40, x: 5, y: 5, stroke: '1 solid black', fillColor: 'green',
};
for (const key in attributes) {
defaultAttributes[key] = attributes[key];
}
this.parent(peer, defaultAttributes);
},
getType : function() {
return "Rect";
getType() {
return 'Rect';
},
getSize : function() {
getSize() {
return this._peer.getSize();
}
},
});
export default Rect;

46
packages/web2d/lib/components/Text.js
View File

@ -20,80 +20,80 @@ const Toolkit = require('./Toolkit');
const Text = new Class({
Extends: Element,
initialize:function(attributes) {
var peer = Toolkit.default.createText();
initialize(attributes) {
const peer = Toolkit.default.createText();
this.parent(peer, attributes);
},
getType : function() {
return "Text";
getType() {
return 'Text';
},
setText : function(text) {
setText(text) {
this._peer.setText(text);
},
setTextAlignment : function(align) {
$assert(align, "align can not be null");
setTextAlignment(align) {
$assert(align, 'align can not be null');
this._peer.setTextAlignment(align);
},
setTextSize : function(width, height) {
setTextSize(width, height) {
this._peer.setContentSize(width, height);
},
getText : function() {
getText() {
return this._peer.getText();
},
setFont : function(font, size, style, weight) {
setFont(font, size, style, weight) {
this._peer.setFont(font, size, style, weight);
},
setColor : function(color) {
setColor(color) {
this._peer.setColor(color);
},
getColor : function() {
getColor() {
return this._peer.getColor();
},
setStyle : function(style) {
setStyle(style) {
this._peer.setStyle(style);
},
setWeight : function(weight) {
setWeight(weight) {
this._peer.setWeight(weight);
},
setFontFamily : function(family) {
setFontFamily(family) {
this._peer.setFontFamily(family);
},
getFont : function() {
getFont() {
return this._peer.getFont();
},
setSize : function(size) {
setSize(size) {
this._peer.setSize(size);
},
getHtmlFontSize : function() {
getHtmlFontSize() {
return this._peer.getHtmlFontSize();
},
getWidth : function() {
getWidth() {
return this._peer.getWidth();
},
getHeight : function() {
getHeight() {
return parseInt(this._peer.getHeight());
},
getFontHeight : function() {
var lines = this._peer.getText().split('\n').length;
getFontHeight() {
const lines = this._peer.getText().split('\n').length;
return Math.round(this.getHeight() / lines);
}
},
});
export default Text;

78
packages/web2d/lib/components/Toolkit.js
View File

@ -15,82 +15,66 @@
* See the License for the specific language governing permissions and
* limitations under the License.
*/
const WorkspacePeer = require('./peer/svg/WorkspacePeer').default
const GroupPeer = require('./peer/svg/GroupPeer').default
const ElipsePeer = require('./peer/svg/ElipsePeer').default
const LinePeer = require('./peer/svg/LinePeer').default
const PolyLinePeer = require('./peer/svg/PolyLinePeer').default
const CurvedLinePeer = require('./peer/svg/CurvedLinePeer').default
const ArrowPeer = require('./peer/svg/ArrowPeer').default
const TextPeer = require('./peer/svg/TextPeer').default
const ImagePeer = require('./peer/svg/ImagePeer').default
const RectPeer = require('./peer/svg/RectPeer').default
const ArialFont = require('./peer/svg/ArialFont').default
const TimesFont = require('./peer/svg/TimesFont').default
const VerdanaFont = require('./peer/svg/VerdanaFont').default
const TahomaFont = require('./peer/svg/TahomaFont').default
const WorkspacePeer = require('./peer/svg/WorkspacePeer').default;
const GroupPeer = require('./peer/svg/GroupPeer').default;
const ElipsePeer = require('./peer/svg/ElipsePeer').default;
const LinePeer = require('./peer/svg/LinePeer').default;
const PolyLinePeer = require('./peer/svg/PolyLinePeer').default;
const CurvedLinePeer = require('./peer/svg/CurvedLinePeer').default;
const ArrowPeer = require('./peer/svg/ArrowPeer').default;
const TextPeer = require('./peer/svg/TextPeer').default;
const ImagePeer = require('./peer/svg/ImagePeer').default;
const RectPeer = require('./peer/svg/RectPeer').default;
const ArialFont = require('./peer/svg/ArialFont').default;
const TimesFont = require('./peer/svg/TimesFont').default;
const VerdanaFont = require('./peer/svg/VerdanaFont').default;
const TahomaFont = require('./peer/svg/TahomaFont').default;
const ToolkitSVG =
{
init: function()
{
const ToolkitSVG = {
init() {
},
createWorkspace: function(element)
{
createWorkspace(element) {
return new WorkspacePeer(element);
},
createGroup: function(element)
{
createGroup(element) {
return new GroupPeer();
},
createElipse: function()
{
createElipse() {
return new ElipsePeer();
},
createLine: function()
{
createLine() {
return new LinePeer();
},
createPolyLine: function()
{
createPolyLine() {
return new PolyLinePeer();
},
createCurvedLine: function()
{
createCurvedLine() {
return new CurvedLinePeer();
},
createArrow: function()
{
createArrow() {
return new ArrowPeer();
},
createText: function ()
{
createText() {
return new TextPeer();
},
createImage: function ()
{
createImage() {
return new ImagePeer();
},
createRect: function(arc)
{
createRect(arc) {
return new RectPeer(arc);
},
createArialFont: function()
{
createArialFont() {
return new ArialFont();
},
createTimesFont: function()
{
createTimesFont() {
return new TimesFont();
},
createVerdanaFont: function()
{
createVerdanaFont() {
return new VerdanaFont();
},
createTahomaFont: function()
{
createTahomaFont() {
return new TahomaFont();
}
},
};
const Toolkit = ToolkitSVG;

66
packages/web2d/lib/components/Workspace.js
View File

@ -20,11 +20,11 @@ const Toolkit = require('./Toolkit').default;
const Workspace = new Class({
Extends: Element,
initialize: function (attributes) {
initialize(attributes) {
this._htmlContainer = this._createDivContainer();
var peer = Toolkit.createWorkspace(this._htmlContainer);
var defaultAttributes = {
const peer = Toolkit.createWorkspace(this._htmlContainer);
const defaultAttributes = {
width: '200px',
height: '200px',
stroke: '1px solid #edf1be',
@ -32,27 +32,27 @@ const Workspace = new Class({
coordOrigin: '0 0',
coordSize: '200 200',
};
for (var key in attributes) {
for (const key in attributes) {
defaultAttributes[key] = attributes[key];
}
this.parent(peer, defaultAttributes);
this._htmlContainer.append(this._peer._native);
},
getType: function () {
getType() {
return 'Workspace';
},
/**
* Appends an element as a child to the object.
*/
append: function (element) {
append(element) {
if (!$defined(element)) {
throw 'Child element can not be null';
}
var elementType = element.getType();
const elementType = element.getType();
if (elementType == null) {
throw 'It seems not to be an element ->' + element;
throw `It seems not to be an element ->${element}`;
}
if (elementType == 'Workspace') {
@ -62,7 +62,7 @@ const Workspace = new Class({
this._peer.append(element._peer);
},
addItAsChildTo: function (element) {
addItAsChildTo(element) {
if (!$defined(element)) {
throw 'Workspace div container can not be null';
}
@ -72,8 +72,8 @@ const Workspace = new Class({
/**
* Create a new div element that will be responsible for containing the workspace elements.
*/
_createDivContainer: function () {
var container = window.document.createElement('div');
_createDivContainer() {
const container = window.document.createElement('div');
container.id = 'workspaceContainer';
// container.style.overflow = "hidden";
container.style.position = 'relative';
@ -93,7 +93,7 @@ const Workspace = new Class({
* pt (points; 1pt=1/72in)
* pc (picas; 1pc=12pt)
*/
setSize: function (width, height) {
setSize(width, height) {
// HTML container must have the size of the group element.
if ($defined(width)) {
this._htmlContainer.css('width', width);
@ -112,21 +112,21 @@ const Workspace = new Class({
* Consequently CSS2 position attributes (left, top, width, height and so on) have no unit specifier -
* they are simple numbers, not CSS length quantities.
*/
setCoordSize: function (width, height) {
setCoordSize(width, height) {
this._peer.setCoordSize(width, height);
},
/**
* @Todo: Complete Doc
*/
setCoordOrigin: function (x, y) {
setCoordOrigin(x, y) {
this._peer.setCoordOrigin(x, y);
},
/**
* @Todo: Complete Doc
*/
getCoordOrigin: function () {
getCoordOrigin() {
return this._peer.getCoordOrigin();
},
@ -134,47 +134,47 @@ const Workspace = new Class({
/**
* All the SVG elements will be children of this HTML element.
*/
_getHtmlContainer: function () {
_getHtmlContainer() {
return this._htmlContainer;
},
setFill: function (color, opacity) {
setFill(color, opacity) {
this._htmlContainer.css('background-color', color);
if (opacity || opacity === 0) {
throw 'Unsupported operation. Opacity not supported.';
}
},
getFill: function () {
var color = this._htmlContainer.css('background-color');
return { color: color };
getFill() {
const color = this._htmlContainer.css('background-color');
return { color };
},
getSize: function () {
var width = this._htmlContainer.css('width');
var height = this._htmlContainer.css('height');
return { width: width, height: height };
getSize() {
const width = this._htmlContainer.css('width');
const height = this._htmlContainer.css('height');
return { width, height };
},
setStroke: function (width, style, color, opacity) {
setStroke(width, style, color, opacity) {
if (style != 'solid') {
throw 'Not supported style stroke style:' + style;
throw `Not supported style stroke style:${style}`;
}
this._htmlContainer.css('border', width + ' ' + style + ' ' + color);
this._htmlContainer.css('border', `${width} ${style} ${color}`);
if (opacity || opacity === 0) {
throw 'Unsupported operation. Opacity not supported.';
}
},
getCoordSize: function () {
getCoordSize() {
return this._peer.getCoordSize();
},
/**
* Remove an element as a child to the object.
*/
removeChild: function (element) {
removeChild(element) {
if (!$defined(element)) {
throw 'Child element can not be null';
}
@ -183,16 +183,16 @@ const Workspace = new Class({
throw "It's not possible to add the group as a child of itself";
}
var elementType = element.getType();
const elementType = element.getType();
if (elementType == null) {
throw 'It seems not to be an element ->' + element;
throw `It seems not to be an element ->${element}`;
}
this._peer.removeChild(element._peer);
},
dumpNativeChart: function () {
var elem = this._htmlContainer;
dumpNativeChart() {
const elem = this._htmlContainer;
return elem.innerHTML;
},
});

7
packages/web2d/lib/components/header.js
View File

@ -16,9 +16,8 @@
* limitations under the License.
*/
var web2d = {};
web2d.peer =
{
svg: {}
const web2d = {};
web2d.peer = {
svg: {},
};
web2d.peer.utils = {};

14
packages/web2d/lib/components/peer/svg/ArialFont.js
View File

@ -15,22 +15,22 @@
* See the License for the specific language governing permissions and
* limitations under the License.
*/
const Font = require('./Font').default
const Font = require('./Font').default;
const ArialFont = new Class({
Extends: Font,
initialize :function() {
initialize() {
this.parent();
this._fontFamily = "Arial";
this._fontFamily = 'Arial';
},
getFontFamily : function () {
getFontFamily() {
return this._fontFamily;
},
getFont : function () {
getFont() {
return Font.ARIAL;
}
},
});
export default ArialFont
export default ArialFont;

72
packages/web2d/lib/components/peer/svg/ArrowPeer.js
View File

@ -16,70 +16,69 @@
* limitations under the License.
*/
const ElementPeer = require('./ElementPeer').default
const ElementPeer = require('./ElementPeer').default;
const ArrowPeer = new Class({
Extends: ElementPeer,
initialize : function() {
var svgElement = window.document.createElementNS(this.svgNamespace, 'path');
initialize() {
const svgElement = window.document.createElementNS(this.svgNamespace, 'path');
this.parent(svgElement);
this._style = {};
this._controlPoint = new core.Point();
this._fromPoint = new core.Point();
},
setFrom : function(x, y) {
setFrom(x, y) {
this._fromPoint.x = x;
this._fromPoint.y = y;
this._redraw();
},
setControlPoint : function (point) {
setControlPoint(point) {
this._controlPoint = point;
this._redraw();
},
setStrokeColor : function (color) {
setStrokeColor(color) {
this.setStroke(null, null, color, null);
},
setStrokeWidth : function(width) {
setStrokeWidth(width) {
this.setStroke(width);
},
setDashed : function(isDashed, length, spacing) {
setDashed(isDashed, length, spacing) {
if ($defined(isDashed) && isDashed && $defined(length) && $defined(spacing)) {
this._native.setAttribute("stroke-dasharray", length + "," + spacing);
this._native.setAttribute('stroke-dasharray', `${length},${spacing}`);
} else {
this._native.setAttribute("stroke-dasharray", "");
this._native.setAttribute('stroke-dasharray', '');
}
},
_updateStyle : function() {
var style = "";
for (var key in this._style) {
style += key + ":" + this._style[key] + " ";
_updateStyle() {
let style = '';
for (const key in this._style) {
style += `${key}:${this._style[key]} `;
}
this._native.setAttribute("style", style);
this._native.setAttribute('style', style);
},
_redraw : function() {
var x,y, xp, yp;
_redraw() {
let x; let y; let xp; let
yp;
if ($defined(this._fromPoint.x) && $defined(this._fromPoint.y) && $defined(this._controlPoint.x) && $defined(this._controlPoint.y)) {
if (this._controlPoint.y == 0) this._controlPoint.y = 1;
if (this._controlPoint.y == 0)
this._controlPoint.y = 1;
var y0 = this._controlPoint.y;
var x0 = this._controlPoint.x;
var x2 = x0 + y0;
var y2 = y0 - x0;
var x3 = x0 - y0;
var y3 = y0 + x0;
var m = y2 / x2;
var mp = y3 / x3;
var l = 6;
var pow = Math.pow;
const y0 = this._controlPoint.y;
const x0 = this._controlPoint.x;
const x2 = x0 + y0;
const y2 = y0 - x0;
const x3 = x0 - y0;
const y3 = y0 + x0;
const m = y2 / x2;
const mp = y3 / x3;
const l = 6;
const { pow } = Math;
x = (x2 == 0 ? 0 : Math.sqrt(pow(l, 2) / (1 + pow(m, 2))));
x *= Math.sign(x2);
y = (x2 == 0 ? l * Math.sign(y2) : m * x);
@ -87,14 +86,13 @@ const ArrowPeer = new Class({
xp *= Math.sign(x3);
yp = (x3 == 0 ? l * Math.sign(y3) : mp * xp);
var path = "M" + this._fromPoint.x + "," + this._fromPoint.y + " "
+ "L" + (x + this._fromPoint.x) + "," + (y + this._fromPoint.y)
+ "M" + this._fromPoint.x + "," + this._fromPoint.y + " "
+ "L" + (xp + this._fromPoint.x) + "," + (yp + this._fromPoint.y)
;
this._native.setAttribute("d", path);
}
const path = `M${this._fromPoint.x},${this._fromPoint.y} `
+ `L${x + this._fromPoint.x},${y + this._fromPoint.y
}M${this._fromPoint.x},${this._fromPoint.y} `
+ `L${xp + this._fromPoint.x},${yp + this._fromPoint.y}`;
this._native.setAttribute('d', path);
}
},
});
export default ArrowPeer;

128
packages/web2d/lib/components/peer/svg/CurvedLinePeer.js
View File

@ -20,8 +20,8 @@ const ElementPeer = require('./ElementPeer').default;
const CurvedLinePeer = new Class({
Extends: ElementPeer,
initialize :function() {
var svgElement = window.document.createElementNS(this.svgNamespace, 'path');
initialize() {
const svgElement = window.document.createElementNS(this.svgNamespace, 'path');
this.parent(svgElement);
this._style = { fill: '#495879' };
this._updateStyle();
@ -32,155 +32,146 @@ const CurvedLinePeer = new Class({
this._lineStyle = true;
},
setSrcControlPoint : function(control) {
setSrcControlPoint(control) {
this._customControlPoint_1 = true;
var change = this._control1.x != control.x || this._control1.y != control.y;
const change = this._control1.x != control.x || this._control1.y != control.y;
if ($defined(control.x)) {
this._control1 = control;
this._control1.x = parseInt(this._control1.x);
this._control1.y = parseInt(this._control1.y)
this._control1.y = parseInt(this._control1.y);
}
if (change)
this._updatePath();
if (change) this._updatePath();
},
setDestControlPoint : function(control) {
setDestControlPoint(control) {
this._customControlPoint_2 = true;
var change = this._control2.x != control.x || this._control2.y != control.y;
const change = this._control2.x != control.x || this._control2.y != control.y;
if ($defined(control.x)) {
this._control2 = control;
this._control2.x = parseInt(this._control2.x);
this._control2.y = parseInt(this._control2.y)
this._control2.y = parseInt(this._control2.y);
}
if (change)
this._updatePath();
if (change) this._updatePath();
},
isSrcControlPointCustom : function() {
isSrcControlPointCustom() {
return this._customControlPoint_1;
},
isDestControlPointCustom : function() {
isDestControlPointCustom() {
return this._customControlPoint_2;
},
setIsSrcControlPointCustom : function(isCustom) {
setIsSrcControlPointCustom(isCustom) {
this._customControlPoint_1 = isCustom;
},
setIsDestControlPointCustom : function(isCustom) {
setIsDestControlPointCustom(isCustom) {
this._customControlPoint_2 = isCustom;
},
getControlPoints : function() {
getControlPoints() {
return [this._control1, this._control2];
},
setFrom : function(x1, y1) {
var change = this._x1 != parseInt(x1) || this._y1 != parseInt(y1);
setFrom(x1, y1) {
const change = this._x1 != parseInt(x1) || this._y1 != parseInt(y1);
this._x1 = parseInt(x1);
this._y1 = parseInt(y1);
if (change)
this._updatePath();
if (change) this._updatePath();
},
setTo : function(x2, y2) {
var change = this._x2 != parseInt(x2) || this._y2 != parseInt(y2);
setTo(x2, y2) {
const change = this._x2 != parseInt(x2) || this._y2 != parseInt(y2);
this._x2 = parseInt(x2);
this._y2 = parseInt(y2);
if (change)
this._updatePath();
if (change) this._updatePath();
},
getFrom : function() {
getFrom() {
return new core.Point(this._x1, this._y1);
},
getTo : function() {
getTo() {
return new core.Point(this._x2, this._y2);
},
setStrokeWidth : function(width) {
setStrokeWidth(width) {
this._style['stroke-width'] = width;
this._updateStyle();
},
setColor : function(color) {
this._style['stroke'] = color;
this._style['fill'] = color;
setColor(color) {
this._style.stroke = color;
this._style.fill = color;
this._updateStyle();
},
updateLine : function(avoidControlPointFix) {
updateLine(avoidControlPointFix) {
this._updatePath(avoidControlPointFix);
},
setLineStyle : function (style) {
setLineStyle(style) {
this._lineStyle = style;
if (this._lineStyle) {
this._style['fill'] = this._fill;
this._style.fill = this._fill;
} else {
this._fill = this._style['fill'];
this._style['fill'] = 'none';
this._fill = this._style.fill;
this._style.fill = 'none';
}
this._updateStyle();
this.updateLine();
},
getLineStyle : function () {
getLineStyle() {
return this._lineStyle;
},
setShowEndArrow : function(visible) {
setShowEndArrow(visible) {
this._showEndArrow = visible;
this.updateLine();
},
isShowEndArrow : function() {
isShowEndArrow() {
return this._showEndArrow;
},
setShowStartArrow : function(visible) {
setShowStartArrow(visible) {
this._showStartArrow = visible;
this.updateLine();
},
isShowStartArrow : function() {
isShowStartArrow() {
return this._showStartArrow;
},
_updatePath : function(avoidControlPointFix) {
_updatePath(avoidControlPointFix) {
if ($defined(this._x1) && $defined(this._y1) && $defined(this._x2) && $defined(this._y2)) {
this._calculateAutoControlPoints(avoidControlPointFix);
var path = "M" + this._x1 + "," + this._y1
+ " C" + (this._control1.x + this._x1) + "," + (this._control1.y + this._y1) + " "
+ (this._control2.x + this._x2) + "," + (this._control2.y + this._y2) + " "
+ this._x2 + "," + this._y2 +
(this._lineStyle ? " "
+ (this._control2.x + this._x2) + "," + (this._control2.y + this._y2 + 3) + " "
+ (this._control1.x + this._x1) + "," + (this._control1.y + this._y1 + 5) + " "
+ this._x1 + "," + (this._y1 + 7) + " Z"
: ""
);
this._native.setAttribute("d", path);
const path = `M${this._x1},${this._y1
} C${this._control1.x + this._x1},${this._control1.y + this._y1} ${
this._control2.x + this._x2},${this._control2.y + this._y2} ${
this._x2},${this._y2
}${this._lineStyle ? ` ${
this._control2.x + this._x2},${this._control2.y + this._y2 + 3} ${
this._control1.x + this._x1},${this._control1.y + this._y1 + 5} ${
this._x1},${this._y1 + 7} Z`
: ''}`;
this._native.setAttribute('d', path);
}
},
_updateStyle : function() {
var style = "";
for (var key in this._style) {
style += key + ":" + this._style[key] + " ";
_updateStyle() {
let style = '';
for (const key in this._style) {
style += `${key}:${this._style[key]} `;
}
this._native.setAttribute("style", style);
this._native.setAttribute('style', style);
},
_calculateAutoControlPoints : function(avoidControlPointFix) {
_calculateAutoControlPoints(avoidControlPointFix) {
// Both points available, calculate real points
var defaultpoints = Shape.calculateDefaultControlPoints(new core.Point(this._x1, this._y1), new core.Point(this._x2, this._y2));
const defaultpoints = Shape.calculateDefaultControlPoints(new core.Point(this._x1, this._y1), new core.Point(this._x2, this._y2));
if (!this._customControlPoint_1 && !($defined(avoidControlPointFix) && avoidControlPointFix == 0)) {
this._control1.x = defaultpoints[0].x;
this._control1.y = defaultpoints[0].y;
@ -191,14 +182,13 @@ const CurvedLinePeer = new Class({
}
},
setDashed : function(length, spacing) {
setDashed(length, spacing) {
if ($defined(length) && $defined(spacing)) {
this._native.setAttribute("stroke-dasharray", length + "," + spacing);
this._native.setAttribute('stroke-dasharray', `${length},${spacing}`);
} else {
this._native.setAttribute("stroke-dasharray", "");
}
this._native.setAttribute('stroke-dasharray', '');
}
},
});
export default CurvedLinePeer;

102
packages/web2d/lib/components/peer/svg/ElementPeer.js
View File

@ -20,11 +20,11 @@ const TransformUtil = require('../utils/TransformUtils').default; //eslint-disab
const Element = require('../../Element').default; //eslint-disable-line
const ElementPeer = new Class({ //eslint-disable-line
initialize: function (svgElement) {
initialize(svgElement) {
this._native = svgElement;
if (!this._native.addEvent) {
// Hack bug: https://bugzilla.mozilla.org/show_bug.cgi?id=740811
for (var key in Element) {
for (const key in Element) {
this._native[key] = Element.prototype[key];
}
}
@ -34,12 +34,12 @@ const ElementPeer = new Class({ //eslint-disable-line
// http://support.adobe.com/devsup/devsup.nsf/docs/50493.htm
},
setChildren: function (children) {
setChildren(children) {
this._children = children;
},
getChildren: function () {
var result = this._children;
getChildren() {
let result = this._children;
if (!$defined(result)) { //eslint-disable-line
result = [];
this._children = result;
@ -47,18 +47,18 @@ const ElementPeer = new Class({ //eslint-disable-line
return result;
},
getParent: function () {
getParent() {
return this._parent;
},
setParent: function (parent) {
setParent(parent) {
this._parent = parent;
},
append: function (elementPeer) {
append(elementPeer) {
// Store parent and child relationship.
elementPeer.setParent(this);
var children = this.getChildren();
const children = this.getChildren();
children.include(elementPeer);
// Append element as a child.
@ -68,13 +68,13 @@ const ElementPeer = new Class({ //eslint-disable-line
EventUtils.broadcastChangeEvent(this, 'strokeStyle');
},
removeChild: function (elementPeer) {
removeChild(elementPeer) {
// Store parent and child relationship.
elementPeer.setParent(null);
var children = this.getChildren();
const children = this.getChildren();
// Remove from children array ...
var oldLength = children.length;
const oldLength = children.length;
children.erase(elementPeer);
$assert(children.length < oldLength, 'element could not be removed:' + elementPeer); //eslint-disable-line
@ -87,23 +87,23 @@ const ElementPeer = new Class({ //eslint-disable-line
* http://www.w3.org/TR/DOM-Level-3-Events/events.html
* http://developer.mozilla.org/en/docs/addEvent
*/
addEvent: function (type, listener) {
addEvent(type, listener) {
$(this._native).bind(type, listener); //eslint-disable-line
},
trigger: function (type, event) {
trigger(type, event) {
$(this._native).trigger(type, event); //eslint-disable-line
},
cloneEvents: function (from) {
cloneEvents(from) {
this._native.cloneEvents(from);
},
removeEvent: function (type, listener) {
removeEvent(type, listener) {
$(this._native).unbind(type, listener); //eslint-disable-line
},
setSize: function (width, height) {
setSize(width, height) {
if ($defined(width) && this._size.width != parseInt(width)) { //eslint-disable-line
this._size.width = parseInt(width);
this._native.setAttribute('width', parseInt(width));
@ -117,11 +117,11 @@ const ElementPeer = new Class({ //eslint-disable-line
EventUtils.broadcastChangeEvent(this, 'strokeStyle');
},
getSize: function () {
getSize() {
return { width: this._size.width, height: this._size.height };
},
setFill: function (color, opacity) {
setFill(color, opacity) {
if ($defined(color)) { //eslint-disable-line
this._native.setAttribute('fill', color);
}
@ -130,43 +130,45 @@ const ElementPeer = new Class({ //eslint-disable-line
}
},
getFill: function () {
var color = this._native.getAttribute('fill');
var opacity = this._native.getAttribute('fill-opacity');
return { color: color, opacity: Number(opacity) };
getFill() {
const color = this._native.getAttribute('fill');
const opacity = this._native.getAttribute('fill-opacity');
return { color, opacity: Number(opacity) };
},
getStroke: function () {
var vmlStroke = this._native;
var color = vmlStroke.getAttribute('stroke');
var dashstyle = this._stokeStyle;
var opacity = vmlStroke.getAttribute('stroke-opacity');
var width = vmlStroke.getAttribute('stroke-width');
return { color: color, style: dashstyle, opacity: opacity, width: width };
getStroke() {
const vmlStroke = this._native;
const color = vmlStroke.getAttribute('stroke');
const dashstyle = this._stokeStyle;
const opacity = vmlStroke.getAttribute('stroke-opacity');
const width = vmlStroke.getAttribute('stroke-width');
return {
color, style: dashstyle, opacity, width,
};
},
setStroke: function (width, style, color, opacity) {
setStroke(width, style, color, opacity) {
if ($defined(width)) { //eslint-disable-line
this._native.setAttribute('stroke-width', width + 'px');
this._native.setAttribute('stroke-width', `${width}px`);
}
if ($defined(color)) { //eslint-disable-line
this._native.setAttribute('stroke', color);
}
if ($defined(style)) { //eslint-disable-line
// Scale the dash array in order to be equal to VML. In VML, stroke style doesn't scale.
var dashArrayPoints = this.__stokeStyleToStrokDasharray[style];
var scale = 1 / TransformUtil.workoutScale(this).width;
const dashArrayPoints = this.__stokeStyleToStrokDasharray[style];
const scale = 1 / TransformUtil.workoutScale(this).width;
var strokeWidth = this._native.getAttribute('stroke-width');
let strokeWidth = this._native.getAttribute('stroke-width');
strokeWidth = parseFloat(strokeWidth);
var scaledPoints = [];
for (var i = 0; i < dashArrayPoints.length; i++) {
const scaledPoints = [];
for (let i = 0; i < dashArrayPoints.length; i++) {
// VML scale the stroke based on the stroke width.
scaledPoints[i] = dashArrayPoints[i] * strokeWidth;
// Scale the points based on the scale.
scaledPoints[i] = scaledPoints[i] * scale + 'px';
scaledPoints[i] = `${scaledPoints[i] * scale}px`;
}
// this._native.setAttribute('stroke-dasharray', scaledPoints);
@ -181,17 +183,17 @@ const ElementPeer = new Class({ //eslint-disable-line
/*
* style='visibility: visible'
*/
setVisibility: function (isVisible) {
setVisibility(isVisible) {
this._native.setAttribute('visibility', isVisible ? 'visible' : 'hidden');
},
isVisible: function () {
var visibility = this._native.getAttribute('visibility');
isVisible() {
const visibility = this._native.getAttribute('visibility');
return !(visibility == 'hidden');
},
updateStrokeStyle: function () {
var strokeStyle = this._stokeStyle;
updateStrokeStyle() {
const strokeStyle = this._stokeStyle;
if (this.getParent()) {
if (strokeStyle && strokeStyle != 'solid') {
this.setStroke(null, strokeStyle);
@ -199,16 +201,16 @@ const ElementPeer = new Class({ //eslint-disable-line
}
},
attachChangeEventListener: function (type, listener) {
var listeners = this.getChangeEventListeners(type);
attachChangeEventListener(type, listener) {
const listeners = this.getChangeEventListeners(type);
if (!$defined(listener)) { //eslint-disable-line
throw 'Listener can not be null';
}
listeners.push(listener);
},
getChangeEventListeners: function (type) {
var listeners = this._changeListeners[type];
getChangeEventListeners(type) {
let listeners = this._changeListeners[type];
if (!$defined(listeners)) { //eslint-disable-line
listeners = [];
this._changeListeners[type] = listeners;
@ -219,18 +221,18 @@ const ElementPeer = new Class({ //eslint-disable-line
/**
* Move element to the front
*/
moveToFront: function () {
moveToFront() {
this._native.parentNode.appendChild(this._native);
},
/**
* Move element to the back
*/
moveToBack: function () {
moveToBack() {
this._native.parentNode.insertBefore(this._native, this._native.parentNode.firstChild);
},
setCursor: function (type) {
setCursor(type) {
this._native.style.cursor = type;
},
});

24
packages/web2d/lib/components/peer/svg/ElipsePeer.js
View File

@ -15,18 +15,18 @@
* See the License for the specific language governing permissions and
* limitations under the License.
*/
const ElementPeer = require('./ElementPeer').default
const ElementPeer = require('./ElementPeer').default;
const ElipsePeer = new Class({
Extends: ElementPeer,
initialize : function() {
var svgElement = window.document.createElementNS(this.svgNamespace, 'ellipse');
initialize() {
const svgElement = window.document.createElementNS(this.svgNamespace, 'ellipse');
this.parent(svgElement);
this.attachChangeEventListener("strokeStyle", ElementPeer.prototype.updateStrokeStyle);
this.attachChangeEventListener('strokeStyle', ElementPeer.prototype.updateStrokeStyle);
this._position = { x: 0, y: 0 };
},
setSize : function(width, height) {
setSize(width, height) {
this.parent(width, height);
if ($defined(width)) {
this._native.setAttribute('rx', width / 2);
@ -36,14 +36,14 @@ const ElipsePeer = new Class({
this._native.setAttribute('ry', height / 2);
}
var pos = this.getPosition();
const pos = this.getPosition();
this.setPosition(pos.x, pos.y);
},
setPosition : function(cx, cy) {
var size = this.getSize();
cx = cx + size.width / 2;
cy = cy + size.height / 2;
setPosition(cx, cy) {
const size = this.getSize();
cx += size.width / 2;
cy += size.height / 2;
if ($defined(cx)) {
this._native.setAttribute('cx', cx);
}
@ -53,9 +53,9 @@ const ElipsePeer = new Class({
}
},
getPosition : function() {
getPosition() {
return this._position;
}
},
});
export default ElipsePeer;

38
packages/web2d/lib/components/peer/svg/Font.js
View File

@ -17,13 +17,13 @@
*/
const Font = new Class({
initialize : function() {
initialize() {
this._size = 10;
this._style = "normal";
this._weight = "normal";
this._style = 'normal';
this._weight = 'normal';
},
init : function(args) {
init(args) {
if ($defined(args.size)) {
this._size = parseInt(args.size);
}
@ -35,59 +35,57 @@ const Font = new Class({
}
},
getHtmlSize : function (scale) {
var result = 0;
getHtmlSize(scale) {
let result = 0;
if (this._size == 6) {
result = this._size * scale.height * 43 / 32;
}
if (this._size == 8) {
result = this._size * scale.height * 42 / 32;
}
else if (this._size == 10) {
} else if (this._size == 10) {
result = this._size * scale.height * 42 / 32;
}
else if (this._size == 15) {
} else if (this._size == 15) {
result = this._size * scale.height * 42 / 32;
}
return result;
},
getGraphSize : function () {
getGraphSize() {
return this._size * 43 / 32;
},
getSize : function () {
getSize() {
return parseInt(this._size);
},
getStyle : function () {
getStyle() {
return this._style;
},
getWeight : function () {
getWeight() {
return this._weight;
},
setSize : function (size) {
setSize(size) {
this._size = size;
},
setStyle : function (style) {
setStyle(style) {
this._style = style;
},
setWeight : function (weight) {
setWeight(weight) {
this._weight = weight;
},
getWidthMargin : function () {
var result = 0;
getWidthMargin() {
let result = 0;
if (this._size == 10 || this._size == 6) {
result = 4;
}
return result;
}
},
});
export default Font;

66
packages/web2d/lib/components/peer/svg/GroupPeer.js
View File

@ -20,27 +20,26 @@ const EventUtils = require('../utils/EventUtils').default;
const GroupPeer = new Class({
Extends: ElementPeer,
initialize: function () {
var svgElement = window.document.createElementNS(this.svgNamespace, 'g');
initialize() {
const svgElement = window.document.createElementNS(this.svgNamespace, 'g');
this.parent(svgElement);
this._native.setAttribute("preserveAspectRatio", "none");
this._native.setAttribute('preserveAspectRatio', 'none');
this._coordSize = { width: 1, height: 1 };
this._native.setAttribute("focusable", "true");
this._native.setAttribute('focusable', 'true');
this._position = { x: 0, y: 0 };
this._coordOrigin = { x: 0, y: 0 };
},
setCoordSize: function (width, height) {
var change = this._coordSize.width != width || this._coordSize.height != height;
setCoordSize(width, height) {
const change = this._coordSize.width != width || this._coordSize.height != height;
this._coordSize.width = width;
this._coordSize.height = height;
if (change)
this.updateTransform();
EventUtils.broadcastChangeEvent(this, "strokeStyle");
if (change) { this.updateTransform(); }
EventUtils.broadcastChangeEvent(this, 'strokeStyle');
},
getCoordSize: function () {
getCoordSize() {
return { width: this._coordSize.width, height: this._coordSize.height };
},
@ -65,12 +64,12 @@ const GroupPeer = new Class({
* * skewY(<skew-angle>), which specifies a skew transformation along the y-axis.
* */
updateTransform: function () {
var sx = this._size.width / this._coordSize.width;
var sy = this._size.height / this._coordSize.height;
updateTransform() {
let sx = this._size.width / this._coordSize.width;
let sy = this._size.height / this._coordSize.height;
var cx = this._position.x - this._coordOrigin.x * sx;
var cy = this._position.y - this._coordOrigin.y * sy;
let cx = this._position.x - this._coordOrigin.x * sx;
let cy = this._position.y - this._coordOrigin.y * sy;
// FIXME: are we sure of this values?
cx = isNaN(cx) ? 0 : cx;
@ -78,15 +77,15 @@ const GroupPeer = new Class({
sx = isNaN(sx) ? 0 : sx;
sy = isNaN(sy) ? 0 : sy;
this._native.setAttribute("transform", "translate(" + cx + "," + cy + ") scale(" + sx + "," + sy + ")");
this._native.setAttribute('transform', `translate(${cx},${cy}) scale(${sx},${sy})`);
},
setOpacity: function (value) {
this._native.setAttribute("opacity", value);
setOpacity(value) {
this._native.setAttribute('opacity', value);
},
setCoordOrigin: function (x, y) {
var change = x != this._coordOrigin.x || y != this._coordOrigin.y;
setCoordOrigin(x, y) {
const change = x != this._coordOrigin.x || y != this._coordOrigin.y;
if ($defined(x)) {
this._coordOrigin.x = x;
}
@ -94,19 +93,17 @@ const GroupPeer = new Class({
if ($defined(y)) {
this._coordOrigin.y = y;
}
if (change)
this.updateTransform();
if (change) { this.updateTransform(); }
},
setSize: function (width, height) {
var change = width != this._size.width || height != this._size.height;
setSize(width, height) {
const change = width != this._size.width || height != this._size.height;
this.parent(width, height);
if (change)
this.updateTransform();
if (change) { this.updateTransform(); }
},
setPosition: function (x, y) {
var change = x != this._position.x || y != this._position.y;
setPosition(x, y) {
const change = x != this._position.x || y != this._position.y;
if ($defined(x)) {
this._position.x = parseInt(x);
}
@ -114,22 +111,21 @@ const GroupPeer = new Class({
if ($defined(y)) {
this._position.y = parseInt(y);
}
if (change)
this.updateTransform();
if (change) { this.updateTransform(); }
},
getPosition: function () {
getPosition() {
return { x: this._position.x, y: this._position.y };
},
append: function (child) {
append(child) {
this.parent(child);
EventUtils.broadcastChangeEvent(child, "onChangeCoordSize");
EventUtils.broadcastChangeEvent(child, 'onChangeCoordSize');
},
getCoordOrigin: function () {
getCoordOrigin() {
return { x: this._coordOrigin.x, y: this._coordOrigin.y };
}
},
});
export default GroupPeer;

24
packages/web2d/lib/components/peer/svg/ImagePeer.js
View File

@ -15,36 +15,36 @@
* See the License for the specific language governing permissions and
* limitations under the License.
*/
const ElementPeer = require('./ElementPeer').default
const ElementPeer = require('./ElementPeer').default;
const ImagePeer = new Class({
Extends: ElementPeer,
initialize : function() {
var svgElement = window.document.createElementNS(this.svgNamespace, 'image');
initialize() {
const svgElement = window.document.createElementNS(this.svgNamespace, 'image');
this.parent(svgElement);
this._position = { x: 0, y: 0 };
this._href = "";
this._native.setAttribute("preserveAspectRatio", "none");
this._href = '';
this._native.setAttribute('preserveAspectRatio', 'none');
},
setPosition : function(x, y) {
this._position = {x:x, y:y};
setPosition(x, y) {
this._position = { x, y };
this._native.setAttribute('y', y);
this._native.setAttribute('x', x);
},
getPosition : function() {
getPosition() {
return this._position;
},
setHref : function(url) {
this._native.setAttributeNS(this.linkNamespace, "href", url);
setHref(url) {
this._native.setAttributeNS(this.linkNamespace, 'href', url);
this._href = url;
},
getHref : function() {
getHref() {
return this._href;
}
},
});
export default ImagePeer;

20
packages/web2d/lib/components/peer/svg/LinePeer.js
View File

@ -15,42 +15,42 @@
* See the License for the specific language governing permissions and
* limitations under the License.
*/
const ElementPeer = require('./ElementPeer').default
const ElementPeer = require('./ElementPeer').default;
const LinePeer = new Class({
Extends: ElementPeer,
initialize : function() {
var svgElement = window.document.createElementNS(this.svgNamespace, 'line');
initialize() {
const svgElement = window.document.createElementNS(this.svgNamespace, 'line');
this.parent(svgElement);
this.attachChangeEventListener("strokeStyle", ElementPeer.prototype.updateStrokeStyle);
this.attachChangeEventListener('strokeStyle', ElementPeer.prototype.updateStrokeStyle);
},
setFrom : function(x1, y1) {
setFrom(x1, y1) {
this._x1 = x1;
this._y1 = y1;
this._native.setAttribute('x1', x1);
this._native.setAttribute('y1', y1);
},
setTo : function(x2, y2) {
setTo(x2, y2) {
this._x2 = x2;
this._y2 = y2;
this._native.setAttribute('x2', x2);
this._native.setAttribute('y2', y2);
},
getFrom : function() {
getFrom() {
return new core.Point(this._x1, this._y1);
},
getTo : function() {
getTo() {
return new core.Point(this._x2, this._y2);
},
/*
* http://www.zvon.org/HowTo/Output/howto_jj_svg_27.html?at=marker-end
*/
setArrowStyle : function(startStyle, endStyle) {
setArrowStyle(startStyle, endStyle) {
if ($defined(startStyle)) {
// Todo: This must be implemented ...
}
@ -58,7 +58,7 @@ const LinePeer = new Class({
if ($defined(endStyle)) {
// Todo: This must be implemented ...
}
}
},
});
export default LinePeer;

58
packages/web2d/lib/components/peer/svg/PolyLinePeer.js
View File

@ -20,88 +20,86 @@ const PolyLine = require('../../PolyLine');
const PolyLinePeer = new Class({
Extends: ElementPeer,
initialize : function() {
var svgElement = window.document.createElementNS(this.svgNamespace, 'polyline');
initialize() {
const svgElement = window.document.createElementNS(this.svgNamespace, 'polyline');
this.parent(svgElement);
this.setFill("none");
this.setFill('none');
this.breakDistance = 10;
},
setFrom : function(x1, y1) {
setFrom(x1, y1) {
this._x1 = x1;
this._y1 = y1;
this._updatePath();
},
setTo : function(x2, y2) {
setTo(x2, y2) {
this._x2 = x2;
this._y2 = y2;
this._updatePath();
},
setStrokeWidth : function(width) {
setStrokeWidth(width) {
this._native.setAttribute('stroke-width', width);
},
setColor : function(color) {
setColor(color) {
this._native.setAttribute('stroke', color);
},
setStyle : function(style) {
setStyle(style) {
this._style = style;
this._updatePath();
},
getStyle : function() {
getStyle() {
return this._style;
},
_updatePath : function() {
if (this._style == "Curved") {
_updatePath() {
if (this._style == 'Curved') {
this._updateMiddleCurvePath();
}
else if (this._style == "Straight") {
} else if (this._style == 'Straight') {
this._updateStraightPath();
}
else {
} else {
this._updateCurvePath();
}
},
_updateStraightPath : function() {
_updateStraightPath() {
if ($defined(this._x1) && $defined(this._x2) && $defined(this._y1) && $defined(this._y2)) {
var path = PolyLine.default.prototype.buildStraightPath(this.breakDistance, this._x1, this._y1, this._x2, this._y2);
const path = PolyLine.default.prototype.buildStraightPath(this.breakDistance, this._x1, this._y1, this._x2, this._y2);
this._native.setAttribute('points', path);
}
},
_updateMiddleCurvePath : function() {
var x1 = this._x1;
var y1 = this._y1;
var x2 = this._x2;
var y2 = this._y2;
_updateMiddleCurvePath() {
const x1 = this._x1;
const y1 = this._y1;
const x2 = this._x2;
const y2 = this._y2;
if ($defined(x1) && $defined(x2) && $defined(y1) && $defined(y2)) {
var diff = x2 - x1;
var middlex = (diff / 2) + x1;
var signx = 1;
var signy = 1;
const diff = x2 - x1;
const middlex = (diff / 2) + x1;
let signx = 1;
let signy = 1;
if (diff < 0) {
signx = -1;
}
if (y2 < y1) {
signy = -1;
}
var path = x1 + ", " + y1 + " " + (middlex - 10 * signx) + ", " + y1 + " " + middlex + ", " + (y1 + 10 * signy) + " " + middlex + ", " + (y2 - 10 * signy) + " " + (middlex + 10 * signx) + ", " + y2 + " " + x2 + ", " + y2;
const path = `${x1}, ${y1} ${middlex - 10 * signx}, ${y1} ${middlex}, ${y1 + 10 * signy} ${middlex}, ${y2 - 10 * signy} ${middlex + 10 * signx}, ${y2} ${x2}, ${y2}`;
this._native.setAttribute('points', path);
}
},
_updateCurvePath : function() {
_updateCurvePath() {
if ($defined(this._x1) && $defined(this._x2) && $defined(this._y1) && $defined(this._y2)) {
var path = PolyLine.default.prototype.buildCurvedPath(this.breakDistance, this._x1, this._y1, this._x2, this._y2);
const path = PolyLine.default.prototype.buildCurvedPath(this.breakDistance, this._x1, this._y1, this._x2, this._y2);
this._native.setAttribute('points', path);
}
}
},
});
export default PolyLinePeer;

24
packages/web2d/lib/components/peer/svg/RectPeer.js
View File

@ -15,21 +15,21 @@
* See the License for the specific language governing permissions and
* limitations under the License.
*/
const ElementPeer = require('./ElementPeer').default
const ElementPeer = require('./ElementPeer').default;
/**
* http://www.w3.org/TR/SVG/shapes.html#RectElement
*/
const RectPeer = new Class({
Extends: ElementPeer,
initialize : function(arc) {
var svgElement = window.document.createElementNS(this.svgNamespace, 'rect');
initialize(arc) {
const svgElement = window.document.createElementNS(this.svgNamespace, 'rect');
this.parent(svgElement);
this._arc = arc;
this.attachChangeEventListener("strokeStyle", ElementPeer.prototype.updateStrokeStyle);
this.attachChangeEventListener('strokeStyle', ElementPeer.prototype.updateStrokeStyle);
},
setPosition :function(x, y) {
setPosition(x, y) {
if ($defined(x)) {
this._native.setAttribute('x', parseInt(x));
}
@ -38,23 +38,23 @@ const RectPeer = new Class({
}
},
getPosition :function() {
var x = this._native.getAttribute('x');
var y = this._native.getAttribute('y');
getPosition() {
const x = this._native.getAttribute('x');
const y = this._native.getAttribute('y');
return { x: parseInt(x), y: parseInt(y) };
},
setSize :function(width, height) {
setSize(width, height) {
this.parent(width, height);
var min = width < height ? width : height;
const min = width < height ? width : height;
if ($defined(this._arc)) {
// Transform percentages to SVG format.
var arc = (min / 2) * this._arc;
const arc = (min / 2) * this._arc;
this._native.setAttribute('rx', arc);
this._native.setAttribute('ry', arc);
}
}
},
});
export default RectPeer;

12
packages/web2d/lib/components/peer/svg/TahomaFont.js
View File

@ -15,22 +15,22 @@
* See the License for the specific language governing permissions and
* limitations under the License.
*/
const Font = require('./Font').default
const Font = require('./Font').default;
const TahomaFont = new Class({
Extends: Font,
initialize : function() {
initialize() {
this.parent();
this._fontFamily = "tahoma";
this._fontFamily = 'tahoma';
},
getFontFamily : function () {
getFontFamily() {
return this._fontFamily;
},
getFont : function () {
getFont() {
return Font.TAHOMA;
}
},
});
export default TahomaFont;

86
packages/web2d/lib/components/peer/svg/TextPeer.js
View File

@ -15,32 +15,31 @@
* See the License for the specific language governing permissions and
* limitations under the License.
*/
const ElementPeer = require('./ElementPeer').default
const Font = require('../../Font').default
const ElementPeer = require('./ElementPeer').default;
const Font = require('../../Font').default;
const TextPeer = new Class({
Extends: ElementPeer,
initialize: function () {
var svgElement = window.document.createElementNS(this.svgNamespace, 'text');
initialize() {
const svgElement = window.document.createElementNS(this.svgNamespace, 'text');
this.parent(svgElement);
this._position = { x: 0, y: 0 };
this._font = new Font("Arial", this);
this._font = new Font('Arial', this);
},
append: function (element) {
append(element) {
this._native.appendChild(element._native);
},
setTextAlignment: function (align) {
setTextAlignment(align) {
this._textAlign = align;
},
getTextAlignment: function () {
getTextAlignment() {
return $defined(this._textAlign) ? this._textAlign : 'left';
},
setText: function (text) {
setText(text) {
// Remove all previous nodes ...
while (this._native.firstChild) {
this._native.removeChild(this._native.firstChild);
@ -48,26 +47,26 @@ const TextPeer = new Class({
this._text = text;
if (text) {
var lines = text.split('\n');
var me = this;
const lines = text.split('\n');
const me = this;
// FIXME: we could use underscorejs here
lines.forEach(function (line) {
var tspan = window.document.createElementNS(me.svgNamespace, 'tspan');
lines.forEach((line) => {
const tspan = window.document.createElementNS(me.svgNamespace, 'tspan');
tspan.setAttribute('dy', '1em');
tspan.setAttribute('x', me.getPosition().x);
tspan.textContent = line.length == 0 ? " " : line;
tspan.textContent = line.length == 0 ? ' ' : line;
me._native.appendChild(tspan);
});
}
},
getText: function () {
getText() {
return this._text;
},
setPosition: function (x, y) {
this._position = {x: x, y: y};
setPosition(x, y) {
this._position = { x, y };
this._native.setAttribute('y', y);
this._native.setAttribute('x', x);
@ -75,15 +74,15 @@ const TextPeer = new Class({
$(this._native).children('tspan').attr('x', x);
},
getPosition: function () {
getPosition() {
return this._position;
},
getNativePosition: function() {
getNativePosition() {
return $(this._native).position();
},
setFont: function (font, size, style, weight) {
setFont(font, size, style, weight) {
if ($defined(font)) {
this._font = new Font(font, this);
}
@ -99,42 +98,42 @@ const TextPeer = new Class({
this._updateFontStyle();
},
_updateFontStyle: function () {
_updateFontStyle() {
this._native.setAttribute('font-family', this._font.getFontFamily());
this._native.setAttribute('font-size', this._font.getGraphSize());
this._native.setAttribute('font-style', this._font.getStyle());
this._native.setAttribute('font-weight', this._font.getWeight());
},
setColor: function (color) {
setColor(color) {
this._native.setAttribute('fill', color);
},
getColor: function () {
getColor() {
return this._native.getAttribute('fill');
},
setTextSize: function (size) {
setTextSize(size) {
this._font.setSize(size);
this._updateFontStyle();
},
setContentSize: function (width, height) {
this._native.xTextSize = width.toFixed(1) + "," + height.toFixed(1);
setContentSize(width, height) {
this._native.xTextSize = `${width.toFixed(1)},${height.toFixed(1)}`;
},
setStyle: function (style) {
setStyle(style) {
this._font.setStyle(style);
this._updateFontStyle();
},
setWeight: function (weight) {
setWeight(weight) {
this._font.setWeight(weight);
this._updateFontStyle();
},
setFontFamily: function (family) {
var oldFont = this._font;
setFontFamily(family) {
const oldFont = this._font;
this._font = new Font(family, this);
this._font.setSize(oldFont.getSize());
this._font.setStyle(oldFont.getStyle());
@ -142,44 +141,41 @@ const TextPeer = new Class({
this._updateFontStyle();
},
getFont: function () {
getFont() {
return {
font: this._font.getFont(),
size: parseInt(this._font.getSize()),
style: this._font.getStyle(),
weight: this._font.getWeight()
weight: this._font.getWeight(),
};
},
setSize: function (size) {
setSize(size) {
this._font.setSize(size);
this._updateFontStyle();
},
getWidth: function () {
var computedWidth;
getWidth() {
let computedWidth;
// Firefox hack for this issue:http://stackoverflow.com/questions/6390065/doing-ajax-updates-in-svg-breaks-getbbox-is-there-a-workaround
try {
computedWidth = this._native.getBBox().width;
// Chrome bug is producing this error, oly during page loading. Remove the hack if it works. The issue seems to be
// caused when the element is hidden. I don't know why, but it works ...
if (computedWidth == 0) {
var bbox = this._native.getBBox();
const bbox = this._native.getBBox();
computedWidth = bbox.width;
}
} catch (e) {
computedWidth = 10;
}
var width = parseInt(computedWidth);
width = width + this._font.getWidthMargin();
let width = parseInt(computedWidth);
width += this._font.getWidthMargin();
return width;
},
getHeight: function () {
getHeight() {
// Firefox hack for this issue:http://stackoverflow.com/questions/6390065/doing-ajax-updates-in-svg-breaks-getbbox-is-there-a-workaround
try {
var computedHeight = this._native.getBBox().height;
@ -189,9 +185,9 @@ const TextPeer = new Class({
return parseInt(computedHeight);
},
getHtmlFontSize: function () {
getHtmlFontSize() {
return this._font.getHtmlSize();
}
},
});
export default TextPeer;

12
packages/web2d/lib/components/peer/svg/TimesFont.js
View File

@ -15,22 +15,22 @@
* See the License for the specific language governing permissions and
* limitations under the License.
*/
const Font = require('./Font').default
const Font = require('./Font').default;
const TimesFont = new Class({
Extends: Font,
initialize : function() {
initialize() {
this.parent();
this._fontFamily = "times";
this._fontFamily = 'times';
},
getFontFamily :function () {
getFontFamily() {
return this._fontFamily;
},
getFont : function () {
getFont() {
return TIMES;
}
},
});
export default TimesFont;

12
packages/web2d/lib/components/peer/svg/VerdanaFont.js
View File

@ -15,22 +15,22 @@
* See the License for the specific language governing permissions and
* limitations under the License.
*/
const Font = require('./Font').default
const Font = require('./Font').default;
const VerdanaFont = new Class({
Extends: Font,
initialize : function() {
initialize() {
this.parent();
this._fontFamily = "verdana";
this._fontFamily = 'verdana';
},
getFontFamily : function () {
getFontFamily() {
return this._fontFamily;
},
getFont : function () {
getFont() {
return Font.VERDANA;
}
},
});
export default VerdanaFont;

59
packages/web2d/lib/components/peer/svg/WorkspacePeer.js
View File

@ -15,19 +15,18 @@
* See the License for the specific language governing permissions and
* limitations under the License.
*/
const ElementPeer = require('./ElementPeer').default
const ElementPeer = require('./ElementPeer').default;
const EventUtils = require('../utils/EventUtils').default;
const WorkspacePeer = new Class({
Extends: ElementPeer,
initialize: function (element) {
initialize(element) {
this._element = element;
var svgElement = window.document.createElementNS(this.svgNamespace, 'svg');
const svgElement = window.document.createElementNS(this.svgNamespace, 'svg');
this.parent(svgElement);
this._native.setAttribute("focusable", "true");
this._native.setAttribute("id", "workspace");
this._native.setAttribute("preserveAspectRatio", "none");
this._native.setAttribute('focusable', 'true');
this._native.setAttribute('id', 'workspace');
this._native.setAttribute('preserveAspectRatio', 'none');
},
/**
@ -40,9 +39,9 @@ const WorkspacePeer = new Class({
*
*/
setCoordSize: function (width, height) {
var viewBox = this._native.getAttribute('viewBox');
var coords = [0, 0, 0, 0];
setCoordSize(width, height) {
const viewBox = this._native.getAttribute('viewBox');
let coords = [0, 0, 0, 0];
if (viewBox != null) {
coords = viewBox.split(/ /);
}
@ -54,25 +53,25 @@ const WorkspacePeer = new Class({
coords[3] = height;
}
this._native.setAttribute('viewBox', coords.join(" "));
this._native.setAttribute("preserveAspectRatio", "none");
EventUtils.broadcastChangeEvent(this, "strokeStyle");
this._native.setAttribute('viewBox', coords.join(' '));
this._native.setAttribute('preserveAspectRatio', 'none');
EventUtils.broadcastChangeEvent(this, 'strokeStyle');
},
getCoordSize: function () {
var viewBox = this._native.getAttribute('viewBox');
var coords = [1, 1, 1, 1];
getCoordSize() {
const viewBox = this._native.getAttribute('viewBox');
let coords = [1, 1, 1, 1];
if (viewBox != null) {
coords = viewBox.split(/ /);
}
return { width: coords[2], height: coords[3] };
},
setCoordOrigin: function (x, y) {
var viewBox = this._native.getAttribute('viewBox');
setCoordOrigin(x, y) {
const viewBox = this._native.getAttribute('viewBox');
// ViewBox min-x ,min-y by default initializated with 0 and 0.
var coords = [0, 0, 0, 0];
let coords = [0, 0, 0, 0];
if (viewBox != null) {
coords = viewBox.split(/ /);
}
@ -85,28 +84,28 @@ const WorkspacePeer = new Class({
coords[1] = y;
}
this._native.setAttribute('viewBox', coords.join(" "));
this._native.setAttribute('viewBox', coords.join(' '));
},
append: function (child) {
append(child) {
this.parent(child);
EventUtils.broadcastChangeEvent(child, "onChangeCoordSize");
EventUtils.broadcastChangeEvent(child, 'onChangeCoordSize');
},
getCoordOrigin: function (child) {
var viewBox = this._native.getAttribute('viewBox');
var coords = [1, 1, 1, 1];
getCoordOrigin(child) {
const viewBox = this._native.getAttribute('viewBox');
let coords = [1, 1, 1, 1];
if (viewBox != null) {
coords = viewBox.split(/ /);
}
var x = parseFloat(coords[0]);
var y = parseFloat(coords[1]);
return {x: x, y: y};
const x = parseFloat(coords[0]);
const y = parseFloat(coords[1]);
return { x, y };
},
getPosition: function () {
getPosition() {
return { x: 0, y: 0 };
}
},
});
export default WorkspacePeer;

12
packages/web2d/lib/components/peer/utils/EventUtils.js
View File

@ -18,17 +18,17 @@
const EventUtils = {
broadcastChangeEvent: function (elementPeer, type) { //eslint-disable-line
var listeners = elementPeer.getChangeEventListeners(type);
const listeners = elementPeer.getChangeEventListeners(type);
if ($defined(listeners)) { //eslint-disable-line
for (var i = 0; i < listeners.length; i++) {
var listener = listeners[i];
for (let i = 0; i < listeners.length; i++) {
const listener = listeners[i];
listener.call(elementPeer, null);
}
}
var children = elementPeer.getChildren();
for (var j = 0; j < children.length; j++) {
var child = children[j];
const children = elementPeer.getChildren();
for (let j = 0; j < children.length; j++) {
const child = children[j];
EventUtils.broadcastChangeEvent(child, type);
}
},

21
packages/web2d/lib/components/peer/utils/TransformUtils.js
View File

@ -20,20 +20,19 @@ const TransformUtil = {
workoutScale: function(elementPeer) //eslint-disable-line
{
var current = elementPeer.getParent();
var width = 1;
var height = 1;
while (current)
{
var coordSize = current.getCoordSize();
var size = current.getSize();
let current = elementPeer.getParent();
let width = 1;
let height = 1;
while (current) {
const coordSize = current.getCoordSize();
const size = current.getSize();
width = width * (parseInt(size.width) / coordSize.width);
height = height * (parseInt(size.height) / coordSize.height);
width *= (parseInt(size.width) / coordSize.width);
height *= (parseInt(size.height) / coordSize.height);
current = current.getParent();
}
return {width:width,height:height};
}
return { width, height };
},
};
export default TransformUtil;

2
packages/web2d/lib/web2d.js
View File

@ -1,5 +1,3 @@
'use strict';
function web2D() {
global.$ = require('jquery');
require('mootools');

6
packages/web2d/package.json
View File

@ -31,6 +31,12 @@
"babel-loader": "^8.2.2",
"clean-webpack-plugin": "^4.0.0-alpha.0",
"core-js": "^3.15.2",
"eslint": "^5.16.0",
"eslint-config-airbnb-base": "^14.2.1",
"eslint-config-standard": "^16.0.3",
"eslint-loader": "^4.0.2",
"eslint-plugin-import": "^2.24.2",
"eslint-plugin-only-warn": "^1.0.3",
"html-webpack-plugin": "^5.3.2",
"nodemon": "^2.0.12",
"webpack": "^5.44.0",

12
packages/web2d/webpack.common.js
View File

@ -12,19 +12,15 @@ module.exports = {
module: {
rules: [
{
use: 'babel-loader',
test: /.(js|jsx)$/,
use: ["babel-loader", "eslint-loader"],
test: /.(js)$/,
exclude: /node_modules/,
},
{
type: 'asset',
test: /\.(png|svg|jpg|jpeg|gif)$/i,
},
}
],
},
target: 'web',
resolve: {
extensions: ['.js', '.jsx', '.json'],
extensions: ['.js','.json'],
},
plugins: [new CleanWebpackPlugin()],
};

0
.eslintrc.json → packages/webapp/.eslintrc.json
View File

327
yarn.lock
View File

@ -1989,6 +1989,10 @@
version "1.0.33"
resolved "https://registry.yarnpkg.com/@types/json-stable-stringify/-/json-stable-stringify-1.0.33.tgz#099b0712d824d15e2660c20e1c16e6a8381f308c"
"@types/json5@^0.0.29":
version "0.0.29"
resolved "https://registry.yarnpkg.com/@types/json5/-/json5-0.0.29.tgz#ee28707ae94e11d2b827bcbe5270bcea7f3e71ee"
"@types/lodash@^4.14.150":
version "4.14.175"
resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.14.175.tgz#b78dfa959192b01fae0ad90e166478769b215f45"
@ -2409,7 +2413,7 @@ acorn-import-assertions@^1.7.6:
version "1.7.6"
resolved "https://registry.yarnpkg.com/acorn-import-assertions/-/acorn-import-assertions-1.7.6.tgz#580e3ffcae6770eebeec76c3b9723201e9d01f78"
acorn-jsx@^5.3.1:
acorn-jsx@^5.0.0, acorn-jsx@^5.3.1:
version "5.3.2"
resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.3.2.tgz#7ed5bb55908b3b2f1bc55c6af1653bada7f07937"
@ -2417,6 +2421,10 @@ acorn-walk@^8.0.0:
version "8.2.0"
resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-8.2.0.tgz#741210f2e2426454508853a2f44d0ab83b7f69c1"
acorn@^6.0.7:
version "6.4.2"
resolved "https://registry.yarnpkg.com/acorn/-/acorn-6.4.2.tgz#35866fd710528e92de10cf06016498e47e39e1e6"
acorn@^7.4.0:
version "7.4.1"
resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.4.1.tgz#feaed255973d2e77555b83dbc08851a6c63520fa"
@ -2458,7 +2466,7 @@ ajv-keywords@^3.1.0, ajv-keywords@^3.5.2:
version "3.5.2"
resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-3.5.2.tgz#31f29da5ab6e00d1c2d329acf7b5929614d5014d"
ajv@^6.1.0, ajv@^6.10.0, ajv@^6.12.3, ajv@^6.12.4, ajv@^6.12.5:
ajv@^6.1.0, ajv@^6.10.0, ajv@^6.10.2, ajv@^6.12.3, ajv@^6.12.4, ajv@^6.12.5, ajv@^6.9.1:
version "6.12.6"
resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.12.6.tgz#baf5a62e802b07d977034586f8c3baf5adf26df4"
dependencies:
@ -2658,6 +2666,14 @@ array-unique@^0.3.2:
version "0.3.2"
resolved "https://registry.yarnpkg.com/array-unique/-/array-unique-0.3.2.tgz#a894b75d4bc4f6cd679ef3244a9fd8f46ae2d428"
array.prototype.flat@^1.2.4:
version "1.2.5"
resolved "https://registry.yarnpkg.com/array.prototype.flat/-/array.prototype.flat-1.2.5.tgz#07e0975d84bbc7c48cd1879d609e682598d33e13"
dependencies:
call-bind "^1.0.2"
define-properties "^1.1.3"
es-abstract "^1.19.0"
array.prototype.flatmap@^1.2.4:
version "1.2.5"
resolved "https://registry.yarnpkg.com/array.prototype.flatmap/-/array.prototype.flatmap-1.2.5.tgz#908dc82d8a406930fdf38598d51e7411d18d4446"
@ -2688,6 +2704,10 @@ assign-symbols@^1.0.0:
version "1.0.0"
resolved "https://registry.yarnpkg.com/assign-symbols/-/assign-symbols-1.0.0.tgz#59667f41fadd4f20ccbc2bb96b8d4f7f78ec0367"
astral-regex@^1.0.0:
version "1.0.0"
resolved "https://registry.yarnpkg.com/astral-regex/-/astral-regex-1.0.0.tgz#6c8c3fb827dd43ee3918f27b82782ab7658a6fd9"
astral-regex@^2.0.0:
version "2.0.0"
resolved "https://registry.yarnpkg.com/astral-regex/-/astral-regex-2.0.0.tgz#483143c567aeed4785759c0865786dc77d7d2e31"
@ -3187,7 +3207,7 @@ chalk@^1.0.0, chalk@^1.1.3:
strip-ansi "^3.0.0"
supports-color "^2.0.0"
chalk@^2.0.0, chalk@^2.3.1, chalk@^2.4.1, chalk@^2.4.2:
chalk@^2.0.0, chalk@^2.1.0, chalk@^2.3.1, chalk@^2.4.1, chalk@^2.4.2:
version "2.4.2"
resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424"
dependencies:
@ -3576,6 +3596,10 @@ configstore@^5.0.1:
write-file-atomic "^3.0.0"
xdg-basedir "^4.0.0"
confusing-browser-globals@^1.0.10:
version "1.0.10"
resolved "https://registry.yarnpkg.com/confusing-browser-globals/-/confusing-browser-globals-1.0.10.tgz#30d1e7f3d1b882b25ec4933d1d1adac353d20a59"
connect-history-api-fallback@^1.6.0:
version "1.6.0"
resolved "https://registry.yarnpkg.com/connect-history-api-fallback/-/connect-history-api-fallback-1.6.0.tgz#8b32089359308d111115d81cad3fceab888f97bc"
@ -3810,7 +3834,7 @@ create-require@^1.1.0:
version "1.1.1"
resolved "https://registry.yarnpkg.com/create-require/-/create-require-1.1.1.tgz#c1d7e8f1e5f6cfc9ff65f9cd352d37348756c333"
cross-spawn@^6.0.0:
cross-spawn@^6.0.0, cross-spawn@^6.0.5:
version "6.0.5"
resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-6.0.5.tgz#4a5ec7c64dfae22c3a14124dbacdee846d80cbc4"
dependencies:
@ -4055,7 +4079,7 @@ debug@3.1.0:
version "0.8.1"
resolved "https://registry.yarnpkg.com/debug/-/debug-0.8.1.tgz#20ff4d26f5e422cb68a1bacbbb61039ad8c1c130"
debug@^3.1.0, debug@^3.1.1, debug@^3.2.6:
debug@^3.1.0, debug@^3.1.1, debug@^3.2.6, debug@^3.2.7:
version "3.2.7"
resolved "https://registry.yarnpkg.com/debug/-/debug-3.2.7.tgz#72580b7e9145fb39b6676f9c5e5fb100b934179a"
dependencies:
@ -4111,7 +4135,7 @@ deep-extend@^0.6.0:
version "0.6.0"
resolved "https://registry.yarnpkg.com/deep-extend/-/deep-extend-0.6.0.tgz#c4fa7c95404a17a9c3e8ca7e1537312b736330ac"
deep-is@^0.1.3:
deep-is@^0.1.3, deep-is@~0.1.3:
version "0.1.4"
resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.4.tgz#a6f2dce612fadd2ef1f519b73551f17e85199831"
@ -4457,6 +4481,31 @@ es-abstract@^1.18.0-next.2, es-abstract@^1.18.1, es-abstract@^1.18.2, es-abstrac
string.prototype.trimstart "^1.0.4"
unbox-primitive "^1.0.1"
es-abstract@^1.19.1:
version "1.19.1"
resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.19.1.tgz#d4885796876916959de78edaa0df456627115ec3"
dependencies:
call-bind "^1.0.2"
es-to-primitive "^1.2.1"
function-bind "^1.1.1"
get-intrinsic "^1.1.1"
get-symbol-description "^1.0.0"
has "^1.0.3"
has-symbols "^1.0.2"
internal-slot "^1.0.3"
is-callable "^1.2.4"
is-negative-zero "^2.0.1"
is-regex "^1.1.4"
is-shared-array-buffer "^1.0.1"
is-string "^1.0.7"
is-weakref "^1.0.1"
object-inspect "^1.11.0"
object-keys "^1.1.1"
object.assign "^4.1.2"
string.prototype.trimend "^1.0.4"
string.prototype.trimstart "^1.0.4"
unbox-primitive "^1.0.1"
es-module-lexer@^0.9.0:
version "0.9.2"
resolved "https://registry.yarnpkg.com/es-module-lexer/-/es-module-lexer-0.9.2.tgz#d0a8c72c5d904014111fac7fab4c92b9ac545564"
@ -4503,10 +4552,70 @@ escape-string-regexp@^4.0.0:
version "4.0.0"
resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz#14ba83a5d373e3d311e5afca29cf5bfad965bf34"
eslint-config-airbnb-base@^14.2.1:
version "14.2.1"
resolved "https://registry.yarnpkg.com/eslint-config-airbnb-base/-/eslint-config-airbnb-base-14.2.1.tgz#8a2eb38455dc5a312550193b319cdaeef042cd1e"
dependencies:
confusing-browser-globals "^1.0.10"
object.assign "^4.1.2"
object.entries "^1.1.2"
eslint-config-prettier@^8.0.0:
version "8.3.0"
resolved "https://registry.yarnpkg.com/eslint-config-prettier/-/eslint-config-prettier-8.3.0.tgz#f7471b20b6fe8a9a9254cc684454202886a2dd7a"
eslint-config-standard@^16.0.3:
version "16.0.3"
resolved "https://registry.yarnpkg.com/eslint-config-standard/-/eslint-config-standard-16.0.3.tgz#6c8761e544e96c531ff92642eeb87842b8488516"
eslint-import-resolver-node@^0.3.6:
version "0.3.6"
resolved "https://registry.yarnpkg.com/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.6.tgz#4048b958395da89668252001dbd9eca6b83bacbd"
dependencies:
debug "^3.2.7"
resolve "^1.20.0"
eslint-loader@^4.0.2:
version "4.0.2"
resolved "https://registry.yarnpkg.com/eslint-loader/-/eslint-loader-4.0.2.tgz#386a1e21bcb613b3cf2d252a3b708023ccfb41ec"
dependencies:
find-cache-dir "^3.3.1"
fs-extra "^8.1.0"
loader-utils "^2.0.0"
object-hash "^2.0.3"
schema-utils "^2.6.5"
eslint-module-utils@^2.6.2:
version "2.6.2"
resolved "https://registry.yarnpkg.com/eslint-module-utils/-/eslint-module-utils-2.6.2.tgz#94e5540dd15fe1522e8ffa3ec8db3b7fa7e7a534"
dependencies:
debug "^3.2.7"
pkg-dir "^2.0.0"
eslint-plugin-import@^2.24.2:
version "2.24.2"
resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.24.2.tgz#2c8cd2e341f3885918ee27d18479910ade7bb4da"
dependencies:
array-includes "^3.1.3"
array.prototype.flat "^1.2.4"
debug "^2.6.9"
doctrine "^2.1.0"
eslint-import-resolver-node "^0.3.6"
eslint-module-utils "^2.6.2"
find-up "^2.0.0"
has "^1.0.3"
is-core-module "^2.6.0"
minimatch "^3.0.4"
object.values "^1.1.4"
pkg-up "^2.0.0"
read-pkg-up "^3.0.0"
resolve "^1.20.0"
tsconfig-paths "^3.11.0"
eslint-plugin-only-warn@^1.0.3:
version "1.0.3"
resolved "https://registry.yarnpkg.com/eslint-plugin-only-warn/-/eslint-plugin-only-warn-1.0.3.tgz#a75f3a9ded7f03e9808e75ec27f22b644084506e"
eslint-plugin-react-hooks@^4.2.0:
version "4.2.0"
resolved "https://registry.yarnpkg.com/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.2.0.tgz#8c229c268d468956334c943bb45fc860280f5556"
@ -4537,6 +4646,19 @@ eslint-scope@5.1.1, eslint-scope@^5.1.1:
esrecurse "^4.3.0"
estraverse "^4.1.1"
eslint-scope@^4.0.3:
version "4.0.3"
resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-4.0.3.tgz#ca03833310f6889a3264781aa82e63eb9cfe7848"
dependencies:
esrecurse "^4.1.0"
estraverse "^4.1.1"
eslint-utils@^1.3.1:
version "1.4.3"
resolved "https://registry.yarnpkg.com/eslint-utils/-/eslint-utils-1.4.3.tgz#74fec7c54d0776b6f67e0251040b5806564e981f"
dependencies:
eslint-visitor-keys "^1.1.0"
eslint-utils@^2.1.0:
version "2.1.0"
resolved "https://registry.yarnpkg.com/eslint-utils/-/eslint-utils-2.1.0.tgz#d2de5e03424e707dc10c74068ddedae708741b27"
@ -4549,7 +4671,7 @@ eslint-utils@^3.0.0:
dependencies:
eslint-visitor-keys "^2.0.0"
eslint-visitor-keys@^1.1.0, eslint-visitor-keys@^1.3.0:
eslint-visitor-keys@^1.0.0, eslint-visitor-keys@^1.1.0, eslint-visitor-keys@^1.3.0:
version "1.3.0"
resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz#30ebd1ef7c2fdff01c3a4f151044af25fab0523e"
@ -4557,6 +4679,47 @@ eslint-visitor-keys@^2.0.0:
version "2.1.0"
resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz#f65328259305927392c938ed44eb0a5c9b2bd303"
eslint@^5.16.0:
version "5.16.0"
resolved "https://registry.yarnpkg.com/eslint/-/eslint-5.16.0.tgz#a1e3ac1aae4a3fbd8296fcf8f7ab7314cbb6abea"
dependencies:
"@babel/code-frame" "^7.0.0"
ajv "^6.9.1"
chalk "^2.1.0"
cross-spawn "^6.0.5"
debug "^4.0.1"
doctrine "^3.0.0"
eslint-scope "^4.0.3"
eslint-utils "^1.3.1"
eslint-visitor-keys "^1.0.0"
espree "^5.0.1"
esquery "^1.0.1"
esutils "^2.0.2"
file-entry-cache "^5.0.1"
functional-red-black-tree "^1.0.1"
glob "^7.1.2"
globals "^11.7.0"
ignore "^4.0.6"
import-fresh "^3.0.0"
imurmurhash "^0.1.4"
inquirer "^6.2.2"
js-yaml "^3.13.0"
json-stable-stringify-without-jsonify "^1.0.1"
levn "^0.3.0"
lodash "^4.17.11"
minimatch "^3.0.4"
mkdirp "^0.5.1"
natural-compare "^1.4.0"
optionator "^0.8.2"
path-is-inside "^1.0.2"
progress "^2.0.0"
regexpp "^2.0.1"
semver "^5.5.1"
strip-ansi "^4.0.0"
strip-json-comments "^2.0.1"
table "^5.2.3"
text-table "^0.2.0"
eslint@^7.14.0:
version "7.32.0"
resolved "https://registry.yarnpkg.com/eslint/-/eslint-7.32.0.tgz#c6d328a14be3fb08c8d1d21e12c02fdb7a2a812d"
@ -4602,6 +4765,14 @@ eslint@^7.14.0:
text-table "^0.2.0"
v8-compile-cache "^2.0.3"
espree@^5.0.1:
version "5.0.1"
resolved "https://registry.yarnpkg.com/espree/-/espree-5.0.1.tgz#5d6526fa4fc7f0788a5cf75b15f30323e2f81f7a"
dependencies:
acorn "^6.0.7"
acorn-jsx "^5.0.0"
eslint-visitor-keys "^1.0.0"
espree@^7.3.0, espree@^7.3.1:
version "7.3.1"
resolved "https://registry.yarnpkg.com/espree/-/espree-7.3.1.tgz#f2df330b752c6f55019f8bd89b7660039c1bbbb6"
@ -4614,13 +4785,13 @@ esprima@^4.0.0:
version "4.0.1"
resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71"
esquery@^1.4.0:
esquery@^1.0.1, esquery@^1.4.0:
version "1.4.0"
resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.4.0.tgz#2148ffc38b82e8c7057dfed48425b3e61f0f24a5"
dependencies:
estraverse "^5.1.0"
esrecurse@^4.3.0:
esrecurse@^4.1.0, esrecurse@^4.3.0:
version "4.3.0"
resolved "https://registry.yarnpkg.com/esrecurse/-/esrecurse-4.3.0.tgz#7ad7964d679abb28bee72cec63758b1c5d2c9921"
dependencies:
@ -4913,7 +5084,7 @@ fast-json-stable-stringify@^2.0.0:
version "2.1.0"
resolved "https://registry.yarnpkg.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz#874bf69c6f404c2b5d99c481341399fd55892633"
fast-levenshtein@^2.0.6:
fast-levenshtein@^2.0.6, fast-levenshtein@~2.0.6:
version "2.0.6"
resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
@ -4962,6 +5133,12 @@ figures@^3.2.0:
dependencies:
escape-string-regexp "^1.0.5"
file-entry-cache@^5.0.1:
version "5.0.1"
resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-5.0.1.tgz#ca0f6efa6dd3d561333fb14515065c2fafdf439c"
dependencies:
flat-cache "^2.0.1"
file-entry-cache@^6.0.1:
version "6.0.1"
resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-6.0.1.tgz#211b2dd9659cb0394b073e7323ac3c933d522027"
@ -5025,7 +5202,7 @@ find-up@^1.0.0:
path-exists "^2.0.0"
pinkie-promise "^2.0.0"
find-up@^2.0.0:
find-up@^2.0.0, find-up@^2.1.0:
version "2.1.0"
resolved "https://registry.yarnpkg.com/find-up/-/find-up-2.1.0.tgz#45d1b7e506c717ddd482775a2b77920a3c0c57a7"
dependencies:
@ -5057,6 +5234,14 @@ find-versions@^4.0.0:
dependencies:
semver-regex "^3.1.2"
flat-cache@^2.0.1:
version "2.0.1"
resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-2.0.1.tgz#5d296d6f04bda44a4630a301413bdbc2ec085ec0"
dependencies:
flatted "^2.0.0"
rimraf "2.6.3"
write "1.0.3"
flat-cache@^3.0.4:
version "3.0.4"
resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-3.0.4.tgz#61b0338302b2fe9f957dcc32fc2a87f1c3048b11"
@ -5064,6 +5249,10 @@ flat-cache@^3.0.4:
flatted "^3.1.0"
rimraf "^3.0.2"
flatted@^2.0.0:
version "2.0.2"
resolved "https://registry.yarnpkg.com/flatted/-/flatted-2.0.2.tgz#4575b21e2bcee7434aa9be662f4b7b5f9c2b5138"
flatted@^3.1.0:
version "3.2.2"
resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.2.2.tgz#64bfed5cb68fe3ca78b3eb214ad97b63bedce561"
@ -5349,7 +5538,7 @@ glob-to-regexp@^0.4.1:
version "0.4.1"
resolved "https://registry.yarnpkg.com/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz#c75297087c851b9a578bd217dd59a92f59fe546e"
glob@^7.0.3, glob@^7.1.1, glob@^7.1.3, glob@^7.1.4:
glob@^7.0.3, glob@^7.1.1, glob@^7.1.2, glob@^7.1.3, glob@^7.1.4:
version "7.2.0"
resolved "https://registry.yarnpkg.com/glob/-/glob-7.2.0.tgz#d15535af7732e02e948f4c41628bd910293f6023"
dependencies:
@ -5372,7 +5561,7 @@ global-dirs@^3.0.0:
dependencies:
ini "2.0.0"
globals@^11.1.0:
globals@^11.1.0, globals@^11.7.0:
version "11.12.0"
resolved "https://registry.yarnpkg.com/globals/-/globals-11.12.0.tgz#ab8795338868a0babd8525758018c2a7eb95c42e"
@ -5898,7 +6087,7 @@ init-package-json@^1.10.3:
validate-npm-package-license "^3.0.1"
validate-npm-package-name "^3.0.0"
inquirer@^6.2.0:
inquirer@^6.2.0, inquirer@^6.2.2:
version "6.5.2"
resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-6.5.2.tgz#ad50942375d036d327ff528c08bd5fab089928ca"
dependencies:
@ -6043,7 +6232,7 @@ is-ci@^3.0.0:
dependencies:
ci-info "^3.1.1"
is-core-module@^2.2.0, is-core-module@^2.5.0:
is-core-module@^2.2.0, is-core-module@^2.5.0, is-core-module@^2.6.0:
version "2.7.0"
resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.7.0.tgz#3c0ef7d31b4acfc574f80c58409d568a836848e3"
dependencies:
@ -6358,7 +6547,7 @@ js-sha3@0.8.0:
version "4.0.0"
resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499"
js-yaml@^3.13.1:
js-yaml@^3.13.0, js-yaml@^3.13.1:
version "3.14.1"
resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.14.1.tgz#dae812fdb3825fa306609a8717383c50c36a0537"
dependencies:
@ -6602,6 +6791,13 @@ lerna@^3.16.4:
import-local "^2.0.0"
npmlog "^4.1.2"
levn@^0.3.0, levn@~0.3.0:
version "0.3.0"
resolved "https://registry.yarnpkg.com/levn/-/levn-0.3.0.tgz#3b09924edf9f083c0490fdd4c0bc4421e04764ee"
dependencies:
prelude-ls "~1.1.2"
type-check "~0.3.2"
levn@^0.4.1:
version "0.4.1"
resolved "https://registry.yarnpkg.com/levn/-/levn-0.4.1.tgz#ae4562c007473b932a6200d403268dd2fffc6ade"
@ -7626,6 +7822,10 @@ object-copy@^0.1.0:
define-property "^0.2.5"
kind-of "^3.0.3"
object-hash@^2.0.3:
version "2.2.0"
resolved "https://registry.yarnpkg.com/object-hash/-/object-hash-2.2.0.tgz#5ad518581eefc443bd763472b8ff2e9c2c0d54a5"
object-inspect@^1.11.0, object-inspect@^1.9.0:
version "1.11.0"
resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.11.0.tgz#9dceb146cedd4148a0d9e51ab88d34cf509922b1"
@ -7656,6 +7856,14 @@ object.assign@^4.1.0, object.assign@^4.1.2:
has-symbols "^1.0.1"
object-keys "^1.1.1"
object.entries@^1.1.2:
version "1.1.5"
resolved "https://registry.yarnpkg.com/object.entries/-/object.entries-1.1.5.tgz#e1acdd17c4de2cd96d5a08487cfb9db84d881861"
dependencies:
call-bind "^1.0.2"
define-properties "^1.1.3"
es-abstract "^1.19.1"
object.entries@^1.1.4:
version "1.1.4"
resolved "https://registry.yarnpkg.com/object.entries/-/object.entries-1.1.4.tgz#43ccf9a50bc5fd5b649d45ab1a579f24e088cafd"
@ -7766,6 +7974,17 @@ optimist@~0.3, optimist@~0.3.5:
dependencies:
wordwrap "~0.0.2"
optionator@^0.8.2:
version "0.8.3"
resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.8.3.tgz#84fa1d036fe9d3c7e21d99884b601167ec8fb495"
dependencies:
deep-is "~0.1.3"
fast-levenshtein "~2.0.6"
levn "~0.3.0"
prelude-ls "~1.1.2"
type-check "~0.3.2"
word-wrap "~1.2.3"
optionator@^0.9.1:
version "0.9.1"
resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.9.1.tgz#4f236a6373dae0566a6d43e1326674f50c291499"
@ -8122,6 +8341,12 @@ pinkie@^2.0.0:
version "2.0.4"
resolved "https://registry.yarnpkg.com/pinkie/-/pinkie-2.0.4.tgz#72556b80cfa0d48a974e80e77248e80ed4f7f870"
pkg-dir@^2.0.0:
version "2.0.0"
resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-2.0.0.tgz#f6d5d1109e19d63edf428e0bd57e12777615334b"
dependencies:
find-up "^2.1.0"
pkg-dir@^3.0.0:
version "3.0.0"
resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-3.0.0.tgz#2749020f239ed990881b1f71210d51eb6523bea3"
@ -8140,6 +8365,12 @@ pkg-dir@^5.0.0:
dependencies:
find-up "^5.0.0"
pkg-up@^2.0.0:
version "2.0.0"
resolved "https://registry.yarnpkg.com/pkg-up/-/pkg-up-2.0.0.tgz#c819ac728059a461cab1c3889a2be3c49a004d7f"
dependencies:
find-up "^2.1.0"
please-upgrade-node@^3.2.0:
version "3.2.0"
resolved "https://registry.yarnpkg.com/please-upgrade-node/-/please-upgrade-node-3.2.0.tgz#aeddd3f994c933e4ad98b99d9a556efa0e2fe942"
@ -8229,6 +8460,10 @@ prelude-ls@^1.2.1:
version "1.2.1"
resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
prelude-ls@~1.1.2:
version "1.1.2"
resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.1.2.tgz#21932a549f5e52ffd9a827f570e04be62a97da54"
prepend-http@^2.0.0:
version "2.0.0"
resolved "https://registry.yarnpkg.com/prepend-http/-/prepend-http-2.0.0.tgz#e92434bfa5ea8c19f41cdfd401d741a3c819d897"
@ -8788,6 +9023,10 @@ regexp.prototype.flags@^1.2.0, regexp.prototype.flags@^1.3.1:
call-bind "^1.0.2"
define-properties "^1.1.3"
regexpp@^2.0.1:
version "2.0.1"
resolved "https://registry.yarnpkg.com/regexpp/-/regexpp-2.0.1.tgz#8d19d31cf632482b589049f8281f93dbcba4d07f"
regexpp@^3.1.0:
version "3.2.0"
resolved "https://registry.yarnpkg.com/regexpp/-/regexpp-3.2.0.tgz#0425a2768d8f23bad70ca4b90461fa2f1213e1b2"
@ -8944,7 +9183,7 @@ resolve-url@^0.2.1:
version "0.2.1"
resolved "https://registry.yarnpkg.com/resolve-url/-/resolve-url-0.2.1.tgz#2c637fe77c893afd2a663fe21aa9080068e2052a"
resolve@^1.10.0, resolve@^1.14.2, resolve@^1.9.0:
resolve@^1.10.0, resolve@^1.14.2, resolve@^1.20.0, resolve@^1.9.0:
version "1.20.0"
resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.20.0.tgz#629a013fb3f70755d6f0b7935cc1c2c5378b1975"
dependencies:
@ -9005,6 +9244,12 @@ reusify@^1.0.4:
version "1.0.4"
resolved "https://registry.yarnpkg.com/reusify/-/reusify-1.0.4.tgz#90da382b1e126efc02146e90845a88db12925d76"
rimraf@2.6.3:
version "2.6.3"
resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.6.3.tgz#b2d104fe0d8fb27cf9e0a1cda8262dd3833c6cab"
dependencies:
glob "^7.1.3"
rimraf@3.0.2, rimraf@^3.0.0, rimraf@^3.0.2:
version "3.0.2"
resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-3.0.2.tgz#f1a5402ba6220ad52cc1282bac1ae3aa49fd061a"
@ -9328,6 +9573,14 @@ slice-ansi@0.0.4:
version "0.0.4"
resolved "https://registry.yarnpkg.com/slice-ansi/-/slice-ansi-0.0.4.tgz#edbf8903f66f7ce2f8eafd6ceed65e264c831b35"
slice-ansi@^2.1.0:
version "2.1.0"
resolved "https://registry.yarnpkg.com/slice-ansi/-/slice-ansi-2.1.0.tgz#cacd7693461a637a5788d92a7dd4fba068e81636"
dependencies:
ansi-styles "^3.2.0"
astral-regex "^1.0.0"
is-fullwidth-code-point "^2.0.0"
slice-ansi@^3.0.0:
version "3.0.0"
resolved "https://registry.yarnpkg.com/slice-ansi/-/slice-ansi-3.0.0.tgz#31ddc10930a1b7e0b67b08c96c2f49b77a789787"
@ -9768,14 +10021,14 @@ strip-indent@^3.0.0:
dependencies:
min-indent "^1.0.0"
strip-json-comments@^2.0.1, strip-json-comments@~2.0.1:
version "2.0.1"
resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-2.0.1.tgz#3c531942e908c2697c0ec344858c286c7ca0a60a"
strip-json-comments@^3.1.0, strip-json-comments@^3.1.1:
version "3.1.1"
resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.1.1.tgz#31f1281b3832630434831c310c01cccda8cbe006"
strip-json-comments@~2.0.1:
version "2.0.1"
resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-2.0.1.tgz#3c531942e908c2697c0ec344858c286c7ca0a60a"
strong-log-transformer@^2.0.0:
version "2.1.0"
resolved "https://registry.yarnpkg.com/strong-log-transformer/-/strong-log-transformer-2.1.0.tgz#0f5ed78d325e0421ac6f90f7f10e691d6ae3ae10"
@ -9838,6 +10091,15 @@ symbol-observable@^1.1.0:
version "1.2.0"
resolved "https://registry.yarnpkg.com/symbol-observable/-/symbol-observable-1.2.0.tgz#c22688aed4eab3cdc2dfeacbb561660560a00804"
table@^5.2.3:
version "5.4.6"
resolved "https://registry.yarnpkg.com/table/-/table-5.4.6.tgz#1292d19500ce3f86053b05f0e8e7e4a3bb21079e"
dependencies:
ajv "^6.10.2"
lodash "^4.17.14"
slice-ansi "^2.1.0"
string-width "^3.0.0"
table@^6.0.9:
version "6.7.2"
resolved "https://registry.yarnpkg.com/table/-/table-6.7.2.tgz#a8d39b9f5966693ca8b0feba270a78722cbaf3b0"
@ -10111,6 +10373,15 @@ ts-node@^9.0.0:
source-map-support "^0.5.17"
yn "3.1.1"
tsconfig-paths@^3.11.0:
version "3.11.0"
resolved "https://registry.yarnpkg.com/tsconfig-paths/-/tsconfig-paths-3.11.0.tgz#954c1fe973da6339c78e06b03ce2e48810b65f36"
dependencies:
"@types/json5" "^0.0.29"
json5 "^1.0.1"
minimist "^1.2.0"
strip-bom "^3.0.0"
tslib@^1.8.1, tslib@^1.9.0:
version "1.14.1"
resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.14.1.tgz#cf2d38bdc34a134bcaf1091c41f6619e2f672d00"
@ -10145,6 +10416,12 @@ type-check@^0.4.0, type-check@~0.4.0:
dependencies:
prelude-ls "^1.2.1"
type-check@~0.3.2:
version "0.3.2"
resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.3.2.tgz#5884cab512cf1d355e3fb784f30804b2b520db72"
dependencies:
prelude-ls "~1.1.2"
type-fest@^0.18.0:
version "0.18.1"
resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.18.1.tgz#db4bc151a4a2cf4eebf9add5db75508db6cc841f"
@ -10714,7 +10991,7 @@ windows-release@^3.1.0:
dependencies:
execa "^1.0.0"
word-wrap@^1.2.3:
word-wrap@^1.2.3, word-wrap@~1.2.3:
version "1.2.3"
resolved "https://registry.yarnpkg.com/word-wrap/-/word-wrap-1.2.3.tgz#610636f6b1f703891bd34771ccb17fb93b47079c"
@ -10807,6 +11084,12 @@ write-pkg@^3.1.0:
sort-keys "^2.0.0"
write-json-file "^2.2.0"
write@1.0.3:
version "1.0.3"
resolved "https://registry.yarnpkg.com/write/-/write-1.0.3.tgz#0800e14523b923a387e415123c865616aae0f5c3"
dependencies:
mkdirp "^0.5.1"
ws@^6.2.1:
version "6.2.2"
resolved "https://registry.yarnpkg.com/ws/-/ws-6.2.2.tgz#dd5cdbd57a9979916097652d78f1cc5faea0c32e"