@rpgjs/client 5.0.0-alpha.8 → 5.0.0-beta.1

package/dist/presets/animation.js

@@ -0,0 +1,39 @@
+//#region src/presets/animation.ts
+/**
+* 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)
+* ```
+*/
+var AnimationSpritesheetPreset = (framesWidth, framesHeight) => {
+	const animations = [];
+	for (let y = 0; y < framesHeight; y++) for (let x = 0; x < framesWidth; x++) {
+		const frameIndex = y * framesWidth + x;
+		animations.push({
+			time: frameIndex * 10,
+			frameX: x,
+			frameY: y
+		});
+	}
+	return {
+		framesWidth,
+		framesHeight,
+		textures: { default: { animations: () => [animations] } }
+	};
+};
+//#endregion
+export { AnimationSpritesheetPreset };
+
+//# sourceMappingURL=animation.js.map

package/dist/presets/animation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animation.js","names":[],"sources":["../../src/presets/animation.ts"],"sourcesContent":["/**\n * Creates an animation spritesheet preset with automatic frame generation\n * \n * This function generates animation frames based on the provided width and height dimensions.\n * It creates a sequence of frames that progresses through the spritesheet from left to right,\n * top to bottom, with each frame having a 10ms time increment.\n * \n * @param {number} framesWidth - The number of frames horizontally in the spritesheet\n * @param {number} framesHeight - The number of frames vertically in the spritesheet\n * @returns {Object} Animation preset configuration object\n * \n * @example\n * ```javascript\n * // For a 4x4 spritesheet\n * const preset = AnimationSpritesheetPreset(4, 4);\n * // This will generate 16 frames with coordinates from (0,0) to (3,3)\n * ```\n */\nexport const AnimationSpritesheetPreset = (framesWidth: number, framesHeight: number) => {\n    \n    const animations: Array<{ time: number; frameX: number; frameY: number }> = [];\n\n    for (let y = 0; y < framesHeight; y++) {\n        for (let x = 0; x < framesWidth; x++) {\n            const frameIndex = y * framesWidth + x;\n            animations.push({ \n                time: frameIndex * 10, \n                frameX: x, \n                frameY: y \n            });\n        }\n    }\n    \n    return {\n        framesWidth,\n        framesHeight,\n        textures: {\n            default: {\n                animations: () => [\n                    animations\n                ],\n            }\n        }\n    };\n};\n  "],"mappings":";;;;;;;;;;;;;;;;;;;AAkBA,IAAa,8BAA8B,aAAqB,iBAAyB;CAErF,MAAM,aAAsE,EAAE;AAE9E,MAAK,IAAI,IAAI,GAAG,IAAI,cAAc,IAC9B,MAAK,IAAI,IAAI,GAAG,IAAI,aAAa,KAAK;EAClC,MAAM,aAAa,IAAI,cAAc;AACrC,aAAW,KAAK;GACZ,MAAM,aAAa;GACnB,QAAQ;GACR,QAAQ;GACX,CAAC;;AAIV,QAAO;EACH;EACA;EACA,UAAU,EACN,SAAS,EACL,kBAAkB,CACd,WACH,EACJ,EACJ;EACJ"}

package/dist/presets/faceset.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Creates a faceset preset for character expressions
+ *
+ * This preset allows you to define multiple facial expressions for a character,
+ * where each expression corresponds to a specific frame position (frameX, frameY)
+ * within a single faceset texture. Each expression is defined by its position
+ * in the faceset grid.
+ *
+ * @param options - Object containing the faceset configuration
+ * @param framesWidth - Number of frames horizontally in the faceset texture
+ * @param framesHeight - Number of frames vertically in the faceset texture
+ * @param expressions - Object mapping expression names to their frame positions as tuples [frameX, frameY]
+ * @returns Faceset configuration with animations for each expression
+ *
+ * @example
+ * ```typescript
+ * const faceset = FacesetPreset({
+ *   id: "facesetId",
+ *   image: "faceset.png",
+ *   width: 1024,
+ *   height: 1024,
+ * }, 4, 2, {
+ *   happy: [0, 0],
+ *   sad: [1, 0],
+ *   angry: [2, 0],
+ *   surprised: [3, 0]
+ * });
+ * ```
+ */
+export declare const FacesetPreset: (options: any, framesWidth: number, framesHeight: number, expressions: Record<string, [number, number]>) => any;

package/dist/presets/faceset.js

