@safe-engine/pixi 7.0.3 → 8.0.4

package/README.md

@@ -1,4 +1,4 @@
-# Guide
-- components must be in `tsx` extension
-- `$ref` bind with current class property as string
-- every property start with `$` will reference to current class property as string
+# Guide
+- components must be in `tsx` extension
+- `$ref` bind with current class property as string
+- every property start with `$` will reference to current class property as string

package/dist/app.d.ts

@@ -1,10 +1,10 @@
 import { Constructor, System } from 'entityx-ts';
 import { Application } from 'pixi.js';
-export declare const app: Application<import("pixi.js").ICanvas>;
+export declare const app: Application<import("pixi.js").Renderer>;
+export declare function addGameCanvasTo(id?: string): Promise<void>;
 export declare function setupResolution(designedResolution?: {
     width: number;
     height: number;
 }): void;
-export declare function addGameCanvasTo(id?: string): Promise<void>;
 export declare function startGameWithSystems(systemsList: Constructor<System>[]): void;
 //# sourceMappingURL=app.d.ts.map

package/dist/app.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../src/app.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAKrC,eAAO,MAAM,GAAG,wCAKd,CAAA;AAEF,wBAAgB,eAAe,CAAC,kBAAkB;;;CAA+B,QAGhF;AAED,wBAAsB,eAAe,CAAC,EAAE,SAAS,iBAUhD;AAYD,wBAAgB,oBAAoB,CAAC,WAAW,EAAE,WAAW,CAAC,MAAM,CAAC,EAAE,QAWtE"}
+{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../src/app.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAKrC,eAAO,MAAM,GAAG,yCAAoB,CAAA;AAEpC,wBAAsB,eAAe,CAAC,EAAE,SAAS,iBAehD;AAED,wBAAgB,eAAe,CAAC,kBAAkB;;;CAA+B,QAKhF;AAYD,wBAAgB,oBAAoB,CAAC,WAAW,EAAE,WAAW,CAAC,MAAM,CAAC,EAAE,QAWtE"}

package/dist/app.js

@@ -10,35 +10,38 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.app = void 0;
-exports.setupResolution = setupResolution;
 exports.addGameCanvasTo = addGameCanvasTo;
+exports.setupResolution = setupResolution;
 exports.startGameWithSystems = startGameWithSystems;
 const core_1 = require("@safe-engine/core");
 const pixi_js_1 = require("pixi.js");
 const pixi_action_ease_1 = require("pixi-action-ease");
 const NodeComp_1 = require("./components/NodeComp");
-exports.app = new pixi_js_1.Application({
-    width: 1080,
-    height: 1920,
-    antialias: true,
-    resolution: window.devicePixelRatio,
-});
-function setupResolution(designedResolution = { width: 720, height: 1280 }) {
-    const { width, height } = designedResolution;
-    exports.app.renderer.resize(width, height);
-}
+exports.app = new pixi_js_1.Application();
 function addGameCanvasTo() {
     return __awaiter(this, arguments, void 0, function* (id = 'game') {
-        Object.assign(exports.app.view.style, {
-            width: `${window.innerWidth}px`,
-            // height: `${window.innerHeight}px`,
-            overflow: 'hidden',
+        yield exports.app.init({
+            antialias: true,
+            resolution: window.devicePixelRatio,
+            resizeTo: window,
+            eventFeatures: {
+                move: true,
+                /** disables the global move events which can be very expensive in large scenes */
+                globalMove: false,
+                click: true,
+                wheel: false,
+            },
+            canvas: document.getElementById(id)
         });
-        const gameDiv = document.getElementById(id);
-        gameDiv.appendChild(exports.app.view);
         core_1.GameWorld.Instance.setup(NodeComp_1.NodeComp, exports.app.stage);
     });
 }
+function setupResolution(designedResolution = { width: 720, height: 1280 }) {
+    const { width, height } = designedResolution;
+    exports.app.renderer.resize(width, height);
+    // app.stage.position.y = app.renderer.height / app.renderer.resolution
+    // app.stage.scale.y = -1
+}
 function startGameLoop(world) {
     // Listen for frame updates
     exports.app.ticker.add(() => {

package/dist/components/GUIComponent.d.ts

@@ -1,7 +1,8 @@
+import { ProgressBar } from '@pixi/ui';
 import { ComponentX, NoRenderComponentX } from '@safe-engine/core';
 import { Container, Point, Text } from 'pixi.js';
 import { Color4B } from '../core/Color';
-import { LoadingBar, LoadingBarMode, ProgressTimer } from '../core/LoadingBar';
+import { LoadingBarMode, ProgressTimer } from '../core/LoadingBar';
 import { NodeComp } from './NodeComp';
 export declare const FillType: {
     HORIZONTAL: number;
@@ -19,10 +20,11 @@ export declare class ButtonComp extends NoRenderComponentX<NodeComp> {
     setOnPress(cb: (target: ButtonComp) => void): void;
     set enabled(val: any);
 }
-export declare class ProgressBarComp extends NoRenderComponentX<NodeComp<LoadingBar>> {
+export declare class ProgressBarComp extends NoRenderComponentX<NodeComp<ProgressBar>> {
     mode: LoadingBarMode;
-    private _progress;
     isReverse: boolean;
+    bg: string;
+    fill: string;
     get progress(): number;
     set progress(val: number);
 }
@@ -32,7 +34,7 @@ export declare class LabelComp extends ComponentX<NodeComp<Text>> {
     size: number;
     getString(): string;
     setString(val: string): void;
-    getSize(): string | number;
+    getSize(): number;
     setSize(val: any): void;
     getFont(): string;
     setFont(val: string): void;

package/dist/components/GUIComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GUIComponent.d.ts","sourceRoot":"","sources":["../../src/components/GUIComponent.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"GUIComponent.d.ts","sourceRoot":"","sources":["../../src/components/GUIComponent.ts"],"names":[],"mappings":"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"}

package/dist/components/GUIComponent.js

@@ -25,10 +25,9 @@ class ProgressBarComp extends core_1.NoRenderComponentX {
         this.mode = LoadingBar_1.LoadingBarMode.BAR;
     }
     get progress() {
-        return this._progress;
+        return this.node.instance.progress;
     }
     set progress(val) {
-        this._progress = val;
         this.node.instance.progress = val;
     }
 }

package/dist/components/NodeComp.js

@@ -228,7 +228,7 @@ class NodeComp {
     //   return box
     // }
     getContentSize() {
-        return this.instance.getBounds();
+        return this.instance.boundsArea;
     }
     // setContentSize(size: cc.Size | number, height?: number) {
     //   this.instance.setContentSize(size, height)

package/dist/components/RenderComponent.d.ts

@@ -14,7 +14,7 @@ export declare class SpriteRender extends ComponentX<NodeComp<Sprite>> {
     fillCenter: Point;
     loadingBar: LoadingBar;
     setFillRange(val: number): void;
-    getSpriteFrame(): TextureSource;
+    getSpriteFrame(): TextureSource<any>;
     setSpriteFrame(frame: any): void;
 }
 export declare class GraphicsRender extends ComponentX<NodeComp<Graphics>> {

package/dist/core/LoadingBar.js

@@ -13,17 +13,17 @@ class LoadingBar extends pixi_js_1.Graphics {
         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);
+        this.fill(0xffffff);
+        this.rect(0, 0, spriteComp.width, spriteComp.height);
         spriteComp.mask = this;
         spriteComp.addChild(this);
     }
     set progress(val) {
         this.clear();
-        this.beginFill(0xffffff);
+        this.fill(0xffffff);
         if (this.mode === LoadingBarMode.BAR) {
             const spriteComp = this.spriteComp;
-            this.drawRect(0, 0, spriteComp.width * val, spriteComp.height);
+            this.rect(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;
@@ -39,8 +39,8 @@ class ProgressTimer extends pixi_js_1.Container {
         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.graphics.fill(0xffffff);
+        this.graphics.rect(0, 0, this.spriteComp.width, this.spriteComp.height);
         this.spriteComp.mask = this.graphics;
         this.addChild(this.graphics);
         this.addChild(this.spriteComp);
@@ -50,9 +50,9 @@ class ProgressTimer extends pixi_js_1.Container {
     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);
+            this.graphics.rect(0, 0, this.spriteComp.width * val, this.spriteComp.height);
             // console.log('new length', this.width)
+            this.graphics.fill(0xffffff);
         }
     }
 }

package/dist/systems/GUISystem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GUISystem.d.ts","sourceRoot":"","sources":["../../src/systems/GUISystem.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAC7C,OAAO,EACL,YAAY,EAEZ,MAAM,EACP,MAAM,YAAY,CAAA;AAQnB,qBAAa,SAAU,YAAW,MAAM;IACtC,SAAS,CAAC,aAAa,EAAE,YAAY,CAAC,SAAS,CAAC;CAgEjD"}
+{"version":3,"file":"GUISystem.d.ts","sourceRoot":"","sources":["../../src/systems/GUISystem.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAC7C,OAAO,EACL,YAAY,EAEZ,MAAM,EACP,MAAM,YAAY,CAAA;AAQnB,qBAAa,SAAU,YAAW,MAAM;IACtC,SAAS,CAAC,aAAa,EAAE,YAAY,CAAC,SAAS,CAAC;CA4DjD"}

package/dist/systems/GUISystem.js

@@ -31,14 +31,9 @@ class GUISystem {
             });
         });
         event_manager.subscribe(entityx_ts_1.EventTypes.ComponentAdded, GUIComponent_1.ProgressBarComp, ({ entity, component }) => {
-            const spriteComp = entity.getComponent(__1.SpriteRender);
-            if (!spriteComp)
-                throw Error('ProgressBarComp need SpriteRender');
-            const { progress, mode } = component;
-            const node = new LoadingBar_1.LoadingBar(mode, spriteComp.node.instance);
-            spriteComp.node.instance.mask = node;
+            const { progress = 1, bg, fill } = component;
+            const node = new ui_1.ProgressBar({ bg, fill, progress });
             component.node = entity.assign(new __1.NodeComp(node, entity));
-            node.progress = progress;
         });
         event_manager.subscribe(entityx_ts_1.EventTypes.ComponentAdded, GUIComponent_1.ProgressTimerComp, ({ entity, component }) => {
             // console.log(component, '.progress')

package/dist/systems/RenderSystem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RenderSystem.d.ts","sourceRoot":"","sources":["../../src/systems/RenderSystem.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EAEZ,MAAM,EACP,MAAM,YAAY,CAAA;AAOnB,oBAAY,WAAW;IACrB,MAAM,IAAA;IACN,MAAM,IAAA;IACN,KAAK,IAAA;IACL,MAAM,IAAA;IACN,IAAI,IAAA;IACJ,SAAS,IAAA;CACV;AAED,qBAAa,YAAa,YAAW,MAAM;IACzC,SAAS,CAAC,aAAa,EAAE,YAAY;CAgDtC"}
+{"version":3,"file":"RenderSystem.d.ts","sourceRoot":"","sources":["../../src/systems/RenderSystem.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EAEZ,MAAM,EACP,MAAM,YAAY,CAAA;AAOnB,oBAAY,WAAW;IACrB,MAAM,IAAA;IACN,MAAM,IAAA;IACN,KAAK,IAAA;IACL,MAAM,IAAA;IACN,IAAI,IAAA;IACJ,SAAS,IAAA;CACV;AAED,qBAAa,YAAa,YAAW,MAAM;IACzC,SAAS,CAAC,aAAa,EAAE,YAAY;CAiDtC"}

package/dist/systems/RenderSystem.js

@@ -51,8 +51,9 @@ class RenderSystem {
         event_manager.subscribe(entityx_ts_1.EventTypes.ComponentAdded, RenderComponent_1.GraphicsRender, ({ entity, component }) => {
             const { lineWidth, strokeColor, fillColor } = component;
             const node = new pixi_js_1.Graphics();
-            node.beginFill(fillColor);
-            node.lineStyle(lineWidth, strokeColor);
+            node.fill(fillColor);
+            node.fillStyle = strokeColor;
+            node.width = lineWidth;
             component.node = entity.assign(new __1.NodeComp(node, entity));
             // node.drawCircle(0, 0, 100)
         });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@safe-engine/pixi",
-  "version": "7.0.3",
+  "version": "8.0.4",
   "description": "",
   "type": "module",
   "main": "dist/index.js",
@@ -16,12 +16,12 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@pixi/ui": "^1.1.5",
-    "@safe-engine/core": "1.0.2",
-    "entityx-ts": "2.0.3",
+    "@pixi/ui": "^2.1.5",
+    "entityx-ts": "^2.0.3",
+    "@safe-engine/core": "1.0.3",
     "lodash": "^4.17.21",
     "pixi-action-ease": "^1.0.12",
-    "pixi.js": "^7.4.2"
+    "pixi.js": "^8.4.0"
   },
   "devDependencies": {
     "@types/lodash": "^4.17.7",

package/.github/workflows/npm-publish.yml

@@ -1,35 +0,0 @@
-# This workflow will run tests using node and then publish a package to GitHub Packages when a release is created
-# For more information see: https://docs.github.com/en/actions/publishing-packages/publishing-nodejs-packages
-
-name: Publish NPM Package
-
-on:
-  release:
-    types: [created]
-  workflow_dispatch: # Allows you to run this workflow manually
-
-jobs:
-  build:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v3
-        with:
-          node-version: 20
-      - run: npm ci
-      - run: npm run build
-
-  publish-npm:
-    needs: build
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v3
-        with:
-          node-version: 20
-          registry-url: https://registry.npmjs.org/
-      - run: npm ci
-      - run: npm run build
-      - run: npm publish
-        env:
-          NODE_AUTH_TOKEN: ${{secrets.npm_token}}

package/dist/components/EnhancedComponent.d.ts

@@ -1,22 +0,0 @@
-import { Constructor } from 'entityx-ts';
-import { Animation } from 'pixi-action-ease';
-import { NodeComp } from './NodeComp';
-export declare class EnhancedComponent {
-    constructor(...args: any[]);
-    node: NodeComp;
-    static hasRender: boolean;
-    actionsMap: {
-        [key: string]: Animation;
-    };
-    addComponent<T extends EnhancedComponent>(instance: any): T;
-    getComponent<T extends ComponentType>(component: Constructor<T>): T;
-    schedule(callback: (dt?: number) => void, interval: number, repeat?: number, delay?: number, key?: string): void;
-    unschedule(callback: (arg?: unknown) => void, key?: string): void;
-    unscheduleAllCallbacks(): void;
-    scheduleOnce(callback: (arg?: unknown) => void, delay: number, key?: string): void;
-    getComponentsInChildren<T extends ComponentType>(component: Constructor<T>): T[];
-    getComponentInChildren<T extends ComponentType>(component: Constructor<T>): T;
-    isEqual(other: EnhancedComponent): boolean;
-}
-export type ComponentType = EnhancedComponent | NodeComp;
-//# sourceMappingURL=EnhancedComponent.d.ts.map

package/dist/components/EnhancedComponent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EnhancedComponent.d.ts","sourceRoot":"","sources":["../../src/components/EnhancedComponent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AACxC,OAAO,EAAiB,SAAS,EAAyC,MAAM,kBAAkB,CAAA;AAElG,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,qBAAa,iBAAiB;gBAChB,GAAG,IAAI,EAAE,GAAG,EAAE;IAS1B,IAAI,EAAE,QAAQ,CAAA;IACd,MAAM,CAAC,SAAS,UAAO;IACvB,UAAU,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAA;KAAE,CAAK;IAC7C,YAAY,CAAC,CAAC,SAAS,iBAAiB,EAAE,QAAQ,KAAA,GAAG,CAAC;IAGtD,YAAY,CAAC,CAAC,SAAS,aAAa,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC;IAGnE,QAAQ,CAAC,QAAQ,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,SAAK,EAAE,KAAK,SAAI,EAAE,GAAG,CAAC,EAAE,MAAM;IAOhG,UAAU,CAAC,QAAQ,EAAE,CAAC,GAAG,CAAC,EAAE,OAAO,KAAK,IAAI,EAAE,GAAG,CAAC,EAAE,MAAM;IAI1D,sBAAsB;IAKtB,YAAY,CAAC,QAAQ,EAAE,CAAC,GAAG,CAAC,EAAE,OAAO,KAAK,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM;IAK3E,uBAAuB,CAAC,CAAC,SAAS,aAAa,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE;IAGhF,sBAAsB,CAAC,CAAC,SAAS,aAAa,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC;IAG7E,OAAO,CAAC,KAAK,EAAE,iBAAiB;CAGjC;AAED,MAAM,MAAM,aAAa,GAAG,iBAAiB,GAAG,QAAQ,CAAA"}

package/dist/components/EnhancedComponent.js

@@ -1,62 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EnhancedComponent = void 0;
-var pixi_action_ease_1 = require("pixi-action-ease");
-var EnhancedComponent = /** @class */ (function () {
-    function EnhancedComponent() {
-        var args = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            args[_i] = arguments[_i];
-        }
-        var _this = this;
-        this.actionsMap = {};
-        var data = args[0];
-        if (data) {
-            // console.log('constructor', this.constructor.name, data)
-            Object.keys(data).forEach(function (key) {
-                _this[key] = data[key];
-            });
-        }
-    }
-    EnhancedComponent.prototype.addComponent = function (instance) {
-        return this.node.addComponent(instance);
-    };
-    EnhancedComponent.prototype.getComponent = function (component) {
-        return this.node.getComponent(component);
-    };
-    EnhancedComponent.prototype.schedule = function (callback, interval, repeat, delay, key) {
-        if (repeat === void 0) { repeat = -1; }
-        if (delay === void 0) { delay = 0; }
-        var action = pixi_action_ease_1.Sequence.create(pixi_action_ease_1.DelayTime.create(interval), pixi_action_ease_1.CallFunc.create(callback));
-        var repeatAct = pixi_action_ease_1.Repeat.create(action, repeat);
-        var seq = pixi_action_ease_1.Sequence.create(pixi_action_ease_1.DelayTime.create(delay), repeatAct);
-        var animation = pixi_action_ease_1.actionManager.runAction(this.node.instance, seq);
-        this.actionsMap[key] = animation;
-    };
-    EnhancedComponent.prototype.unschedule = function (callback, key) {
-        // this.node.instance.unschedule(callback.bind(this))
-        this.actionsMap[key].stop();
-    };
-    EnhancedComponent.prototype.unscheduleAllCallbacks = function () {
-        Object.values(this.actionsMap).forEach(function (action) {
-            action.stop();
-        });
-    };
-    EnhancedComponent.prototype.scheduleOnce = function (callback, delay, key) {
-        var action = pixi_action_ease_1.Sequence.create(pixi_action_ease_1.DelayTime.create(delay), pixi_action_ease_1.CallFunc.create(callback));
-        var animation = pixi_action_ease_1.actionManager.runAction(this.node.instance, action);
-        this.actionsMap[key] = animation;
-    };
-    EnhancedComponent.prototype.getComponentsInChildren = function (component) {
-        return this.node.getComponentsInChildren(component);
-    };
-    EnhancedComponent.prototype.getComponentInChildren = function (component) {
-        return this.node.getComponentInChildren(component);
-    };
-    EnhancedComponent.prototype.isEqual = function (other) {
-        return this.node.entity.id === other.node.entity.id;
-    };
-    EnhancedComponent.hasRender = true;
-    return EnhancedComponent;
-}());
-exports.EnhancedComponent = EnhancedComponent;

package/dist/core/Scene.d.ts

@@ -1,6 +0,0 @@
-import { EnhancedComponent } from '../components/EnhancedComponent';
-export declare class SceneComponent extends EnhancedComponent {
-    static boot: () => void;
-    static create(): SceneComponent;
-}
-//# sourceMappingURL=Scene.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Scene.d.ts","sourceRoot":"","sources":["../../src/core/Scene.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AAInE,qBAAa,cAAe,SAAQ,iBAAiB;IACnD,MAAM,CAAC,IAAI,EAAE,MAAM,IAAI,CAAA;IACvB,MAAM,CAAC,MAAM;CASd"}

package/dist/core/Scene.js

@@ -1,39 +0,0 @@
-"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.SceneComponent = void 0;
-var app_1 = require("../app");
-var EnhancedComponent_1 = require("../components/EnhancedComponent");
-var NodeComp_1 = require("../components/NodeComp");
-var gworld_1 = require("../gworld");
-var SceneComponent = /** @class */ (function (_super) {
-    __extends(SceneComponent, _super);
-    function SceneComponent() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    SceneComponent.create = function () {
-        var world = gworld_1.GameWorld.Instance;
-        world.entities.reset();
-        var root = world.entities.create();
-        var node = root.assign(new NodeComp_1.NodeComp(app_1.app.stage, root));
-        var sceneComponent = root.assign(new SceneComponent());
-        sceneComponent.node = node;
-        return sceneComponent;
-    };
-    return SceneComponent;
-}(EnhancedComponent_1.EnhancedComponent));
-exports.SceneComponent = SceneComponent;

package/dist/core/Vec2.d.ts

@@ -1,20 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,70 +0,0 @@
-"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/core/decorator.d.ts

@@ -1,9 +0,0 @@
-import { EnhancedComponent } from '../components/EnhancedComponent';
-export declare class NoRenderComponentX extends EnhancedComponent {
-    static hasRender: boolean;
-    static create(data?: any): NoRenderComponentX;
-}
-export declare class ComponentX extends EnhancedComponent {
-    static create(data?: any): ComponentX;
-}
-//# sourceMappingURL=decorator.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"decorator.d.ts","sourceRoot":"","sources":["../../src/core/decorator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AAGnE,qBAAa,kBAAmB,SAAQ,iBAAiB;IACvD,MAAM,CAAC,SAAS,UAAQ;IACxB,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,GAAG;CAGzB;AAED,qBAAa,UAAW,SAAQ,iBAAiB;IAC/C,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,GAAG;CAMzB"}

package/dist/core/decorator.js

@@ -1,46 +0,0 @@
-"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.ComponentX = exports.NoRenderComponentX = void 0;
-var EnhancedComponent_1 = require("../components/EnhancedComponent");
-var gworld_1 = require("../gworld");
-var NoRenderComponentX = /** @class */ (function (_super) {
-    __extends(NoRenderComponentX, _super);
-    function NoRenderComponentX() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    NoRenderComponentX.create = function (data) {
-        return new this(data);
-    };
-    NoRenderComponentX.hasRender = false;
-    return NoRenderComponentX;
-}(EnhancedComponent_1.EnhancedComponent));
-exports.NoRenderComponentX = NoRenderComponentX;
-var ComponentX = /** @class */ (function (_super) {
-    __extends(ComponentX, _super);
-    function ComponentX() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    ComponentX.create = function (data) {
-        var world = gworld_1.GameWorld.Instance;
-        var root = world.entities.create();
-        var comp = root.assign(new this(data));
-        return comp;
-    };
-    return ComponentX;
-}(EnhancedComponent_1.EnhancedComponent));
-exports.ComponentX = ComponentX;

package/dist/gworld.d.ts

@@ -1,8 +0,0 @@
-import { Constructor, System, World } from 'entityx-ts';
-export declare class GameWorld extends World {
-    listUpdate: (System | Constructor<System>)[];
-    update(dt: number): void;
-    private static _instance;
-    static get Instance(): GameWorld;
-}
-//# sourceMappingURL=gworld.d.ts.map

package/dist/gworld.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"gworld.d.ts","sourceRoot":"","sources":["../src/gworld.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAEvD,qBAAa,SAAU,SAAQ,KAAK;IAClC,UAAU,EAAE,CAAC,MAAM,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC,EAAE,CAAK;IACjD,MAAM,CAAC,EAAE,EAAE,MAAM;IAMjB,OAAO,CAAC,MAAM,CAAC,SAAS,CAAW;IAEnC,WAAkB,QAAQ,cAGzB;CACF"}