@safe-engine/pixi 8.1.4 → 8.2.3

package/dist/spine/lib/require-shim.js

@@ -0,0 +1,38 @@
+/** ****************************************************************************
+ * Spine Runtimes License Agreement
+ * Last updated July 28, 2023. Replaces all prior versions.
+ *
+ * Copyright (c) 2013-2023, Esoteric Software LLC
+ *
+ * Integration of the Spine Runtimes into software or otherwise creating
+ * derivative works of the Spine Runtimes is permitted under the terms and
+ * conditions of Section 2 of the Spine Editor License Agreement:
+ * http://esotericsoftware.com/spine-editor-license
+ *
+ * Otherwise, it is permitted to integrate the Spine Runtimes into software or
+ * otherwise create derivative works of the Spine Runtimes (collectively,
+ * "Products"), provided that each user of the Products must obtain their own
+ * Spine Editor license and redistribution of the Products in any form must
+ * include this license and copyright notice.
+ *
+ * THE SPINE RUNTIMES ARE PROVIDED BY ESOTERIC SOFTWARE LLC "AS IS" AND ANY
+ * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+ * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+ * DISCLAIMED. IN NO EVENT SHALL ESOTERIC SOFTWARE LLC BE LIABLE FOR ANY
+ * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+ * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES,
+ * BUSINESS INTERRUPTION, OR LOSS OF USE, DATA, OR PROFITS) HOWEVER CAUSED AND
+ * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+ * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THE
+ * SPINE RUNTIMES, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+ *****************************************************************************/
+if (typeof window !== 'undefined' && window.PIXI) {
+    const prevRequire = window.require;
+    window.require = (x) => {
+        if (prevRequire)
+            return prevRequire(x);
+        else if (x.startsWith("@pixi/") || x.startsWith("pixi.js"))
+            return window.PIXI;
+    };
+}
+export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@safe-engine/pixi",
-  "version": "8.1.4",
-  "description": "",
+  "version": "8.2.3",
+  "description": "safex pixi plugin",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -16,15 +16,19 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@pixi/ui": "^2.1.5",
-    "entityx-ts": "latest",
-    "@safe-engine/core": "latest",
+    "@esotericsoftware/spine-core": "^4.2.70",
+    "@pixi/ui": "^2.2.0",
+    "@types/node": "^22.10.10",
+    "dragonbones-pixijs": "^1.0.3",
+    "entityx-ts": "^2.1.2",
     "lodash": "^4.17.21",
-    "pixi-action-ease": "latest",
-    "pixi.js": "^8.4.0"
+    "pixi-action-ease": "^3.0.6",
+    "pixi-tagged-text-plus": "0.0.1-next.2",
+    "pixi.js": "8.7.2",
+    "planck": "^1.3.0"
   },
   "devDependencies": {
-    "@types/lodash": "^4.17.7",
-    "typescript": "^5.6.2"
+    "@types/lodash": "^4.17.14",
+    "typescript": "^5.7.3"
   }
 }

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

@@ -1 +0,0 @@
-{"version":3,"file":"RenderComponent.d.ts","sourceRoot":"","sources":["../../src/components/RenderComponent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAW,aAAa,EAAE,MAAM,SAAS,CAAA;AAEtF,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAE5C,qBAAa,UAAW,SAAQ,UAAU;IACxC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,qBAAa,YAAa,SAAQ,UAAU,CAAC,MAAM,CAAC;IAC3C,WAAW,EAAE,aAAa,CAAA;IAC1B,IAAI,EAAE,WAAW,CAAA;IACjB,QAAQ,EAAE,cAAc,CAAqB;IAC7C,SAAS,SAAI;IACb,UAAU,EAAE,KAAK,CAAA;IACxB,UAAU,EAAE,UAAU,CAAA;IAQtB,YAAY,CAAC,GAAG,EAAE,MAAM;IAMxB,cAAc;IAId,cAAc,CAAC,KAAK,KAAA;CAkBrB;AAED,qBAAa,cAAe,SAAQ,UAAU,CAAC,QAAQ,CAAC;IACtD,SAAS,SAAI;IACb,WAAW,EAAE,WAAW,CAAA;IACxB,SAAS,EAAE,WAAW,CAAA;CACvB;AAED,qBAAa,UAAW,SAAQ,UAAU;IACxC,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,OAAO,CAAA;CAClB"}

package/dist/components/RenderComponent.js

@@ -1,58 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MaskRender = exports.GraphicsRender = exports.SpriteRender = exports.NodeRender = void 0;
-const pixi_js_1 = require("pixi.js");
-const LoadingBar_1 = require("../core/LoadingBar");
-const BaseComponent_1 = require("./BaseComponent");
-class NodeRender extends BaseComponent_1.ComponentX {
-}
-exports.NodeRender = NodeRender;
-class SpriteRender extends BaseComponent_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));
-    //   }
-    // }
-    setFillRange(val) {
-        if (this.loadingBar) {
-            this.loadingBar.progress = val;
-        }
-    }
-    getSpriteFrame() {
-        return this.spriteFrame;
-    }
-    setSpriteFrame(frame) {
-        this.spriteFrame = frame;
-        const sprite = this.node.instance;
-        // if (this.node.instance instanceof cc.Sprite) {
-        sprite.texture = pixi_js_1.Texture.from(frame);
-        // sprite.texture.rotate = 8
-        // } else if (this.node.instance instanceof ccui.ImageView) {
-        //   if (this.texType) {
-        //     this.node.instance.loadTexture(frame, this.texType);
-        //   } else {
-        //     this.node.instance.loadTexture(frame);
-        //   }
-        //   const sprite = new cc.Sprite(frame);
-        //   this.node.setContentSize(sprite.getContentSize());
-        // } else if (this.node.instance instanceof ccui.Button) {
-        //   this.node.instance.loadTextureNormal(frame);
-        // }
-    }
-}
-exports.SpriteRender = SpriteRender;
-class GraphicsRender extends BaseComponent_1.ComponentX {
-    constructor() {
-        super(...arguments);
-        this.lineWidth = 2;
-    }
-}
-exports.GraphicsRender = GraphicsRender;
-class MaskRender extends BaseComponent_1.ComponentX {
-}
-exports.MaskRender = MaskRender;

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

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