@@ -0,0 +1,51 @@
+//#region src/presets/faceset.ts
+/**
+* Creates a faceset preset for character expressions
+* 
+* This preset allows you to define multiple facial expressions for a character,
+* where each expression corresponds to a specific frame position (frameX, frameY)
+* within a single faceset texture. Each expression is defined by its position
+* in the faceset grid.
+* 
+* @param options - Object containing the faceset configuration
+* @param framesWidth - Number of frames horizontally in the faceset texture
+* @param framesHeight - Number of frames vertically in the faceset texture
+* @param expressions - Object mapping expression names to their frame positions as tuples [frameX, frameY]
+* @returns Faceset configuration with animations for each expression
+* 
+* @example
+* ```typescript
+* const faceset = FacesetPreset({
+*   id: "facesetId",
+*   image: "faceset.png",
+*   width: 1024,
+*   height: 1024,
+* }, 4, 2, {
+*   happy: [0, 0],
+*   sad: [1, 0],
+*   angry: [2, 0],
+*   surprised: [3, 0]
+* });
+* ```
+*/
+var FacesetPreset = (options, framesWidth, framesHeight, expressions) => {
+	const textures = {};
+	Object.keys(expressions).forEach((expressionName) => {
+		const [frameX, frameY] = expressions[expressionName];
+		textures[expressionName] = { animations: () => [[{
+			time: 0,
+			frameX,
+			frameY
+		}]] };
+	});
+	return {
+		...options,
+		framesWidth,
+		framesHeight,
+		textures
+	};
+};
+//#endregion
+export { FacesetPreset };
+
+//# sourceMappingURL=faceset.js.map

package/dist/presets/faceset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"faceset.js","names":[],"sources":["../../src/presets/faceset.ts"],"sourcesContent":["/**\n * Creates a faceset preset for character expressions\n * \n * This preset allows you to define multiple facial expressions for a character,\n * where each expression corresponds to a specific frame position (frameX, frameY)\n * within a single faceset texture. Each expression is defined by its position\n * in the faceset grid.\n * \n * @param options - Object containing the faceset configuration\n * @param framesWidth - Number of frames horizontally in the faceset texture\n * @param framesHeight - Number of frames vertically in the faceset texture\n * @param expressions - Object mapping expression names to their frame positions as tuples [frameX, frameY]\n * @returns Faceset configuration with animations for each expression\n * \n * @example\n * ```typescript\n * const faceset = FacesetPreset({\n *   id: \"facesetId\",\n *   image: \"faceset.png\",\n *   width: 1024,\n *   height: 1024,\n * }, 4, 2, {\n *   happy: [0, 0],\n *   sad: [1, 0],\n *   angry: [2, 0],\n *   surprised: [3, 0]\n * });\n * ```\n */\nexport const FacesetPreset = (\n    options: any,\n    framesWidth: number, \n    framesHeight: number,\n    expressions: Record<string, [number, number]>,\n) => {\n    \n    const textures: Record<string, any> = {};\n    \n    // Create texture configuration for each expression\n    Object.keys(expressions).forEach((expressionName) => {\n        const [frameX, frameY] = expressions[expressionName];\n        textures[expressionName] = {\n            animations: () => [\n                [{ \n                    time: 0, \n                    frameX: frameX, \n                    frameY: frameY \n                }]\n            ],\n        };\n    });\n    \n    return {\n        ...options,\n        framesWidth,\n        framesHeight,\n        textures\n    };\n};\n  "],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,IAAa,iBACT,SACA,aACA,cACA,gBACC;CAED,MAAM,WAAgC,EAAE;AAGxC,QAAO,KAAK,YAAY,CAAC,SAAS,mBAAmB;EACjD,MAAM,CAAC,QAAQ,UAAU,YAAY;AACrC,WAAS,kBAAkB,EACvB,kBAAkB,CACd,CAAC;GACG,MAAM;GACE;GACA;GACX,CAAC,CACL,EACJ;GACH;AAEF,QAAO;EACH,GAAG;EACH;EACA;EACA;EACH"}

package/dist/presets/icon.d.ts

@@ -0,0 +1,20 @@
+export declare const IconPreset: (options: {
+    image: string;
+    framesWidth: number;
+    framesHeight: number;
+    id: string;
+}) => {
+    image: string;
+    framesWidth: number;
+    framesHeight: number;
+    id: string;
+    textures: {
+        default: {
+            animations: () => {
+                time: number;
+                frameX: number;
+                frameY: number;
+            }[][];
+        };
+    };
+};

package/dist/presets/icon.js

