@safe-engine/pixi 8.3.7 → 8.4.1

package/src/richtext/html-text-parser.ts

@@ -0,0 +1,87 @@
+interface FontTag {
+  color?: string;
+  size?: number;
+  text: string;
+}
+
+type ParsedResult = FontTag[];
+
+type StyledElement = {
+  tag?: string;
+  style?: { color?: string; size?: number };
+  text: string;
+};
+
+export function parseFontString(input: string): ParsedResult {
+  const regex = /<font\s+color=['"](#?[0-9a-fA-F]{6})['"](?:\s+size=(\d+))?>(.*?)<\/font>/gi;
+  const results: ParsedResult = [];
+  let lastIndex = 0;
+
+  let match: RegExpExecArray | null;
+  while ((match = regex.exec(input)) !== null) {
+    // Add plain text before the match if it exists
+    if (match.index > lastIndex) {
+      const plainText = input.slice(lastIndex, match.index)
+      if (plainText) {
+        results.push({ text: plainText });
+      }
+    }
+
+    const color = match[1];
+    const size = match[2] ? parseInt(match[2], 10) : undefined;
+    const text = match[3];
+
+    results.push({ color, size, text });
+
+    lastIndex = regex.lastIndex;
+  }
+
+  // Add remaining plain text after the last match
+  if (lastIndex < input.length) {
+    const plainText = input.slice(lastIndex);
+    if (plainText) {
+      results.push({ text: plainText });
+    }
+  }
+
+  return results;
+}
+
+export function transformToStyledElements(parsed: ParsedResult): StyledElement[] {
+  return parsed.map((item, index) => {
+    if (item.color || item.size) {
+      return {
+        tag: `b${index + 1}`,
+        style: { color: item.color, size: item.size },
+        text: item.text,
+      };
+    }
+    return {
+      text: item.text,
+    };
+  });
+}
+
+export function generateStringFromStyledElements(elements: StyledElement[]): string {
+  return elements
+    .map((element) => {
+      if (!element.tag) {
+        return element.text;
+      }
+      return `<${element.tag}>${element.text}</${element.tag}>`;
+    })
+    .join('');
+}
+
+export function generateStylesFromStyledElements(elements: StyledElement[]) {
+  const styles = {};
+  elements
+    .forEach((element) => {
+      const { tag, style } = element
+      if (!tag) {
+        return;
+      }
+      styles[element.tag] = style
+    })
+  return styles
+}

package/src/richtext/index.ts

@@ -0,0 +1,8 @@
+import { GameWorld } from '..'
+import { RichTextSystem } from './RichTextSystem'
+export * from './RichTextComp'
+
+export function setupRichText() {
+  GameWorld.Instance.systems.add(RichTextSystem)
+  GameWorld.Instance.systems.configureOnce(RichTextSystem)
+}

package/src/spine/SpineComponent.ts

@@ -0,0 +1,18 @@
+import { ComponentX } from "../components/BaseComponent"
+
+interface SpineData {
+  atlas: string
+  skeleton: string
+  texture?: string
+}
+
+interface SpineSkeletonProps {
+  data: SpineData
+  skin?: string
+  animation?: string
+  timeScale?: number
+  loop?: boolean
+}
+export class SpineSkeleton extends ComponentX<SpineSkeletonProps> {
+
+}

package/src/spine/SpineSystem.ts

@@ -0,0 +1,30 @@
+import { EventManager, EventTypes, System } from 'entityx-ts'
+import { Spine } from './lib'
+
+import { NodeComp } from '../components/NodeComp'
+import { SpineSkeleton } from './SpineComponent'
+
+export class SpineSystem implements System {
+  configure(event_manager: EventManager) {
+    event_manager.subscribe(EventTypes.ComponentAdded, SpineSkeleton, ({ entity, component }) => {
+      // console.log('SpineSkeleton', component)
+      // const spine = entity.getComponent(SpineSkeleton)
+      const { data, skin, animation, loop, timeScale } = component.props
+      const node = Spine.from(data)
+      // node.skeleton.scaleY = -1
+      if (skin) {
+        node.skeleton.setSkinByName(skin)
+      }
+      if (animation) {
+        node.state.setAnimation(0, animation, loop)
+      }
+      if (timeScale) {
+        node.state.timeScale = timeScale
+      }
+      component.node = entity.assign(new NodeComp(node, entity))
+    })
+  }
+  // update() {
+  // throw new Error('Method not implemented.');
+  // }
+}

package/src/spine/index.ts

@@ -0,0 +1,11 @@
+import { GameWorld } from '..'
+import { SpineSystem } from './SpineSystem'
+
+export * from './SpineComponent'
+export * from './SpineSystem'
+
+export function setupSpine() {
+  GameWorld.Instance.systems.add(SpineSystem)
+  // GameWorld.Instance.listUpdate.push(SpineSystem)
+  GameWorld.Instance.systems.configureOnce(SpineSystem)
+}

package/src/spine/lib/BatchableSpineSlot.ts

@@ -0,0 +1,138 @@
+/** ****************************************************************************
+ * Spine Runtimes License Agreement
+ * Last updated July 28, 2023. Replaces all prior versions.
+ *
+ * Copyright (c) 2013-2023, Esoteric Software LLC
+ *
+ * Integration of the Spine Runtimes into software or otherwise creating
+ * derivative works of the Spine Runtimes is permitted under the terms and
+ * conditions of Section 2 of the Spine Editor License Agreement:
+ * http://esotericsoftware.com/spine-editor-license
+ *
+ * Otherwise, it is permitted to integrate the Spine Runtimes into software or
+ * otherwise create derivative works of the Spine Runtimes (collectively,
+ * "Products"), provided that each user of the Products must obtain their own
+ * Spine Editor license and redistribution of the Products in any form must
+ * include this license and copyright notice.
+ *
+ * THE SPINE RUNTIMES ARE PROVIDED BY ESOTERIC SOFTWARE LLC "AS IS" AND ANY
+ * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+ * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+ * DISCLAIMED. IN NO EVENT SHALL ESOTERIC SOFTWARE LLC BE LIABLE FOR ANY
+ * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+ * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES,
+ * BUSINESS INTERRUPTION, OR LOSS OF USE, DATA, OR PROFITS) HOWEVER CAUSED AND
+ * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+ * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THE
+ * SPINE RUNTIMES, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+ *****************************************************************************/
+
+import { AttachmentCacheData, Spine } from './Spine.js';
+
+import type { Batch, Batcher, BLEND_MODES, DefaultBatchableMeshElement, Matrix, Texture, Topology } from 'pixi.js';
+
+export class BatchableSpineSlot implements DefaultBatchableMeshElement {
+	indexOffset = 0;
+	attributeOffset = 0;
+
+	indexSize!: number;
+	attributeSize!: number;
+
+	batcherName = 'darkTint';
+
+	topology: Topology = 'triangle-list';
+
+	readonly packAsQuad = false;
+
+	renderable!: Spine;
+
+	positions!: Float32Array;
+	indices!: number[] | Uint16Array;
+	uvs!: Float32Array;
+
+	roundPixels!: 0 | 1;
+	data!: AttachmentCacheData;
+	blendMode!: BLEND_MODES;
+
+	darkTint!: number;
+
+	texture!: Texture;
+
+	transform!: Matrix;
+
+	// used internally by batcher specific. Stored for efficient updating.
+	_textureId!: number;
+	_attributeStart!: number;
+	_indexStart!: number;
+	_batcher!: Batcher;
+	_batch!: Batch;
+
+
+	get color () {
+		const slotColor = this.data.color;
+
+		const parentColor: number = this.renderable.groupColor;
+		const parentAlpha: number = this.renderable.groupAlpha;
+		let abgr: number;
+
+		const mixedA = (slotColor.a * parentAlpha) * 255;
+
+		if (parentColor !== 0xFFFFFF) {
+			const parentB = (parentColor >> 16) & 0xFF;
+			const parentG = (parentColor >> 8) & 0xFF;
+			const parentR = parentColor & 0xFF;
+
+			const mixedR = (slotColor.r * parentR);
+			const mixedG = (slotColor.g * parentG);
+			const mixedB = (slotColor.b * parentB);
+
+			abgr = ((mixedA) << 24) | (mixedB << 16) | (mixedG << 8) | mixedR;
+		}
+		else {
+			abgr = ((mixedA) << 24) | ((slotColor.b * 255) << 16) | ((slotColor.g * 255) << 8) | (slotColor.r * 255);
+		}
+
+		return abgr;
+	}
+
+	get darkColor () {
+		const darkColor = this.data.darkColor;
+		return ((darkColor.b * 255) << 16) | ((darkColor.g * 255) << 8) | (darkColor.r * 255);
+	}
+
+	get groupTransform () { return this.renderable.groupTransform; }
+
+	setData (
+		renderable: Spine,
+		data: AttachmentCacheData,
+		blendMode: BLEND_MODES,
+		roundPixels: 0 | 1) {
+		this.renderable = renderable;
+		this.transform = renderable.groupTransform;
+		this.data = data;
+
+		if (data.clipped) {
+			const clippedData = data.clippedData;
+
+			this.indexSize = clippedData!.indicesCount;
+			this.attributeSize = clippedData!.vertexCount;
+			this.positions = clippedData!.vertices;
+			this.indices = clippedData!.indices;
+			this.uvs = clippedData!.uvs;
+		}
+		else {
+			this.indexSize = data.indices.length;
+			this.attributeSize = data.vertices.length / 2;
+			this.positions = data.vertices;
+			this.indices = data.indices;
+			this.uvs = data.uvs;
+		}
+
+		this.texture = data.texture;
+		this.roundPixels = roundPixels;
+
+		this.blendMode = blendMode;
+
+		this.batcherName = data.darkTint ? 'darkTint' : 'default';
+	}
+}