@pixi-ui-editor/runtime-pixi 0.5.1 → 0.6.1

package/dist/views/ParticleEmitterNodeView.js

@@ -1,33 +1,45 @@
-import { Container, Sprite, Texture } from "pixi.js";
-import { lerp, lerpColorHex, ParticleSimulator } from "../particles.js";
+import { Container, Particle, ParticleContainer, Texture } from "pixi.js";
+import { lerp, ParticleSimulator } from "../particles.js";
 import { NodeView } from "./NodeView.js";
 const DEG_TO_RAD = Math.PI / 180;
 /** Thin Pixi adapter: NodeView continues to own transforms, layout and hit testing. */
 export class ParticleEmitterNodeView extends NodeView {
     contentRoot = new Container();
     simulator;
+    renderGroups = new Map();
     simulationSpace = "local";
     autoplayHandled = false;
+    renderDirty = true;
+    tintStart = 0xffffff;
+    tintEnd = 0xffffff;
+    staticColor = 0xffffffff;
+    dynamicProperties = { position: true, rotation: false, vertex: false, uvs: false, color: false };
+    spawnContext = { width: 0, height: 0, space: "local" };
+    renderSignature = "";
+    sourceSignature = "";
+    sourceTextures = [];
     constructor(effect, textures) {
         super(textures);
         this.setContent(this.contentRoot);
+        this.cacheEffect(effect);
         this.simulator = new ParticleSimulator(effect, {
             createRender: () => {
-                const sprite = new Sprite(Texture.EMPTY);
-                sprite.anchor.set(0.5);
-                sprite.visible = false;
-                this.contentRoot.addChild(sprite);
-                return sprite;
+                return new Particle({ texture: Texture.EMPTY, anchorX: 0.5, anchorY: 0.5 });
             },
-            hideRender: (sprite) => { sprite.visible = false; },
-            destroyRender: (sprite) => { this.contentRoot.removeChild(sprite); sprite.destroy(); },
+            hideRender: () => undefined,
+            destroyRender: () => undefined,
             getWorldTransform: () => this.worldTransform,
         });
     }
     updateParticles(deltaSeconds) {
-        const rect = this.layoutRectangle;
-        this.simulator.update(deltaSeconds, { width: rect.width, height: rect.height, space: this.simulationSpace });
-        this.syncRender();
+        this.spawnContext.width = this.layoutWidth;
+        this.spawnContext.height = this.layoutHeight;
+        this.spawnContext.space = this.simulationSpace;
+        const advanced = this.simulator.update(deltaSeconds, this.spawnContext);
+        // World-space particles must also be reprojected when an ancestor moves between simulation
+        // steps. Local particles need no work: Pixi applies their container transform itself.
+        if (advanced || this.renderDirty || (this.simulationSpace === "world" && this.simulator.activeSlots.size > 0))
+            this.syncRender();
     }
     play() { this.simulator.play(); }
     pause() { this.simulator.pause(); }
@@ -35,14 +47,22 @@ export class ParticleEmitterNodeView extends NodeView {
     stop() { this.simulator.stop(); }
     /** Advances exactly one fixed step even while paused, preserving the current playing/paused state. */
     step() {
-        const rect = this.layoutRectangle;
-        this.simulator.step({ width: rect.width, height: rect.height, space: this.simulationSpace });
+        this.spawnContext.width = this.layoutWidth;
+        this.spawnContext.height = this.layoutHeight;
+        this.spawnContext.space = this.simulationSpace;
+        this.simulator.step(this.spawnContext);
         this.syncRender();
     }
-    dispose() { this.simulator.dispose(); }
+    dispose() {
+        this.simulator.dispose();
+        this.destroyRenderGroups();
+    }
     setEmissionMultiplier(value) { this.simulator.setEmissionMultiplier(value); }
     getDiagnostics() { return this.simulator.getDiagnostics(); }
-    syncEffect(effect) { this.simulator.syncEffect(effect); }
+    syncEffect(effect) {
+        this.simulator.syncEffect(effect);
+        this.renderDirty ||= this.cacheEffect(effect);
+    }
     destroy(options) {
         this.dispose();
         super.destroy(options);
@@ -50,6 +70,8 @@ export class ParticleEmitterNodeView extends NodeView {
     syncContent(node) {
         if (node.type !== "particle-emitter")
             return;
+        if (this.simulationSpace !== node.simulationSpace)
+            this.renderDirty = true;
         this.simulationSpace = node.simulationSpace;
         // Autoplay only fires once, right after construction: syncContent also runs on every unrelated
         // document edit (via the shared node-sync pass), and re-arming play() there would silently
@@ -65,32 +87,115 @@ export class ParticleEmitterNodeView extends NodeView {
         const source = p.visual.source;
         const space = this.simulationSpace;
         const inverse = space === "world" ? this.worldTransform : undefined;
+        const determinant = inverse === undefined ? 0 : inverse.a * inverse.d - inverse.b * inverse.c;
+        const inverseDeterminant = determinant === 0 ? 0 : 1 / determinant;
+        for (const group of this.renderGroups.values()) {
+            group.nextCount = 0;
+            group.dirty ||= this.renderDirty;
+        }
         for (const slot of this.simulator.activeSlots) {
-            const sprite = slot.render;
+            const particle = slot.render;
             const t = slot.lifetime > 0 ? Math.min(1, slot.age / slot.lifetime) : 1;
-            sprite.alpha = lerp(p.visual.alpha.start, p.visual.alpha.end, t);
-            sprite.tint = lerpColorHex(p.visual.tint.start, p.visual.tint.end, t);
-            sprite.scale.set(lerp(slot.scaleStart, slot.scaleEnd, t));
-            sprite.rotation = slot.rotationDegrees * DEG_TO_RAD;
-            sprite.blendMode = p.visual.blendMode;
-            const assetId = source.type === "single" ? source.assetId
-                : source.type === "random" ? source.assetIds[slot.sourceIndex]
-                    : source.assetIds[sequenceFrame(source, slot)];
-            const texture = this.textureFor(assetId);
-            if (texture)
-                sprite.texture = texture;
+            const sourceIndex = source.type === "single" ? 0 : source.type === "random" ? slot.sourceIndex : sequenceFrame(source, slot);
+            const texture = this.sourceTextures[sourceIndex] ?? Texture.EMPTY;
+            const textureChanged = particle.texture !== texture;
+            if (textureChanged)
+                particle.texture = texture;
+            const initializeStatic = slot.renderDirty || this.renderDirty;
+            if (this.dynamicProperties.vertex || initializeStatic) {
+                const scale = lerp(slot.scaleStart, slot.scaleEnd, t);
+                particle.scaleX = scale;
+                particle.scaleY = scale;
+            }
+            if (this.dynamicProperties.rotation || initializeStatic)
+                particle.rotation = slot.rotationDegrees * DEG_TO_RAD;
+            if (this.dynamicProperties.color)
+                particle.color = packParticleColor(lerpRgb(this.tintStart, this.tintEnd, t), lerp(p.visual.alpha.start, p.visual.alpha.end, t));
+            else if (initializeStatic)
+                particle.color = this.staticColor;
             if (space === "world" && inverse !== undefined) {
                 const dx = slot.x - slot.spawnX, dy = slot.y - slot.spawnY;
                 const worldX = slot.worldSpawnX + slot.spawnMatrixA * dx + slot.spawnMatrixC * dy;
                 const worldY = slot.worldSpawnY + slot.spawnMatrixB * dx + slot.spawnMatrixD * dy;
-                const local = inverse.applyInverse({ x: worldX, y: worldY });
-                sprite.position.set(local.x, local.y);
+                // Inline Matrix.applyInverse to avoid allocating one point per particle per rendered frame.
+                const translatedX = worldX - inverse.tx;
+                const translatedY = worldY - inverse.ty;
+                particle.x = (inverse.d * translatedX - inverse.c * translatedY) * inverseDeterminant;
+                particle.y = (-inverse.b * translatedX + inverse.a * translatedY) * inverseDeterminant;
             }
             else {
-                sprite.position.set(slot.x, slot.y);
+                particle.x = slot.x;
+                particle.y = slot.y;
             }
-            sprite.visible = true;
+            const group = this.groupFor(texture, p.visual.blendMode);
+            group.dirty ||= slot.renderDirty || textureChanged || group.container.particleChildren[group.nextCount] !== particle;
+            group.container.particleChildren[group.nextCount++] = particle;
+            slot.renderDirty = false;
+        }
+        for (const group of this.renderGroups.values()) {
+            const children = group.container.particleChildren;
+            if (children.length !== group.nextCount) {
+                children.length = group.nextCount;
+                group.dirty = true;
+            }
+            if (group.dirty)
+                group.container.update();
+            group.dirty = false;
+        }
+        this.renderDirty = false;
+    }
+    cacheEffect(effect) {
+        const visual = effect.particle.visual;
+        const sourceIds = visual.source.type === "single" ? [visual.source.assetId] : visual.source.assetIds;
+        const sourceTextures = sourceIds.map((id) => this.textureFor(id));
+        const signature = JSON.stringify(visual);
+        const sourceSignature = JSON.stringify(visual.source);
+        const sourceChanged = sourceSignature !== this.sourceSignature
+            || sourceTextures.length !== this.sourceTextures.length
+            || sourceTextures.some((texture, index) => texture !== this.sourceTextures[index]);
+        const changed = signature !== this.renderSignature
+            || sourceChanged;
+        if (!changed)
+            return false;
+        this.renderSignature = signature;
+        this.sourceSignature = sourceSignature;
+        this.sourceTextures = sourceTextures;
+        // Source edits and late texture loads invalidate the source-keyed groups. Rebuild containers,
+        // but keep every pooled Particle and live simulation slot intact.
+        if (sourceChanged)
+            this.destroyRenderGroups();
+        const dynamicProperties = particleDynamicProperties(effect);
+        if (!sameDynamicProperties(this.dynamicProperties, dynamicProperties)) {
+            this.destroyRenderGroups();
+            this.dynamicProperties = dynamicProperties;
         }
+        this.tintStart = parseRgb(effect.particle.visual.tint.start);
+        this.tintEnd = parseRgb(effect.particle.visual.tint.end);
+        this.staticColor = packParticleColor(this.tintStart, effect.particle.visual.alpha.start);
+        for (const group of this.renderGroups.values())
+            group.container.blendMode = effect.particle.visual.blendMode;
+        return true;
+    }
+    groupFor(texture, blendMode) {
+        let group = this.renderGroups.get(texture.source);
+        if (group !== undefined)
+            return group;
+        const container = new ParticleContainer({
+            texture,
+            dynamicProperties: this.dynamicProperties,
+        });
+        container.blendMode = blendMode;
+        this.contentRoot.addChild(container);
+        group = { container, nextCount: 0, dirty: true };
+        this.renderGroups.set(texture.source, group);
+        return group;
+    }
+    destroyRenderGroups() {
+        for (const group of this.renderGroups.values()) {
+            this.contentRoot.removeChild(group.container);
+            group.container.destroy();
+        }
+        this.renderGroups.clear();
     }
 }
 function sequenceFrame(source, slot) {
@@ -98,4 +203,31 @@ function sequenceFrame(source, slot) {
     const raw = slot.sequenceStart + Math.floor(slot.age * source.fps);
     return source.loop ? ((raw % length) + length) % length : Math.min(raw, length - 1);
 }
+function parseRgb(hex) { return Number.parseInt(hex.slice(1, 7), 16); }
+function lerpRgb(start, end, t) {
+    const r = Math.round(lerp((start >>> 16) & 0xff, (end >>> 16) & 0xff, t));
+    const g = Math.round(lerp((start >>> 8) & 0xff, (end >>> 8) & 0xff, t));
+    const b = Math.round(lerp(start & 0xff, end & 0xff, t));
+    return (r << 16) | (g << 8) | b;
+}
+/** Pixi Particle buffers store packed ABGR, unlike the public RGB tint number. */
+function packParticleColor(rgb, alpha) {
+    const bgr = ((rgb & 0xff) << 16) | (rgb & 0xff00) | ((rgb >>> 16) & 0xff);
+    return (bgr | (Math.round(Math.max(0, Math.min(1, alpha)) * 255) << 24)) >>> 0;
+}
+function particleDynamicProperties(effect) {
+    const visual = effect.particle.visual;
+    const angular = visual.rotation.angularVelocityDegrees;
+    const scale = visual.scale;
+    return {
+        position: true,
+        rotation: angular.min !== 0 || angular.max !== 0,
+        vertex: !(scale.start.min === scale.start.max && scale.start.min === scale.end.min && scale.start.min === scale.end.max),
+        uvs: visual.source.type === "sequence",
+        color: visual.tint.start !== visual.tint.end || visual.alpha.start !== visual.alpha.end,
+    };
+}
+function sameDynamicProperties(a, b) {
+    return a.rotation === b.rotation && a.vertex === b.vertex && a.uvs === b.uvs && a.color === b.color;
+}
 //# sourceMappingURL=ParticleEmitterNodeView.js.map

package/dist/views/ParticleEmitterNodeView.js.map

@@ -1 +1 @@
-{"version":3,"file":"ParticleEmitterNodeView.js","sourceRoot":"","sources":["../../src/views/ParticleEmitterNodeView.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ParticleEffectDefinition, UINode } from \"@pixi-ui-editor/schema\";\r\nimport { Container, Sprite, Texture, type DestroyOptions } from \"pixi.js\";\r\nimport { lerp, lerpColorHex, ParticleSimulator, type ParticleSlot } from \"../particles.js\";\r\nimport { NodeView } from \"./NodeView.js\";\r\n\r\nconst DEG_TO_RAD = Math.PI / 180;\r\n\r\n/** Thin Pixi adapter: NodeView continues to own transforms, layout and hit testing. */\r\nexport class ParticleEmitterNodeView extends NodeView {\r\n  private readonly contentRoot = new Container();\r\n  private readonly simulator: ParticleSimulator<Sprite>;\r\n  private simulationSpace: \"local\" | \"world\" = \"local\";\r\n  private autoplayHandled = false;\r\n\r\n  constructor(effect: ParticleEffectDefinition, textures?: ReadonlyMap<string, Texture>) {\r\n    super(textures);\r\n    this.setContent(this.contentRoot);\r\n    this.simulator = new ParticleSimulator<Sprite>(effect, {\r\n      createRender: () => {\r\n        const sprite = new Sprite(Texture.EMPTY);\r\n        sprite.anchor.set(0.5);\r\n        sprite.visible = false;\r\n        this.contentRoot.addChild(sprite);\r\n        return sprite;\r\n      },\r\n      hideRender: (sprite) => { sprite.visible = false; },\r\n      destroyRender: (sprite) => { this.contentRoot.removeChild(sprite); sprite.destroy(); },\r\n      getWorldTransform: () => this.worldTransform,\r\n    });\r\n  }\r\n\r\n  updateParticles(deltaSeconds: number): void {\r\n    const rect = this.layoutRectangle;\r\n    this.simulator.update(deltaSeconds, { width: rect.width, height: rect.height, space: this.simulationSpace });\r\n    this.syncRender();\r\n  }\r\n\r\n  play(): void { this.simulator.play(); }\r\n  pause(): void { this.simulator.pause(); }\r\n  restart(): void { this.simulator.restart(); }\r\n  stop(): void { this.simulator.stop(); }\r\n  /** Advances exactly one fixed step even while paused, preserving the current playing/paused state. */\r\n  step(): void {\r\n    const rect = this.layoutRectangle;\r\n    this.simulator.step({ width: rect.width, height: rect.height, space: this.simulationSpace });\r\n    this.syncRender();\r\n  }\r\n  dispose(): void { this.simulator.dispose(); }\r\n  setEmissionMultiplier(value: number): void { this.simulator.setEmissionMultiplier(value); }\r\n  getDiagnostics() { return this.simulator.getDiagnostics(); }\r\n\r\n  syncEffect(effect: ParticleEffectDefinition): void { this.simulator.syncEffect(effect); }\r\n\r\n  override destroy(options?: DestroyOptions): void {\r\n    this.dispose();\r\n    super.destroy(options);\r\n  }\r\n\r\n  protected syncContent(node: UINode): void {\r\n    if (node.type !== \"particle-emitter\") return;\r\n    this.simulationSpace = node.simulationSpace;\r\n    // Autoplay only fires once, right after construction: syncContent also runs on every unrelated\r\n    // document edit (via the shared node-sync pass), and re-arming play() there would silently\r\n    // override an explicit pause()/stop() the moment the author touches anything else in the project.\r\n    if (!this.autoplayHandled) {\r\n      this.autoplayHandled = true;\r\n      if (node.autoplay) this.simulator.play();\r\n    }\r\n  }\r\n\r\n  private syncRender(): void {\r\n    const p = this.simulator.definition.particle;\r\n    const source = p.visual.source;\r\n    const space = this.simulationSpace;\r\n    const inverse = space === \"world\" ? this.worldTransform : undefined;\r\n    for (const slot of this.simulator.activeSlots) {\r\n      const sprite = slot.render;\r\n      const t = slot.lifetime > 0 ? Math.min(1, slot.age / slot.lifetime) : 1;\r\n      sprite.alpha = lerp(p.visual.alpha.start, p.visual.alpha.end, t);\r\n      sprite.tint = lerpColorHex(p.visual.tint.start, p.visual.tint.end, t);\r\n      sprite.scale.set(lerp(slot.scaleStart, slot.scaleEnd, t));\r\n      sprite.rotation = slot.rotationDegrees * DEG_TO_RAD;\r\n      sprite.blendMode = p.visual.blendMode;\r\n      const assetId = source.type === \"single\" ? source.assetId\r\n        : source.type === \"random\" ? source.assetIds[slot.sourceIndex]!\r\n        : source.assetIds[sequenceFrame(source, slot)]!;\r\n      const texture = this.textureFor(assetId);\r\n      if (texture) sprite.texture = texture;\r\n      if (space === \"world\" && inverse !== undefined) {\r\n        const dx = slot.x - slot.spawnX, dy = slot.y - slot.spawnY;\r\n        const worldX = slot.worldSpawnX + slot.spawnMatrixA * dx + slot.spawnMatrixC * dy;\r\n        const worldY = slot.worldSpawnY + slot.spawnMatrixB * dx + slot.spawnMatrixD * dy;\r\n        const local = inverse.applyInverse({ x: worldX, y: worldY });\r\n        sprite.position.set(local.x, local.y);\r\n      } else {\r\n        sprite.position.set(slot.x, slot.y);\r\n      }\r\n      sprite.visible = true;\r\n    }\r\n  }\r\n}\r\n\r\ntype SequenceSource = Extract<ParticleEffectDefinition[\"particle\"][\"visual\"][\"source\"], { type: \"sequence\" }>;\r\nfunction sequenceFrame(source: SequenceSource, slot: ParticleSlot<Sprite>): number {\r\n  const length = source.assetIds.length;\r\n  const raw = slot.sequenceStart + Math.floor(slot.age * source.fps);\r\n  return source.loop ? ((raw % length) + length) % length : Math.min(raw, length - 1);\r\n}\r\n"]}
+{"version":3,"file":"ParticleEmitterNodeView.js","sourceRoot":"","sources":["../../src/views/ParticleEmitterNodeView.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ParticleEffectDefinition, UINode } from \"@pixi-ui-editor/schema\";\nimport { Container, Particle, ParticleContainer, Texture, type DestroyOptions } from \"pixi.js\";\nimport { lerp, ParticleSimulator, type ParticleSlot, type ParticleSpawnContext } from \"../particles.js\";\nimport { NodeView } from \"./NodeView.js\";\n\r\nconst DEG_TO_RAD = Math.PI / 180;\r\n\r\n/** Thin Pixi adapter: NodeView continues to own transforms, layout and hit testing. */\r\nexport class ParticleEmitterNodeView extends NodeView {\n  private readonly contentRoot = new Container();\n  private readonly simulator: ParticleSimulator<Particle>;\n  private readonly renderGroups = new Map<Texture[\"source\"], ParticleRenderGroup>();\n  private simulationSpace: \"local\" | \"world\" = \"local\";\n  private autoplayHandled = false;\n  private renderDirty = true;\n  private tintStart = 0xffffff;\n  private tintEnd = 0xffffff;\n  private staticColor = 0xffffffff;\n  private dynamicProperties: DynamicParticleProperties = { position: true, rotation: false, vertex: false, uvs: false, color: false };\n  private readonly spawnContext: ParticleSpawnContext = { width: 0, height: 0, space: \"local\" };\n  private renderSignature = \"\";\n  private sourceSignature = \"\";\n  private sourceTextures: readonly (Texture | undefined)[] = [];\n\r\n  constructor(effect: ParticleEffectDefinition, textures?: ReadonlyMap<string, Texture>) {\r\n    super(textures);\n    this.setContent(this.contentRoot);\n    this.cacheEffect(effect);\n    this.simulator = new ParticleSimulator<Particle>(effect, {\n      createRender: () => {\n        return new Particle({ texture: Texture.EMPTY, anchorX: 0.5, anchorY: 0.5 });\n      },\n      hideRender: () => undefined,\n      destroyRender: () => undefined,\n      getWorldTransform: () => this.worldTransform,\n    });\n  }\n\n  updateParticles(deltaSeconds: number): void {\n    this.spawnContext.width = this.layoutWidth;\n    this.spawnContext.height = this.layoutHeight;\n    this.spawnContext.space = this.simulationSpace;\n    const advanced = this.simulator.update(deltaSeconds, this.spawnContext);\n    // World-space particles must also be reprojected when an ancestor moves between simulation\n    // steps. Local particles need no work: Pixi applies their container transform itself.\n    if (advanced || this.renderDirty || (this.simulationSpace === \"world\" && this.simulator.activeSlots.size > 0)) this.syncRender();\n  }\r\n\r\n  play(): void { this.simulator.play(); }\r\n  pause(): void { this.simulator.pause(); }\r\n  restart(): void { this.simulator.restart(); }\r\n  stop(): void { this.simulator.stop(); }\r\n  /** Advances exactly one fixed step even while paused, preserving the current playing/paused state. */\r\n  step(): void {\n    this.spawnContext.width = this.layoutWidth;\n    this.spawnContext.height = this.layoutHeight;\n    this.spawnContext.space = this.simulationSpace;\n    this.simulator.step(this.spawnContext);\n    this.syncRender();\r\n  }\r\n  dispose(): void {\n    this.simulator.dispose();\n    this.destroyRenderGroups();\n  }\n  setEmissionMultiplier(value: number): void { this.simulator.setEmissionMultiplier(value); }\r\n  getDiagnostics() { return this.simulator.getDiagnostics(); }\r\n\r\n  syncEffect(effect: ParticleEffectDefinition): void {\n    this.simulator.syncEffect(effect);\n    this.renderDirty ||= this.cacheEffect(effect);\n  }\n\r\n  override destroy(options?: DestroyOptions): void {\r\n    this.dispose();\r\n    super.destroy(options);\r\n  }\r\n\r\n  protected syncContent(node: UINode): void {\n    if (node.type !== \"particle-emitter\") return;\n    if (this.simulationSpace !== node.simulationSpace) this.renderDirty = true;\n    this.simulationSpace = node.simulationSpace;\n    // Autoplay only fires once, right after construction: syncContent also runs on every unrelated\r\n    // document edit (via the shared node-sync pass), and re-arming play() there would silently\r\n    // override an explicit pause()/stop() the moment the author touches anything else in the project.\r\n    if (!this.autoplayHandled) {\r\n      this.autoplayHandled = true;\r\n      if (node.autoplay) this.simulator.play();\r\n    }\r\n  }\r\n\r\n  private syncRender(): void {\n    const p = this.simulator.definition.particle;\r\n    const source = p.visual.source;\r\n    const space = this.simulationSpace;\r\n    const inverse = space === \"world\" ? this.worldTransform : undefined;\n    const determinant = inverse === undefined ? 0 : inverse.a * inverse.d - inverse.b * inverse.c;\n    const inverseDeterminant = determinant === 0 ? 0 : 1 / determinant;\n    for (const group of this.renderGroups.values()) {\n      group.nextCount = 0;\n      group.dirty ||= this.renderDirty;\n    }\n    for (const slot of this.simulator.activeSlots) {\n      const particle = slot.render;\n      const t = slot.lifetime > 0 ? Math.min(1, slot.age / slot.lifetime) : 1;\n      const sourceIndex = source.type === \"single\" ? 0 : source.type === \"random\" ? slot.sourceIndex : sequenceFrame(source, slot);\n      const texture = this.sourceTextures[sourceIndex] ?? Texture.EMPTY;\n      const textureChanged = particle.texture !== texture;\n      if (textureChanged) particle.texture = texture;\n      const initializeStatic = slot.renderDirty || this.renderDirty;\n      if (this.dynamicProperties.vertex || initializeStatic) {\n        const scale = lerp(slot.scaleStart, slot.scaleEnd, t);\n        particle.scaleX = scale;\n        particle.scaleY = scale;\n      }\n      if (this.dynamicProperties.rotation || initializeStatic) particle.rotation = slot.rotationDegrees * DEG_TO_RAD;\n      if (this.dynamicProperties.color) particle.color = packParticleColor(lerpRgb(this.tintStart, this.tintEnd, t), lerp(p.visual.alpha.start, p.visual.alpha.end, t));\n      else if (initializeStatic) particle.color = this.staticColor;\n      if (space === \"world\" && inverse !== undefined) {\n        const dx = slot.x - slot.spawnX, dy = slot.y - slot.spawnY;\n        const worldX = slot.worldSpawnX + slot.spawnMatrixA * dx + slot.spawnMatrixC * dy;\n        const worldY = slot.worldSpawnY + slot.spawnMatrixB * dx + slot.spawnMatrixD * dy;\n        // Inline Matrix.applyInverse to avoid allocating one point per particle per rendered frame.\n        const translatedX = worldX - inverse.tx;\n        const translatedY = worldY - inverse.ty;\n        particle.x = (inverse.d * translatedX - inverse.c * translatedY) * inverseDeterminant;\n        particle.y = (-inverse.b * translatedX + inverse.a * translatedY) * inverseDeterminant;\n      } else {\n        particle.x = slot.x;\n        particle.y = slot.y;\n      }\n      const group = this.groupFor(texture, p.visual.blendMode);\n      group.dirty ||= slot.renderDirty || textureChanged || group.container.particleChildren[group.nextCount] !== particle;\n      group.container.particleChildren[group.nextCount++] = particle;\n      slot.renderDirty = false;\n    }\n    for (const group of this.renderGroups.values()) {\n      const children = group.container.particleChildren;\n      if (children.length !== group.nextCount) {\n        children.length = group.nextCount;\n        group.dirty = true;\n      }\n      if (group.dirty) group.container.update();\n      group.dirty = false;\n    }\n    this.renderDirty = false;\n  }\n\n  private cacheEffect(effect: ParticleEffectDefinition): boolean {\n    const visual = effect.particle.visual;\n    const sourceIds = visual.source.type === \"single\" ? [visual.source.assetId] : visual.source.assetIds;\n    const sourceTextures = sourceIds.map((id) => this.textureFor(id));\n    const signature = JSON.stringify(visual);\n    const sourceSignature = JSON.stringify(visual.source);\n    const sourceChanged = sourceSignature !== this.sourceSignature\n      || sourceTextures.length !== this.sourceTextures.length\n      || sourceTextures.some((texture, index) => texture !== this.sourceTextures[index]);\n    const changed = signature !== this.renderSignature\n      || sourceChanged;\n    if (!changed) return false;\n    this.renderSignature = signature;\n    this.sourceSignature = sourceSignature;\n    this.sourceTextures = sourceTextures;\n    // Source edits and late texture loads invalidate the source-keyed groups. Rebuild containers,\n    // but keep every pooled Particle and live simulation slot intact.\n    if (sourceChanged) this.destroyRenderGroups();\n    const dynamicProperties = particleDynamicProperties(effect);\n    if (!sameDynamicProperties(this.dynamicProperties, dynamicProperties)) {\n      this.destroyRenderGroups();\n      this.dynamicProperties = dynamicProperties;\n    }\n    this.tintStart = parseRgb(effect.particle.visual.tint.start);\n    this.tintEnd = parseRgb(effect.particle.visual.tint.end);\n    this.staticColor = packParticleColor(this.tintStart, effect.particle.visual.alpha.start);\n    for (const group of this.renderGroups.values()) group.container.blendMode = effect.particle.visual.blendMode;\n    return true;\n  }\n\n  private groupFor(texture: Texture, blendMode: ParticleEffectDefinition[\"particle\"][\"visual\"][\"blendMode\"]): ParticleRenderGroup {\n    let group = this.renderGroups.get(texture.source);\n    if (group !== undefined) return group;\n    const container = new ParticleContainer<Particle>({\n      texture,\n      dynamicProperties: this.dynamicProperties,\n    });\n    container.blendMode = blendMode;\n    this.contentRoot.addChild(container);\n    group = { container, nextCount: 0, dirty: true };\n    this.renderGroups.set(texture.source, group);\n    return group;\n  }\n\n  private destroyRenderGroups(): void {\n    for (const group of this.renderGroups.values()) {\n      this.contentRoot.removeChild(group.container);\n      group.container.destroy();\n    }\n    this.renderGroups.clear();\n  }\n}\n\ntype SequenceSource = Extract<ParticleEffectDefinition[\"particle\"][\"visual\"][\"source\"], { type: \"sequence\" }>;\ntype ParticleRenderGroup = { container: ParticleContainer<Particle>; nextCount: number; dirty: boolean };\ntype DynamicParticleProperties = { position: true; rotation: boolean; vertex: boolean; uvs: boolean; color: boolean };\n\nfunction sequenceFrame(source: SequenceSource, slot: ParticleSlot<Particle>): number {\n  const length = source.assetIds.length;\r\n  const raw = slot.sequenceStart + Math.floor(slot.age * source.fps);\r\n  return source.loop ? ((raw % length) + length) % length : Math.min(raw, length - 1);\r\n}\n\nfunction parseRgb(hex: string): number { return Number.parseInt(hex.slice(1, 7), 16); }\nfunction lerpRgb(start: number, end: number, t: number): number {\n  const r = Math.round(lerp((start >>> 16) & 0xff, (end >>> 16) & 0xff, t));\n  const g = Math.round(lerp((start >>> 8) & 0xff, (end >>> 8) & 0xff, t));\n  const b = Math.round(lerp(start & 0xff, end & 0xff, t));\n  return (r << 16) | (g << 8) | b;\n}\n/** Pixi Particle buffers store packed ABGR, unlike the public RGB tint number. */\nfunction packParticleColor(rgb: number, alpha: number): number {\n  const bgr = ((rgb & 0xff) << 16) | (rgb & 0xff00) | ((rgb >>> 16) & 0xff);\n  return (bgr | (Math.round(Math.max(0, Math.min(1, alpha)) * 255) << 24)) >>> 0;\n}\n\nfunction particleDynamicProperties(effect: ParticleEffectDefinition): DynamicParticleProperties {\n  const visual = effect.particle.visual;\n  const angular = visual.rotation.angularVelocityDegrees;\n  const scale = visual.scale;\n  return {\n    position: true,\n    rotation: angular.min !== 0 || angular.max !== 0,\n    vertex: !(scale.start.min === scale.start.max && scale.start.min === scale.end.min && scale.start.min === scale.end.max),\n    uvs: visual.source.type === \"sequence\",\n    color: visual.tint.start !== visual.tint.end || visual.alpha.start !== visual.alpha.end,\n  };\n}\n\nfunction sameDynamicProperties(a: DynamicParticleProperties, b: DynamicParticleProperties): boolean {\n  return a.rotation === b.rotation && a.vertex === b.vertex && a.uvs === b.uvs && a.color === b.color;\n}\n"]}

package/dist/views/SpineNodeView.d.ts

@@ -1,12 +1,33 @@
 import { type SkeletonData } from "@esotericsoftware/spine-pixi-v8";
-import { type LayoutProfileId, type SpineReferenceFrame, type UINode } from "@pixi-ui-editor/schema";
-import { type Ticker } from "pixi.js";
+import { type LayoutProfileId, type SpineConnector, type SpineReferenceFrame, type UINode } from "@pixi-ui-editor/schema";
+import { Container, type Ticker } from "pixi.js";
 import { NodeView } from "./NodeView.js";
+type ConnectorBinding = SpineConnector & {
+    target: Container;
+};
+type RuntimeConnectorBinding = ConnectorBinding | ({
+    boneName: string;
+    targetNodeId: string;
+    target: Container;
+} & Partial<ConnectorBinding>);
 export declare class SpineNodeView extends NodeView {
     private referenceFrame;
     private readonly initializeForAuthoring;
+    private connectorBindings;
+    private activeConnectors;
+    private connectorBonesActive;
     constructor(skeletonData: SkeletonData | undefined, animation: string | undefined, autoplay: boolean, loop: boolean, animationSpeed: number, initializeForAuthoring: boolean, referenceFrame?: SpineReferenceFrame, ticker?: Ticker);
+    /** Runtime switch used by game code; authored connector definitions are inactive by default. */
+    get activeConnectorBones(): boolean;
+    set activeConnectorBones(active: boolean);
+    /** 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. */
+    refreshConnectorBones(): void;
+    private restoreConnectorTargets;
     setReferenceFrame(referenceFrame: SpineReferenceFrame | undefined): void;
     protected syncContent(node: UINode, transform: UINode["transform"], profile: LayoutProfileId): void;
 }
+export {};
 //# sourceMappingURL=SpineNodeView.d.ts.map

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,EAAS,KAAK,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAC3E,OAAO,EAAE,KAAK,eAAe,EAAE,KAAK,mBAAmB,EAAE,KAAK,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACrG,OAAO,EAAY,KAAK,MAAM,EAAE,MAAM,SAAS,CAAC;AAEhD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,qBAAa,aAAc,SAAQ,QAAQ;IACzC,OAAO,CAAC,cAAc,CAAkC;IACxD,OAAO,CAAC,QAAQ,CAAC,sBAAsB,CAAU;gBAErC,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;IAuBnO,iBAAiB,CAAC,cAAc,EAAE,mBAAmB,GAAG,SAAS,GAAG,IAAI;IAIxE,SAAS,CAAC,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,EAAE,OAAO,EAAE,eAAe,GAAG,IAAI;CA2BpG"}
+{"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,EAAE,KAAK,eAAe,EAAE,KAAK,cAAc,EAAE,KAAK,mBAAmB,EAAE,KAAK,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAC1H,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;gBAEzB,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;IAwBnO,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;IAOrE,uBAAuB,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI;IAwC9C,8EAA8E;IAC9E,qBAAqB,IAAI,IAAI;IA+C7B,OAAO,CAAC,uBAAuB;IAiB/B,iBAAiB,CAAC,cAAc,EAAE,mBAAmB,GAAG,SAAS,GAAG,IAAI;IAIxE,SAAS,CAAC,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,EAAE,OAAO,EAAE,eAAe,GAAG,IAAI;CA2BpG"}

package/dist/views/SpineNodeView.js

@@ -1,10 +1,20 @@
-import { Spine } from "@esotericsoftware/spine-pixi-v8";
-import { Graphics } from "pixi.js";
+import { PointAttachment, RegionAttachment, Spine, Vector2 } from "@esotericsoftware/spine-pixi-v8";
+import { Container, Graphics, Matrix } from "pixi.js";
 import { fitSpineToTransform, resolveSpineSettings } from "../layout.js";
 import { NodeView } from "./NodeView.js";
+function resolveConnectorPart(binding) {
+    if ((binding.partType === "bone" || binding.partType === "slot") && typeof binding.partName === "string" && binding.partName.length > 0) {
+        return { partType: binding.partType, partName: binding.partName };
+    }
+    const boneName = "boneName" in binding ? binding.boneName : undefined;
+    return typeof boneName === "string" && boneName.length > 0 ? { partType: "bone", partName: boneName } : undefined;
+}
 export class SpineNodeView extends NodeView {
     referenceFrame;
     initializeForAuthoring;
+    connectorBindings = [];
+    activeConnectors = [];
+    connectorBonesActive = false;
     constructor(skeletonData, animation, autoplay, loop, animationSpeed, initializeForAuthoring, referenceFrame, ticker) {
         super();
         this.referenceFrame = referenceFrame;
@@ -22,12 +32,131 @@ export class SpineNodeView extends NodeView {
         // A runtime view always keeps it on: it carries no track until game code starts an animation,
         // and that animation must then advance without the game touching `autoUpdate` itself.
         const spine = new Spine({ skeletonData, autoUpdate: initializeForAuthoring ? autoplay : true, ...(ticker === undefined ? {} : { ticker }) });
+        spine.afterUpdateWorldTransforms = () => this.refreshConnectorBones();
         // Runtime leaves a disabled animation without a track, ready for game code to start on an event.
         // Authoring still creates the track so its frame scrubber can inspect either initial state.
         if ((autoplay || initializeForAuthoring) && animation !== undefined && skeletonData.findAnimation(animation) !== null)
             spine.state.setAnimation(0, animation, loop).timeScale = animationSpeed;
         this.setContent(spine);
     }
+    /** Runtime switch used by game code; authored connector definitions are inactive by default. */
+    get activeConnectorBones() {
+        return this.connectorBonesActive;
+    }
+    set activeConnectorBones(active) {
+        this.setConnectorBonesActive(active);
+    }
+    /** Replaces the scene-resolved connector targets, preserving the current active state. */
+    setConnectorBones(bindings) {
+        const wasActive = this.connectorBonesActive;
+        if (wasActive)
+            this.setConnectorBonesActive(false);
+        this.connectorBindings = [...bindings];
+        if (wasActive)
+            this.setConnectorBonesActive(true);
+    }
+    setConnectorBonesActive(active) {
+        if (active === this.connectorBonesActive)
+            return;
+        this.connectorBonesActive = active;
+        if (!active) {
+            this.restoreConnectorTargets();
+            return;
+        }
+        const spine = this.getSpine();
+        if (spine === undefined)
+            return;
+        for (const binding of this.connectorBindings) {
+            const part = resolveConnectorPart(binding);
+            if (part === undefined)
+                continue;
+            if (part.partType === "bone" ? spine.skeleton.findBone(part.partName) === null : spine.skeleton.findSlot(part.partName) === null)
+                continue;
+            const parent = binding.target.parent;
+            if (parent === null || parent.destroyed)
+                continue;
+            const host = new Container();
+            const snapshot = {
+                partType: part.partType,
+                partName: part.partName,
+                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. */
+    refreshConnectorBones() {
+        const spine = this.getSpine();
+        if (spine === undefined)
+            return;
+        for (const connector of this.activeConnectors) {
+            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)
+                continue;
+            // 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, spineY));
+            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);
+        }
+    }
+    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);
+                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 = [];
+    }
     setReferenceFrame(referenceFrame) {
         this.referenceFrame = referenceFrame;
     }

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 { Spine, type SkeletonData } from \"@esotericsoftware/spine-pixi-v8\";\r\nimport { type LayoutProfileId, type SpineReferenceFrame, type UINode } from \"@pixi-ui-editor/schema\";\nimport { Graphics, type Ticker } from \"pixi.js\";\r\nimport { fitSpineToTransform, resolveSpineSettings } from \"../layout.js\";\nimport { NodeView } from \"./NodeView.js\";\r\n\r\nexport class SpineNodeView extends NodeView {\n  private referenceFrame: SpineReferenceFrame | undefined;\n  private readonly initializeForAuthoring: boolean;\n\r\n  constructor(skeletonData: SkeletonData | undefined, animation: string | undefined, autoplay: boolean, loop: boolean, animationSpeed: number, initializeForAuthoring: boolean, referenceFrame?: SpineReferenceFrame, ticker?: Ticker) {\r\n    super();\n    this.referenceFrame = referenceFrame;\n    this.initializeForAuthoring = initializeForAuthoring;\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: it carries no track until game code starts an animation,\r\n    // and that animation must then advance without the game touching `autoUpdate` itself.\r\n    const spine = new Spine({ skeletonData, autoUpdate: initializeForAuthoring ? autoplay : true, ...(ticker === undefined ? {} : { ticker }) });\r\n    // Runtime leaves a disabled animation without a track, ready for game code to start on an event.\r\n    // Authoring still creates the track so its frame scrubber can inspect either initial state.\r\n    if ((autoplay || initializeForAuthoring) && animation !== undefined && skeletonData.findAnimation(animation) !== null) spine.state.setAnimation(0, animation, loop).timeScale = animationSpeed;\r\n    this.setContent(spine);\r\n  }\r\n\r\n  setReferenceFrame(referenceFrame: SpineReferenceFrame | undefined): void {\r\n    this.referenceFrame = referenceFrame;\r\n  }\r\n\r\n  protected syncContent(node: UINode, transform: UINode[\"transform\"], profile: LayoutProfileId): void {\n    if (this.content instanceof Spine) {\n      if (node.type === \"spine\") {\n        const settings = resolveSpineSettings(node, profile);\n        const track = this.content.state.tracks[0];\n        const animationChanged = track?.animation?.name !== settings.animation;\n        const loopChanged = track !== null && track !== undefined && track.loop !== settings.loop;\n        if (settings.animation === undefined || (!settings.autoplay && !this.initializeForAuthoring)) {\n          if (track !== null && track !== undefined) this.content.state.clearTrack(0);\n        } else if ((animationChanged || loopChanged) && this.content.skeleton.data.findAnimation(settings.animation) !== null) {\n          this.content.state.setAnimation(0, settings.animation, settings.loop).timeScale = settings.animationSpeed;\n        } else if (track !== null && track !== undefined) {\n          track.timeScale = settings.animationSpeed;\n        }\n      }\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 SkeletonData } from \"@esotericsoftware/spine-pixi-v8\";\nimport { type LayoutProfileId, type SpineConnector, type SpineReferenceFrame, type UINode } from \"@pixi-ui-editor/schema\";\nimport { Container, Graphics, Matrix, type Ticker } from \"pixi.js\";\nimport { fitSpineToTransform, resolveSpineSettings } from \"../layout.js\";\nimport { NodeView } from \"./NodeView.js\";\n\ntype ConnectorBinding = SpineConnector & { target: Container };\ntype RuntimeConnectorBinding = ConnectorBinding | ({ boneName: string; targetNodeId: string; target: Container } & Partial<ConnectorBinding>);\ntype ConnectorSnapshot = {\n  target: Container;\n  parent: Container;\n  index: number;\n  position: { x: number; y: number };\n  scale: { x: number; y: number };\n  skew: { x: number; y: number };\n  pivot: { x: number; y: number };\n  rotation: number;\n};\ntype ActiveConnector = ConnectorSnapshot & Pick<SpineConnector, \"partType\" | \"partName\"> & { host: Container };\n\nfunction resolveConnectorPart(binding: RuntimeConnectorBinding): Pick<SpineConnector, \"partType\" | \"partName\"> | undefined {\n  if ((binding.partType === \"bone\" || binding.partType === \"slot\") && typeof binding.partName === \"string\" && binding.partName.length > 0) {\n    return { partType: binding.partType, partName: binding.partName };\n  }\n  const boneName = \"boneName\" in binding ? binding.boneName : undefined;\n  return typeof boneName === \"string\" && boneName.length > 0 ? { partType: \"bone\", partName: boneName } : undefined;\n}\n\nexport class SpineNodeView extends NodeView {\n  private referenceFrame: SpineReferenceFrame | undefined;\n  private readonly initializeForAuthoring: boolean;\n  private connectorBindings: RuntimeConnectorBinding[] = [];\n  private activeConnectors: ActiveConnector[] = [];\n  private connectorBonesActive = false;\n\r\n  constructor(skeletonData: SkeletonData | undefined, animation: string | undefined, autoplay: boolean, loop: boolean, animationSpeed: number, initializeForAuthoring: boolean, referenceFrame?: SpineReferenceFrame, ticker?: Ticker) {\r\n    super();\n    this.referenceFrame = referenceFrame;\n    this.initializeForAuthoring = initializeForAuthoring;\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: it carries no track until game code starts an animation,\r\n    // and that animation must then advance without the game touching `autoUpdate` itself.\r\n    const spine = new Spine({ skeletonData, autoUpdate: initializeForAuthoring ? autoplay : true, ...(ticker === undefined ? {} : { ticker }) });\n    spine.afterUpdateWorldTransforms = () => this.refreshConnectorBones();\n    // Runtime leaves a disabled animation without a track, ready for game code to start on an event.\r\n    // Authoring still creates the track so its frame scrubber can inspect either initial state.\r\n    if ((autoplay || initializeForAuthoring) && animation !== undefined && skeletonData.findAnimation(animation) !== null) spine.state.setAnimation(0, animation, loop).timeScale = animationSpeed;\r\n    this.setContent(spine);\n  }\n\n  /** Runtime switch used by game code; authored connector definitions are inactive by default. */\n  get activeConnectorBones(): boolean {\n    return this.connectorBonesActive;\n  }\n\n  set activeConnectorBones(active: boolean) {\n    this.setConnectorBonesActive(active);\n  }\n\n  /** Replaces the scene-resolved connector targets, preserving the current active state. */\n  setConnectorBones(bindings: readonly RuntimeConnectorBinding[]): void {\n    const wasActive = this.connectorBonesActive;\n    if (wasActive) this.setConnectorBonesActive(false);\n    this.connectorBindings = [...bindings];\n    if (wasActive) this.setConnectorBonesActive(true);\n  }\n\n  setConnectorBonesActive(active: boolean): void {\n    if (active === this.connectorBonesActive) return;\n    this.connectorBonesActive = active;\n    if (!active) {\n      this.restoreConnectorTargets();\n      return;\n    }\n\n    const spine = this.getSpine();\n    if (spine === undefined) return;\n    for (const binding of this.connectorBindings) {\n      const part = resolveConnectorPart(binding);\n      if (part === undefined) continue;\n      if (part.partType === \"bone\" ? spine.skeleton.findBone(part.partName) === null : spine.skeleton.findSlot(part.partName) === null) continue;\n      const parent = binding.target.parent;\n      if (parent === null || parent.destroyed) continue;\n      const host = new Container();\n      const snapshot: ActiveConnector = {\n        partType: part.partType,\n        partName: part.partName,\n        target: binding.target,\n        parent,\n        index: parent.getChildIndex(binding.target),\n        position: { x: binding.target.position.x, y: binding.target.position.y },\n        scale: { x: binding.target.scale.x, y: binding.target.scale.y },\n        skew: { x: binding.target.skew.x, y: binding.target.skew.y },\n        pivot: { x: binding.target.pivot.x, y: binding.target.pivot.y },\n        rotation: binding.target.rotation,\n        host,\n      };\n      // The host genuinely belongs to the Spine view, so the authored skeleton offset inherits the\n      // visual Spine fit. refreshConnectorBones compensates the host's linear transform only, so the\n      // target keeps its original UI size/orientation.\n      spine.addChild(host);\n      host.addChild(binding.target);\n      this.activeConnectors.push(snapshot);\n    }\n    this.refreshConnectorBones();\n  }\n\n  /** Reapplies bone matrices and the target's required zero local transform. */\n  refreshConnectorBones(): void {\n    const spine = this.getSpine();\n    if (spine === undefined) return;\n    for (const connector of this.activeConnectors) {\n      const slot = connector.partType === \"slot\" ? spine.skeleton.findSlot(connector.partName) : null;\n      const bone = connector.partType === \"bone\" ? spine.skeleton.findBone(connector.partName) : slot?.bone;\n      if (bone === null || bone === undefined || connector.parent.destroyed) continue;\n      // A slot itself has no transform beyond its bone, but a region attachment does: Spine stores\n      // its authored Point offset in attachment.x/y. Project that attachment origin, otherwise\n      // changing Point from e.g. -650 to -850 moves the visual attachment but not the UI connector.\n      const attachment = slot?.attachment;\n      let spineX = bone.worldX;\n      let spineY = bone.worldY;\n      if (attachment instanceof PointAttachment) {\n        const point = attachment.computeWorldPosition(bone, new Vector2());\n        spineX = point.x;\n        spineY = point.y;\n      } else if (attachment instanceof RegionAttachment) {\n        spineX += attachment.x * bone.a + attachment.y * bone.b;\n        spineY += attachment.x * bone.c + attachment.y * bone.d;\n      }\n      const spineWorld = spine.getGlobalTransform();\n      const parentWorld = connector.parent.getGlobalTransform();\n      const determinant = spineWorld.a * spineWorld.d - spineWorld.b * spineWorld.c;\n      if (!Number.isFinite(determinant) || Math.abs(determinant) < 1e-8) continue;\n\n      // The attachment position remains in original Spine source units and therefore inherits the\n      // fitted Spine scale. For example, y=-650 at a 1/3 fit becomes roughly -217 on the UI scene.\n      // Only the host's linear transform is compensated, so the target itself does not shrink.\n      const hostA = (spineWorld.d * parentWorld.a - spineWorld.c * parentWorld.b) / determinant;\n      const hostB = (-spineWorld.b * parentWorld.a + spineWorld.a * parentWorld.b) / determinant;\n      const hostC = (spineWorld.d * parentWorld.c - spineWorld.c * parentWorld.d) / determinant;\n      const hostD = (-spineWorld.b * parentWorld.c + spineWorld.a * parentWorld.d) / determinant;\n      connector.host.setFromMatrix(new Matrix(\n        hostA,\n        hostB,\n        hostC,\n        hostD,\n        spineX,\n        spineY,\n      ));\n      connector.host.visible = slot === null\n        || (spine.skeleton.drawOrder.includes(slot) && slot.attachment !== null && spine.alpha > 0 && spine.skeleton.color.a * slot.color.a > 0);\n      connector.target.position.set(0, 0);\n    }\n  }\n\n  private restoreConnectorTargets(): void {\n    for (const connector of this.activeConnectors) {\n      const { target, parent } = connector;\n      if (!target.destroyed && !parent.destroyed) {\n        const index = Math.min(connector.index, parent.children.length);\n        parent.addChildAt(target, index);\n        target.position.set(connector.position.x, connector.position.y);\n        target.scale.set(connector.scale.x, connector.scale.y);\n        target.skew.set(connector.skew.x, connector.skew.y);\n        target.pivot.set(connector.pivot.x, connector.pivot.y);\n        target.rotation = connector.rotation;\n      }\n      connector.host.destroy({ children: false });\n    }\n    this.activeConnectors = [];\n  }\n\r\n  setReferenceFrame(referenceFrame: SpineReferenceFrame | undefined): void {\r\n    this.referenceFrame = referenceFrame;\r\n  }\r\n\r\n  protected syncContent(node: UINode, transform: UINode[\"transform\"], profile: LayoutProfileId): void {\n    if (this.content instanceof Spine) {\n      if (node.type === \"spine\") {\n        const settings = resolveSpineSettings(node, profile);\n        const track = this.content.state.tracks[0];\n        const animationChanged = track?.animation?.name !== settings.animation;\n        const loopChanged = track !== null && track !== undefined && track.loop !== settings.loop;\n        if (settings.animation === undefined || (!settings.autoplay && !this.initializeForAuthoring)) {\n          if (track !== null && track !== undefined) this.content.state.clearTrack(0);\n        } else if ((animationChanged || loopChanged) && this.content.skeleton.data.findAnimation(settings.animation) !== null) {\n          this.content.state.setAnimation(0, settings.animation, settings.loop).timeScale = settings.animationSpeed;\n        } else if (track !== null && track !== undefined) {\n          track.timeScale = settings.animationSpeed;\n        }\n      }\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/dist/views/basic.d.ts.map

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