@@ -0,0 +1,15 @@
+//#region src/presets/icon.ts
+var IconPreset = (options) => {
+	return {
+		textures: { default: { animations: () => [[{
+			time: 0,
+			frameX: 0,
+			frameY: 0
+		}]] } },
+		...options
+	};
+};
+//#endregion
+export { IconPreset };
+
+//# sourceMappingURL=icon.js.map

package/dist/presets/icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.js","names":[],"sources":["../../src/presets/icon.ts"],"sourcesContent":["export const IconPreset = (options: {\n    image: string;\n    framesWidth: number;\n    framesHeight: number;\n    id: string;\n}) => {\n    return {\n        textures: {\n            default: {\n                animations: () => [\n                    [{ time: 0, frameX: 0, frameY: 0 }]\n                ]\n            }\n        },\n        ...options\n    }\n}"],"mappings":";AAAA,IAAa,cAAc,YAKrB;AACF,QAAO;EACH,UAAU,EACN,SAAS,EACL,kBAAkB,CACd,CAAC;GAAE,MAAM;GAAG,QAAQ;GAAG,QAAQ;GAAG,CAAC,CACtC,EACJ,EACJ;EACD,GAAG;EACN"}

package/dist/presets/index.d.ts

@@ -19,4 +19,127 @@ export declare const Presets: {
         framesHeight: number;
         framesWidth: number;
     };
+    LPCSpritesheetPreset: (options: {
+        id: string;
+        imageSource: string;
+        width: number;
+        height: number;
+        ratio?: number;
+    }) => {
+        id: string;
+        image: string;
+        width: number;
+        height: number;
+        opacity: number;
+        rectWidth: number;
+        rectHeight: number;
+        framesWidth: number;
+        framesHeight: number;
+        spriteRealSize: {
+            width: number;
+            height: number;
+        };
+        textures: {
+            attack3?: {
+                offset: {
+                    x: number;
+                    y: number;
+                };
+                rectWidth: number;
+                rectHeight: number;
+                framesWidth: number;
+                framesHeight: number;
+                animations: ({ direction }: {
+                    direction: any;
+                }) => any[];
+            } | undefined;
+            stand: {
+                offset: {
+                    x: number;
+                    y: number;
+                };
+                animations: ({ direction }: {
+                    direction: any;
+                }) => {
+                    time: number;
+                    frameX: number;
+                    frameY: number;
+                }[][];
+            };
+            walk: {
+                offset: {
+                    x: number;
+                    y: number;
+                };
+                framesWidth: number;
+                framesHeight: number;
+                animations: ({ direction }: {
+                    direction: any;
+                }) => any[];
+            };
+            attack: {
+                offset: {
+                    x: number;
+                    y: number;
+                };
+                framesWidth: number;
+                framesHeight: number;
+                animations: ({ direction }: {
+                    direction: any;
+                }) => any[];
+            };
+            skill: {
+                framesWidth: number;
+                framesHeight: number;
+                animations: ({ direction }: {
+                    direction: any;
+                }) => any[];
+            };
+            attack2: {
+                offset: {
+                    x: number;
+                    y: number;
+                };
+                framesWidth: number;
+                framesHeight: number;
+                animations: ({ direction }: {
+                    direction: any;
+                }) => any[];
+            };
+        };
+    };
+    AnimationSpritesheetPreset: (framesWidth: number, framesHeight: number) => {
+        framesWidth: number;
+        framesHeight: number;
+        textures: {
+            default: {
+                animations: () => {
+                    time: number;
+                    frameX: number;
+                    frameY: number;
+                }[][];
+            };
+        };
+    };
+    FacesetPreset: (options: any, framesWidth: number, framesHeight: number, expressions: Record<string, [number, number]>) => any;
+    IconPreset: (options: {
+        image: string;
+        framesWidth: number;
+        framesHeight: number;
+        id: string;
+    }) => {
+        image: string;
+        framesWidth: number;
+        framesHeight: number;
+        id: string;
+        textures: {
+            default: {
+                animations: () => {
+                    time: number;
+                    frameX: number;
+                    frameY: number;
+                }[][];
+            };
+        };
+    };
 };

package/dist/presets/index.js

@@ -0,0 +1,17 @@
+import { AnimationSpritesheetPreset } from "./animation.js";
+import { LPCSpritesheetPreset } from "./lpc.js";
+import { RMSpritesheet } from "./rmspritesheet.js";
+import { FacesetPreset } from "./faceset.js";
+import { IconPreset } from "./icon.js";
+//#region src/presets/index.ts
+var Presets = {
+	RMSpritesheet,
+	LPCSpritesheetPreset,
+	AnimationSpritesheetPreset,
+	FacesetPreset,
+	IconPreset
+};
+//#endregion
+export { Presets };
+
+//# sourceMappingURL=index.js.map

