@safe-engine/pixi 1.0.2 → 7.0.2

package/dist/components/RenderComponent.js

@@ -1,56 +1,34 @@
 "use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MaskRender = exports.GraphicsRender = exports.SpriteRender = exports.NodeRender = void 0;
-var pixi_js_1 = require("pixi.js");
-var decorator_1 = require("../core/decorator");
-var LoadingBar_1 = require("../core/LoadingBar");
-var NodeRender = /** @class */ (function (_super) {
-    __extends(NodeRender, _super);
-    function NodeRender() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    return NodeRender;
-}(decorator_1.ComponentX));
+const core_1 = require("@safe-engine/core");
+const pixi_js_1 = require("pixi.js");
+const LoadingBar_1 = require("../core/LoadingBar");
+class NodeRender extends core_1.ComponentX {
+}
 exports.NodeRender = NodeRender;
-var SpriteRender = /** @class */ (function (_super) {
-    __extends(SpriteRender, _super);
-    function SpriteRender() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.fillType = LoadingBar_1.LoadingBarMode.BAR;
-        _this.fillRange = 1;
-        return _this;
+class SpriteRender extends core_1.ComponentX {
+    constructor() {
+        super(...arguments);
+        this.fillType = LoadingBar_1.LoadingBarMode.BAR;
+        this.fillRange = 1;
     }
     // set fillStart(val: number) {
     //   if (this.node.instance instanceof cc.ProgressTimer) {
     //     this.node.instance.setMidpoint(cc.v2(val, val));
     //   }
     // }
-    SpriteRender.prototype.setFillRange = function (val) {
+    setFillRange(val) {
         if (this.loadingBar) {
             this.loadingBar.progress = val;
         }
-    };
-    SpriteRender.prototype.getSpriteFrame = function () {
+    }
+    getSpriteFrame() {
         return this.spriteFrame;
-    };
-    SpriteRender.prototype.setSpriteFrame = function (frame) {
+    }
+    setSpriteFrame(frame) {
         this.spriteFrame = frame;
-        var sprite = this.node.instance;
+        const sprite = this.node.instance;
         // if (this.node.instance instanceof cc.Sprite) {
         sprite.texture = pixi_js_1.Texture.from(frame);
         // sprite.texture.rotate = 8
@@ -65,25 +43,16 @@ var SpriteRender = /** @class */ (function (_super) {
         // } else if (this.node.instance instanceof ccui.Button) {
         //   this.node.instance.loadTextureNormal(frame);
         // }
-    };
-    return SpriteRender;
-}(decorator_1.ComponentX));
+    }
+}
 exports.SpriteRender = SpriteRender;
-var GraphicsRender = /** @class */ (function (_super) {
-    __extends(GraphicsRender, _super);
-    function GraphicsRender() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.lineWidth = 2;
-        return _this;
+class GraphicsRender extends core_1.ComponentX {
+    constructor() {
+        super(...arguments);
+        this.lineWidth = 2;
     }
-    return GraphicsRender;
-}(decorator_1.ComponentX));
+}
 exports.GraphicsRender = GraphicsRender;
-var MaskRender = /** @class */ (function (_super) {
-    __extends(MaskRender, _super);
-    function MaskRender() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    return MaskRender;
-}(decorator_1.ComponentX));
+class MaskRender extends core_1.ComponentX {
+}
 exports.MaskRender = MaskRender;

package/dist/core/Color.js

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Color4B = Color4B;
 function Color4B(r, g, b, a) {
-    return ({ r: r, g: g, b: b, a: a });
+    return ({ r, g, b, a });
 }

package/dist/core/LoadingBar.d.ts

@@ -1,4 +1,4 @@
-import { Graphics, Point, Sprite } from 'pixi.js';
+import { Container, Graphics, Point, Sprite } from 'pixi.js';
 export declare enum LoadingBarMode {
     BAR = 0,
     RADIAL = 1
@@ -10,4 +10,12 @@ export declare class LoadingBar extends Graphics {
     constructor(mode: LoadingBarMode, spriteComp: Sprite);
     set progress(val: number);
 }
+export declare class ProgressTimer extends Container {
+    graphics: Graphics;
+    spriteComp: Sprite;
+    mode: LoadingBarMode;
+    fillCenter: Point;
+    constructor(mode: LoadingBarMode, spriteFrame: string);
+    set progress(val: number);
+}
 //# sourceMappingURL=LoadingBar.d.ts.map

package/dist/core/LoadingBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingBar.d.ts","sourceRoot":"","sources":["../../src/core/LoadingBar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAEjD,oBAAY,cAAc;IACxB,GAAG,IAAA;IACH,MAAM,IAAA;CACP;AAED,qBAAa,UAAW,SAAQ,QAAQ;IACtC,UAAU,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,cAAc,CAAA;IACpB,UAAU,QAAsB;gBACpB,IAAI,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM;IAUpD,IAAI,QAAQ,CAAC,GAAG,EAAE,MAAM,EAUvB;CACF"}
+{"version":3,"file":"LoadingBar.d.ts","sourceRoot":"","sources":["../../src/core/LoadingBar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAW,MAAM,SAAS,CAAA;AAErE,oBAAY,cAAc;IACxB,GAAG,IAAA;IACH,MAAM,IAAA;CACP;AAED,qBAAa,UAAW,SAAQ,QAAQ;IACtC,UAAU,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,cAAc,CAAA;IACpB,UAAU,QAAsB;gBACpB,IAAI,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM;IAUpD,IAAI,QAAQ,CAAC,GAAG,EAAE,MAAM,EAUvB;CACF;AAED,qBAAa,aAAc,SAAQ,SAAS;IAC1C,QAAQ,EAAE,QAAQ,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,cAAc,CAAA;IACpB,UAAU,QAAsB;gBACpB,IAAI,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM;IAerD,IAAI,QAAQ,CAAC,GAAG,EAAE,MAAM,EAOvB;CACF"}

package/dist/core/LoadingBar.js

@@ -1,55 +1,59 @@
 "use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.LoadingBar = exports.LoadingBarMode = void 0;
-var pixi_js_1 = require("pixi.js");
+exports.ProgressTimer = exports.LoadingBar = exports.LoadingBarMode = void 0;
+const pixi_js_1 = require("pixi.js");
 var LoadingBarMode;
 (function (LoadingBarMode) {
     LoadingBarMode[LoadingBarMode["BAR"] = 0] = "BAR";
     LoadingBarMode[LoadingBarMode["RADIAL"] = 1] = "RADIAL";
 })(LoadingBarMode || (exports.LoadingBarMode = LoadingBarMode = {}));
-var LoadingBar = /** @class */ (function (_super) {
-    __extends(LoadingBar, _super);
-    function LoadingBar(mode, spriteComp) {
-        var _this = _super.call(this) || this;
-        _this.fillCenter = new pixi_js_1.Point(0.5, 0.5);
-        _this.spriteComp = spriteComp;
-        _this.mode = mode || LoadingBarMode.BAR;
-        _this.beginFill(0xffffff);
-        _this.drawRect(0, 0, spriteComp.width, spriteComp.height);
-        spriteComp.mask = _this;
-        spriteComp.addChild(_this);
-        return _this;
+class LoadingBar extends pixi_js_1.Graphics {
+    constructor(mode, spriteComp) {
+        super();
+        this.fillCenter = new pixi_js_1.Point(0.5, 0.5);
+        this.spriteComp = spriteComp;
+        this.mode = mode || LoadingBarMode.BAR;
+        this.beginFill(0xffffff);
+        this.drawRect(0, 0, spriteComp.width, spriteComp.height);
+        spriteComp.mask = this;
+        spriteComp.addChild(this);
     }
-    Object.defineProperty(LoadingBar.prototype, "progress", {
-        set: function (val) {
-            this.clear();
-            this.beginFill(0xffffff);
-            if (this.mode === LoadingBarMode.BAR) {
-                var spriteComp = this.spriteComp;
-                this.drawRect(0, 0, spriteComp.width * val, spriteComp.height);
-                // console.log('new length', spriteComp.width)
-                this.x = -spriteComp.width * 0.5;
-                this.y = -spriteComp.height * 0.5;
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    return LoadingBar;
-}(pixi_js_1.Graphics));
+    set progress(val) {
+        this.clear();
+        this.beginFill(0xffffff);
+        if (this.mode === LoadingBarMode.BAR) {
+            const spriteComp = this.spriteComp;
+            this.drawRect(0, 0, spriteComp.width * val, spriteComp.height);
+            // console.log('new length', spriteComp.width)
+            this.x = -spriteComp.width * 0.5;
+            this.y = -spriteComp.height * 0.5;
+        }
+    }
+}
 exports.LoadingBar = LoadingBar;
+class ProgressTimer extends pixi_js_1.Container {
+    constructor(mode, spriteFrame) {
+        super();
+        this.fillCenter = new pixi_js_1.Point(0.5, 0.5);
+        const texture = pixi_js_1.Texture.from(spriteFrame);
+        this.spriteComp = pixi_js_1.Sprite.from(texture);
+        this.graphics = new pixi_js_1.Graphics();
+        this.mode = mode || LoadingBarMode.BAR;
+        this.graphics.beginFill(0xffffff);
+        this.graphics.drawRect(0, 0, this.spriteComp.width, this.spriteComp.height);
+        this.spriteComp.mask = this.graphics;
+        this.addChild(this.graphics);
+        this.addChild(this.spriteComp);
+        // this.graphics.x = -this.spriteComp.width * this.fillCenter.x
+        // this.graphics.y = -this.spriteComp.height * this.fillCenter.y
+    }
+    set progress(val) {
+        this.graphics.clear();
+        if (this.mode === LoadingBarMode.BAR) {
+            this.graphics.beginFill(0xffffff);
+            this.graphics.drawRect(0, 0, this.spriteComp.width * val, this.spriteComp.height);
+            // console.log('new length', this.width)
+        }
+    }
+}
+exports.ProgressTimer = ProgressTimer;

package/dist/core/Size.js

@@ -1,10 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Size = Size;
-var _Size = /** @class */ (function () {
-    function _Size(width, height) {
-        if (width === void 0) { width = 0; }
-        if (height === void 0) { height = 0; }
+class _Size {
+    constructor(width = 0, height = 0) {
         if (!(this instanceof _Size)) {
             return new _Size(width, height);
         }
@@ -15,8 +13,7 @@ var _Size = /** @class */ (function () {
         this.width = width;
         this.height = height;
     }
-    return _Size;
-}());
+}
 function Size(x, y) {
     return new _Size(x, y);
 }

package/dist/core/Vec2.d.ts

@@ -0,0 +1,20 @@
+import { Point } from 'pixi.js';
+declare class _Vec2 extends Point {
+    x: number;
+    y: number;
+    static ZERO: any;
+    equals(other: Point): boolean;
+    addSelf(value: Point): Point;
+    cross(other: Vec2): number;
+    signAngle(other: Vec2): number;
+    lengthSqr(): number;
+    dot(other: Vec2): number;
+    angle(other: Vec2): number;
+}
+export type Vec2 = _Vec2;
+export declare function Vec2(x?: number, y?: number): Vec2;
+export declare namespace Vec2 {
+    var ZERO: Readonly<_Vec2>;
+}
+export {};
+//# sourceMappingURL=Vec2.d.ts.map

package/dist/core/Vec2.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Vec2.d.ts","sourceRoot":"","sources":["../../src/core/Vec2.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE/B,cAAM,KAAM,SAAQ,KAAK;IACvB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,MAAM,CAAC,IAAI,MAAA;IAEX,MAAM,CAAC,KAAK,EAAE,KAAK;IAInB,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK;IAOrB,KAAK,CAAC,KAAK,EAAE,IAAI;IAGjB,SAAS,CAAC,KAAK,EAAE,IAAI;IAIrB,SAAS;IAGT,GAAG,CAAC,KAAK,EAAE,IAAI;IAGf,KAAK,CAAC,KAAK,EAAE,IAAI;CAczB;AACD,MAAM,MAAM,IAAI,GAAG,KAAK,CAAA;AACxB,wBAAgB,IAAI,CAAC,CAAC,SAAI,EAAE,CAAC,SAAI,GAAG,IAAI,CAEvC;yBAFe,IAAI"}

package/dist/core/Vec2.js

@@ -0,0 +1,70 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Vec2 = Vec2;
+var clamp_1 = __importDefault(require("lodash/clamp"));
+var pixi_js_1 = require("pixi.js");
+var _Vec2 = /** @class */ (function (_super) {
+    __extends(_Vec2, _super);
+    function _Vec2() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    _Vec2.prototype.equals = function (other) {
+        return this.x === other.x && this.y === other.y;
+    };
+    _Vec2.prototype.addSelf = function (value) {
+        var nor = value.add(new pixi_js_1.Point(this.x, this.y));
+        this.x = nor.x;
+        this.y = nor.y;
+        return nor;
+    };
+    _Vec2.prototype.cross = function (other) {
+        return this.x * other.y - this.y * other.x;
+    };
+    _Vec2.prototype.signAngle = function (other) {
+        var angle = this.angle(other);
+        return this.cross(other) < 0 ? -angle : angle;
+    };
+    _Vec2.prototype.lengthSqr = function () {
+        return this.x * this.x + this.y * this.y;
+    };
+    _Vec2.prototype.dot = function (other) {
+        return this.x * other.x + this.y * other.y;
+    };
+    _Vec2.prototype.angle = function (other) {
+        var magSqr1 = this.lengthSqr();
+        var magSqr2 = other.lengthSqr();
+        if (magSqr1 === 0 || magSqr2 === 0) {
+            console.warn('Cant get angle between zero vector');
+            return 0.0;
+        }
+        var dot = this.dot(other);
+        var theta = dot / Math.sqrt(magSqr1 * magSqr2);
+        theta = (0, clamp_1.default)(theta, -1.0, 1.0);
+        return Math.acos(theta);
+    };
+    return _Vec2;
+}(pixi_js_1.Point));
+function Vec2(x, y) {
+    if (x === void 0) { x = 0; }
+    if (y === void 0) { y = 0; }
+    return new _Vec2(x, y);
+}
+Vec2.ZERO = Object.freeze(Vec2(0, 0));

package/dist/helper/html-text-parser.js

@@ -29,12 +29,12 @@
  ****************************************************************************/
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HtmlTextParser = void 0;
-var eventRegx = /^(click)(\s)*=|(param)(\s)*=/;
-var imageAttrReg = /(\s)*src(\s)*=|(\s)*height(\s)*=|(\s)*width(\s)*=|(\s)*align(\s)*=|(\s)*offset(\s)*=|(\s)*click(\s)*=|(\s)*param(\s)*=/;
+const eventRegx = /^(click)(\s)*=|(param)(\s)*=/;
+const imageAttrReg = /(\s)*src(\s)*=|(\s)*height(\s)*=|(\s)*width(\s)*=|(\s)*align(\s)*=|(\s)*offset(\s)*=|(\s)*click(\s)*=|(\s)*param(\s)*=/;
 /**
  * A utils class for parsing HTML texts. The parsed results will be an object array.
  */
-var HtmlTextParser = function () {
+const HtmlTextParser = function () {
     this._parsedObject = {};
     this._specialSymbolArray = [];
     this._specialSymbolArray.push([/&lt;/g, '<']);
@@ -53,14 +53,14 @@ exports.HtmlTextParser.prototype = {
             return this._resultObjectArray;
         }
         this._stack = [];
-        var startIndex = 0;
-        var length = htmlString.length;
+        let startIndex = 0;
+        const length = htmlString.length;
         while (startIndex < length) {
-            var tagEndIndex = htmlString.indexOf('>', startIndex);
-            var tagBeginIndex = -1;
+            let tagEndIndex = htmlString.indexOf('>', startIndex);
+            let tagBeginIndex = -1;
             if (tagEndIndex >= 0) {
                 tagBeginIndex = htmlString.lastIndexOf('<', tagEndIndex);
-                var noTagBegin = tagBeginIndex < startIndex - 1;
+                const noTagBegin = tagBeginIndex < startIndex - 1;
                 if (noTagBegin) {
                     tagBeginIndex = htmlString.indexOf('<', tagEndIndex + 1);
                     tagEndIndex = htmlString.indexOf('>', tagBeginIndex + 1);
@@ -72,8 +72,8 @@ exports.HtmlTextParser.prototype = {
                 startIndex = length;
             }
             else {
-                var newStr = htmlString.substring(startIndex, tagBeginIndex);
-                var tagStr = htmlString.substring(tagBeginIndex + 1, tagEndIndex);
+                let newStr = htmlString.substring(startIndex, tagBeginIndex);
+                const tagStr = htmlString.substring(tagBeginIndex + 1, tagEndIndex);
                 if (tagStr === '')
                     newStr = htmlString.substring(startIndex, tagEndIndex + 1);
                 this._processResult(newStr);
@@ -94,12 +94,12 @@ exports.HtmlTextParser.prototype = {
     },
     _attributeToObject: function (attribute) {
         attribute = attribute.trim();
-        var obj = {};
-        var header = attribute.match(/^(color|size)(\s)*=/);
-        var tagName;
-        var nextSpace;
-        var eventObj;
-        var eventHanlderString;
+        const obj = {};
+        let header = attribute.match(/^(color|size)(\s)*=/);
+        let tagName;
+        let nextSpace;
+        let eventObj;
+        let eventHanlderString;
         if (header) {
             tagName = header[0];
             attribute = attribute.substring(tagName.length).trim();
@@ -144,7 +144,7 @@ exports.HtmlTextParser.prototype = {
                 header = attribute.match(imageAttrReg);
                 var tagValue;
                 var remainingArgument;
-                var isValidImageTag = false;
+                let isValidImageTag = false;
                 while (header) {
                     //skip the invalid tags at first
                     attribute = attribute.substring(attribute.indexOf(header[0]));
@@ -188,7 +188,7 @@ exports.HtmlTextParser.prototype = {
                         obj.imageOffset = tagValue;
                     }
                     else if (tagName === 'click') {
-                        obj.event = this._processEventHandler("".concat(tagName, "=").concat(tagValue));
+                        obj.event = this._processEventHandler(`${tagName}=${tagValue}`);
                     }
                     if (obj.event && tagName === 'param') {
                         obj.event.param = tagValue.replace(/^\"|\"$/g, '');
@@ -204,9 +204,9 @@ exports.HtmlTextParser.prototype = {
         header = attribute.match(/^(outline(\s)*[^>]*)/);
         if (header) {
             attribute = header[0].substring('outline'.length).trim();
-            var defaultOutlineObject = { color: '#ffffff', width: 1 };
+            const defaultOutlineObject = { color: '#ffffff', width: 1 };
             if (attribute) {
-                var outlineAttrReg = /(\s)*color(\s)*=|(\s)*width(\s)*=|(\s)*click(\s)*=|(\s)*param(\s)*=/;
+                const outlineAttrReg = /(\s)*color(\s)*=|(\s)*width(\s)*=|(\s)*click(\s)*=|(\s)*param(\s)*=/;
                 header = attribute.match(outlineAttrReg);
                 var tagValue;
                 while (header) {
@@ -226,7 +226,7 @@ exports.HtmlTextParser.prototype = {
                     tagName = tagName.toLocaleLowerCase();
                     attribute = remainingArgument.substring(nextSpace).trim();
                     if (tagName === 'click') {
-                        obj.event = this._processEventHandler("".concat(tagName, "=").concat(tagValue));
+                        obj.event = this._processEventHandler(`${tagName}=${tagValue}`);
                     }
                     else if (tagName === 'color') {
                         defaultOutlineObject.color = tagValue;
@@ -266,13 +266,13 @@ exports.HtmlTextParser.prototype = {
         return obj;
     },
     _processEventHandler: function (eventString) {
-        var index = 0;
-        var obj = {};
-        var eventNames = eventString.match(eventRegx);
-        var isValidTag = false;
+        let index = 0;
+        const obj = {};
+        let eventNames = eventString.match(eventRegx);
+        let isValidTag = false;
         while (eventNames) {
-            var eventName = eventNames[0];
-            var eventValue = '';
+            let eventName = eventNames[0];
+            let eventValue = '';
             isValidTag = false;
             eventString = eventString.substring(eventName.length).trim();
             if (eventString.charAt(0) === '"') {
@@ -293,7 +293,7 @@ exports.HtmlTextParser.prototype = {
             }
             else {
                 //skip the invalid attribute value
-                var match = eventString.match(/(\S)+/);
+                const match = eventString.match(/(\S)+/);
                 if (match) {
                     eventValue = match[0];
                 }
@@ -312,7 +312,7 @@ exports.HtmlTextParser.prototype = {
         return obj;
     },
     _addToStack: function (attribute) {
-        var obj = this._attributeToObject(attribute);
+        const obj = this._attributeToObject(attribute);
         if (this._stack.length === 0) {
             this._stack.push(obj);
         }
@@ -321,8 +321,8 @@ exports.HtmlTextParser.prototype = {
                 return;
             }
             //for nested tags
-            var previousTagObj = this._stack[this._stack.length - 1];
-            for (var key in previousTagObj) {
+            const previousTagObj = this._stack[this._stack.length - 1];
+            for (const key in previousTagObj) {
                 if (!obj[key]) {
                     obj[key] = previousTagObj[key];
                 }
@@ -343,9 +343,9 @@ exports.HtmlTextParser.prototype = {
         }
     },
     _escapeSpecialSymbol: function (str) {
-        for (var i = 0; i < this._specialSymbolArray.length; ++i) {
-            var key = this._specialSymbolArray[i][0];
-            var value = this._specialSymbolArray[i][1];
+        for (let i = 0; i < this._specialSymbolArray.length; ++i) {
+            const key = this._specialSymbolArray[i][0];
+            const value = this._specialSymbolArray[i][1];
             str = str.replace(key, value);
         }
         return str;

package/dist/helper/utils.d.ts

@@ -1,5 +1,5 @@
+import { ComponentX } from '@safe-engine/core';
 import { Constructor, EntityManager, EventManager, EventReceive } from 'entityx-ts';
-import { ComponentX } from '..';
 export declare function registerSystem<T extends ComponentX>(component: Constructor<T>): {
     new (): {
         configure(event_manager: EventManager): void;

package/dist/helper/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/helper/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAGvD,MAAM,YAAY,CAAA;AAEnB,OAAO,EAAE,UAAU,EAAY,MAAM,IAAI,CAAA;AAGzC,wBAAgB,cAAc,CAAC,CAAC,SAAS,UAAU,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC;;iCAKjD,YAAY;0CAKH,YAAY,CAAC,CAAC,CAAC;yBAMhC,aAAa,UAAU,YAAY,MAAM,MAAM;;EAenE;AAED,wBAAgB,WAAW,CAAC,CAAC,EAAE,aAAa,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,GAAG,GAAG,CAAC,CAE3E"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/helper/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,mBAAmB,CAAA;AACzD,OAAO,EACL,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAGvD,MAAM,YAAY,CAAA;AAInB,wBAAgB,cAAc,CAAC,CAAC,SAAS,UAAU,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC;;iCAKjD,YAAY;0CAKH,YAAY,CAAC,CAAC,CAAC;yBAMhC,aAAa,UAAU,YAAY,MAAM,MAAM;;EAenE;AAED,wBAAgB,WAAW,CAAC,CAAC,EAAE,aAAa,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,GAAG,GAAG,CAAC,CAE3E"}

package/dist/helper/utils.js

@@ -2,41 +2,37 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.registerSystem = registerSystem;
 exports.instantiate = instantiate;
-var entityx_ts_1 = require("entityx-ts");
-var __1 = require("..");
-var gworld_1 = require("../gworld");
+const core_1 = require("@safe-engine/core");
+const entityx_ts_1 = require("entityx-ts");
+const __1 = require("..");
 function registerSystem(component) {
-    if (gworld_1.GameWorld.Instance.systems.isRegistered("".concat(component.name, "System"))) {
+    if (core_1.GameWorld.Instance.systems.isRegistered(`${component.name}System`)) {
         return;
     }
-    var NewSystem = /** @class */ (function () {
-        function NewSystem() {
-        }
-        NewSystem.prototype.configure = function (event_manager) {
+    class NewSystem {
+        configure(event_manager) {
             console.log('configure registerSystem', component.name);
             event_manager.subscribe(entityx_ts_1.EventTypes.ComponentAdded, component, this.receiveComponentAddedEvent.bind(this));
-        };
-        NewSystem.prototype.receiveComponentAddedEvent = function (event) {
-            var ett = event.entity;
-            var newComp = ett.getComponent(component);
+        }
+        receiveComponentAddedEvent(event) {
+            const ett = event.entity;
+            const newComp = ett.getComponent(component);
             newComp.node = ett.getComponent(__1.NodeComp);
-        };
-        NewSystem.prototype.update = function (entities, events, dt) {
-            for (var _i = 0, _a = entities.entities_with_components(component); _i < _a.length; _i++) {
-                var entt = _a[_i];
-                var comp = entt.getComponent(component);
+        }
+        update(entities, events, dt) {
+            for (const entt of entities.entities_with_components(component)) {
+                const comp = entt.getComponent(component);
                 // console.log('comp', comp.constructor.name, typeof comp['update'] === 'function')
                 if (comp.node.active && typeof comp['update'] === 'function') {
                     comp['update'](dt);
                 }
             }
-        };
-        return NewSystem;
-    }());
-    Object.defineProperty(NewSystem, 'name', { value: "".concat(component.name, "System") });
-    gworld_1.GameWorld.Instance.systems.add(NewSystem);
-    gworld_1.GameWorld.Instance.systems.configureOnce(NewSystem);
-    gworld_1.GameWorld.Instance.listUpdate.push(NewSystem);
+        }
+    }
+    Object.defineProperty(NewSystem, 'name', { value: `${component.name}System` });
+    core_1.GameWorld.Instance.systems.add(NewSystem);
+    core_1.GameWorld.Instance.systems.configureOnce(NewSystem);
+    core_1.GameWorld.Instance.listUpdate.push(NewSystem);
     return NewSystem;
 }
 function instantiate(ComponentType, data) {

package/dist/index.d.ts

@@ -1,10 +1,8 @@
-export { addGameCanvasTo, app, initWorld, setupResolution } from './app';
+export * from './app';
 export * from './components/GUIComponent';
-export { NodeComp } from './components/NodeComp';
+export * from './components/NodeComp';
 export * from './components/RenderComponent';
-export { ComponentX, NoRenderComponentX } from './core/decorator';
-export { SceneComponent } from './core/Scene';
 export * from './core/Size';
-export { GameWorld } from './gworld';
-export { instantiate, registerSystem } from './helper/utils';
+export * from './systems/GUISystem';
+export * from './systems/RenderSystem';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,GAAG,EAAE,SAAS,EAAC,eAAe,EAAE,MAAM,OAAO,CAAA;AACvE,cAAc,2BAA2B,CAAA;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,cAAc,8BAA8B,CAAA;AAC5C,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAC7C,cAAc,aAAa,CAAA;AAC3B,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AACpC,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAA;AACrB,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,aAAa,CAAA;AAC3B,cAAc,qBAAqB,CAAA;AACnC,cAAc,wBAAwB,CAAA"}