laymur-spine 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Jango
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,17 @@
+# laymur-spine
+
+Spine animation support for [Laymur](https://github.com/jango-git/laymur) UI library.
+
+## Installation
+
+```bash
+npm install laymur laymur-spine @esotericsoftware/spine-threejs
+```
+
+## License
+
+MIT
+
+**Important:** Spine Runtime is NOT included in this package. This package does not bundle or distribute the Spine runtime library. The Spine runtime (`@esotericsoftware/spine-threejs`) is a peer dependency that must be installed separately.
+
+The Spine runtime is a commercial product developed by Esoteric Software and is subject to its own licensing terms. Please review the [Spine Runtime License](https://github.com/EsotericSoftware/spine-runtimes/blob/4.2/LICENSE) before using in your project.

package/dist/UISpine.Internal.d.ts

@@ -0,0 +1,16 @@
+import type { UIMode } from "laymur";
+/**
+ * Configuration options for creating a UISpine element.
+ */
+export interface UISpineOptions {
+    /** X position of the element */
+    x: number;
+    /** Y position of the element */
+    y: number;
+    /** Width of the element */
+    width: number;
+    /** Height of the element */
+    height: number;
+    /** Default UIMode */
+    mode: UIMode;
+}

package/dist/UISpine.d.ts

@@ -0,0 +1,12 @@
+import type { SkeletonData } from "@esotericsoftware/spine-threejs";
+import { SkeletonMesh } from "@esotericsoftware/spine-threejs";
+import type { UILayer } from "laymur";
+import { UIDummy } from "laymur";
+import type { WebGLRenderer } from "three";
+import type { UISpineOptions } from "./UISpine.Internal";
+export declare class UISpine extends UIDummy {
+    readonly skeletonMesh: SkeletonMesh;
+    constructor(layer: UILayer, skeletonData: SkeletonData, options?: Partial<UISpineOptions>);
+    destroy(): void;
+    protected onWillRender: (renderer: WebGLRenderer, deltaTime: number) => void;
+}

package/dist/index.d.ts

@@ -0,0 +1 @@
+export { UISpine } from "./UISpine";

package/dist/index.js

@@ -0,0 +1,32 @@
+import { SkeletonMesh, Physics } from '@esotericsoftware/spine-threejs';
+import { UIDummy } from 'laymur';
+
+class UISpine extends UIDummy {
+    constructor(layer, skeletonData, options = {}) {
+        super(layer, options);
+        this.onWillRender = (renderer, deltaTime) => {
+            this.skeletonMesh.position.set(this.x, this.y, this.zIndex);
+            this.skeletonMesh.update(deltaTime);
+        };
+        this.layer.signalRendering.on(this.onWillRender);
+        this.skeletonMesh = new SkeletonMesh({ skeletonData });
+        // @ts-expect-error - Internal API for adding custom objects to scene
+        this.layer.sceneWrapper.insertCustomObject(this.skeletonMesh);
+        this.skeletonMesh.skeleton.setToSetupPose();
+        this.skeletonMesh.state.apply(this.skeletonMesh.skeleton);
+        this.skeletonMesh.skeleton.updateWorldTransform(Physics.update);
+        if (options.mode !== undefined) {
+            this.mode = options.mode;
+        }
+    }
+    destroy() {
+        this.layer.signalRendering.off(this.onWillRender);
+        // @ts-expect-error - Internal API for removing custom objects from scene
+        this.layer.sceneWrapper.removeCustomObject(this.skeletonMesh);
+        this.skeletonMesh.dispose();
+        super.destroy();
+    }
+}
+
+export { UISpine };
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/UISpine.ts"],"sourcesContent":["import type { SkeletonData } from \"@esotericsoftware/spine-threejs\";\nimport { Physics, SkeletonMesh } from \"@esotericsoftware/spine-threejs\";\nimport type { UILayer } from \"laymur\";\nimport { UIDummy } from \"laymur\";\nimport type { WebGLRenderer } from \"three\";\nimport type { UISpineOptions } from \"./UISpine.Internal\";\n\nexport class UISpine extends UIDummy {\n  public readonly skeletonMesh: SkeletonMesh;\n\n  constructor(layer: UILayer, skeletonData: SkeletonData, options: Partial<UISpineOptions> = {}) {\n    super(layer, options);\n    this.layer.signalRendering.on(this.onWillRender);\n\n    this.skeletonMesh = new SkeletonMesh({ skeletonData });\n    // @ts-expect-error - Internal API for adding custom objects to scene\n    this.layer.sceneWrapper.insertCustomObject(this.skeletonMesh);\n\n    this.skeletonMesh.skeleton.setToSetupPose();\n    this.skeletonMesh.state.apply(this.skeletonMesh.skeleton);\n    this.skeletonMesh.skeleton.updateWorldTransform(Physics.update);\n\n    if (options.mode !== undefined) {\n      this.mode = options.mode;\n    }\n  }\n\n  public override destroy(): void {\n    this.layer.signalRendering.off(this.onWillRender);\n    // @ts-expect-error - Internal API for removing custom objects from scene\n    this.layer.sceneWrapper.removeCustomObject(this.skeletonMesh);\n\n    this.skeletonMesh.dispose();\n    super.destroy();\n  }\n\n  protected onWillRender = (renderer: WebGLRenderer, deltaTime: number): void => {\n    this.skeletonMesh.position.set(this.x, this.y, this.zIndex);\n    this.skeletonMesh.update(deltaTime);\n  };\n}\n"],"names":[],"mappings":";;;AAOM,MAAO,OAAQ,SAAQ,OAAO,CAAA;AAGlC,IAAA,WAAA,CAAY,KAAc,EAAE,YAA0B,EAAE,UAAmC,EAAE,EAAA;AAC3F,QAAA,KAAK,CAAC,KAAK,EAAE,OAAO,CAAC;AAyBb,QAAA,IAAA,CAAA,YAAY,GAAG,CAAC,QAAuB,EAAE,SAAiB,KAAU;AAC5E,YAAA,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC;AAC3D,YAAA,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,SAAS,CAAC;AACrC,QAAA,CAAC;QA3BC,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC;QAEhD,IAAI,CAAC,YAAY,GAAG,IAAI,YAAY,CAAC,EAAE,YAAY,EAAE,CAAC;;QAEtD,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,kBAAkB,CAAC,IAAI,CAAC,YAAY,CAAC;AAE7D,QAAA,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,cAAc,EAAE;AAC3C,QAAA,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC;QACzD,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,oBAAoB,CAAC,OAAO,CAAC,MAAM,CAAC;AAE/D,QAAA,IAAI,OAAO,CAAC,IAAI,KAAK,SAAS,EAAE;AAC9B,YAAA,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC,IAAI;QAC1B;IACF;IAEgB,OAAO,GAAA;QACrB,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC;;QAEjD,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,kBAAkB,CAAC,IAAI,CAAC,YAAY,CAAC;AAE7D,QAAA,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE;QAC3B,KAAK,CAAC,OAAO,EAAE;IACjB;AAMD;;;;"}