package/dist/systems/GUISystem.js

@@ -1,90 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GUISystem = void 0;
-const ui_1 = require("@pixi/ui");
-const entityx_ts_1 = require("entityx-ts");
-const pixi_js_1 = require("pixi.js");
-const pixi_action_ease_1 = require("pixi-action-ease");
-const __1 = require("..");
-const GUIComponent_1 = require("../components/GUIComponent");
-const LoadingBar_1 = require("../core/LoadingBar");
-class GUISystem {
-    configure(event_manager) {
-        event_manager.subscribe(entityx_ts_1.EventTypes.ComponentAdded, GUIComponent_1.ButtonComp, ({ entity, component }) => {
-            const nodeComp = entity.getComponent(__1.NodeComp);
-            // const { normalImage, selectedImage, disableImage, texType, zoomScale } = button
-            const node = new ui_1.Button(nodeComp.instance);
-            // node.setZoomScale(zoomScale - 1)
-            component.node = nodeComp;
-            // component.node = entity.assign(new NodeComp(node, entity))
-            node.onPress.connect(() => {
-                // console.log('onPress.connect')
-                const scale = pixi_action_ease_1.ScaleTo.create(0.5, 1.2);
-                const scaleDown = pixi_action_ease_1.ScaleTo.create(0.5, 1);
-                const seq = pixi_action_ease_1.Sequence.create(scale, pixi_action_ease_1.CallFunc.create(() => {
-                    if (Object.prototype.hasOwnProperty.call(component, 'onPress')) {
-                        component.onPress(component);
-                    }
-                }), scaleDown);
-                const ease = pixi_action_ease_1.EaseBackIn.create(seq);
-                component.node.runAction(ease);
-            });
-        });
-        event_manager.subscribe(entityx_ts_1.EventTypes.ComponentAdded, GUIComponent_1.ProgressBarComp, ({ entity, component }) => {
-            const { progress = 1, bg, fill } = component;
-            const node = new ui_1.ProgressBar({ bg, fill, progress });
-            component.node = entity.assign(new __1.NodeComp(node, entity));
-        });
-        event_manager.subscribe(entityx_ts_1.EventTypes.ComponentAdded, GUIComponent_1.ProgressTimerComp, ({ entity, component }) => {
-            // console.log(component, '.progress')
-            const { spriteFrame, fillCenter } = component;
-            const node = new LoadingBar_1.ProgressTimer(LoadingBar_1.LoadingBarMode.BAR, spriteFrame);
-            if (fillCenter) {
-                node.fillCenter = fillCenter;
-            }
-            component.node = entity.assign(new __1.NodeComp(node, entity));
-        });
-        event_manager.subscribe(entityx_ts_1.EventTypes.ComponentAdded, GUIComponent_1.ScrollView, ({ entity, component }) => {
-            const { width, height } = component;
-            const view = new ui_1.ScrollBox({ width, height });
-            component.node = entity.assign(new __1.NodeComp(view, entity));
-        });
-        event_manager.subscribe(entityx_ts_1.EventTypes.ComponentAdded, GUIComponent_1.ListComp, ({ entity, component }) => {
-            const view = new ui_1.List();
-            component.node = entity.assign(new __1.NodeComp(view, entity));
-        });
-        event_manager.subscribe(entityx_ts_1.EventTypes.ComponentAdded, GUIComponent_1.SliderComp, ({ entity, component }) => {
-            const { bg, slider, fill } = component;
-            const view = new ui_1.Slider({ bg, fill, slider });
-            component.node = entity.assign(new __1.NodeComp(view, entity));
-        });
-        event_manager.subscribe(entityx_ts_1.EventTypes.ComponentAdded, GUIComponent_1.RadioGroupComp, ({ entity, component }) => {
-            const view = new ui_1.RadioGroup();
-            component.node = entity.assign(new __1.NodeComp(view, entity));
-        });
-        event_manager.subscribe(entityx_ts_1.EventTypes.ComponentAdded, GUIComponent_1.CheckBoxComp, ({ entity, component }) => {
-            const { style } = component;
-            const view = new ui_1.CheckBox({ style });
-            component.node = entity.assign(new __1.NodeComp(view, entity));
-        });
-        event_manager.subscribe(entityx_ts_1.EventTypes.ComponentAdded, GUIComponent_1.InputComp, ({ entity, component }) => {
-            const { bg, size = 48, fill } = component;
-            const view = new ui_1.Input({ bg, textStyle: { fontSize: size, fill } });
-            component.node = entity.assign(new __1.NodeComp(view, entity));
-        });
-        event_manager.subscribe(entityx_ts_1.EventTypes.ComponentAdded, GUIComponent_1.LabelComp, ({ entity, component }) => {
-            // console.log('ComponentAddedEvent LabelComp', component)
-            const node = new pixi_js_1.Text();
-            // node.texture.rotate = 8
-            node.style.fill = '#fff';
-            component.node = entity.assign(new __1.NodeComp(node, entity));
-            const { string = '', font = '', size } = component;
-            if (font)
-                component.setFont(font);
-            component.setSize(size);
-            component.setString(string);
-        });
-        // event_manager.subscribe(EventTypes.ComponentAdded, BlockInputEventsComp), this);
-    }
-}
-exports.GUISystem = GUISystem;

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

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

