@safe-engine/pixi 8.4.7 → 8.5.4

package/src/render/RenderSystem.ts

@@ -1,64 +0,0 @@
-import { EventManager, EventTypes, System } from 'entityx-ts'
-import { Container, Graphics, Sprite } from 'pixi.js'
-
-import { NodeComp } from '..'
-import { GraphicsRender, MaskRender, NodeRender, SpriteRender } from './RenderComponent'
-
-export enum SpriteTypes {
-  SIMPLE,
-  SLICED,
-  TILED,
-  FILLED,
-  MESH,
-  ANIMATION,
-}
-
-export class RenderSystem implements System {
-  configure(event_manager: EventManager) {
-    event_manager.subscribe(EventTypes.ComponentAdded, NodeRender, ({ entity }) => {
-      const nodeRenderComp = entity.getComponent(NodeRender)
-      const node = new Container()
-      nodeRenderComp.node = entity.assign(new NodeComp(node, entity))
-    })
-    event_manager.subscribe(EventTypes.ComponentAdded, SpriteRender, ({ entity, component }) => {
-      const { spriteFrame } = component.props
-      // const texture = GameWorld.Instance.assetManager.get<Texture>(spriteFrame)
-      // console.log('SpriteRender ComponentAdded', component, texture)
-      const node = Sprite.from(spriteFrame)
-      // if (type === SpriteTypes.FILLED) {
-      //   // console.log('fillType', fillType)
-      //   const loadingBar = new LoadingBar(fillType, node)
-      //   if (fillRange) loadingBar.progress = fillRange
-      //   if (fillCenter) loadingBar.fillCenter = fillCenter
-      //   component.loadingBar = loadingBar
-      //   // node.setMidpoint(fillCenter)
-      // }
-      // node.texture.rotate = 8
-      component.node = entity.assign(new NodeComp(node, entity))
-      // component.node.anchorX = 0.5
-      // component.node.anchorY = 0.5
-    })
-    event_manager.subscribe(EventTypes.ComponentAdded, MaskRender, ({ component }) => {
-      console.log('MaskRender', component)
-      // const { type, segments, inverted } = maskComp
-      // const node = new cc.ClippingNode()
-      // node.setInverted(inverted)
-      // maskComp.node = ett.assign(new NodeComp(node, ett))
-    })
-    event_manager.subscribe(EventTypes.ComponentAdded, GraphicsRender, ({ entity, component }) => {
-      // const { lineWidth, strokeColor, fillColor } = component.props
-      // console.log('GraphicsRender', component);
-      const node = new Graphics()
-      component.node = entity.assign(new NodeComp(node, entity))
-    })
-    event_manager.subscribe(EventTypes.ComponentRemoved, NodeComp, ({ component }) => {
-      if (component) {
-        component.instance.removeFromParent()
-      }
-    })
-  }
-
-  // update() {
-  // throw new Error('Method not implemented.');
-  // }
-}

package/src/richtext/RichTextComp.ts

@@ -1,50 +0,0 @@
-import TaggedText from 'pixi-tagged-text-plus'
-import { BaseComponentProps } from '..'
-import { ComponentX } from '../components/BaseComponent'
-import {
-  generateStringFromStyledElements,
-  generateStylesFromStyledElements,
-  parseFontString,
-  transformToStyledElements,
-} from './html-text-parser'
-
-interface RichTextCompProps extends BaseComponentProps<RichTextComp> {
-  font?: string
-  string?: string
-  size?: number
-}
-
-export class RichTextComp extends ComponentX<RichTextCompProps, TaggedText> {
-  get string() {
-    return this.props.string
-  }
-
-  set string(val: string) {
-    this.props.string = val
-    if (!this.node) return
-    const jObj = parseFontString(val)
-    const styledOutput = transformToStyledElements(jObj)
-    const newText = generateStringFromStyledElements(styledOutput)
-    const styles = generateStylesFromStyledElements(styledOutput)
-    // console.log(styledOutput)
-    const wrapped = `<root>${newText}</root>`
-    this.node.instance.setText(wrapped)
-    this.node.instance.setTagStyles(styles)
-  }
-  get size() {
-    return this.props.size
-  }
-  set size(size: number) {
-    this.props.size = size
-    if (!this.node) return
-    this.node.instance.setStyleForTag('root', { fontSize: size, color: '#fff' })
-  }
-  get font() {
-    return this.props.font
-  }
-  set font(font: string) {
-    this.props.font = font
-    if (!this.node) return
-    this.node.instance.setStyleForTag('root', { color: '#fff', fontFamily: font })
-  }
-}

package/src/richtext/RichTextSystem.ts

@@ -1,26 +0,0 @@
-import { EntityManager, EventManager, EventReceiveCallback, EventTypes, System } from 'entityx-ts'
-
-import TaggedText from 'pixi-tagged-text-plus'
-import { NodeComp } from '..'
-import { RichTextComp } from './RichTextComp'
-
-export class RichTextSystem implements System {
-  configure(event_manager: EventManager) {
-    event_manager.subscribe(EventTypes.ComponentAdded, RichTextComp, this.onAddRichTextComp)
-  }
-
-  private onAddRichTextComp: EventReceiveCallback<RichTextComp> = ({ entity, component }) => {
-    const { string = '', font = '', size = 64 } = component.props
-    const node = new TaggedText(string);
-    // node.defaultStyle = { }
-    component.node = entity.assign(new NodeComp(node, entity))
-    component.string = (string)
-    if (font) component.font = (font)
-    if (size) component.size = (size)
-  }
-
-  update(entities: EntityManager, events: EventManager, dt: number)
-  update() {
-    // throw new Error('Method not implemented.');
-  }
-}

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

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

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

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

package/src/spine/SpineSystem.ts

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

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

@@ -1,138 +0,0 @@
-/** ****************************************************************************
- * 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';
-	}
-}