@rpgjs/client 3.2.0 → 3.3.0

package/lib/Components/Component.js

@@ -3,13 +3,20 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.RpgComponent = void 0;
 const common_1 = require("@rpgjs/common");
 const types_1 = require("@rpgjs/types");
+const rxjs_1 = require("rxjs");
 const operators_1 = require("rxjs/operators");
 const Logger_1 = require("../Logger");
 const Player_1 = require("../Sprite/Player");
-const ColorComponent_1 = require("./ColorComponent");
+const BarComponent_1 = require("./BarComponent");
+const ShapeComponent_1 = require("./ShapeComponent");
+const DebugComponent_1 = require("./DebugComponent");
 const ImageComponent_1 = require("./ImageComponent");
 const TextComponent_1 = require("./TextComponent");
 const TileComponent_1 = require("./TileComponent");
+const layoutObject = {
+    lines: []
+};
+const layoutTypes = ['top', 'bottom', 'left', 'right'];
 class RpgComponent extends PIXI.Container {
     constructor(data, scene) {
         super();
@@ -26,27 +33,48 @@ class RpgComponent extends PIXI.Container {
         this.map = '';
         this.z = 0;
         this.fixed = false;
-        this.components = [];
+        this.components = {
+            top: layoutObject,
+            bottom: layoutObject,
+            left: layoutObject,
+            right: layoutObject,
+            center: layoutObject
+        };
         this.direction = 0;
         this.container = new PIXI.Container();
+        this.containersLayout = {};
+        this.layoutNotifierClear = {
+            top: new rxjs_1.Subject(),
+            bottom: new rxjs_1.Subject(),
+            left: new rxjs_1.Subject(),
+            right: new rxjs_1.Subject(),
+            center: new rxjs_1.Subject()
+        };
         this.registerComponents = new Map();
+        this.game = this.scene.game;
+        this.id = this.data.id;
         this.setPosition(false);
         this.registerComponents.set(Player_1.RpgSprite.id, Player_1.RpgSprite);
         this.registerComponents.set(TextComponent_1.TextComponent.id, TextComponent_1.TextComponent);
-        this.registerComponents.set(ColorComponent_1.ColorComponent.id, ColorComponent_1.ColorComponent);
+        this.registerComponents.set(ShapeComponent_1.ShapeComponent.id, ShapeComponent_1.ShapeComponent);
         this.registerComponents.set(TileComponent_1.TileComponent.id, TileComponent_1.TileComponent);
         this.registerComponents.set(ImageComponent_1.ImageComponent.id, ImageComponent_1.ImageComponent);
+        this.registerComponents.set(BarComponent_1.BarComponent.id, BarComponent_1.BarComponent);
+        this.registerComponents.set(DebugComponent_1.DebugComponent.id, DebugComponent_1.DebugComponent);
         this.addChild(this.container);
+        for (let layout of [...layoutTypes, 'center']) {
+            this.containersLayout[layout] = new PIXI.Container();
+            this.container.addChild(this.containersLayout[layout]);
+        }
         common_1.RpgPlugin.emit(common_1.HookClient.AddSprite, this);
         common_1.RpgPlugin.emit(common_1.HookClient.SceneAddSprite, [this.scene, this], true);
-        this.scene.game.listenObject(data.id)
-            .pipe((0, operators_1.map)(object => object === null || object === void 0 ? void 0 : object.paramsChanged), (0, operators_1.tap)(() => {
+        this.game.listenObject(data.id)
+            .pipe((0, operators_1.takeUntil)(this.game.getDeleteNotifier(data.id)), (0, operators_1.map)(object => object === null || object === void 0 ? void 0 : object.paramsChanged), (0, operators_1.tap)(() => {
             var _a, _b;
             common_1.RpgPlugin.emit(common_1.HookClient.ChangesSprite, [this, (_a = this.logic) === null || _a === void 0 ? void 0 : _a['paramsChanged'], (_b = this.logic) === null || _b === void 0 ? void 0 : _b['prevParamsChanged']], true);
         }), (0, operators_1.filter)(object => {
             var _a;
-            const componentChanged = (_a = this.logic) === null || _a === void 0 ? void 0 : _a['componentChanged'];
-            return componentChanged && componentChanged.length;
+            return (_a = this.logic) === null || _a === void 0 ? void 0 : _a['componentChanged'];
         }))
             .subscribe((val) => {
             var _a;
@@ -237,44 +265,166 @@ class RpgComponent extends PIXI.Container {
     * @memberof RpgSprite
     */
     getPositionsOfGraphic(align) {
-        var _a, _b;
+        var _a, _b, _c;
         let sprite;
         // if no component (no graphic for example)
-        if (this.components.length !== 0) {
-            sprite = this.container.getChildAt(0);
+        if (((_a = this.components.center) === null || _a === void 0 ? void 0 : _a.lines.length) !== 0) {
+            sprite = this.containersLayout.center.getChildAt(0);
         }
         const isMiddle = align == 'middle';
         return {
-            x: this.x - this.w * ((_a = sprite === null || sprite === void 0 ? void 0 : sprite.anchor.x) !== null && _a !== void 0 ? _a : 1) + (isMiddle ? this.w / 2 : 0),
-            y: this.y - this.h * ((_b = sprite === null || sprite === void 0 ? void 0 : sprite.anchor.y) !== null && _b !== void 0 ? _b : 1) + (isMiddle ? this.h / 2 : 0)
+            x: this.x - this.w * ((_b = sprite === null || sprite === void 0 ? void 0 : sprite.anchor.x) !== null && _b !== void 0 ? _b : 1) + (isMiddle ? this.w / 2 : 0),
+            y: this.y - this.h * ((_c = sprite === null || sprite === void 0 ? void 0 : sprite.anchor.y) !== null && _c !== void 0 ? _c : 1) + (isMiddle ? this.h / 2 : 0)
         };
     }
+    /**
+     * Get the container by position (center, left, right, top, bottom)
+     *
+     * @param {LayoutPositionEnum} [position=center]
+     * @returns {PIXI.Container}
+     *
+     * */
+    getLayoutContainer(position = 'center') {
+        return this.containersLayout[position];
+    }
+    /**
+     * Get Current Scene. Scene is a map, battle, menu, etc.
+     * @returns {T}
+     */
+    getScene() {
+        return this.scene;
+    }
+    // Hooks
+    onInit() { }
+    onUpdate(obj) { }
+    onMove() { }
+    onChanges(data, old) { }
     callMethodInComponents(name, params) {
-        for (let component of this.container.children) {
+        for (let component of this.getLayoutContainer().children) {
             if (component[name])
                 component[name](...params);
         }
     }
-    updateComponents(components) {
-        this.container.removeChildren();
-        for (let component of components) {
-            const compClass = this.registerComponents.get(component.id);
-            if (!compClass) {
-                throw (0, Logger_1.log)(`Impossible to find ${component.id} component`);
+    createGrid(position, gridArray, options, sprite) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+        const gridContainer = new PIXI.Sprite();
+        const { height, spriteWidth, spriteHeight } = sprite;
+        const width = (_b = (_a = options.width) !== null && _a !== void 0 ? _a : spriteWidth) !== null && _b !== void 0 ? _b : sprite.width;
+        const gridHeight = (_c = options.height) !== null && _c !== void 0 ? _c : 20;
+        const hitBoxWidth = (_e = (_d = this.logic) === null || _d === void 0 ? void 0 : _d.hitbox.w) !== null && _e !== void 0 ? _e : 0;
+        const middleWidth = hitBoxWidth / 2 - width / 2;
+        const posX = gridContainer.x + ((_f = options.marginLeft) !== null && _f !== void 0 ? _f : 0) - ((_g = options.marginRight) !== null && _g !== void 0 ? _g : 0);
+        const posY = gridContainer.y + ((_j = (_h = this.logic) === null || _h === void 0 ? void 0 : _h.hitbox.h) !== null && _j !== void 0 ? _j : 0) + ((_k = options.marginTop) !== null && _k !== void 0 ? _k : 0) - ((_l = options.marginBottom) !== null && _l !== void 0 ? _l : 0);
+        switch (position) {
+            case 'top':
+                gridContainer.x = posX + middleWidth;
+                gridContainer.y = posY - spriteHeight;
+                gridContainer.y -= (gridArray.length * gridHeight);
+                break;
+            case 'bottom':
+                gridContainer.x = posX + middleWidth;
+                gridContainer.y = posY;
+                break;
+            case 'left':
+                gridContainer.x = posX - width - (hitBoxWidth < spriteWidth ? hitBoxWidth / 2 : 0);
+                gridContainer.y = posY - spriteHeight;
+                break;
+            case 'right':
+                gridContainer.x = posX + width + (hitBoxWidth > spriteWidth ? hitBoxWidth / 2 : 0);
+                gridContainer.y = posY - spriteHeight;
+        }
+        for (let y = 0; y < gridArray.length; y++) {
+            const columns = gridArray[y].col.length;
+            const cellWidth = (width / columns);
+            for (let x = 0; x < columns; x++) {
+                const params = gridArray[y].col[x];
+                const component = this.applyComponent(params);
+                component.onRender$
+                    .pipe((0, operators_1.takeUntil)(this.layoutNotifierClear[position]), (0, operators_1.finalize)(() => {
+                    component.onRemove();
+                }))
+                    .subscribe(() => {
+                    component.x = Math.round((x * cellWidth) + (cellWidth / 2) - (component.width / 2));
+                    component.y = Math.round((y * gridHeight) + (gridHeight / 2) - (component.height / 2));
+                });
+                component.onInit({
+                    width: cellWidth,
+                    height: gridHeight
+                });
+                gridContainer.addChild(component);
+            }
+        }
+        return gridContainer;
+    }
+    applyComponent(component) {
+        const compClass = this.registerComponents.get(component.id);
+        if (!compClass) {
+            throw (0, Logger_1.log)(`Impossible to find ${component.id} component`);
+        }
+        return new compClass(this, component.value);
+    }
+    createComponentCenter(components) {
+        var _a;
+        const lines = ((_a = components.center) === null || _a === void 0 ? void 0 : _a.lines) || [];
+        this.getLayoutContainer().removeChildren();
+        for (let { col } of lines) {
+            for (let component of col) {
+                const instance = this.applyComponent(component);
+                if (instance.onInit)
+                    instance.onInit({
+                        width: this.width,
+                        height: this.height
+                    });
+                this.getLayoutContainer().addChild(instance);
             }
-            const instance = new compClass(this, component.value);
-            this.container.addChild(instance);
         }
         this.components = components;
     }
-    getScene() {
-        return this.scene;
+    refreshComponents(components, sprite) {
+        for (let type of layoutTypes) {
+            const layout = components[type];
+            if (layout === null || layout === void 0 ? void 0 : layout.lines) {
+                const layoutContainer = this.getLayoutContainer(type);
+                layoutContainer.removeChildren();
+                this.layoutNotifierClear[type].next();
+                layoutContainer.addChild(this.createGrid(type, layout.lines, layout, sprite));
+            }
+        }
+    }
+    updateComponents(components) {
+        var _a;
+        const graphicChanged = !!((_a = components.center) === null || _a === void 0 ? void 0 : _a.lines);
+        if (graphicChanged) {
+            this.createComponentCenter(components);
+        }
+        if (this.subscriptionGraphic)
+            this.subscriptionGraphic.unsubscribe();
+        const child = this.getLayoutContainer().children[0];
+        if (child instanceof Player_1.RpgSprite) {
+            this.subscriptionGraphic = child.animationSprite()
+                .pipe((0, operators_1.takeUntil)(this.game.getDeleteNotifier(this.id)), (0, operators_1.filter)((sprite) => sprite), (0, operators_1.distinctUntilChanged)((p, q) => p.width === q.width &&
+                p.height === q.height &&
+                p.anchor.x === q.anchor.x &&
+                p.anchor.y === q.anchor.y))
+                .subscribe((sprite) => {
+                this.refreshComponents(components, sprite);
+            });
+        }
+        else {
+            this.refreshComponents(components, {
+                width: this.data.width,
+                height: this.data.height,
+                anchor: {
+                    x: 0,
+                    y: 0
+                },
+                x: 0,
+                y: 0,
+                spriteHeight: this.data.height,
+                spriteWidth: this.data.width
+            });
+        }
     }
-    // Hooks
-    onInit() { }
-    onUpdate(obj) { }
-    onMove() { }
-    onChanges(data, old) { }
 }
 exports.RpgComponent = RpgComponent;
 //# sourceMappingURL=Component.js.map

package/lib/Components/Component.js.map

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

package/lib/Components/DebugComponent.d.ts

@@ -0,0 +1,10 @@
+import { AbstractComponent, CellInfo } from "./AbstractComponent";
+import { DebugComponentObject } from "@rpgjs/types";
+export declare class DebugComponent extends AbstractComponent<DebugComponentObject, PIXI.Graphics> {
+    static readonly id: string;
+    color: string;
+    cacheParams: string[];
+    private container;
+    onInit(cell: CellInfo): void;
+    updateRender(object: any): void;
+}

package/lib/Components/DebugComponent.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DebugComponent = void 0;
+const common_1 = require("@rpgjs/common");
+const AbstractComponent_1 = require("./AbstractComponent");
+class DebugComponent extends AbstractComponent_1.AbstractComponent {
+    constructor() {
+        super(...arguments);
+        this.color = '#ff0000';
+        this.cacheParams = ['map', 'position.x', 'position.y'];
+        this.container = new PIXI.Graphics();
+    }
+    onInit(cell) {
+        this.addChild(this.container);
+        this.updateRender(this.component.logic);
+        this.interactive = true;
+        this.on('pointerdown', () => {
+            console.log(this.component.logic);
+        });
+        super.onInit(cell);
+    }
+    updateRender(object) {
+        const hitbox = object.hitbox;
+        const { pos, w, h } = hitbox;
+        this.container.clear();
+        this.container.beginFill(common_1.Utils.hexaToNumber(this.color));
+        this.container.drawRect(0, 0, w, h);
+        this.container.endFill();
+    }
+}
+exports.DebugComponent = DebugComponent;
+DebugComponent.id = 'debug';
+//# sourceMappingURL=DebugComponent.js.map

package/lib/Components/DebugComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DebugComponent.js","sourceRoot":"","sources":["../../src/Components/DebugComponent.ts"],"names":[],"mappings":";;;AAAA,0CAAqC;AACrC,2DAAiE;AAGjE,MAAa,cAAe,SAAQ,qCAAsD;IAA1F;;QAEI,UAAK,GAAW,SAAS,CAAA;QACzB,gBAAW,GAAa,CAAC,KAAK,EAAE,YAAY,EAAE,YAAY,CAAC,CAAA;QACnD,cAAS,GAAkB,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAA;IAyB1D,CAAC;IAvBG,MAAM,CAAC,IAAc;QACjB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;QAC7B,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAA;QACvC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAA;QACvB,IAAI,CAAC,EAAE,CAAC,aAAa,EAAE,GAAG,EAAE;YACxB,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAA;QACrC,CAAC,CAAC,CAAA;QACF,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;IACtB,CAAC;IAED,YAAY,CAAC,MAAW;QACpB,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAA;QAC5B,MAAM,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,MAAM,CAAA;QAC5B,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAA;QACtB,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,cAAK,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAA;QACxD,IAAI,CAAC,SAAS,CAAC,QAAQ,CACnB,CAAC,EACD,CAAC,EACD,CAAC,EACD,CAAC,CACJ,CAAC;QACF,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,CAAA;IAC5B,CAAC;;AA5BL,wCA6BC;AA5BmB,iBAAE,GAAW,OAAO,CAAA"}

package/lib/Components/IComponent.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=IComponent.js.map

package/lib/Components/IComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IComponent.js","sourceRoot":"","sources":["../../src/Components/IComponent.ts"],"names":[],"mappings":""}

package/lib/Components/ImageComponent.d.ts

@@ -1,8 +1,10 @@
-import { RpgComponent } from "./Component";
-export declare class ImageComponent extends PIXI.Container {
-    private component;
-    private source;
+import { ImageComponentObject } from "@rpgjs/types";
+import { AbstractComponent, CellInfo } from "./AbstractComponent";
+export declare class ImageComponent extends AbstractComponent<ImageComponentObject, PIXI.Container> {
     static readonly id: string;
-    constructor(component: RpgComponent, source: string);
-    setImage(): void;
+    cacheParams: string[];
+    source: string;
+    onInit(cell: CellInfo): void;
+    private setImage;
+    updateRender(object: any): void;
 }

package/lib/Components/ImageComponent.js

@@ -1,14 +1,28 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ImageComponent = void 0;
-class ImageComponent extends PIXI.Container {
-    constructor(component, source) {
-        super();
-        this.component = component;
-        this.source = source;
+const AbstractComponent_1 = require("./AbstractComponent");
+class ImageComponent extends AbstractComponent_1.AbstractComponent {
+    constructor() {
+        super(...arguments);
+        this.cacheParams = [];
+        this.source = '';
+    }
+    onInit(cell) {
+        super.onInit(cell);
         this.setImage();
     }
     setImage() {
+        if (typeof this.value == 'string') {
+            this.source = this.value;
+        }
+        else {
+            this.source = this.value.source;
+        }
+        this.updateRender({});
+    }
+    updateRender(object) {
+        this.removeChildren();
         const engine = this.component.getScene().game.clientEngine;
         this.addChild(PIXI.Sprite.from(engine.getResourceUrl(this.source)));
     }

package/lib/Components/ImageComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageComponent.js","sourceRoot":"","sources":["../../src/Components/ImageComponent.ts"],"names":[],"mappings":";;;AAGA,MAAa,cAAe,SAAQ,IAAI,CAAC,SAAS;IAG9C,YAAoB,SAAuB,EAAU,MAAc;QAC/D,KAAK,EAAE,CAAA;QADS,cAAS,GAAT,SAAS,CAAc;QAAU,WAAM,GAAN,MAAM,CAAQ;QAE/D,IAAI,CAAC,QAAQ,EAAE,CAAA;IACnB,CAAC;IAED,QAAQ;QACJ,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAY,CAAC,IAAI,CAAC,YAAY,CAAA;QACpE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA;IACvE,CAAC;;AAXL,wCAYC;AAXmB,iBAAE,GAAW,OAAO,CAAA"}
+{"version":3,"file":"ImageComponent.js","sourceRoot":"","sources":["../../src/Components/ImageComponent.ts"],"names":[],"mappings":";;;AAEA,2DAAiE;AAEjE,MAAa,cAAe,SAAQ,qCAAuD;IAA3F;;QAEI,gBAAW,GAAa,EAAE,CAAA;QAC1B,WAAM,GAAW,EAAE,CAAA;IAqBvB,CAAC;IAnBG,MAAM,CAAC,IAAc;QACjB,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;QAClB,IAAI,CAAC,QAAQ,EAAE,CAAA;IACnB,CAAC;IAEO,QAAQ;QACZ,IAAI,OAAO,IAAI,CAAC,KAAK,IAAI,QAAQ,EAAE;YAC/B,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,KAAK,CAAA;SAC3B;aAAO;YACJ,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAA;SAClC;QACD,IAAI,CAAC,YAAY,CAAC,EAAE,CAAC,CAAA;IACzB,CAAC;IAED,YAAY,CAAC,MAAW;QACpB,IAAI,CAAC,cAAc,EAAE,CAAA;QACrB,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAY,CAAC,IAAI,CAAC,YAAY,CAAA;QACpE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA;IACvE,CAAC;;AAvBL,wCAwBC;AAvBmB,iBAAE,GAAW,OAAO,CAAA"}

package/lib/Components/ShapeComponent.d.ts

@@ -0,0 +1,10 @@
+import { AbstractComponent, CellInfo } from "./AbstractComponent";
+import { ShapeComponentObject } from "@rpgjs/types";
+export declare class ShapeComponent extends AbstractComponent<ShapeComponentObject, PIXI.Graphics> {
+    static readonly id: string;
+    private type;
+    private container;
+    cacheParams: string[];
+    onInit(cell: CellInfo): void;
+    updateRender(object: any): void;
+}

package/lib/Components/ShapeComponent.js

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ShapeComponent = void 0;
+const common_1 = require("@rpgjs/common");
+const AbstractComponent_1 = require("./AbstractComponent");
+class ShapeComponent extends AbstractComponent_1.AbstractComponent {
+    constructor() {
+        super(...arguments);
+        this.type = this.value.type;
+        this.container = new PIXI.Graphics();
+        this.cacheParams = [];
+    }
+    onInit(cell) {
+        this.updateRender(this.component.logic);
+        this.addChild(this.container);
+        super.onInit(cell);
+    }
+    updateRender(object) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        const value = this.value;
+        const height = (_c = (_a = this.getValue(object, value.height)) !== null && _a !== void 0 ? _a : (_b = this.cell) === null || _b === void 0 ? void 0 : _b.height) !== null && _c !== void 0 ? _c : 0;
+        const width = (_f = (_d = this.getValue(object, value.width)) !== null && _d !== void 0 ? _d : (_e = this.cell) === null || _e === void 0 ? void 0 : _e.width) !== null && _f !== void 0 ? _f : 0;
+        this.container.clear();
+        this.container.beginFill(common_1.Utils.hexaToNumber(this.value.fill));
+        if (value.line) {
+            this.container.lineStyle((_g = this.getValue(object, value.line.width)) !== null && _g !== void 0 ? _g : 1, common_1.Utils.hexaToNumber((_h = value.line.color) !== null && _h !== void 0 ? _h : this.value.fill), (_j = this.getValue(object, value.line.alpha)) !== null && _j !== void 0 ? _j : 1);
+        }
+        switch (this.type) {
+            case 'circle':
+                this.container.drawCircle(0, 0, this.getValue(object, value.radius));
+                break;
+            case 'ellipse':
+                this.container.drawEllipse(0, 0, width, height);
+                break;
+            case 'line':
+                if (!value.line) {
+                    this.container.lineStyle(1, common_1.Utils.hexaToNumber(this.value.fill));
+                }
+                this.container.moveTo(this.getValue(object, value.x1), this.getValue(object, value.y1));
+                this.container.lineTo(this.getValue(object, value.x2), this.getValue(object, value.y2));
+                break;
+            case 'polygon':
+                this.container.drawPolygon(value.points);
+                break;
+            case 'rounded-rect':
+                this.container.drawRoundedRect(0, 0, width, height, value.radius);
+                break;
+            default:
+                this.container.drawRect(0, 0, width, height);
+                break;
+        }
+        this.container.endFill();
+    }
+}
+exports.ShapeComponent = ShapeComponent;
+ShapeComponent.id = 'shape';
+//# sourceMappingURL=ShapeComponent.js.map

package/lib/Components/ShapeComponent.js.map

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

package/lib/Components/TextComponent.d.ts

@@ -1,5 +1,10 @@
-export declare class TextComponent extends PIXI.Text {
-    private data;
+import { TextComponentObject } from "@rpgjs/types";
+import { AbstractComponent } from "./AbstractComponent";
+export declare class TextComponent extends AbstractComponent<TextComponentObject, PIXI.Text> {
     static readonly id: string;
-    constructor(data: any, _text: string);
+    cacheParams: string[];
+    private container;
+    private originValue;
+    onInit(cell: PIXI.Graphics): void;
+    updateRender(object: any): void;
 }

package/lib/Components/TextComponent.js

@@ -1,10 +1,32 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextComponent = void 0;
-class TextComponent extends PIXI.Text {
-    constructor(data, _text) {
-        super(_text);
-        this.data = data;
+const AbstractComponent_1 = require("./AbstractComponent");
+class TextComponent extends AbstractComponent_1.AbstractComponent {
+    constructor() {
+        super(...arguments);
+        this.cacheParams = [];
+        this.container = new PIXI.Text('');
+        this.originValue = '';
+    }
+    onInit(cell) {
+        if (typeof this.value == 'string') {
+            this.container.text = this.value;
+        }
+        else {
+            this.container.style = this.value.style;
+            this.container.text = this.value.text;
+        }
+        this.container.style = Object.assign(Object.assign({}, this.container.style), { wordWrapWidth: cell.width });
+        this.parseTextAndCache(this.container.text);
+        this.originValue = this.container.text;
+        // first render for replace variable and remove {}
+        this.updateRender(this.component.logic);
+        this.addChild(this.container);
+        super.onInit(cell);
+    }
+    updateRender(object) {
+        this.container.text = this.replaceText(object, this.originValue);
     }
 }
 exports.TextComponent = TextComponent;

package/lib/Components/TextComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextComponent.js","sourceRoot":"","sources":["../../src/Components/TextComponent.ts"],"names":[],"mappings":";;;AAAA,MAAa,aAAc,SAAQ,IAAI,CAAC,IAAI;IAGxC,YAAoB,IAAI,EAAE,KAAa;QACnC,KAAK,CAAC,KAAK,CAAC,CAAA;QADI,SAAI,GAAJ,IAAI,CAAA;IAExB,CAAC;;AALL,sCAMC;AALmB,gBAAE,GAAW,MAAM,CAAA"}
+{"version":3,"file":"TextComponent.js","sourceRoot":"","sources":["../../src/Components/TextComponent.ts"],"names":[],"mappings":";;;AACA,2DAAuD;AAEvD,MAAa,aAAc,SAAQ,qCAAiD;IAApF;;QAEI,gBAAW,GAAa,EAAE,CAAA;QAClB,cAAS,GAAc,IAAI,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;QACxC,gBAAW,GAAW,EAAE,CAAA;IAwBpC,CAAC;IAtBG,MAAM,CAAC,IAAmB;QACtB,IAAI,OAAO,IAAI,CAAC,KAAK,IAAI,QAAQ,EAAE;YAC/B,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,CAAA;SACnC;aAAO;YACJ,IAAI,CAAC,SAAS,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAA;YACvC,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAA;SACxC;QACD,IAAI,CAAC,SAAS,CAAC,KAAK,mCACb,IAAI,CAAC,SAAS,CAAC,KAAK,KACvB,aAAa,EAAE,IAAI,CAAC,KAAK,GAC5B,CAAA;QACD,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA;QAC3C,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAA;QACtC,kDAAkD;QAClD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAA;QACvC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;QAC7B,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;IACtB,CAAC;IAED,YAAY,CAAC,MAAW;QACpB,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,IAAI,CAAC,WAAW,CAAC,CAAA;IACpE,CAAC;;AA3BL,sCA4BC;AA3BmB,gBAAE,GAAW,MAAM,CAAA"}

package/lib/Components/TileComponent.d.ts

@@ -1,8 +1,9 @@
-import { RpgComponent } from "./Component";
-export declare class TileComponent extends PIXI.Container {
-    private component;
-    private gid;
+import { TileComponentObject } from "@rpgjs/types";
+import { AbstractComponent, CellInfo } from "./AbstractComponent";
+export declare class TileComponent extends AbstractComponent<TileComponentObject, PIXI.Container> {
     static readonly id: string;
-    constructor(component: RpgComponent, gid: number);
-    setTile(): void;
+    cacheParams: string[];
+    gid: number;
+    onInit(cell: CellInfo): void;
+    updateRender(object: any): void;
 }

package/lib/Components/TileComponent.js

@@ -6,14 +6,26 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TileComponent = void 0;
 const Tile_1 = __importDefault(require("../Tilemap/Tile"));
 const TileLayer_1 = __importDefault(require("../Tilemap/TileLayer"));
-class TileComponent extends PIXI.Container {
-    constructor(component, gid) {
-        super();
-        this.component = component;
-        this.gid = gid;
-        this.setTile();
+const AbstractComponent_1 = require("./AbstractComponent");
+class TileComponent extends AbstractComponent_1.AbstractComponent {
+    constructor() {
+        super(...arguments);
+        this.cacheParams = [];
+        this.gid = 0;
     }
-    setTile() {
+    onInit(cell) {
+        if (typeof this.value == 'number') {
+            this.gid = this.value;
+        }
+        else {
+            this.gid = this.value.gid;
+        }
+        this.updateRender({});
+        super.onInit(cell);
+    }
+    updateRender(object) {
+        var _a, _b, _c, _d;
+        this.removeChildren();
         const scene = this.component.getScene();
         const tilemap = scene.tilemap;
         const tileset = TileLayer_1.default.findTileSet(this.gid, tilemap.tilesets);
@@ -21,8 +33,8 @@ class TileComponent extends PIXI.Container {
             const tile = new Tile_1.default({
                 gid: this.gid
             }, tileset);
-            tile.width = this.component.w;
-            tile.height = this.component.h;
+            tile.width = (_b = (_a = this.cell) === null || _a === void 0 ? void 0 : _a.width) !== null && _b !== void 0 ? _b : 0;
+            tile.height = (_d = (_c = this.cell) === null || _c === void 0 ? void 0 : _c.height) !== null && _d !== void 0 ? _d : 0;
             this.addChild(tile);
         }
     }