package/dist/index.min.js

@@ -0,0 +1,2 @@
+import{SkeletonMesh as s,Physics as t}from"@esotericsoftware/spine-threejs";import{UIDummy as i}from"laymur";class h extends i{constructor(i,h,e={}){super(i,e),this.onWillRender=(s,t)=>{this.skeletonMesh.position.set(this.x,this.y,this.zIndex),this.skeletonMesh.update(t)},this.layer.signalRendering.on(this.onWillRender),this.skeletonMesh=new s({skeletonData:h}),this.layer.sceneWrapper.insertCustomObject(this.skeletonMesh),this.skeletonMesh.skeleton.setToSetupPose(),this.skeletonMesh.state.apply(this.skeletonMesh.skeleton),this.skeletonMesh.skeleton.updateWorldTransform(t.update),void 0!==e.mode&&(this.mode=e.mode)}destroy(){this.layer.signalRendering.off(this.onWillRender),this.layer.sceneWrapper.removeCustomObject(this.skeletonMesh),this.skeletonMesh.dispose(),super.destroy()}}export{h as UISpine};
+//# sourceMappingURL=index.min.js.map

package/dist/index.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.min.js","sources":["../src/UISpine.ts"],"sourcesContent":["import type { SkeletonData } from \"@esotericsoftware/spine-threejs\";\nimport { Physics, SkeletonMesh } from \"@esotericsoftware/spine-threejs\";\nimport type { UILayer } from \"laymur\";\nimport { UIDummy } from \"laymur\";\nimport type { WebGLRenderer } from \"three\";\nimport type { UISpineOptions } from \"./UISpine.Internal\";\n\nexport class UISpine extends UIDummy {\n  public readonly skeletonMesh: SkeletonMesh;\n\n  constructor(layer: UILayer, skeletonData: SkeletonData, options: Partial<UISpineOptions> = {}) {\n    super(layer, options);\n    this.layer.signalRendering.on(this.onWillRender);\n\n    this.skeletonMesh = new SkeletonMesh({ skeletonData });\n    // @ts-expect-error - Internal API for adding custom objects to scene\n    this.layer.sceneWrapper.insertCustomObject(this.skeletonMesh);\n\n    this.skeletonMesh.skeleton.setToSetupPose();\n    this.skeletonMesh.state.apply(this.skeletonMesh.skeleton);\n    this.skeletonMesh.skeleton.updateWorldTransform(Physics.update);\n\n    if (options.mode !== undefined) {\n      this.mode = options.mode;\n    }\n  }\n\n  public override destroy(): void {\n    this.layer.signalRendering.off(this.onWillRender);\n    // @ts-expect-error - Internal API for removing custom objects from scene\n    this.layer.sceneWrapper.removeCustomObject(this.skeletonMesh);\n\n    this.skeletonMesh.dispose();\n    super.destroy();\n  }\n\n  protected onWillRender = (renderer: WebGLRenderer, deltaTime: number): void => {\n    this.skeletonMesh.position.set(this.x, this.y, this.zIndex);\n    this.skeletonMesh.update(deltaTime);\n  };\n}\n"],"names":["UISpine","UIDummy","constructor","layer","skeletonData","options","super","this","onWillRender","renderer","deltaTime","skeletonMesh","position","set","x","y","zIndex","update","signalRendering","on","SkeletonMesh","sceneWrapper","insertCustomObject","skeleton","setToSetupPose","state","apply","updateWorldTransform","Physics","undefined","mode","destroy","off","removeCustomObject","dispose"],"mappings":"6GAOM,MAAOA,UAAgBC,EAG3B,WAAAC,CAAYC,EAAgBC,EAA4BC,EAAmC,CAAA,GACzFC,MAAMH,EAAOE,GAyBLE,KAAAC,aAAe,CAACC,EAAyBC,KACjDH,KAAKI,aAAaC,SAASC,IAAIN,KAAKO,EAAGP,KAAKQ,EAAGR,KAAKS,QACpDT,KAAKI,aAAaM,OAAOP,IA1BzBH,KAAKJ,MAAMe,gBAAgBC,GAAGZ,KAAKC,cAEnCD,KAAKI,aAAe,IAAIS,EAAa,CAAEhB,iBAEvCG,KAAKJ,MAAMkB,aAAaC,mBAAmBf,KAAKI,cAEhDJ,KAAKI,aAAaY,SAASC,iBAC3BjB,KAAKI,aAAac,MAAMC,MAAMnB,KAAKI,aAAaY,UAChDhB,KAAKI,aAAaY,SAASI,qBAAqBC,EAAQX,aAEnCY,IAAjBxB,EAAQyB,OACVvB,KAAKuB,KAAOzB,EAAQyB,KAExB,CAEgB,OAAAC,GACdxB,KAAKJ,MAAMe,gBAAgBc,IAAIzB,KAAKC,cAEpCD,KAAKJ,MAAMkB,aAAaY,mBAAmB1B,KAAKI,cAEhDJ,KAAKI,aAAauB,UAClB5B,MAAMyB,SACR"}

