@rpgjs/client 5.0.0-alpha.10 → 5.0.0-alpha.2

package/src/components/{animations → effects}/animation.ce

@@ -1,17 +1,19 @@
 <Sprite sheet x y anchor={0.5} />
 
 <script>
+  import { signal } from "canvasengine";
   import { RpgClientEngine } from "../../RpgClientEngine";
   import { inject } from "../../core/inject";
 
-  const { x, y, animationName, graphic, onFinish } = defineProps();
+  const { x, y, name, onFinish } = defineProps();
 
   const client = inject(RpgClientEngine);
   const spritesheets = client.spritesheets;
 
   const sheet = {
-    definition: spritesheets.get(graphic()),
-    playing: animationName() ?? 'default',
+    definition: spritesheets.get(name()),
+    playing: 'default',
     onFinish
   };
+
 </script>

package/src/components/{animations → effects}/index.ts

@@ -1,7 +1,7 @@
 import Hit from "./hit.ce";
 import Animation from "./animation.ce";
 
-export const PrebuiltComponentAnimations = {
+export const PrebuiltEffects = {
     Hit,
     Animation
 }

package/src/components/index.ts

@@ -1,4 +1,3 @@
 import EventLayerComponent from "./scenes/event-layer.ce";
-import CharacterComponent from "./character.ce";
 
-export { EventLayerComponent, CharacterComponent } 
+export { EventLayerComponent }

package/src/components/scenes/draw-map.ce

@@ -1,12 +1,28 @@
 <Container sound={backgroundMusic} >
   <Container sound={backgroundAmbientSound} />
 
-  <sceneComponent() data={map.@data} params={map.@params} />
+  <!-- <Sprite image={map.@fullImage} scale /> -->
+
+  <sceneComponent() data={map.@data} />
   
-  @for (componentAnimation of componentAnimations) {
+  <!-- <Container sortableChildren={true}>
+    @for (obj of middleLayer) {
+      <ElementMap ...obj image={map.@gridImage} scale /> 
+    }
+
+    @for ((event,id) of events) {
+      <Character id={id} object={event} isMe={false}  />
+    }
+  
+    @for ((player,id) of players) {
+      <Character id={id} object={player} isMe={true} />
+    }
+  </Container> -->
+
+  @for (effect of effects) {
     <Container>
-      @for (animation of componentAnimation.current) {
-        <componentAnimation.component ...animation />
+      @for (animation of effect.current) {
+        <effect.component ...animation />
       }
     </Container>
   }
@@ -18,16 +34,17 @@
     import { RpgClientEngine } from "../../RpgClientEngine";
 
     const engine = inject(RpgClientEngine);
-    const componentAnimations = engine.componentAnimations
+    const effects = engine.effects
     const map = engine.sceneMap.data
     const sceneComponent = computed(() => map()?.component)
-    const sceneParams = map()?.params
     const mapParams = map().params
     const animations = engine.sceneMap.animations
     const backgroundMusic = { src: mapParams?.backgroundMusic, autoplay: true, loop: true }
     const backgroundAmbientSound = { src: mapParams?.backgroundAmbientSound, autoplay: true, loop: true }
     
     const data = signal(map().data)
+    // const middleLayer = computed(() => data().filter(obj => obj.layer === 1))
+    // const topLayer = computed(() => data().filter(obj => obj.layer === 2))
 
     const scale = mapParams?.scale || 1
     const worldWidth = (mapParams?.width || 2048) * scale

package/src/components/scenes/element-map.ce

@@ -0,0 +1,23 @@
+<Sprite image rectangle x y zIndex />
+
+<script>
+const {
+    image,
+    rect,
+    drawIn,
+    id,
+} = defineProps()
+
+const rectangle = {
+    x: rect[0],
+    y: rect[1],
+    width: rect[2],
+    height: rect[3]
+}
+
+const x = drawIn[0]
+const y = drawIn[1]
+
+const zIndex = y + rectangle.height
+</script>
+

package/src/components/scenes/event-layer.ce

@@ -1,15 +1,15 @@
 <Container sortableChildren={true}>
     @for ((event,id) of events) {
-        <Character id={id} object={event}  />
+        <Character id={id} object={event} isMe={false}  />
     }
 
     @for ((player,id) of players) {
-        <Character id={id} object={player} />
+        <Character id={id} object={player} isMe={true} />
     }
 </Container>
 
 <script>
-    import { effect, signal } from 'canvasengine'
+    import { effect, signal, computed, mount } from 'canvasengine'
     import { inject } from "../../core/inject";
     import { RpgClientEngine } from "../../RpgClientEngine";
     import Character from "../character.ce";

package/src/core/setup.ts

@@ -6,10 +6,8 @@ interface SetupOptions {
   providers: Providers;
 }
 
-
 export async function startGame(options: SetupOptions) {
   const context = new Context();
-  context['side'] = 'client'
   setInject(context);
 
   await injector(context, options.providers);

package/src/index.ts

@@ -8,6 +8,6 @@ export * from "./services/loadMap";
 export * from "./module";
 export * from "./Gui/Gui";
 export * from "./components/gui";
-export * from "./components/animations";
+export * from "./components/effects";
 export * from "./presets";
 export * from "./components";

package/src/module.ts

@@ -43,12 +43,12 @@ export function provideClientModules(modules: RpgClient[]) {
           },
         };
       }
-      if (module.componentAnimations) {
-        const componentAnimations = [...module.componentAnimations];
-        module.componentAnimations = {
+      if (module.effects) {
+        const effects = [...module.effects];
+        module.effects = {
           load: (engine: RpgClientEngine) => {
-            componentAnimations.forEach((componentAnimation) => {
-              engine.addComponentAnimation(componentAnimation);
+            effects.forEach((effect) => {
+              engine.addEffect(effect);
             });
           },
         };
@@ -63,24 +63,6 @@ export function provideClientModules(modules: RpgClient[]) {
           },
         };
       }
-      if (module.sprite) {
-        const sprite = {...module.sprite};
-        module.sprite = {
-          ...sprite,
-          load: (engine: RpgClientEngine) => {
-            if (sprite.componentsBehind) {
-              sprite.componentsBehind.forEach((component) => {
-                engine.addSpriteComponentBehind(component);
-              });
-            }
-            if (sprite.componentsInFront) {
-              sprite.componentsInFront.forEach((component) => {
-                engine.addSpriteComponentInFront(component);
-              });
-            }
-          },
-        };
-      }
       return module;
     });
     return modules

package/src/presets/index.ts

@@ -1,9 +1,5 @@
-import { AnimationSpritesheetPreset } from "./animation";
-import { LPCSpritesheetPreset } from "./lpc";
 import { RMSpritesheet } from "./rmspritesheet";
 
 export const Presets = {
-    RMSpritesheet,
-    LPCSpritesheetPreset,
-    AnimationSpritesheetPreset
+    RMSpritesheet
 }

package/src/services/loadMap.ts

@@ -3,45 +3,12 @@ import { UpdateMapToken, UpdateMapService } from "@rpgjs/common";
 
 export const LoadMapToken = 'LoadMapToken'
 
-/**
- * Represents the structure of map data that should be returned by the load map callback.
- * This interface defines all the properties that can be provided when loading a custom map.
- * 
- * @interface MapData
- */
-type MapData = {
-  /** Raw map data that will be passed to the map component */
-  data: any;
-  /** CanvasEngine component that will render the map */
-  component: any;
-  /** Optional map width in pixels, used for viewport calculations */
-  width?: number;
-  /** Optional map height in pixels, used for viewport calculations */
-  height?: number;
-  /** Optional map events data (NPCs, interactive objects, etc.) */
-  events?: any;
-  /** Optional map identifier, defaults to the mapId parameter if not provided */
-  id?: string;
-}
-
-/**
- * Callback function type for loading map data.
- * This function receives a map ID and should return either a MapData object directly
- * or a Promise that resolves to a MapData object.
- * 
- * @callback LoadMapOptions
- * @param {string} mapId - The identifier of the map to load
- * @returns {Promise<MapData> | MapData} The map data object or a promise resolving to it
- */
-export type LoadMapOptions = (mapId: string) => Promise<MapData> | MapData 
+export type LoadMapOptions = (mapId: string) => Promise<void>
 
 export class LoadMapService {
   private updateMapService: UpdateMapService;
 
   constructor(private context: Context, private options: LoadMapOptions) {
-    if (context['side'] === 'server') {
-      return
-    }
     this.updateMapService = inject(context, UpdateMapToken);
   }
 
@@ -52,107 +19,11 @@ export class LoadMapService {
   }
 }
 
-/**
- * Creates a dependency injection configuration for custom map loading on the client side.
- * 
- * This function allows you to customize how maps are loaded and displayed by providing
- * a callback that defines custom map data and rendering components. It's designed to work
- * with the RPG-JS dependency injection system and enables integration of custom map formats
- * like Tiled TMX files or any other map data structure.
- * 
- * The function sets up the necessary service providers for map loading, including:
- * - UpdateMapToken: Handles map updates in the client context
- * - LoadMapToken: Provides the LoadMapService with your custom loading logic
- * 
- * **Design Concept:**
- * The function follows the provider pattern, creating a modular way to inject custom
- * map loading behavior into the RPG-JS client engine. It separates the concern of
- * map data fetching from map rendering, allowing developers to focus on their specific
- * map format while leveraging the engine's rendering capabilities.
- * 
- * @param {LoadMapOptions} options - Callback function that handles map loading logic
- * @returns {Array<Object>} Array of dependency injection provider configurations
- * 
- * @example
- * ```typescript
- * import { provideLoadMap } from '@rpgjs/client'
- * import { createModule } from '@rpgjs/common'
- * import MyTiledMapComponent from './MyTiledMapComponent.ce'
- * 
- * // Basic usage with JSON map data
- * export function provideCustomMap() {
- *   return createModule("CustomMap", [
- *     provideLoadMap(async (mapId) => {
- *       const response = await fetch(`/maps/${mapId}.json`)
- *       const mapData = await response.json()
- *       
- *       return {
- *         data: mapData,
- *         component: MyTiledMapComponent,
- *         width: mapData.width,
- *         height: mapData.height,
- *         events: mapData.events
- *       }
- *     })
- *   ])
- * }
- * 
- * // Advanced usage with Tiled TMX files
- * export function provideTiledMap() {
- *   return createModule("TiledMap", [
- *     provideLoadMap(async (mapId) => {
- *       // Load TMX file
- *       const tmxResponse = await fetch(`/tiled/${mapId}.tmx`)
- *       const tmxData = await tmxResponse.text()
- *       
- *       // Parse TMX data (using a TMX parser)
- *       const parsedMap = parseTMX(tmxData)
- *       
- *       return {
- *         data: parsedMap,
- *         component: TiledMapRenderer,
- *         width: parsedMap.width * parsedMap.tilewidth,
- *         height: parsedMap.height * parsedMap.tileheight,
- *         events: parsedMap.objectGroups?.find(g => g.name === 'events')?.objects
- *       }
- *     })
- *   ])
- * }
- * 
- * // Synchronous usage for static maps
- * export function provideStaticMap() {
- *   return createModule("StaticMap", [
- *     provideLoadMap((mapId) => {
- *       const staticMaps = {
- *         'town': { tiles: [...], npcs: [...] },
- *         'dungeon': { tiles: [...], monsters: [...] }
- *       }
- *       
- *       return {
- *         data: staticMaps[mapId],
- *         component: StaticMapComponent,
- *         width: 800,
- *         height: 600
- *       }
- *     })
- *   ])
- * }
- * ```
- * 
- * @since 4.0.0
- * @see {@link LoadMapOptions} for callback function signature
- * @see {@link MapData} for return data structure
- */
 export function provideLoadMap(options: LoadMapOptions) {
   return [
     {
       provide: UpdateMapToken,
-      useFactory: (context: Context) => {
-        if (context['side'] === 'client') {
-          console.warn('UpdateMapToken is not overridden')
-        }
-        return
-      },
+      useFactory: (context: Context) => console.warn('UpdateMapToken is not overridden'),
     },
     {
       provide: LoadMapToken,

package/src/services/mmorpg.ts

@@ -6,28 +6,23 @@ import { AbstractWebsocket, WebSocketToken } from "./AbstractSocket";
 import { UpdateMapService, UpdateMapToken } from "@rpgjs/common";
 
 interface MmorpgOptions {
-    host?: string;
+    host: string;
 }
 
 class BridgeWebsocket extends AbstractWebsocket {
     private socket: any;
 
-  constructor(protected context: Context, private options: MmorpgOptions = {}) {
+  constructor(protected context: Context, private options: MmorpgOptions) {
     super(context);
   }
 
-  async connection(listeners?: (data: any) => void) {
+  async connection() {
     // tmp
     class Room {
         
     }
     const instance = new Room()
-    this.socket = await connectionRoom({
-        host: this.options.host || window.location.host,
-        room: "lobby-1",
-    }, instance)
-
-    listeners?.(this.socket)
+    this.socket = await connectionRoom(this.options, instance)
   }
 
   on(key: string, callback: (data: any) => void) {
@@ -41,17 +36,6 @@ class BridgeWebsocket extends AbstractWebsocket {
   emit(event: string, data: any) {
     this.socket.emit(event, data);
   }
-
-  updateProperties({ room }: { room: any }) {
-    this.socket.conn.updateProperties({
-      room: room,
-      host: this.options.host
-    })
-  }
-
-  async reconnect(listeners?: (data: any) => void) {
-   this.socket.conn.reconnect()
-  }
 }
 
 class UpdateMapStandaloneService extends UpdateMapService {

package/tsconfig.json

@@ -30,6 +30,6 @@
     ],
     "typeRoots": [
         "node_modules/@types",
-        "node_modules/@rpgjs/client"
+        "src/types"
     ],
   }

package/vite.config.ts

@@ -24,7 +24,7 @@ export default defineConfig({
       fileName: 'index'
     },
     rollupOptions: {
-      external: [/@rpgjs/, 'esbuild', 'canvasengine', '@canvasengine/presets', 'rxjs', 'pixi.js'],
+      external: [/@rpgjs/, 'esbuild', 'canvasengine', '@canvasengine/presets', 'rxjs'],
       output: {
         preserveModules: true,
         preserveModulesRoot: 'src'

package/dist/Game/AnimationManager.d.ts

@@ -1,8 +0,0 @@
-import { RpgCommonPlayer } from '@rpgjs/common';
-export declare class AnimationManager {
-    current: import('canvasengine').WritableArraySignal<any[]>;
-    displayEffect(params: any, player: RpgCommonPlayer | {
-        x: number;
-        y: number;
-    }): void;
-}

package/dist/components/animations/index.d.ts

@@ -1,4 +0,0 @@
-export declare const PrebuiltComponentAnimations: {
-    Hit: any;
-    Animation: any;
-};

package/dist/index40.js

@@ -1,20 +0,0 @@
-import { useProps, useDefineProps, animatedSignal, h, Container, Rect, Text } from 'canvasengine';
-
-function component($$props) {
-        useProps($$props);
-        const defineProps = useDefineProps($$props);
-        var _a = defineProps(), text = _a.text, isSelected = _a.isSelected;
-var alpha = animatedSignal(1, {
-    repeatType: "reverse",
-    duration: 500,
-    repeat: Infinity,
-});
-alpha.set(0.5);
-var height = 40;
-var width = 256;
-        let $this = h(Container, null, [h(Rect, { width, height, color: '#595971', alpha, visible: isSelected }), h(Container, { flexDirection: 'row', alignItems: 'center', justifyContent: 'center' }, h(Text, { text, color: '#fff', fontSize: 18, margin: 10 }))]);
-        return $this
-      }
-
-export { component as default };
-//# sourceMappingURL=index40.js.map

package/dist/index40.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index40.js","sources":["../src/components/gui/dialogbox/itemMenu.ce"],"sourcesContent":["<Container>\n    <Rect width height color=\"#595971\" alpha visible={isSelected} />\n    <Container flexDirection=\"row\" alignItems=\"center\" justifyContent=\"center\">\n        <Text text color=\"#fff\" fontSize={18} margin={10} />\n    </Container>\n</Container>\n\n<script>\nimport { animatedSignal } from \"canvasengine\";\n\nconst { text, isSelected } = defineProps();\n\nconst alpha = animatedSignal(1, {\n    repeatType: \"reverse\",\n    duration: 500,\n    repeat: Infinity,\n});\n\nalpha.set(0.5);\n\nconst height = 40;\nconst width = 256;\n</script>"],"names":[],"mappings":";;AAQqB,SAAS,SAAS,CAAC,OAAO,EAAE;AACjD,QAAuB,QAAQ,CAAC,OAAO;AACvC,QAAQ,MAAM,WAAW,GAAG,cAAc,CAAC,OAAO;AAClD,QAAQ,IAAI,EAAE,GAAG,WAAW,EAAE,EAAE,IAAI,GAAG,EAAE,CAAC,IAAI,EAAE,UAAU,GAAG,EAAE,CAAC,UAAU;AAC1E,IAAI,KAAK,GAAG,cAAc,CAAC,CAAC,EAAE;AAC9B,IAAI,UAAU,EAAE,SAAS;AACzB,IAAI,QAAQ,EAAE,GAAG;AACjB,IAAI,MAAM,EAAE,QAAQ;AACpB,CAAC,CAAC;AACF,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC;AACd,IAAI,MAAM,GAAG,EAAE;AACf,IAAI,KAAK,GAAG,GAAG;AACf,QAAQ,IAAI,KAAK,GAAG,CAAC,CAAC,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC,EAAE,CAAC,CAAC,SAAS,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;AACrQ,QAAQ,OAAO;AACf;;;;"}

package/dist/index41.js

@@ -1,82 +0,0 @@
-import { RpgCommonPlayer } from '@rpgjs/common';
-import { trigger, signal } from 'canvasengine';
-
-class RpgClientObject extends RpgCommonPlayer {
-  constructor() {
-    super(...arguments);
-    this.emitParticleTrigger = trigger();
-    this.particleName = signal("");
-    this.animationCurrentIndex = signal(0);
-    this.animationIsPlaying = signal(false);
-  }
-  flash(color, duration = 100) {
-    const lastTint = this.tint();
-    this.tint.set(color);
-    setTimeout(() => {
-      this.tint.set(lastTint);
-    }, duration);
-  }
-  /**
-   * Reset animation state when animation changes externally
-   * 
-   * This method should be called when the animation changes due to movement
-   * or other external factors to ensure the animation system doesn't get stuck
-   * 
-   * @example
-   * ```ts
-   * // Reset when player starts moving
-   * player.resetAnimationState();
-   * ```
-   */
-  resetAnimationState() {
-    this.animationIsPlaying.set(false);
-    this.animationCurrentIndex.set(0);
-    if (this.animationSubscription) {
-      this.animationSubscription.unsubscribe();
-      this.animationSubscription = void 0;
-    }
-  }
-  /**
-   * Set a custom animation for a specific number of times
-   * 
-   * Plays a custom animation for the specified number of repetitions.
-   * The animation system prevents overlapping animations and automatically
-   * returns to the previous animation when complete.
-   * 
-   * @param animationName - Name of the animation to play
-   * @param nbTimes - Number of times to repeat the animation (default: Infinity for continuous)
-   * 
-   * @example
-   * ```ts
-   * // Play attack animation 3 times
-   * player.setAnimation('attack', 3);
-   * 
-   * // Play continuous spell animation
-   * player.setAnimation('spell');
-   * ```
-   */
-  setAnimation(animationName, nbTimes = Infinity) {
-    if (this.animationIsPlaying()) return;
-    this.animationIsPlaying.set(true);
-    const previousAnimationName = this.animationName();
-    this.animationCurrentIndex.set(0);
-    if (this.animationSubscription) {
-      this.animationSubscription.unsubscribe();
-    }
-    this.animationSubscription = this.animationCurrentIndex.observable.subscribe((index) => {
-      if (index >= nbTimes) {
-        this.animationCurrentIndex.set(0);
-        this.animationName.set(previousAnimationName);
-        this.animationIsPlaying.set(false);
-        if (this.animationSubscription) {
-          this.animationSubscription.unsubscribe();
-          this.animationSubscription = void 0;
-        }
-      }
-    });
-    this.animationName.set(animationName);
-  }
-}
-
-export { RpgClientObject };
-//# sourceMappingURL=index41.js.map

package/dist/index41.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index41.js","sources":["../src/Game/Object.ts"],"sourcesContent":["import { RpgCommonPlayer } from \"@rpgjs/common\";\nimport { trigger, signal } from \"canvasengine\";\nimport { Subscription } from \"rxjs\";\n\nexport abstract class RpgClientObject extends RpgCommonPlayer {\n  abstract type: string;\n  emitParticleTrigger = trigger()\n  particleName = signal('')\n  animationCurrentIndex = signal(0)\n  animationIsPlaying = signal(false)\n  private animationSubscription?: Subscription\n\n  flash(color: string, duration: number = 100) {\n    const lastTint = this.tint()\n    this.tint.set(color);\n    setTimeout(() => {\n      this.tint.set(lastTint)\n    }, duration)\n  }\n\n  /**\n   * Reset animation state when animation changes externally\n   * \n   * This method should be called when the animation changes due to movement\n   * or other external factors to ensure the animation system doesn't get stuck\n   * \n   * @example\n   * ```ts\n   * // Reset when player starts moving\n   * player.resetAnimationState();\n   * ```\n   */\n  resetAnimationState() {\n    this.animationIsPlaying.set(false);\n    this.animationCurrentIndex.set(0);\n    if (this.animationSubscription) {\n      this.animationSubscription.unsubscribe();\n      this.animationSubscription = undefined;\n    }\n  }\n\n  /**\n   * Set a custom animation for a specific number of times\n   * \n   * Plays a custom animation for the specified number of repetitions.\n   * The animation system prevents overlapping animations and automatically\n   * returns to the previous animation when complete.\n   * \n   * @param animationName - Name of the animation to play\n   * @param nbTimes - Number of times to repeat the animation (default: Infinity for continuous)\n   * \n   * @example\n   * ```ts\n   * // Play attack animation 3 times\n   * player.setAnimation('attack', 3);\n   * \n   * // Play continuous spell animation\n   * player.setAnimation('spell');\n   * ```\n   */\n  setAnimation(animationName: string, nbTimes: number = Infinity) {\n    if (this.animationIsPlaying()) return;\n    this.animationIsPlaying.set(true);\n    const previousAnimationName = this.animationName();\n    this.animationCurrentIndex.set(0);\n    \n    // Clean up any existing subscription\n    if (this.animationSubscription) {\n      this.animationSubscription.unsubscribe();\n    }\n    \n    this.animationSubscription = this.animationCurrentIndex.observable.subscribe(index => {\n      if (index >= nbTimes) {\n        this.animationCurrentIndex.set(0);\n        this.animationName.set(previousAnimationName);\n        this.animationIsPlaying.set(false);\n        if (this.animationSubscription) {\n          this.animationSubscription.unsubscribe();\n          this.animationSubscription = undefined;\n        }\n      }\n    })\n    this.animationName.set(animationName);\n  }\n}   "],"names":[],"mappings":";;;AAIO,MAAe,wBAAwB,eAAgB,CAAA;AAAA,EAAvD,WAAA,GAAA;AAAA,IAAA,KAAA,CAAA,GAAA,SAAA,CAAA;AAEL,IAAA,IAAA,CAAA,mBAAA,GAAsB,OAAQ,EAAA;AAC9B,IAAA,IAAA,CAAA,YAAA,GAAe,OAAO,EAAE,CAAA;AACxB,IAAA,IAAA,CAAA,qBAAA,GAAwB,OAAO,CAAC,CAAA;AAChC,IAAA,IAAA,CAAA,kBAAA,GAAqB,OAAO,KAAK,CAAA;AAAA;AAAA,EAGjC,KAAA,CAAM,KAAe,EAAA,QAAA,GAAmB,GAAK,EAAA;AAC3C,IAAM,MAAA,QAAA,GAAW,KAAK,IAAK,EAAA;AAC3B,IAAK,IAAA,CAAA,IAAA,CAAK,IAAI,KAAK,CAAA;AACnB,IAAA,UAAA,CAAW,MAAM;AACf,MAAK,IAAA,CAAA,IAAA,CAAK,IAAI,QAAQ,CAAA;AAAA,OACrB,QAAQ,CAAA;AAAA;AACb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAcA,mBAAsB,GAAA;AACpB,IAAK,IAAA,CAAA,kBAAA,CAAmB,IAAI,KAAK,CAAA;AACjC,IAAK,IAAA,CAAA,qBAAA,CAAsB,IAAI,CAAC,CAAA;AAChC,IAAA,IAAI,KAAK,qBAAuB,EAAA;AAC9B,MAAA,IAAA,CAAK,sBAAsB,WAAY,EAAA;AACvC,MAAA,IAAA,CAAK,qBAAwB,GAAA,MAAA;AAAA;AAC/B;AACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAqBA,YAAA,CAAa,aAAuB,EAAA,OAAA,GAAkB,QAAU,EAAA;AAC9D,IAAI,IAAA,IAAA,CAAK,oBAAsB,EAAA;AAC/B,IAAK,IAAA,CAAA,kBAAA,CAAmB,IAAI,IAAI,CAAA;AAChC,IAAM,MAAA,qBAAA,GAAwB,KAAK,aAAc,EAAA;AACjD,IAAK,IAAA,CAAA,qBAAA,CAAsB,IAAI,CAAC,CAAA;AAGhC,IAAA,IAAI,KAAK,qBAAuB,EAAA;AAC9B,MAAA,IAAA,CAAK,sBAAsB,WAAY,EAAA;AAAA;AAGzC,IAAA,IAAA,CAAK,qBAAwB,GAAA,IAAA,CAAK,qBAAsB,CAAA,UAAA,CAAW,UAAU,CAAS,KAAA,KAAA;AACpF,MAAA,IAAI,SAAS,OAAS,EAAA;AACpB,QAAK,IAAA,CAAA,qBAAA,CAAsB,IAAI,CAAC,CAAA;AAChC,QAAK,IAAA,CAAA,aAAA,CAAc,IAAI,qBAAqB,CAAA;AAC5C,QAAK,IAAA,CAAA,kBAAA,CAAmB,IAAI,KAAK,CAAA;AACjC,QAAA,IAAI,KAAK,qBAAuB,EAAA;AAC9B,UAAA,IAAA,CAAK,sBAAsB,WAAY,EAAA;AACvC,UAAA,IAAA,CAAK,qBAAwB,GAAA,MAAA;AAAA;AAC/B;AACF,KACD,CAAA;AACD,IAAK,IAAA,CAAA,aAAA,CAAc,IAAI,aAAa,CAAA;AAAA;AAExC;;;;"}

package/dist/presets/animation.d.ts

@@ -1,31 +0,0 @@
-/**
- * Creates an animation spritesheet preset with automatic frame generation
- *
- * This function generates animation frames based on the provided width and height dimensions.
- * It creates a sequence of frames that progresses through the spritesheet from left to right,
- * top to bottom, with each frame having a 10ms time increment.
- *
- * @param {number} framesWidth - The number of frames horizontally in the spritesheet
- * @param {number} framesHeight - The number of frames vertically in the spritesheet
- * @returns {Object} Animation preset configuration object
- *
- * @example
- * ```javascript
- * // For a 4x4 spritesheet
- * const preset = AnimationSpritesheetPreset(4, 4);
- * // This will generate 16 frames with coordinates from (0,0) to (3,3)
- * ```
- */
-export declare const AnimationSpritesheetPreset: (framesWidth: number, framesHeight: number) => {
-    framesWidth: number;
-    framesHeight: number;
-    textures: {
-        default: {
-            animations: () => {
-                time: number;
-                frameX: number;
-                frameY: number;
-            }[][];
-        };
-    };
-};