@@ -1,67 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RenderSystem = exports.SpriteTypes = void 0;
-const entityx_ts_1 = require("entityx-ts");
-const pixi_js_1 = require("pixi.js");
-const __1 = require("..");
-const RenderComponent_1 = require("../components/RenderComponent");
-const LoadingBar_1 = require("../core/LoadingBar");
-var SpriteTypes;
-(function (SpriteTypes) {
-    SpriteTypes[SpriteTypes["SIMPLE"] = 0] = "SIMPLE";
-    SpriteTypes[SpriteTypes["SLICED"] = 1] = "SLICED";
-    SpriteTypes[SpriteTypes["TILED"] = 2] = "TILED";
-    SpriteTypes[SpriteTypes["FILLED"] = 3] = "FILLED";
-    SpriteTypes[SpriteTypes["MESH"] = 4] = "MESH";
-    SpriteTypes[SpriteTypes["ANIMATION"] = 5] = "ANIMATION";
-})(SpriteTypes || (exports.SpriteTypes = SpriteTypes = {}));
-class RenderSystem {
-    configure(event_manager) {
-        event_manager.subscribe(entityx_ts_1.EventTypes.ComponentAdded, RenderComponent_1.NodeRender, ({ entity }) => {
-            const nodeRenderComp = entity.getComponent(RenderComponent_1.NodeRender);
-            const node = new pixi_js_1.Container();
-            nodeRenderComp.node = entity.assign(new __1.NodeComp(node, entity));
-        });
-        event_manager.subscribe(entityx_ts_1.EventTypes.ComponentAdded, RenderComponent_1.SpriteRender, ({ entity, component }) => {
-            const { spriteFrame, type, fillType, fillRange, fillCenter } = component;
-            // console.log('SpriteRender', component)
-            const node = pixi_js_1.Sprite.from(spriteFrame);
-            if (type === SpriteTypes.FILLED) {
-                // console.log('fillType', fillType)
-                const loadingBar = new LoadingBar_1.LoadingBar(fillType, node);
-                if (fillRange)
-                    loadingBar.progress = fillRange;
-                if (fillCenter)
-                    loadingBar.fillCenter = fillCenter;
-                component.loadingBar = loadingBar;
-                // node.setMidpoint(fillCenter)
-            }
-            // node.texture.rotate = 8
-            component.node = entity.assign(new __1.NodeComp(node, entity));
-            // component.node.anchorX = 0.5
-            // component.node.anchorY = 0.5
-        });
-        event_manager.subscribe(entityx_ts_1.EventTypes.ComponentAdded, RenderComponent_1.MaskRender, ({ component }) => {
-            console.log('MaskRender', component);
-            // const { type, segments, inverted } = maskComp
-            // const node = new cc.ClippingNode()
-            // node.setInverted(inverted)
-            // maskComp.node = ett.assign(new NodeComp(node, ett))
-        });
-        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.fill(fillColor);
-            node.fillStyle = strokeColor;
-            node.width = lineWidth;
-            component.node = entity.assign(new __1.NodeComp(node, entity));
-            // node.drawCircle(0, 0, 100)
-        });
-        event_manager.subscribe(entityx_ts_1.EventTypes.ComponentRemoved, __1.NodeComp, ({ component }) => {
-            if (component) {
-                component.instance.removeFromParent();
-            }
-        });
-    }
-}
-exports.RenderSystem = RenderSystem;