package/dist/presets/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/presets/index.ts"],"sourcesContent":["import { AnimationSpritesheetPreset } from \"./animation\";\nimport { LPCSpritesheetPreset } from \"./lpc\";\nimport { RMSpritesheet } from \"./rmspritesheet\";\nimport { FacesetPreset } from \"./faceset\";\nimport { IconPreset } from \"./icon\";\n\nexport const Presets = {\n    RMSpritesheet,\n    LPCSpritesheetPreset,\n    AnimationSpritesheetPreset,\n    FacesetPreset,\n    IconPreset\n}"],"mappings":";;;;;;AAMA,IAAa,UAAU;CACnB;CACA;CACA;CACA;CACA"}

package/dist/presets/lpc.d.ts

@@ -0,0 +1,89 @@
+export declare const LPCSpritesheetPreset: (options: {
+    id: string;
+    imageSource: string;
+    width: number;
+    height: number;
+    ratio?: number;
+}) => {
+    id: string;
+    image: string;
+    width: number;
+    height: number;
+    opacity: number;
+    rectWidth: number;
+    rectHeight: number;
+    framesWidth: number;
+    framesHeight: number;
+    spriteRealSize: {
+        width: number;
+        height: number;
+    };
+    textures: {
+        attack3?: {
+            offset: {
+                x: number;
+                y: number;
+            };
+            rectWidth: number;
+            rectHeight: number;
+            framesWidth: number;
+            framesHeight: number;
+            animations: ({ direction }: {
+                direction: any;
+            }) => any[];
+        } | undefined;
+        stand: {
+            offset: {
+                x: number;
+                y: number;
+            };
+            animations: ({ direction }: {
+                direction: any;
+            }) => {
+                time: number;
+                frameX: number;
+                frameY: number;
+            }[][];
+        };
+        walk: {
+            offset: {
+                x: number;
+                y: number;
+            };
+            framesWidth: number;
+            framesHeight: number;
+            animations: ({ direction }: {
+                direction: any;
+            }) => any[];
+        };
+        attack: {
+            offset: {
+                x: number;
+                y: number;
+            };
+            framesWidth: number;
+            framesHeight: number;
+            animations: ({ direction }: {
+                direction: any;
+            }) => any[];
+        };
+        skill: {
+            framesWidth: number;
+            framesHeight: number;
+            animations: ({ direction }: {
+                direction: any;
+            }) => any[];
+        };
+        attack2: {
+            offset: {
+                x: number;
+                y: number;
+            };
+            framesWidth: number;
+            framesHeight: number;
+            animations: ({ direction }: {
+                direction: any;
+            }) => any[];
+        };
+    };
+};

package/dist/presets/lpc.js

@@ -0,0 +1,98 @@
+import { Animation, Direction } from "@rpgjs/common";
+//#region src/presets/lpc.ts
+var LPCSpritesheetPreset = (options) => {
+	const ratio = options.ratio ?? 1;
+	const frameY = (direction) => {
+		return {
+			[Direction.Down]: 2,
+			[Direction.Left]: 1,
+			[Direction.Right]: 3,
+			[Direction.Up]: 0
+		}[direction];
+	};
+	const stand = (direction) => [{
+		time: 0,
+		frameX: 0,
+		frameY: frameY(direction)
+	}];
+	const anim = (direction, framesWidth, speed = 5) => {
+		const array = [];
+		for (let i = 0; i < framesWidth; i++) array.push({
+			time: i * speed,
+			frameX: i,
+			frameY: frameY(direction)
+		});
+		return array;
+	};
+	return {
+		id: options.id,
+		image: options.imageSource,
+		width: options.width,
+		height: options.height,
+		opacity: 1,
+		rectWidth: 64 * ratio,
+		rectHeight: 64 * ratio,
+		framesWidth: 6,
+		framesHeight: 4,
+		spriteRealSize: {
+			width: 48 * ratio,
+			height: 52 * ratio
+		},
+		textures: {
+			[Animation.Stand]: {
+				offset: {
+					x: 0,
+					y: 512 * ratio
+				},
+				animations: ({ direction }) => [stand(direction)]
+			},
+			[Animation.Walk]: {
+				offset: {
+					x: 0,
+					y: 512 * ratio
+				},
+				framesWidth: 9,
+				framesHeight: 4,
+				animations: ({ direction }) => [anim(direction, 9)]
+			},
+			[Animation.Attack]: {
+				offset: {
+					x: 0,
+					y: 768 * ratio
+				},
+				framesWidth: 6,
+				framesHeight: 4,
+				animations: ({ direction }) => [anim(direction, 6, 3)]
+			},
+			[Animation.Skill]: {
+				framesWidth: 7,
+				framesHeight: 4,
+				animations: ({ direction }) => [anim(direction, 7, 3)]
+			},
+			attack2: {
+				offset: {
+					x: 0,
+					y: 256 * ratio
+				},
+				framesWidth: 7,
+				framesHeight: 8,
+				animations: ({ direction }) => [anim(direction, 7, 3)]
+			},
+			...options.height > 3e3 ? { attack3: {
+				offset: {
+					x: 0,
+					y: 5568 - 288 * 4
+				},
+				rectWidth: 288,
+				rectHeight: 288,
+				framesWidth: 6,
+				framesHeight: 4,
+				animations: ({ direction }) => [anim(direction, 6, 3)]
+			} } : {}
+		}
+	};
+};
+//#endregion
+export { LPCSpritesheetPreset };
+
+//# sourceMappingURL=lpc.js.map

