@pixi-ui-editor/runtime-pixi 0.21.0 → 0.22.0

package/dist/views/SpineNodeView.d.ts

@@ -16,8 +16,8 @@ export declare class SpineNodeView extends NodeView {
     private connectorBindings;
     private activeConnectors;
     private connectorBonesActive;
-    /** Layout profile the view was last synced with; connector multipliers resolve against it. */
-    private activeProfile;
+    /** Переиспользуемая точка проекции: refresh зовётся каждый кадр на каждый активный коннектор. */
+    private readonly connectorPoint;
     constructor(skeletonData: SkeletonData | undefined, animation: string | undefined, autoplay: boolean, loop: boolean, animationSpeed: number, initializeForAuthoring: boolean, referenceFrame?: SpineReferenceFrame, ticker?: Ticker, animationMix?: number);
     /** Runtime switch used by game code; authored connector definitions are inactive by default. */
     get activeConnectorBones(): boolean;
@@ -25,15 +25,32 @@ export declare class SpineNodeView extends NodeView {
     /** Replaces the scene-resolved connector targets, preserving the current active state. */
     setConnectorBones(bindings: readonly RuntimeConnectorBinding[]): void;
     setConnectorBonesActive(active: boolean): void;
-    /** Reapplies bone matrices and the target's required zero local transform. */
+    /**
+     * Проецирует мировую позицию части в локальные координаты РОДИТЕЛЯ цели и пишет её в `position`.
+     *
+     * Цель остаётся у своего родителя со своим масштабом, поворотом, порядком отрисовки и видимостью —
+     * коннектор владеет ровно одним её свойством. Это и делает привязку независимой от ориентации: в
+     * какой бы прямоугольник и масштаб раскладка ни поставила цель, точка приходит в мировых
+     * координатах, а `toLocal` снимает влияние родителя. Прежняя схема переносила цель в дерево спайна
+     * и компенсировала его трансформ вручную, из-за чего понадобился множитель позиции по профилям.
+     */
     refreshConnectorBones(): void;
+    /**
+     * Мировая позиция части в системе координат самого Spine-объекта.
+     *
+     * У слота своего трансформа нет — он весь в кости, но у attachment он есть: Spine хранит авторский
+     * offset точки в `attachment.x/y`, и без него правка Point в редакторе Spine двигала бы картинку,
+     * но не привязанную ноду. Нативный `Spine.addSlotObject()` этот offset не учитывает, поэтому
+     * проекция считается здесь.
+     */
+    private projectSpinePart;
     private restoreConnectorTargets;
     setReferenceFrame(referenceFrame: SpineReferenceFrame | undefined): void;
     /**
      * Every transform application (editor gesture previews, document commits, layout updates, anchor
-     * resizes) recomputes active connector hosts immediately. The host's local matrix depends on the
-     * spine's world transform — including the fitted width/height scale — so a resize of the spine
-     * node must move its targets in the same pass, not on the next ticker frame or document commit.
+     * resizes) reprojects active connectors immediately. The projected point depends on the spine's
+     * world transform — including the fitted width/height scale — so a resize of the spine node must
+     * move its targets in the same pass, not on the next ticker frame or document commit.
      */
     protected onLayoutTransformApplied(): void;
     protected syncContent(node: UINode, transform: UINode["transform"], profile: LayoutProfileId): void;

package/dist/views/SpineNodeView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SpineNodeView.d.ts","sourceRoot":"","sources":["../../src/views/SpineNodeView.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqD,KAAK,YAAY,EAAE,MAAM,iCAAiC,CAAC;AACvH,OAAO,EAA2C,KAAK,eAAe,EAAE,KAAK,cAAc,EAAE,KAAK,mBAAmB,EAAE,KAAK,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACnK,OAAO,EAAE,SAAS,EAAoB,KAAK,MAAM,EAAE,MAAM,SAAS,CAAC;AAEnE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,KAAK,gBAAgB,GAAG,cAAc,GAAG;IAAE,MAAM,EAAE,SAAS,CAAA;CAAE,CAAC;AAC/D,KAAK,uBAAuB,GAAG,gBAAgB,GAAG,CAAC;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,YAAY,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,SAAS,CAAA;CAAE,GAAG,OAAO,CAAC,gBAAgB,CAAC,CAAC,CAAC;AAqB9I,qBAAa,aAAc,SAAQ,QAAQ;IACzC,OAAO,CAAC,cAAc,CAAkC;IACxD,OAAO,CAAC,QAAQ,CAAC,sBAAsB,CAAU;IACjD,OAAO,CAAC,iBAAiB,CAAiC;IAC1D,OAAO,CAAC,gBAAgB,CAAyB;IACjD,OAAO,CAAC,oBAAoB,CAAS;IACrC,8FAA8F;IAC9F,OAAO,CAAC,aAAa,CAA8B;IAEnD,YAAY,YAAY,EAAE,YAAY,GAAG,SAAS,EAAE,SAAS,EAAE,MAAM,GAAG,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,sBAAsB,EAAE,OAAO,EAAE,cAAc,CAAC,EAAE,mBAAmB,EAAE,MAAM,CAAC,EAAE,MAAM,EAAE,YAAY,SAAI,EAkCpP;IAED,gGAAgG;IAChG,IAAI,oBAAoB,IAAI,OAAO,CAElC;IAED,IAAI,oBAAoB,CAAC,MAAM,EAAE,OAAO,EAEvC;IAED,0FAA0F;IAC1F,iBAAiB,CAAC,QAAQ,EAAE,SAAS,uBAAuB,EAAE,GAAG,IAAI,CAKpE;IAED,uBAAuB,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI,CAwC7C;IAED,8EAA8E;IAC9E,qBAAqB,IAAI,IAAI,CAkD5B;IAED,OAAO,CAAC,uBAAuB;IAiB/B,iBAAiB,CAAC,cAAc,EAAE,mBAAmB,GAAG,SAAS,GAAG,IAAI,CAEvE;IAED;;;;;OAKG;IACH,SAAS,CAAC,wBAAwB,IAAI,IAAI,CAEzC;IAED,SAAS,CAAC,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,EAAE,OAAO,EAAE,eAAe,GAAG,IAAI,CAuClG;CACF"}
+{"version":3,"file":"SpineNodeView.d.ts","sourceRoot":"","sources":["../../src/views/SpineNodeView.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgE,KAAK,YAAY,EAAa,MAAM,iCAAiC,CAAC;AAC7I,OAAO,EAAE,KAAK,eAAe,EAAE,KAAK,cAAc,EAAE,KAAK,mBAAmB,EAAE,KAAK,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAC1H,OAAO,EAAE,SAAS,EAAmB,KAAK,MAAM,EAAE,MAAM,SAAS,CAAC;AAElE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,KAAK,gBAAgB,GAAG,cAAc,GAAG;IAAE,MAAM,EAAE,SAAS,CAAA;CAAE,CAAC;AAC/D,KAAK,uBAAuB,GAAG,gBAAgB,GAAG,CAAC;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,YAAY,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,SAAS,CAAA;CAAE,GAAG,OAAO,CAAC,gBAAgB,CAAC,CAAC,CAAC;AAe9I,qBAAa,aAAc,SAAQ,QAAQ;IACzC,OAAO,CAAC,cAAc,CAAkC;IACxD,OAAO,CAAC,QAAQ,CAAC,sBAAsB,CAAU;IACjD,OAAO,CAAC,iBAAiB,CAAiC;IAC1D,OAAO,CAAC,gBAAgB,CAAyB;IACjD,OAAO,CAAC,oBAAoB,CAAS;IACrC,iGAAiG;IACjG,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAe;IAE9C,YAAY,YAAY,EAAE,YAAY,GAAG,SAAS,EAAE,SAAS,EAAE,MAAM,GAAG,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,sBAAsB,EAAE,OAAO,EAAE,cAAc,CAAC,EAAE,mBAAmB,EAAE,MAAM,CAAC,EAAE,MAAM,EAAE,YAAY,SAAI,EAkCpP;IAED,gGAAgG;IAChG,IAAI,oBAAoB,IAAI,OAAO,CAElC;IAED,IAAI,oBAAoB,CAAC,MAAM,EAAE,OAAO,EAEvC;IAED,0FAA0F;IAC1F,iBAAiB,CAAC,QAAQ,EAAE,SAAS,uBAAuB,EAAE,GAAG,IAAI,CAKpE;IAED,uBAAuB,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI,CAwB7C;IAED;;;;;;;;OAQG;IACH,qBAAqB,IAAI,IAAI,CAe5B;IAED;;;;;;;OAOG;IACH,OAAO,CAAC,gBAAgB;IAexB,OAAO,CAAC,uBAAuB;IAQ/B,iBAAiB,CAAC,cAAc,EAAE,mBAAmB,GAAG,SAAS,GAAG,IAAI,CAEvE;IAED;;;;;OAKG;IACH,SAAS,CAAC,wBAAwB,IAAI,IAAI,CAEzC;IAED,SAAS,CAAC,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,EAAE,OAAO,EAAE,eAAe,GAAG,IAAI,CAsClG;CACF"}

package/dist/views/SpineNodeView.js

@@ -1,6 +1,5 @@
 import { PointAttachment, RegionAttachment, Spine, Vector2 } from "@esotericsoftware/spine-pixi-v8";
-import { resolveSpineConnectorPositionMultiplier } from "@pixi-ui-editor/schema";
-import { Container, Graphics, Matrix } from "pixi.js";
+import { Graphics, Point } from "pixi.js";
 import { fitSpineToTransform, resolveSpineSettings } from "../layout.js";
 import { NodeView } from "./NodeView.js";
 function resolveConnectorPart(binding) {
@@ -16,8 +15,8 @@ export class SpineNodeView extends NodeView {
     connectorBindings = [];
     activeConnectors = [];
     connectorBonesActive = false;
-    /** Layout profile the view was last synced with; connector multipliers resolve against it. */
-    activeProfile = "desktop";
+    /** Переиспользуемая точка проекции: refresh зовётся каждый кадр на каждый активный коннектор. */
+    connectorPoint = new Point();
     constructor(skeletonData, animation, autoplay, loop, animationSpeed, initializeForAuthoring, referenceFrame, ticker, animationMix = 0) {
         super();
         this.referenceFrame = referenceFrame;
@@ -89,91 +88,67 @@ export class SpineNodeView extends NodeView {
             const parent = binding.target.parent;
             if (parent === null || parent.destroyed)
                 continue;
-            const host = new Container();
-            const snapshot = {
+            this.activeConnectors.push({
                 partType: part.partType,
                 partName: part.partName,
-                positionMultiplier: binding.positionMultiplier,
-                positionMultiplierOverrides: binding.positionMultiplierOverrides,
                 target: binding.target,
-                parent,
-                index: parent.getChildIndex(binding.target),
                 position: { x: binding.target.position.x, y: binding.target.position.y },
-                scale: { x: binding.target.scale.x, y: binding.target.scale.y },
-                skew: { x: binding.target.skew.x, y: binding.target.skew.y },
-                pivot: { x: binding.target.pivot.x, y: binding.target.pivot.y },
-                rotation: binding.target.rotation,
-                host,
-            };
-            // The host genuinely belongs to the Spine view, so the authored skeleton offset inherits the
-            // visual Spine fit. refreshConnectorBones compensates the host's linear transform only, so the
-            // target keeps its original UI size/orientation.
-            spine.addChild(host);
-            host.addChild(binding.target);
-            this.activeConnectors.push(snapshot);
+            });
         }
         this.refreshConnectorBones();
     }
-    /** Reapplies bone matrices and the target's required zero local transform. */
+    /**
+     * Проецирует мировую позицию части в локальные координаты РОДИТЕЛЯ цели и пишет её в `position`.
+     *
+     * Цель остаётся у своего родителя со своим масштабом, поворотом, порядком отрисовки и видимостью —
+     * коннектор владеет ровно одним её свойством. Это и делает привязку независимой от ориентации: в
+     * какой бы прямоугольник и масштаб раскладка ни поставила цель, точка приходит в мировых
+     * координатах, а `toLocal` снимает влияние родителя. Прежняя схема переносила цель в дерево спайна
+     * и компенсировала его трансформ вручную, из-за чего понадобился множитель позиции по профилям.
+     */
     refreshConnectorBones() {
         const spine = this.getSpine();
         if (spine === undefined)
             return;
         for (const connector of this.activeConnectors) {
+            const { target } = connector;
+            const parent = target.parent;
+            if (target.destroyed || parent === null || parent.destroyed)
+                continue;
             const slot = connector.partType === "slot" ? spine.skeleton.findSlot(connector.partName) : null;
             const bone = connector.partType === "bone" ? spine.skeleton.findBone(connector.partName) : slot?.bone;
-            if (bone === null || bone === undefined || connector.parent.destroyed)
-                continue;
-            // A slot itself has no transform beyond its bone, but a region attachment does: Spine stores
-            // its authored Point offset in attachment.x/y. Project that attachment origin, otherwise
-            // changing Point from e.g. -650 to -850 moves the visual attachment but not the UI connector.
-            const attachment = slot?.attachment;
-            let spineX = bone.worldX;
-            let spineY = bone.worldY;
-            if (attachment instanceof PointAttachment) {
-                const point = attachment.computeWorldPosition(bone, new Vector2());
-                spineX = point.x;
-                spineY = point.y;
-            }
-            else if (attachment instanceof RegionAttachment) {
-                spineX += attachment.x * bone.a + attachment.y * bone.b;
-                spineY += attachment.x * bone.c + attachment.y * bone.d;
-            }
-            const spineWorld = spine.getGlobalTransform();
-            const parentWorld = connector.parent.getGlobalTransform();
-            const determinant = spineWorld.a * spineWorld.d - spineWorld.b * spineWorld.c;
-            if (!Number.isFinite(determinant) || Math.abs(determinant) < 1e-8)
+            if (bone === null || bone === undefined)
                 continue;
-            // Authored per-axis position multiplier (default 1): scales the projected part position from
-            // the Spine node's origin before the parent transform compensation, so the target keeps its
-            // own size/orientation and only its offset is multiplied.
-            const multiplier = resolveSpineConnectorPositionMultiplier(connector, this.activeProfile);
-            // The attachment position remains in original Spine source units and therefore inherits the
-            // fitted Spine scale. For example, y=-650 at a 1/3 fit becomes roughly -217 on the UI scene.
-            // Only the host's linear transform is compensated, so the target itself does not shrink.
-            const hostA = (spineWorld.d * parentWorld.a - spineWorld.c * parentWorld.b) / determinant;
-            const hostB = (-spineWorld.b * parentWorld.a + spineWorld.a * parentWorld.b) / determinant;
-            const hostC = (spineWorld.d * parentWorld.c - spineWorld.c * parentWorld.d) / determinant;
-            const hostD = (-spineWorld.b * parentWorld.c + spineWorld.a * parentWorld.d) / determinant;
-            connector.host.setFromMatrix(new Matrix(hostA, hostB, hostC, hostD, spineX * multiplier.x, spineY * multiplier.y));
-            connector.host.visible = slot === null
-                || (spine.skeleton.drawOrder.includes(slot) && slot.attachment !== null && spine.alpha > 0 && spine.skeleton.color.a * slot.color.a > 0);
-            connector.target.position.set(0, 0);
+            this.projectSpinePart(bone, slot ?? undefined, this.connectorPoint);
+            // `toLocal(point, spine)` = `spine.toGlobal(point)` + инверсия мировой матрицы родителя.
+            const local = parent.toLocal(this.connectorPoint, spine, this.connectorPoint);
+            target.position.set(local.x, local.y);
         }
     }
+    /**
+     * Мировая позиция части в системе координат самого Spine-объекта.
+     *
+     * У слота своего трансформа нет — он весь в кости, но у attachment он есть: Spine хранит авторский
+     * offset точки в `attachment.x/y`, и без него правка Point в редакторе Spine двигала бы картинку,
+     * но не привязанную ноду. Нативный `Spine.addSlotObject()` этот offset не учитывает, поэтому
+     * проекция считается здесь.
+     */
+    projectSpinePart(bone, slot, out) {
+        const attachment = slot?.attachment;
+        if (attachment instanceof PointAttachment) {
+            const point = attachment.computeWorldPosition(bone, new Vector2());
+            return out.set(point.x, point.y);
+        }
+        if (attachment instanceof RegionAttachment) {
+            return out.set(bone.worldX + attachment.x * bone.a + attachment.y * bone.b, bone.worldY + attachment.x * bone.c + attachment.y * bone.d);
+        }
+        return out.set(bone.worldX, bone.worldY);
+    }
     restoreConnectorTargets() {
         for (const connector of this.activeConnectors) {
-            const { target, parent } = connector;
-            if (!target.destroyed && !parent.destroyed) {
-                const index = Math.min(connector.index, parent.children.length);
-                parent.addChildAt(target, index);
+            const { target } = connector;
+            if (!target.destroyed)
                 target.position.set(connector.position.x, connector.position.y);
-                target.scale.set(connector.scale.x, connector.scale.y);
-                target.skew.set(connector.skew.x, connector.skew.y);
-                target.pivot.set(connector.pivot.x, connector.pivot.y);
-                target.rotation = connector.rotation;
-            }
-            connector.host.destroy({ children: false });
         }
         this.activeConnectors = [];
     }
@@ -182,16 +157,15 @@ export class SpineNodeView extends NodeView {
     }
     /**
      * Every transform application (editor gesture previews, document commits, layout updates, anchor
-     * resizes) recomputes active connector hosts immediately. The host's local matrix depends on the
-     * spine's world transform — including the fitted width/height scale — so a resize of the spine
-     * node must move its targets in the same pass, not on the next ticker frame or document commit.
+     * resizes) reprojects active connectors immediately. The projected point depends on the spine's
+     * world transform — including the fitted width/height scale — so a resize of the spine node must
+     * move its targets in the same pass, not on the next ticker frame or document commit.
      */
     onLayoutTransformApplied() {
         if (this.connectorBonesActive)
             this.refreshConnectorBones();
     }
     syncContent(node, transform, profile) {
-        this.activeProfile = profile;
         if (node.type === "spine" && this.content !== undefined)
             this.content.alpha = node.opacity ?? 1;
         if (this.content instanceof Spine) {

package/dist/views/SpineNodeView.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpineNodeView.js","sourceRoot":"","sources":["../../src/views/SpineNodeView.ts"],"names":[],"mappings":"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","sourcesContent":["import { PointAttachment, RegionAttachment, Spine, Vector2, type SkeletonData } from \"@esotericsoftware/spine-pixi-v8\";\r\nimport { resolveSpineConnectorPositionMultiplier, type LayoutProfileId, type SpineConnector, type SpineReferenceFrame, type UINode } from \"@pixi-ui-editor/schema\";\r\nimport { Container, Graphics, Matrix, type Ticker } from \"pixi.js\";\r\nimport { fitSpineToTransform, resolveSpineSettings } from \"../layout.js\";\r\nimport { NodeView } from \"./NodeView.js\";\r\n\r\ntype ConnectorBinding = SpineConnector & { target: Container };\r\ntype RuntimeConnectorBinding = ConnectorBinding | ({ boneName: string; targetNodeId: string; target: Container } & Partial<ConnectorBinding>);\r\ntype ConnectorSnapshot = {\r\n  target: Container;\r\n  parent: Container;\r\n  index: number;\r\n  position: { x: number; y: number };\r\n  scale: { x: number; y: number };\r\n  skew: { x: number; y: number };\r\n  pivot: { x: number; y: number };\r\n  rotation: number;\r\n};\r\ntype ActiveConnector = ConnectorSnapshot & Pick<SpineConnector, \"partType\" | \"partName\" | \"positionMultiplier\" | \"positionMultiplierOverrides\"> & { host: Container };\r\n\r\nfunction resolveConnectorPart(binding: RuntimeConnectorBinding): Pick<SpineConnector, \"partType\" | \"partName\"> | undefined {\r\n  if ((binding.partType === \"bone\" || binding.partType === \"slot\") && typeof binding.partName === \"string\" && binding.partName.length > 0) {\r\n    return { partType: binding.partType, partName: binding.partName };\r\n  }\r\n  const boneName = \"boneName\" in binding ? binding.boneName : undefined;\r\n  return typeof boneName === \"string\" && boneName.length > 0 ? { partType: \"bone\", partName: boneName } : undefined;\r\n}\r\n\r\nexport class SpineNodeView extends NodeView {\r\n  private referenceFrame: SpineReferenceFrame | undefined;\r\n  private readonly initializeForAuthoring: boolean;\r\n  private connectorBindings: RuntimeConnectorBinding[] = [];\r\n  private activeConnectors: ActiveConnector[] = [];\r\n  private connectorBonesActive = false;\r\n  /** Layout profile the view was last synced with; connector multipliers resolve against it. */\r\n  private activeProfile: LayoutProfileId = \"desktop\";\r\n\r\n  constructor(skeletonData: SkeletonData | undefined, animation: string | undefined, autoplay: boolean, loop: boolean, animationSpeed: number, initializeForAuthoring: boolean, referenceFrame?: SpineReferenceFrame, ticker?: Ticker, animationMix = 0) {\r\n    super();\r\n    this.referenceFrame = referenceFrame;\r\n    this.initializeForAuthoring = initializeForAuthoring;\r\n    if (skeletonData === undefined) {\r\n      this.setContent(new Graphics());\r\n      return;\r\n    }\r\n    // The host's own Application ticker, when it passed one: a Spine left on the default\r\n    // `Ticker.shared` advances its skeleton in a second rAF loop, out of band with the renderer\r\n    // that actually draws it.\r\n    //\r\n    // An authoring view starts at the node's own autoplay setting, so a scene full of paused\r\n    // skeletons subscribes to no ticker at all — the editor toggles `autoUpdate` from there.\r\n    // A runtime view always keeps it on: an animation game code starts later must advance without\r\n    // the game touching `autoUpdate` itself.\r\n    const spine = new Spine({ skeletonData, autoUpdate: initializeForAuthoring ? autoplay : true, ...(ticker === undefined ? {} : { ticker }) });\r\n    spine.afterUpdateWorldTransforms = () => this.refreshConnectorBones();\r\n    // Кроссфейд между анимациями живёт на `AnimationStateData.defaultMix`, а не на конкретном\r\n    // треке: так плавность получают и переключения из инспектора, и любые `state.setAnimation`\r\n    // из игрового кода — без того, чтобы игра знала про авторскую настройку. 0 сохраняет прежний\r\n    // резкий переход.\r\n    spine.state.data.defaultMix = animationMix;\r\n    // A configured animation always gets a track, posed to its own first frame — a skeleton left\r\n    // without one instead renders Spine's setup/bind pose, which is almost never the intended \"static\"\r\n    // look and was reported as a visibly broken/twitching pose (still-running physics/IK constraints\r\n    // have nothing to settle against without a driving animation). When not autoplaying, `timeScale`\r\n    // is frozen at 0 so the track holds frame 0 forever without playing; game code starting a real\r\n    // animation later just calls `state.setAnimation(...)` itself, same as before.\r\n    if (animation !== undefined && skeletonData.findAnimation(animation) !== null) {\r\n      const playing = autoplay || initializeForAuthoring;\r\n      spine.state.setAnimation(0, animation, loop).timeScale = playing ? animationSpeed : 0;\r\n    }\r\n    this.setContent(spine);\r\n  }\r\n\r\n  /** Runtime switch used by game code; authored connector definitions are inactive by default. */\r\n  get activeConnectorBones(): boolean {\r\n    return this.connectorBonesActive;\r\n  }\r\n\r\n  set activeConnectorBones(active: boolean) {\r\n    this.setConnectorBonesActive(active);\r\n  }\r\n\r\n  /** Replaces the scene-resolved connector targets, preserving the current active state. */\r\n  setConnectorBones(bindings: readonly RuntimeConnectorBinding[]): void {\r\n    const wasActive = this.connectorBonesActive;\r\n    if (wasActive) this.setConnectorBonesActive(false);\r\n    this.connectorBindings = [...bindings];\r\n    if (wasActive) this.setConnectorBonesActive(true);\r\n  }\r\n\r\n  setConnectorBonesActive(active: boolean): void {\r\n    if (active === this.connectorBonesActive) return;\r\n    this.connectorBonesActive = active;\r\n    if (!active) {\r\n      this.restoreConnectorTargets();\r\n      return;\r\n    }\r\n\r\n    const spine = this.getSpine();\r\n    if (spine === undefined) return;\r\n    for (const binding of this.connectorBindings) {\r\n      const part = resolveConnectorPart(binding);\r\n      if (part === undefined) continue;\r\n      if (part.partType === \"bone\" ? spine.skeleton.findBone(part.partName) === null : spine.skeleton.findSlot(part.partName) === null) continue;\r\n      const parent = binding.target.parent;\r\n      if (parent === null || parent.destroyed) continue;\r\n      const host = new Container();\r\n      const snapshot: ActiveConnector = {\r\n        partType: part.partType,\r\n        partName: part.partName,\r\n        positionMultiplier: binding.positionMultiplier,\r\n        positionMultiplierOverrides: binding.positionMultiplierOverrides,\r\n        target: binding.target,\r\n        parent,\r\n        index: parent.getChildIndex(binding.target),\r\n        position: { x: binding.target.position.x, y: binding.target.position.y },\r\n        scale: { x: binding.target.scale.x, y: binding.target.scale.y },\r\n        skew: { x: binding.target.skew.x, y: binding.target.skew.y },\r\n        pivot: { x: binding.target.pivot.x, y: binding.target.pivot.y },\r\n        rotation: binding.target.rotation,\r\n        host,\r\n      };\r\n      // The host genuinely belongs to the Spine view, so the authored skeleton offset inherits the\r\n      // visual Spine fit. refreshConnectorBones compensates the host's linear transform only, so the\r\n      // target keeps its original UI size/orientation.\r\n      spine.addChild(host);\r\n      host.addChild(binding.target);\r\n      this.activeConnectors.push(snapshot);\r\n    }\r\n    this.refreshConnectorBones();\r\n  }\r\n\r\n  /** Reapplies bone matrices and the target's required zero local transform. */\r\n  refreshConnectorBones(): void {\r\n    const spine = this.getSpine();\r\n    if (spine === undefined) return;\r\n    for (const connector of this.activeConnectors) {\r\n      const slot = connector.partType === \"slot\" ? spine.skeleton.findSlot(connector.partName) : null;\r\n      const bone = connector.partType === \"bone\" ? spine.skeleton.findBone(connector.partName) : slot?.bone;\r\n      if (bone === null || bone === undefined || connector.parent.destroyed) continue;\r\n      // A slot itself has no transform beyond its bone, but a region attachment does: Spine stores\r\n      // its authored Point offset in attachment.x/y. Project that attachment origin, otherwise\r\n      // changing Point from e.g. -650 to -850 moves the visual attachment but not the UI connector.\r\n      const attachment = slot?.attachment;\r\n      let spineX = bone.worldX;\r\n      let spineY = bone.worldY;\r\n      if (attachment instanceof PointAttachment) {\r\n        const point = attachment.computeWorldPosition(bone, new Vector2());\r\n        spineX = point.x;\r\n        spineY = point.y;\r\n      } else if (attachment instanceof RegionAttachment) {\r\n        spineX += attachment.x * bone.a + attachment.y * bone.b;\r\n        spineY += attachment.x * bone.c + attachment.y * bone.d;\r\n      }\r\n      const spineWorld = spine.getGlobalTransform();\r\n      const parentWorld = connector.parent.getGlobalTransform();\r\n      const determinant = spineWorld.a * spineWorld.d - spineWorld.b * spineWorld.c;\r\n      if (!Number.isFinite(determinant) || Math.abs(determinant) < 1e-8) continue;\r\n\r\n      // Authored per-axis position multiplier (default 1): scales the projected part position from\r\n      // the Spine node's origin before the parent transform compensation, so the target keeps its\r\n      // own size/orientation and only its offset is multiplied.\r\n      const multiplier = resolveSpineConnectorPositionMultiplier(connector, this.activeProfile);\r\n\r\n      // The attachment position remains in original Spine source units and therefore inherits the\r\n      // fitted Spine scale. For example, y=-650 at a 1/3 fit becomes roughly -217 on the UI scene.\r\n      // Only the host's linear transform is compensated, so the target itself does not shrink.\r\n      const hostA = (spineWorld.d * parentWorld.a - spineWorld.c * parentWorld.b) / determinant;\r\n      const hostB = (-spineWorld.b * parentWorld.a + spineWorld.a * parentWorld.b) / determinant;\r\n      const hostC = (spineWorld.d * parentWorld.c - spineWorld.c * parentWorld.d) / determinant;\r\n      const hostD = (-spineWorld.b * parentWorld.c + spineWorld.a * parentWorld.d) / determinant;\r\n      connector.host.setFromMatrix(new Matrix(\r\n        hostA,\r\n        hostB,\r\n        hostC,\r\n        hostD,\r\n        spineX * multiplier.x,\r\n        spineY * multiplier.y,\r\n      ));\r\n      connector.host.visible = slot === null\r\n        || (spine.skeleton.drawOrder.includes(slot) && slot.attachment !== null && spine.alpha > 0 && spine.skeleton.color.a * slot.color.a > 0);\r\n      connector.target.position.set(0, 0);\r\n    }\r\n  }\r\n\r\n  private restoreConnectorTargets(): void {\r\n    for (const connector of this.activeConnectors) {\r\n      const { target, parent } = connector;\r\n      if (!target.destroyed && !parent.destroyed) {\r\n        const index = Math.min(connector.index, parent.children.length);\r\n        parent.addChildAt(target, index);\r\n        target.position.set(connector.position.x, connector.position.y);\r\n        target.scale.set(connector.scale.x, connector.scale.y);\r\n        target.skew.set(connector.skew.x, connector.skew.y);\r\n        target.pivot.set(connector.pivot.x, connector.pivot.y);\r\n        target.rotation = connector.rotation;\r\n      }\r\n      connector.host.destroy({ children: false });\r\n    }\r\n    this.activeConnectors = [];\r\n  }\r\n\r\n  setReferenceFrame(referenceFrame: SpineReferenceFrame | undefined): void {\r\n    this.referenceFrame = referenceFrame;\r\n  }\r\n\r\n  /**\r\n   * Every transform application (editor gesture previews, document commits, layout updates, anchor\r\n   * resizes) recomputes active connector hosts immediately. The host's local matrix depends on the\r\n   * spine's world transform — including the fitted width/height scale — so a resize of the spine\r\n   * node must move its targets in the same pass, not on the next ticker frame or document commit.\r\n   */\r\n  protected onLayoutTransformApplied(): void {\r\n    if (this.connectorBonesActive) this.refreshConnectorBones();\r\n  }\r\n\r\n  protected syncContent(node: UINode, transform: UINode[\"transform\"], profile: LayoutProfileId): void {\r\n    this.activeProfile = profile;\r\n    if (node.type === \"spine\" && this.content !== undefined) this.content.alpha = node.opacity ?? 1;\r\n    if (this.content instanceof Spine) {\r\n      if (node.type === \"spine\") {\r\n        const settings = resolveSpineSettings(node, profile);\r\n        const track = this.content.state.tracks[0];\r\n        const animationChanged = track?.animation?.name !== settings.animation;\r\n        const loopChanged = track !== null && track !== undefined && track.loop !== settings.loop;\r\n        // Same \"always a track, frozen at frame 0 unless actually playing\" contract as the constructor:\r\n        // a static (non-autoplay) skeleton stays posed to its configured animation's first frame,\r\n        // never Spine's setup/bind pose.\r\n        const playing = settings.autoplay || this.initializeForAuthoring;\r\n        const desiredTimeScale = playing ? settings.animationSpeed : 0;\r\n        // Правка ползунка должна влиять на следующий переход, а не только на момент создания view.\r\n        this.content.state.data.defaultMix = settings.animationMix;\r\n        if (settings.animation === undefined) {\r\n          if (track !== null && track !== undefined) this.content.state.clearTrack(0);\r\n        } else if ((animationChanged || loopChanged) && this.content.skeleton.data.findAnimation(settings.animation) !== null) {\r\n          const entry = this.content.state.setAnimation(0, settings.animation, settings.loop);\r\n          entry.timeScale = desiredTimeScale;\r\n          // Замороженный на кадре 0 скелет не проигрывает микс (mixTime двигается временем трека),\r\n          // и остался бы навсегда в полусмешанной позе — статичной ноде переход всегда мгновенный.\r\n          if (!playing) entry.mixDuration = 0;\r\n        } else if (track !== null && track !== undefined) {\r\n          track.timeScale = desiredTimeScale;\r\n        }\r\n      }\r\n      const fit = fitSpineToTransform(this.content.skeleton.data, transform, this.referenceFrame);\r\n      if (fit !== undefined) {\r\n        this.content.scale.set(fit.scaleX, fit.scaleY);\r\n        this.content.position.set(fit.x, fit.y);\r\n      }\r\n      // A paused Spine does not receive a ticker update. Refresh its world transforms after a\r\n      // layout/viewport change so its displayed pose immediately matches the new fitted bounds.\r\n      this.content.update(0);\r\n    } else if (this.content instanceof Graphics) {\r\n      this.content.clear().rect(0, 0, transform.width, transform.height).fill(0xff00ff);\r\n    }\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"SpineNodeView.js","sourceRoot":"","sources":["../../src/views/SpineNodeView.ts"],"names":[],"mappings":"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","sourcesContent":["import { PointAttachment, RegionAttachment, Spine, Vector2, type Bone, type SkeletonData, type Slot } from \"@esotericsoftware/spine-pixi-v8\";\r\nimport { type LayoutProfileId, type SpineConnector, type SpineReferenceFrame, type UINode } from \"@pixi-ui-editor/schema\";\r\nimport { Container, Graphics, Point, type Ticker } from \"pixi.js\";\r\nimport { fitSpineToTransform, resolveSpineSettings } from \"../layout.js\";\r\nimport { NodeView } from \"./NodeView.js\";\r\n\r\ntype ConnectorBinding = SpineConnector & { target: Container };\r\ntype RuntimeConnectorBinding = ConnectorBinding | ({ boneName: string; targetNodeId: string; target: Container } & Partial<ConnectorBinding>);\r\n/** Активный коннектор: сама цель плюс её авторская позиция, которую возвращает деактивация. */\r\ntype ActiveConnector = Pick<SpineConnector, \"partType\" | \"partName\"> & {\r\n  target: Container;\r\n  position: { x: number; y: number };\r\n};\r\n\r\nfunction resolveConnectorPart(binding: RuntimeConnectorBinding): Pick<SpineConnector, \"partType\" | \"partName\"> | undefined {\r\n  if ((binding.partType === \"bone\" || binding.partType === \"slot\") && typeof binding.partName === \"string\" && binding.partName.length > 0) {\r\n    return { partType: binding.partType, partName: binding.partName };\r\n  }\r\n  const boneName = \"boneName\" in binding ? binding.boneName : undefined;\r\n  return typeof boneName === \"string\" && boneName.length > 0 ? { partType: \"bone\", partName: boneName } : undefined;\r\n}\r\n\r\nexport class SpineNodeView extends NodeView {\r\n  private referenceFrame: SpineReferenceFrame | undefined;\r\n  private readonly initializeForAuthoring: boolean;\r\n  private connectorBindings: RuntimeConnectorBinding[] = [];\r\n  private activeConnectors: ActiveConnector[] = [];\r\n  private connectorBonesActive = false;\r\n  /** Переиспользуемая точка проекции: refresh зовётся каждый кадр на каждый активный коннектор. */\r\n  private readonly connectorPoint = new Point();\r\n\r\n  constructor(skeletonData: SkeletonData | undefined, animation: string | undefined, autoplay: boolean, loop: boolean, animationSpeed: number, initializeForAuthoring: boolean, referenceFrame?: SpineReferenceFrame, ticker?: Ticker, animationMix = 0) {\r\n    super();\r\n    this.referenceFrame = referenceFrame;\r\n    this.initializeForAuthoring = initializeForAuthoring;\r\n    if (skeletonData === undefined) {\r\n      this.setContent(new Graphics());\r\n      return;\r\n    }\r\n    // The host's own Application ticker, when it passed one: a Spine left on the default\r\n    // `Ticker.shared` advances its skeleton in a second rAF loop, out of band with the renderer\r\n    // that actually draws it.\r\n    //\r\n    // An authoring view starts at the node's own autoplay setting, so a scene full of paused\r\n    // skeletons subscribes to no ticker at all — the editor toggles `autoUpdate` from there.\r\n    // A runtime view always keeps it on: an animation game code starts later must advance without\r\n    // the game touching `autoUpdate` itself.\r\n    const spine = new Spine({ skeletonData, autoUpdate: initializeForAuthoring ? autoplay : true, ...(ticker === undefined ? {} : { ticker }) });\r\n    spine.afterUpdateWorldTransforms = () => this.refreshConnectorBones();\r\n    // Кроссфейд между анимациями живёт на `AnimationStateData.defaultMix`, а не на конкретном\r\n    // треке: так плавность получают и переключения из инспектора, и любые `state.setAnimation`\r\n    // из игрового кода — без того, чтобы игра знала про авторскую настройку. 0 сохраняет прежний\r\n    // резкий переход.\r\n    spine.state.data.defaultMix = animationMix;\r\n    // A configured animation always gets a track, posed to its own first frame — a skeleton left\r\n    // without one instead renders Spine's setup/bind pose, which is almost never the intended \"static\"\r\n    // look and was reported as a visibly broken/twitching pose (still-running physics/IK constraints\r\n    // have nothing to settle against without a driving animation). When not autoplaying, `timeScale`\r\n    // is frozen at 0 so the track holds frame 0 forever without playing; game code starting a real\r\n    // animation later just calls `state.setAnimation(...)` itself, same as before.\r\n    if (animation !== undefined && skeletonData.findAnimation(animation) !== null) {\r\n      const playing = autoplay || initializeForAuthoring;\r\n      spine.state.setAnimation(0, animation, loop).timeScale = playing ? animationSpeed : 0;\r\n    }\r\n    this.setContent(spine);\r\n  }\r\n\r\n  /** Runtime switch used by game code; authored connector definitions are inactive by default. */\r\n  get activeConnectorBones(): boolean {\r\n    return this.connectorBonesActive;\r\n  }\r\n\r\n  set activeConnectorBones(active: boolean) {\r\n    this.setConnectorBonesActive(active);\r\n  }\r\n\r\n  /** Replaces the scene-resolved connector targets, preserving the current active state. */\r\n  setConnectorBones(bindings: readonly RuntimeConnectorBinding[]): void {\r\n    const wasActive = this.connectorBonesActive;\r\n    if (wasActive) this.setConnectorBonesActive(false);\r\n    this.connectorBindings = [...bindings];\r\n    if (wasActive) this.setConnectorBonesActive(true);\r\n  }\r\n\r\n  setConnectorBonesActive(active: boolean): void {\r\n    if (active === this.connectorBonesActive) return;\r\n    this.connectorBonesActive = active;\r\n    if (!active) {\r\n      this.restoreConnectorTargets();\r\n      return;\r\n    }\r\n\r\n    const spine = this.getSpine();\r\n    if (spine === undefined) return;\r\n    for (const binding of this.connectorBindings) {\r\n      const part = resolveConnectorPart(binding);\r\n      if (part === undefined) continue;\r\n      if (part.partType === \"bone\" ? spine.skeleton.findBone(part.partName) === null : spine.skeleton.findSlot(part.partName) === null) continue;\r\n      const parent = binding.target.parent;\r\n      if (parent === null || parent.destroyed) continue;\r\n      this.activeConnectors.push({\r\n        partType: part.partType,\r\n        partName: part.partName,\r\n        target: binding.target,\r\n        position: { x: binding.target.position.x, y: binding.target.position.y },\r\n      });\r\n    }\r\n    this.refreshConnectorBones();\r\n  }\r\n\r\n  /**\r\n   * Проецирует мировую позицию части в локальные координаты РОДИТЕЛЯ цели и пишет её в `position`.\r\n   *\r\n   * Цель остаётся у своего родителя со своим масштабом, поворотом, порядком отрисовки и видимостью —\r\n   * коннектор владеет ровно одним её свойством. Это и делает привязку независимой от ориентации: в\r\n   * какой бы прямоугольник и масштаб раскладка ни поставила цель, точка приходит в мировых\r\n   * координатах, а `toLocal` снимает влияние родителя. Прежняя схема переносила цель в дерево спайна\r\n   * и компенсировала его трансформ вручную, из-за чего понадобился множитель позиции по профилям.\r\n   */\r\n  refreshConnectorBones(): void {\r\n    const spine = this.getSpine();\r\n    if (spine === undefined) return;\r\n    for (const connector of this.activeConnectors) {\r\n      const { target } = connector;\r\n      const parent = target.parent;\r\n      if (target.destroyed || parent === null || parent.destroyed) continue;\r\n      const slot = connector.partType === \"slot\" ? spine.skeleton.findSlot(connector.partName) : null;\r\n      const bone = connector.partType === \"bone\" ? spine.skeleton.findBone(connector.partName) : slot?.bone;\r\n      if (bone === null || bone === undefined) continue;\r\n      this.projectSpinePart(bone, slot ?? undefined, this.connectorPoint);\r\n      // `toLocal(point, spine)` = `spine.toGlobal(point)` + инверсия мировой матрицы родителя.\r\n      const local = parent.toLocal(this.connectorPoint, spine, this.connectorPoint);\r\n      target.position.set(local.x, local.y);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Мировая позиция части в системе координат самого Spine-объекта.\r\n   *\r\n   * У слота своего трансформа нет — он весь в кости, но у attachment он есть: Spine хранит авторский\r\n   * offset точки в `attachment.x/y`, и без него правка Point в редакторе Spine двигала бы картинку,\r\n   * но не привязанную ноду. Нативный `Spine.addSlotObject()` этот offset не учитывает, поэтому\r\n   * проекция считается здесь.\r\n   */\r\n  private projectSpinePart(bone: Bone, slot: Slot | undefined, out: Point): Point {\r\n    const attachment = slot?.attachment;\r\n    if (attachment instanceof PointAttachment) {\r\n      const point = attachment.computeWorldPosition(bone, new Vector2());\r\n      return out.set(point.x, point.y);\r\n    }\r\n    if (attachment instanceof RegionAttachment) {\r\n      return out.set(\r\n        bone.worldX + attachment.x * bone.a + attachment.y * bone.b,\r\n        bone.worldY + attachment.x * bone.c + attachment.y * bone.d,\r\n      );\r\n    }\r\n    return out.set(bone.worldX, bone.worldY);\r\n  }\r\n\r\n  private restoreConnectorTargets(): void {\r\n    for (const connector of this.activeConnectors) {\r\n      const { target } = connector;\r\n      if (!target.destroyed) target.position.set(connector.position.x, connector.position.y);\r\n    }\r\n    this.activeConnectors = [];\r\n  }\r\n\r\n  setReferenceFrame(referenceFrame: SpineReferenceFrame | undefined): void {\r\n    this.referenceFrame = referenceFrame;\r\n  }\r\n\r\n  /**\r\n   * Every transform application (editor gesture previews, document commits, layout updates, anchor\r\n   * resizes) reprojects active connectors immediately. The projected point depends on the spine's\r\n   * world transform — including the fitted width/height scale — so a resize of the spine node must\r\n   * move its targets in the same pass, not on the next ticker frame or document commit.\r\n   */\r\n  protected onLayoutTransformApplied(): void {\r\n    if (this.connectorBonesActive) this.refreshConnectorBones();\r\n  }\r\n\r\n  protected syncContent(node: UINode, transform: UINode[\"transform\"], profile: LayoutProfileId): void {\r\n    if (node.type === \"spine\" && this.content !== undefined) this.content.alpha = node.opacity ?? 1;\r\n    if (this.content instanceof Spine) {\r\n      if (node.type === \"spine\") {\r\n        const settings = resolveSpineSettings(node, profile);\r\n        const track = this.content.state.tracks[0];\r\n        const animationChanged = track?.animation?.name !== settings.animation;\r\n        const loopChanged = track !== null && track !== undefined && track.loop !== settings.loop;\r\n        // Same \"always a track, frozen at frame 0 unless actually playing\" contract as the constructor:\r\n        // a static (non-autoplay) skeleton stays posed to its configured animation's first frame,\r\n        // never Spine's setup/bind pose.\r\n        const playing = settings.autoplay || this.initializeForAuthoring;\r\n        const desiredTimeScale = playing ? settings.animationSpeed : 0;\r\n        // Правка ползунка должна влиять на следующий переход, а не только на момент создания view.\r\n        this.content.state.data.defaultMix = settings.animationMix;\r\n        if (settings.animation === undefined) {\r\n          if (track !== null && track !== undefined) this.content.state.clearTrack(0);\r\n        } else if ((animationChanged || loopChanged) && this.content.skeleton.data.findAnimation(settings.animation) !== null) {\r\n          const entry = this.content.state.setAnimation(0, settings.animation, settings.loop);\r\n          entry.timeScale = desiredTimeScale;\r\n          // Замороженный на кадре 0 скелет не проигрывает микс (mixTime двигается временем трека),\r\n          // и остался бы навсегда в полусмешанной позе — статичной ноде переход всегда мгновенный.\r\n          if (!playing) entry.mixDuration = 0;\r\n        } else if (track !== null && track !== undefined) {\r\n          track.timeScale = desiredTimeScale;\r\n        }\r\n      }\r\n      const fit = fitSpineToTransform(this.content.skeleton.data, transform, this.referenceFrame);\r\n      if (fit !== undefined) {\r\n        this.content.scale.set(fit.scaleX, fit.scaleY);\r\n        this.content.position.set(fit.x, fit.y);\r\n      }\r\n      // A paused Spine does not receive a ticker update. Refresh its world transforms after a\r\n      // layout/viewport change so its displayed pose immediately matches the new fitted bounds.\r\n      this.content.update(0);\r\n    } else if (this.content instanceof Graphics) {\r\n      this.content.clear().rect(0, 0, transform.width, transform.height).fill(0xff00ff);\r\n    }\r\n  }\r\n}\r\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pixi-ui-editor/runtime-pixi",
-  "version": "0.21.0",
+  "version": "0.22.0",
   "description": "PixiJS runtime that renders Pixi UI Editor scene documents in a game.",
   "type": "module",
   "repository": {
@@ -30,7 +30,7 @@
     "pixi.js": "^8.19.0",
     "typed-signals": "^2.5.0",
     "yoga-layout": "^3.2.1",
-    "@pixi-ui-editor/schema": "0.21.0"
+    "@pixi-ui-editor/schema": "0.22.0"
   },
   "devDependencies": {
     "@types/node": "^26.2.0"