package/package.json

@@ -0,0 +1,66 @@
+{
+  "name": "laymur-spine",
+  "version": "0.0.1",
+  "description": "Spine animation support for Laymur UI library",
+  "scripts": {
+    "clean": "rm -rf dist",
+    "build": "npm run clean && rollup -c",
+    "build:prod": "npm run clean && NODE_ENV=production rollup -c",
+    "prepublishOnly": "npm run build:prod"
+  },
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": {
+        "development": "./dist/index.js",
+        "production": "./dist/index.min.js",
+        "default": "./dist/index.min.js"
+      },
+      "require": "./dist/index.min.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": false,
+  "keywords": [
+    "ui",
+    "three.js",
+    "spine",
+    "mobile",
+    "ads",
+    "constraints",
+    "layout",
+    "typescript"
+  ],
+  "author": "jango",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/jango-git/laymur-spine.git"
+  },
+  "type": "module",
+  "peerDependencies": {
+    "@esotericsoftware/spine-threejs": "^4.2.0",
+    "laymur": ">=0.16.0 <0.17.0",
+    "three": ">=0.157.0 <0.180.0"
+  },
+  "devDependencies": {
+    "@rollup/plugin-node-resolve": "^16.0.1",
+    "@rollup/plugin-terser": "^0.4.4",
+    "@types/three": "^0.175.0",
+    "@typescript-eslint/eslint-plugin": "^8.32.0",
+    "@typescript-eslint/parser": "^8.32.0",
+    "eslint": "^9.26.0",
+    "rollup": "^4.40.2",
+    "rollup-plugin-string": "^3.0.0",
+    "rollup-plugin-typescript2": "^0.36.0",
+    "ts-transformer-minify-privates": "^1.0.0",
+    "typescript": "^5.8.3"
+  },
+  "dependencies": {}
+}