package/dist/presets/lpc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lpc.js","names":[],"sources":["../../src/presets/lpc.ts"],"sourcesContent":["import { Animation, Direction } from \"@rpgjs/common\";\n\nexport const LPCSpritesheetPreset = (options: {\n    id: string;\n    imageSource: string;\n    width: number;\n    height: number;\n    ratio?: number;\n  }) => {\n    const ratio = options.ratio ?? 1;\n\n    const frameY = (direction: Direction) => {\n      return {\n        [Direction.Down]: 2,\n        [Direction.Left]: 1,\n        [Direction.Right]: 3,\n        [Direction.Up]: 0,\n      }[direction];\n    };\n  \n    const stand = (direction: Direction) => [\n      { time: 0, frameX: 0, frameY: frameY(direction) },\n    ];\n    const anim = (\n      direction: Direction,\n      framesWidth: number,\n      speed: number = 5\n    ) => {\n      const array: any = [];\n      for (let i = 0; i < framesWidth; i++) {\n        array.push({ time: i * speed, frameX: i, frameY: frameY(direction) });\n      }\n      return array;\n    };\n  \n    return {\n      id: options.id,\n      image: options.imageSource,\n      width: options.width,\n      height: options.height,\n      opacity: 1,\n      rectWidth: 64 * ratio,\n      rectHeight: 64 * ratio,\n      framesWidth: 6,\n      framesHeight: 4,\n      spriteRealSize: {\n        width: 48 * ratio,\n        height: 52 * ratio,\n      },\n      textures: {\n        [Animation.Stand]: {\n          offset: {\n            x: 0,\n            y: 512 * ratio,\n          },\n          animations: ({ direction }) => [stand(direction)],\n        },\n        [Animation.Walk]: {\n          offset: {\n            x: 0,\n            y: 512 * ratio,\n          },\n          framesWidth: 9,\n          framesHeight: 4,\n          animations: ({ direction }) => [anim(direction, 9)],\n        },\n        [Animation.Attack]: {\n          offset: {\n            x: 0,\n            y: 768 * ratio,\n          },\n          framesWidth: 6,\n          framesHeight: 4,\n          animations: ({ direction }) => [anim(direction, 6, 3)],\n        },\n        [Animation.Skill]: {\n          framesWidth: 7,\n          framesHeight: 4,\n          animations: ({ direction }) => [anim(direction, 7, 3)],\n        },\n        attack2: {\n          offset: {\n            x: 0,\n            y: 256 * ratio,\n          },\n          framesWidth: 7,\n          framesHeight: 8,\n          animations: ({ direction }) => [anim(direction, 7, 3)],\n        },\n        ...(options.height > 3000\n          ? {\n              attack3: {\n                offset: {\n                  x: 0,\n                  y: 5568 - 288 * 4,\n                },\n                rectWidth: 288,\n                rectHeight: 288,\n                framesWidth: 6,\n                framesHeight: 4,\n                animations: ({ direction }) => [anim(direction, 6, 3)],\n              },\n            }\n          : {}),\n      },\n    };\n  };\n  "],"mappings":";;AAEA,IAAa,wBAAwB,YAM7B;CACJ,MAAM,QAAQ,QAAQ,SAAS;CAE/B,MAAM,UAAU,cAAyB;AACvC,SAAO;IACJ,UAAU,OAAO;IACjB,UAAU,OAAO;IACjB,UAAU,QAAQ;IAClB,UAAU,KAAK;GACjB,CAAC;;CAGJ,MAAM,SAAS,cAAyB,CACtC;EAAE,MAAM;EAAG,QAAQ;EAAG,QAAQ,OAAO,UAAU;EAAE,CAClD;CACD,MAAM,QACJ,WACA,aACA,QAAgB,MACb;EACH,MAAM,QAAa,EAAE;AACrB,OAAK,IAAI,IAAI,GAAG,IAAI,aAAa,IAC/B,OAAM,KAAK;GAAE,MAAM,IAAI;GAAO,QAAQ;GAAG,QAAQ,OAAO,UAAU;GAAE,CAAC;AAEvE,SAAO;;AAGT,QAAO;EACL,IAAI,QAAQ;EACZ,OAAO,QAAQ;EACf,OAAO,QAAQ;EACf,QAAQ,QAAQ;EAChB,SAAS;EACT,WAAW,KAAK;EAChB,YAAY,KAAK;EACjB,aAAa;EACb,cAAc;EACd,gBAAgB;GACd,OAAO,KAAK;GACZ,QAAQ,KAAK;GACd;EACD,UAAU;IACP,UAAU,QAAQ;IACjB,QAAQ;KACN,GAAG;KACH,GAAG,MAAM;KACV;IACD,aAAa,EAAE,gBAAgB,CAAC,MAAM,UAAU,CAAC;IAClD;IACA,UAAU,OAAO;IAChB,QAAQ;KACN,GAAG;KACH,GAAG,MAAM;KACV;IACD,aAAa;IACb,cAAc;IACd,aAAa,EAAE,gBAAgB,CAAC,KAAK,WAAW,EAAE,CAAC;IACpD;IACA,UAAU,SAAS;IAClB,QAAQ;KACN,GAAG;KACH,GAAG,MAAM;KACV;IACD,aAAa;IACb,cAAc;IACd,aAAa,EAAE,gBAAgB,CAAC,KAAK,WAAW,GAAG,EAAE,CAAC;IACvD;IACA,UAAU,QAAQ;IACjB,aAAa;IACb,cAAc;IACd,aAAa,EAAE,gBAAgB,CAAC,KAAK,WAAW,GAAG,EAAE,CAAC;IACvD;GACD,SAAS;IACP,QAAQ;KACN,GAAG;KACH,GAAG,MAAM;KACV;IACD,aAAa;IACb,cAAc;IACd,aAAa,EAAE,gBAAgB,CAAC,KAAK,WAAW,GAAG,EAAE,CAAC;IACvD;GACD,GAAI,QAAQ,SAAS,MACjB,EACE,SAAS;IACP,QAAQ;KACN,GAAG;KACH,GAAG,OAAO,MAAM;KACjB;IACD,WAAW;IACX,YAAY;IACZ,aAAa;IACb,cAAc;IACd,aAAa,EAAE,gBAAgB,CAAC,KAAK,WAAW,GAAG,EAAE,CAAC;IACvD,EACF,GACD,EAAE;GACP;EACF"}

package/dist/presets/rmspritesheet.js

@@ -0,0 +1,42 @@
+import { Animation, Direction } from "@rpgjs/common";
+//#region src/presets/rmspritesheet.ts
+var RMSpritesheet = (framesWidth, framesHeight, frameStand = 1) => {
+	if (framesWidth <= frameStand) frameStand = framesWidth - 1;
+	const frameY = (direction) => {
+		const gap = Math.max(4 - framesHeight, 0);
+		return {
+			[Direction.Down]: 0,
+			[Direction.Left]: Math.max(0, 1 - gap),
+			[Direction.Right]: Math.max(0, 2 - gap),
+			[Direction.Up]: Math.max(0, 3 - gap)
+		}[direction];
+	};
+	const stand = (direction) => [{
+		time: 0,
+		frameX: frameStand,
+		frameY: frameY(direction)
+	}];
+	const walk = (direction) => {
+		const array = [];
+		const durationFrame = 10;
+		for (let i = 0; i < framesWidth; i++) array.push({
+			time: i * durationFrame,
+			frameX: i,
+			frameY: frameY(direction)
+		});
+		array.push({ time: array[array.length - 1].time + durationFrame });
+		return array;
+	};
+	return {
+		textures: {
+			[Animation.Stand]: { animations: ({ direction }) => [stand(direction)] },
+			[Animation.Walk]: { animations: ({ direction }) => [walk(direction)] }
+		},
+		framesHeight,
+		framesWidth
+	};
+};
+//#endregion
+export { RMSpritesheet };
+
+//# sourceMappingURL=rmspritesheet.js.map

package/dist/presets/rmspritesheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rmspritesheet.js","names":[],"sources":["../../src/presets/rmspritesheet.ts"],"sourcesContent":["import { Direction, Animation } from '@rpgjs/common'\n\nexport const RMSpritesheet = (framesWidth: number, framesHeight: number, frameStand: number = 1) => {\n\n    if (framesWidth <= frameStand) {\n        frameStand = framesWidth - 1\n    }\n\n    const frameY = direction => {\n        const gap = Math.max(4 - framesHeight, 0)\n        return {\n            [Direction.Down]: 0,\n            [Direction.Left]: Math.max(0, 1 - gap),\n            [Direction.Right]: Math.max(0, 2 - gap),\n            [Direction.Up]: Math.max(0, 3 - gap)\n        }[direction]\n    }\n\n    const stand = (direction: number) => [{ time: 0, frameX: frameStand, frameY: frameY(direction) }]\n    const walk = direction => {\n        const array: any = []\n        const durationFrame = 10\n        for (let i = 0; i < framesWidth; i++) {\n            array.push({ time: i * durationFrame, frameX: i, frameY: frameY(direction) })\n        }\n        array.push({ time: array[array.length - 1].time + durationFrame })\n        return array\n    }\n\n    return {\n        textures: {\n            [Animation.Stand]: {\n                animations: ({direction}) => [stand(direction)]\n            },\n            [Animation.Walk]: {\n                animations: ({direction}) => [walk(direction)]\n            }\n        },\n        framesHeight,\n        framesWidth\n    }\n}"],"mappings":";;AAEA,IAAa,iBAAiB,aAAqB,cAAsB,aAAqB,MAAM;AAEhG,KAAI,eAAe,WACf,cAAa,cAAc;CAG/B,MAAM,UAAS,cAAa;EACxB,MAAM,MAAM,KAAK,IAAI,IAAI,cAAc,EAAE;AACzC,SAAO;IACF,UAAU,OAAO;IACjB,UAAU,OAAO,KAAK,IAAI,GAAG,IAAI,IAAI;IACrC,UAAU,QAAQ,KAAK,IAAI,GAAG,IAAI,IAAI;IACtC,UAAU,KAAK,KAAK,IAAI,GAAG,IAAI,IAAI;GACvC,CAAC;;CAGN,MAAM,SAAS,cAAsB,CAAC;EAAE,MAAM;EAAG,QAAQ;EAAY,QAAQ,OAAO,UAAU;EAAE,CAAC;CACjG,MAAM,QAAO,cAAa;EACtB,MAAM,QAAa,EAAE;EACrB,MAAM,gBAAgB;AACtB,OAAK,IAAI,IAAI,GAAG,IAAI,aAAa,IAC7B,OAAM,KAAK;GAAE,MAAM,IAAI;GAAe,QAAQ;GAAG,QAAQ,OAAO,UAAU;GAAE,CAAC;AAEjF,QAAM,KAAK,EAAE,MAAM,MAAM,MAAM,SAAS,GAAG,OAAO,eAAe,CAAC;AAClE,SAAO;;AAGX,QAAO;EACH,UAAU;IACL,UAAU,QAAQ,EACf,aAAa,EAAC,gBAAe,CAAC,MAAM,UAAU,CAAC,EAClD;IACA,UAAU,OAAO,EACd,aAAa,EAAC,gBAAe,CAAC,KAAK,UAAU,CAAC,EACjD;GACJ;EACD;EACA;EACH"}

package/dist/services/AbstractSocket.d.ts

@@ -1,5 +1,12 @@
 import { Context } from '@signe/di';
 export declare const WebSocketToken = "websocket";
+export type SocketQueryValue = string | null | undefined;
+export type SocketQuery = Record<string, SocketQueryValue>;
+export type SocketUpdateProperties = {
+    room: string;
+    host?: string;
+    query?: SocketQuery;
+};
 export declare abstract class AbstractWebsocket {
     protected context: Context;
     constructor(context: Context);
@@ -7,9 +14,6 @@ export declare abstract class AbstractWebsocket {
     abstract emit(event: string, data: any): void;
     abstract on(event: string, callback: (data: any) => void): void;
     abstract off(event: string, callback: (data: any) => void): void;
-    abstract updateProperties(params: {
-        room: string;
-        host?: string;
-    }): void;
-    abstract reconnect(listeners?: (data: any) => void): void;
+    abstract updateProperties(params: SocketUpdateProperties): void;
+    abstract reconnect(listeners?: (data: any) => void): Promise<void>;
 }

package/dist/services/AbstractSocket.js

@@ -0,0 +1,11 @@
+//#region src/services/AbstractSocket.ts
+var WebSocketToken = "websocket";
+var AbstractWebsocket = class {
+	constructor(context) {
+		this.context = context;
+	}
+};
+//#endregion
+export { AbstractWebsocket, WebSocketToken };
+
+//# sourceMappingURL=AbstractSocket.js.map

package/dist/services/AbstractSocket.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AbstractSocket.js","names":[],"sources":["../../src/services/AbstractSocket.ts"],"sourcesContent":["import { Context } from \"@signe/di\";\n\nexport const WebSocketToken = \"websocket\";\n\nexport type SocketQueryValue = string | null | undefined;\nexport type SocketQuery = Record<string, SocketQueryValue>;\nexport type SocketUpdateProperties = {\n  room: string;\n  host?: string;\n  query?: SocketQuery;\n};\n\nexport abstract class AbstractWebsocket {\n  constructor(protected context: Context) {}\n\n  abstract connection(listeners?: (data: any) => void): Promise<void>;\n  abstract emit(event: string, data: any): void;\n  abstract on(event: string, callback: (data: any) => void): void;\n  abstract off(event: string, callback: (data: any) => void): void;\n  abstract updateProperties(params: SocketUpdateProperties): void;\n  abstract reconnect(listeners?: (data: any) => void): Promise<void>;\n}\n"],"mappings":";AAEA,IAAa,iBAAiB;AAU9B,IAAsB,oBAAtB,MAAwC;CACtC,YAAY,SAA4B;AAAlB,OAAA,UAAA"}

package/dist/services/keyboardControls.d.ts

@@ -0,0 +1,15 @@
+export declare enum Control {
+    Action = "action",
+    Attack = "attack",
+    Defense = "defense",
+    Skill = "skill",
+    Back = "back",
+    Up = 1,
+    Down = 3,
+    Right = 2,
+    Left = 4
+}
+export declare function provideKeyboardControls(): {
+    provide: string;
+    useValue: null;
+};

package/dist/services/keyboardControls.js

@@ -0,0 +1,23 @@
+//#region src/services/keyboardControls.ts
+var Control = /* @__PURE__ */ function(Control) {
+	Control["Action"] = "action";
+	Control["Attack"] = "attack";
+	Control["Defense"] = "defense";
+	Control["Skill"] = "skill";
+	Control["Back"] = "back";
+	Control[Control["Up"] = 1] = "Up";
+	Control[Control["Down"] = 3] = "Down";
+	Control[Control["Right"] = 2] = "Right";
+	Control[Control["Left"] = 4] = "Left";
+	return Control;
+}({});
+function provideKeyboardControls() {
+	return {
+		provide: "KeyboardControls",
+		useValue: null
+	};
+}
+//#endregion
+export { Control, provideKeyboardControls };
+
+//# sourceMappingURL=keyboardControls.js.map

package/dist/services/keyboardControls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyboardControls.js","names":[],"sources":["../../src/services/keyboardControls.ts"],"sourcesContent":["import { KeyboardControls  } from \"canvasengine\";\n\nexport enum Control {\n  Action = 'action',\n  Attack = 'attack',\n  Defense = 'defense',\n  Skill = 'skill',\n  Back = 'back',\n  Up = 1,\n  Down = 3,\n  Right = 2,\n  Left = 4\n}\n\nexport function provideKeyboardControls() {\n  return {\n    provide: 'KeyboardControls',\n    useValue: null,\n  };\n}"],"mappings":";AAEA,IAAY,UAAL,yBAAA,SAAA;AACL,SAAA,YAAA;AACA,SAAA,YAAA;AACA,SAAA,aAAA;AACA,SAAA,WAAA;AACA,SAAA,UAAA;AACA,SAAA,QAAA,QAAA,KAAA;AACA,SAAA,QAAA,UAAA,KAAA;AACA,SAAA,QAAA,WAAA,KAAA;AACA,SAAA,QAAA,UAAA,KAAA;;KACD;AAED,SAAgB,0BAA0B;AACxC,QAAO;EACL,SAAS;EACT,UAAU;EACX"}