@rpgjs/client 4.0.0-beta.3 → 4.0.0-beta.4

package/lib/Components/AbstractComponent.d.ts

@@ -1,6 +1,6 @@
 import { ComponentObject } from "@rpgjs/types";
-import { RpgComponent } from "./Component";
-import { GameEngineClient } from "../GameEngine";
+import { RpgComponent } from "./Component.js";
+import { GameEngineClient } from "../GameEngine.js";
 import { Container, Graphics, Sprite } from "pixi.js";
 export type CellInfo = {
     x?: number;

package/lib/Components/BarComponent.d.ts

@@ -1,5 +1,5 @@
 import { BarComponentObject } from "@rpgjs/types";
-import { AbstractComponent, CellInfo } from "./AbstractComponent";
+import { AbstractComponent, CellInfo } from "./AbstractComponent.js";
 import { Container } from "pixi.js";
 export declare class BarComponent extends AbstractComponent<BarComponentObject, Container> {
     static readonly id: string;

package/lib/Components/BarComponent.js

@@ -1,5 +1,5 @@
 import { Utils, transitionColor } from "@rpgjs/common";
-import { AbstractComponent } from "./AbstractComponent";
+import { AbstractComponent } from "./AbstractComponent.js";
 import get from 'lodash.get';
 import { Subject, takeUntil } from "rxjs";
 import { Graphics, Text } from "pixi.js";

package/lib/Components/Component.d.ts

@@ -1,6 +1,6 @@
 import { Direction, RpgCommonPlayer, RpgShape } from "@rpgjs/common";
 import { LayoutPositionEnum, PositionXY } from "@rpgjs/types";
-import { Scene } from "../Scene/Scene";
+import { Scene } from "../Scene/Scene.js";
 import { Container } from "pixi.js";
 export interface IComponent {
     id: string;
@@ -24,7 +24,7 @@ export declare class RpgComponent<T = any> extends Container {
     private layoutNotifierClear;
     private registerComponents;
     private dragMode?;
-    readonly game: import("../GameEngine").GameEngineClient;
+    readonly game: import("../GameEngine.js").GameEngineClient;
     readonly id: string;
     constructor(data: RpgCommonPlayer | RpgShape, scene: Scene);
     /**

package/lib/Components/Component.js

@@ -1,14 +1,14 @@
 import { HookClient, RpgPlugin, RpgShape, Utils } from "@rpgjs/common";
 import { PlayerType } from "@rpgjs/types";
 import { Subject, map, filter, tap, distinctUntilChanged, takeUntil, finalize } from "rxjs";
-import { log } from "../Logger";
-import { RpgSprite } from "../Sprite/Player";
-import { BarComponent } from "./BarComponent";
-import { ShapeComponent } from "./ShapeComponent";
-import { DebugComponent } from "./DebugComponent";
-import { ImageComponent } from "./ImageComponent";
-import { TextComponent } from "./TextComponent";
-import { TileComponent } from "./TileComponent";
+import { log } from "../Logger.js";
+import { RpgSprite } from "../Sprite/Player.js";
+import { BarComponent } from "./BarComponent.js";
+import { ShapeComponent } from "./ShapeComponent.js";
+import { DebugComponent } from "./DebugComponent.js";
+import { ImageComponent } from "./ImageComponent.js";
+import { TextComponent } from "./TextComponent.js";
+import { TileComponent } from "./TileComponent.js";
 import { Container, Sprite } from "pixi.js";
 const layoutObject = {
     lines: []

package/lib/Components/DebugComponent.d.ts

@@ -1,4 +1,4 @@
-import { AbstractComponent, CellInfo } from "./AbstractComponent";
+import { AbstractComponent, CellInfo } from "./AbstractComponent.js";
 import { DebugComponentObject } from "@rpgjs/types";
 import { Graphics } from "pixi.js";
 export declare class DebugComponent extends AbstractComponent<DebugComponentObject, Graphics> {

package/lib/Components/DebugComponent.js

@@ -1,5 +1,5 @@
 import { Utils } from "@rpgjs/common";
-import { AbstractComponent } from "./AbstractComponent";
+import { AbstractComponent } from "./AbstractComponent.js";
 import { Graphics } from "pixi.js";
 class DebugComponent extends AbstractComponent {
     constructor() {

package/lib/Components/ImageComponent.d.ts

@@ -1,6 +1,6 @@
 import { Container } from "pixi.js";
 import { ImageComponentObject } from "@rpgjs/types";
-import { AbstractComponent, CellInfo } from "./AbstractComponent";
+import { AbstractComponent, CellInfo } from "./AbstractComponent.js";
 export declare class ImageComponent extends AbstractComponent<ImageComponentObject, Container> {
     static readonly id: string;
     cacheParams: string[];

package/lib/Components/ImageComponent.js

@@ -1,5 +1,5 @@
 import { Sprite } from "pixi.js";
-import { AbstractComponent } from "./AbstractComponent";
+import { AbstractComponent } from "./AbstractComponent.js";
 class ImageComponent extends AbstractComponent {
     constructor() {
         super(...arguments);

package/lib/Components/ShapeComponent.d.ts

@@ -1,4 +1,4 @@
-import { AbstractComponent, CellInfo } from "./AbstractComponent";
+import { AbstractComponent, CellInfo } from "./AbstractComponent.js";
 import { ShapeComponentObject } from "@rpgjs/types";
 import { Graphics } from "pixi.js";
 export declare class ShapeComponent extends AbstractComponent<ShapeComponentObject, Graphics> {

package/lib/Components/ShapeComponent.js

@@ -1,5 +1,5 @@
 import { Utils } from "@rpgjs/common";
-import { AbstractComponent } from "./AbstractComponent";
+import { AbstractComponent } from "./AbstractComponent.js";
 import { Graphics } from "pixi.js";
 class ShapeComponent extends AbstractComponent {
     constructor() {

package/lib/Components/TextComponent.d.ts

@@ -1,6 +1,6 @@
 import { TextComponentObject } from "@rpgjs/types";
 import { Graphics, Text } from "pixi.js";
-import { AbstractComponent } from "./AbstractComponent";
+import { AbstractComponent } from "./AbstractComponent.js";
 export declare class TextComponent extends AbstractComponent<TextComponentObject, Text> {
     static readonly id: string;
     cacheParams: string[];

package/lib/Components/TextComponent.js

@@ -1,5 +1,5 @@
 import { Text } from "pixi.js";
-import { AbstractComponent } from "./AbstractComponent";
+import { AbstractComponent } from "./AbstractComponent.js";
 class TextComponent extends AbstractComponent {
     constructor() {
         super(...arguments);

package/lib/Components/TileComponent.d.ts

@@ -1,5 +1,5 @@
 import { TileComponentObject } from "@rpgjs/types";
-import { AbstractComponent, CellInfo } from "./AbstractComponent";
+import { AbstractComponent, CellInfo } from "./AbstractComponent.js";
 import { Container } from "pixi.js";
 export declare class TileComponent extends AbstractComponent<TileComponentObject, Container> {
     static readonly id: string;

package/lib/Components/TileComponent.js

@@ -1,6 +1,6 @@
-import Tile from "../Tilemap/Tile";
-import TileLayer from "../Tilemap/TileLayer";
-import { AbstractComponent } from "./AbstractComponent";
+import Tile from "../Tilemap/Tile.js";
+import TileLayer from "../Tilemap/TileLayer.js";
+import { AbstractComponent } from "./AbstractComponent.js";
 class TileComponent extends AbstractComponent {
     constructor() {
         super(...arguments);

package/lib/Effects/Animation.d.ts

@@ -1,5 +1,5 @@
-import { SpritesheetOptions, TextureOptions, AnimationFrames, FrameOptions, TransformOptions } from '../Sprite/Spritesheet';
-import { RpgComponent } from '../Components/Component';
+import { SpritesheetOptions, TextureOptions, AnimationFrames, FrameOptions, TransformOptions } from '../Sprite/Spritesheet.js';
+import { RpgComponent } from '../Components/Component.js';
 import { Sprite, Container, Texture } from 'pixi.js';
 import { Observable } from 'rxjs';
 type Image = {

package/lib/Effects/Animation.js

@@ -1,9 +1,9 @@
 import { Utils } from '@rpgjs/common';
-import { spritesheets } from '../Sprite/Spritesheets';
-import { log } from '../Logger';
-import { RpgSound } from '../Sound/RpgSound';
+import { spritesheets } from '../Sprite/Spritesheets.js';
+import { log } from '../Logger.js';
+import { RpgSound } from '../Sound/RpgSound.js';
 import { Sprite, Container, Texture, Rectangle } from 'pixi.js';
-import { Animation as AnimationEnum } from './AnimationCharacter';
+import { Animation as AnimationEnum } from './AnimationCharacter.js';
 import { BehaviorSubject } from 'rxjs';
 const { isFunction, arrayEquals } = Utils;
 export class Animation extends Sprite {

package/lib/Effects/Spinner.d.ts

@@ -1,4 +1,4 @@
-import { RpgClientEngine } from "../RpgClientEngine";
+import { RpgClientEngine } from "../RpgClientEngine.js";
 import { Graphics, Renderer } from "pixi.js";
 export declare class SpinnerGraphic extends Graphics {
     private clientEngine;

package/lib/Effects/Timeline.d.ts

@@ -1,4 +1,4 @@
-import { TransformOptions, FrameOptions } from '../Sprite/Spritesheet';
+import { TransformOptions, FrameOptions } from '../Sprite/Spritesheet.js';
 export declare const Ease: {
     linear(t: number, b: number, c: number, d: number): number;
     easeInQuad(t: number, b: number, c: number, d: number): number;

package/lib/Effects/TransitionScene.d.ts

@@ -1,4 +1,4 @@
-import { RpgClientEngine } from "../RpgClientEngine";
+import { RpgClientEngine } from "../RpgClientEngine.js";
 import { Container } from "pixi.js";
 export declare class TransitionScene {
     private clientEngine;

package/lib/Effects/TransitionScene.js

@@ -1,4 +1,4 @@
-import { Timeline } from "./Timeline";
+import { Timeline } from "./Timeline.js";
 export class TransitionScene {
     constructor(clientEngine, container) {
         this.clientEngine = clientEngine;

package/lib/GameEngine.d.ts

@@ -1,7 +1,7 @@
 import { RpgCommonGame, RpgCommonPlayer, RpgShape } from "@rpgjs/common";
 import { Observable } from "rxjs";
-import { RpgRenderer } from "./Renderer";
-import { RpgClientEngine } from "./RpgClientEngine";
+import { RpgRenderer } from "./Renderer.js";
+import { RpgClientEngine } from "./RpgClientEngine.js";
 import { ObjectFixture } from "@rpgjs/types";
 export declare class GameEngineClient extends RpgCommonGame {
     playerId: string;

package/lib/Interfaces/Character.d.ts

@@ -1,4 +1,4 @@
-import { RpgSprite } from '../Sprite/Player';
+import { RpgSprite } from '../Sprite/Player.js';
 export interface ISpriteCharacter {
     onCharacterWalk(sprite: RpgSprite): void;
     onCharacterStand(sprite: RpgSprite): void;

package/lib/KeyboardControls.d.ts

@@ -1,5 +1,5 @@
 import { ControlOptions, Controls } from '@rpgjs/types';
-import { RpgClientEngine } from './RpgClientEngine';
+import { RpgClientEngine } from './RpgClientEngine.js';
 type BoundKey = {
     actionName: string;
     options: ControlOptions;

package/lib/Presets/AnimationSpritesheet.js

@@ -1,5 +1,5 @@
 import { Direction } from '@rpgjs/common';
-import { Animation } from '../Effects/AnimationCharacter';
+import { Animation } from '../Effects/AnimationCharacter.js';
 export const RMSpritesheet = (framesWidth, framesHeight, frameStand = 1) => {
     const frameY = direction => {
         return {

package/lib/Renderer.d.ts

@@ -1,4 +1,4 @@
-import { RpgClientEngine } from './RpgClientEngine';
+import { RpgClientEngine } from './RpgClientEngine.js';
 import type { App, ComponentPublicInstance } from 'vue';
 import { Container, ICanvas } from 'pixi.js';
 export declare enum TransitionMode {

package/lib/Renderer.js

@@ -1,10 +1,10 @@
 import { RpgPlugin, HookClient } from '@rpgjs/common';
-import { SceneMap } from './Scene/Map';
-import { Scene as PresetScene } from './Presets/Scene';
-import { RpgGui } from './RpgGui';
-import { TransitionScene } from './Effects/TransitionScene';
+import { SceneMap } from './Scene/Map.js';
+import { Scene as PresetScene } from './Presets/Scene.js';
+import { RpgGui } from './RpgGui.js';
+import { TransitionScene } from './Effects/TransitionScene.js';
 import { Subject, forkJoin } from 'rxjs';
-import { SpinnerGraphic } from './Effects/Spinner';
+import { SpinnerGraphic } from './Effects/Spinner.js';
 import { autoDetectRenderer, Container, Graphics } from 'pixi.js';
 export var TransitionMode;
 (function (TransitionMode) {

package/lib/Resources.d.ts

@@ -1,4 +1,4 @@
-import { RpgClientEngine } from "./RpgClientEngine";
+import { RpgClientEngine } from "./RpgClientEngine.js";
 /**
 * Get/Set images in resources
  ```ts

package/lib/RpgClient.d.ts

@@ -1,7 +1,7 @@
 import { ModuleType } from '@rpgjs/common';
-import { SceneMap } from './Scene/Map';
-import { RpgClientEngine } from './RpgClientEngine';
-import { RpgComponent } from './Components/Component';
+import { SceneMap } from './Scene/Map.js';
+import { RpgClientEngine } from './RpgClientEngine.js';
+import { RpgComponent } from './Components/Component.js';
 import { Loader } from 'pixi.js';
 type RpgClass<T = any> = new (...args: any[]) => T;
 export interface RpgClientEngineHooks {

package/lib/RpgClientEngine.d.ts

@@ -1,9 +1,9 @@
-import { KeyboardControls } from './KeyboardControls';
-import { RpgRenderer } from './Renderer';
+import { KeyboardControls } from './KeyboardControls.js';
+import { RpgRenderer } from './Renderer.js';
 import { Observable, Subject } from 'rxjs';
 import { RpgCommonPlayer, Control } from '@rpgjs/common';
-import { GameEngineClient } from './GameEngine';
-import { Scene } from './Scene/Scene';
+import { GameEngineClient } from './GameEngine.js';
+import { Scene } from './Scene/Scene.js';
 import { constructor, ObjectFixtureList, Tick } from '@rpgjs/types';
 import * as PIXI from 'pixi.js';
 export declare class RpgClientEngine {

package/lib/RpgClientEngine.js

@@ -4,19 +4,19 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { KeyboardControls } from './KeyboardControls';
-import { RpgRenderer } from './Renderer';
-import { _initSpritesheet, spritesheets } from './Sprite/Spritesheets';
-import { _initSound, sounds } from './Sound/Sounds';
+import { KeyboardControls } from './KeyboardControls.js';
+import { RpgRenderer } from './Renderer.js';
+import { _initSpritesheet, spritesheets } from './Sprite/Spritesheets.js';
+import { _initSound, sounds } from './Sound/Sounds.js';
 import { World } from 'simple-room-client';
 import { BehaviorSubject, Subject, lastValueFrom } from 'rxjs';
 import { ajax } from 'rxjs/ajax';
-import { RpgGui } from './RpgGui';
+import { RpgGui } from './RpgGui.js';
 import { PrebuiltGui, Utils, RpgPlugin, HookClient, RpgCommonMap, Scheduler, } from '@rpgjs/common';
-import { RpgSound } from './Sound/RpgSound';
-import { Spritesheet } from './Sprite/Spritesheet';
-import { log } from './Logger';
-import { Sound } from './Sound/Sound';
+import { RpgSound } from './Sound/RpgSound.js';
+import { Spritesheet } from './Sprite/Spritesheet.js';
+import { log } from './Logger.js';
+import { Sound } from './Sound/Sound.js';
 import { PlayerType, SocketEvents, SocketMethods } from '@rpgjs/types';
 import { Assets, utils } from 'pixi.js';
 import * as PIXI from 'pixi.js';

package/lib/RpgGui.js

@@ -1,8 +1,8 @@
-import RpgGuiCompiled from './RpgGuiCompiled';
+import RpgGuiCompiled from './RpgGuiCompiled.js';
 import { createApp } from 'vue';
 import { map } from 'rxjs';
-import { RpgSound } from './Sound/RpgSound';
-import { RpgResource } from './index';
+import { RpgSound } from './Sound/RpgSound.js';
+import { RpgResource } from './index.js';
 class Gui {
     constructor() {
         this.gui = {};

package/lib/Scene/Map.d.ts

@@ -1,10 +1,10 @@
 import { RpgShape, RpgCommonPlayer } from '@rpgjs/common';
-import TileMap from '../Tilemap';
+import TileMap from '../Tilemap/index.js';
 import { Viewport } from 'pixi-viewport';
-import { Scene, SceneSpriteLogic } from './Scene';
-import { GameEngineClient } from '../GameEngine';
+import { Scene, SceneSpriteLogic } from './Scene.js';
+import { GameEngineClient } from '../GameEngine.js';
 import { TiledMap } from '@rpgjs/tiled';
-import { RpgComponent } from '../Components/Component';
+import { RpgComponent } from '../Components/Component.js';
 import { CameraOptions } from '@rpgjs/types';
 import { Container, IRenderer, DisplayObjectEvents } from 'pixi.js';
 interface MapObject extends TiledMap {

package/lib/Scene/Map.js

@@ -1,13 +1,13 @@
 import { RpgCommonMap, RpgPlugin, HookClient, Utils, RpgCommonPlayer } from '@rpgjs/common';
-import TileMap from '../Tilemap';
+import TileMap from '../Tilemap/index.js';
 import { Viewport } from 'pixi-viewport';
-import { Scene } from './Scene';
-import { spritesheets } from '../Sprite/Spritesheets';
-import { RpgSound } from '../Sound/RpgSound';
+import { Scene } from './Scene.js';
+import { spritesheets } from '../Sprite/Spritesheets.js';
+import { RpgSound } from '../Sound/RpgSound.js';
 import { TiledLayerType } from '@rpgjs/tiled';
-import { RpgComponent } from '../Components/Component';
+import { RpgComponent } from '../Components/Component.js';
 import { Assets, Container, Point } from 'pixi.js';
-import { EventLayer } from './EventLayer';
+import { EventLayer } from './EventLayer.js';
 class SceneMap extends Scene {
     constructor(game, renderer, options = {}) {
         super(game);

package/lib/Scene/Scene.d.ts

@@ -1,8 +1,8 @@
-import RpgSprite from '../Sprite/Character';
-import { Animation } from '../Effects/Animation';
+import RpgSprite from '../Sprite/Character.js';
+import { Animation } from '../Effects/Animation.js';
 import { Observable } from 'rxjs';
-import { GameEngineClient } from '../GameEngine';
-import { RpgComponent } from '../Components/Component';
+import { GameEngineClient } from '../GameEngine.js';
+import { RpgComponent } from '../Components/Component.js';
 import { Controls } from '@rpgjs/types';
 import { Container } from 'pixi.js';
 export type SceneObservableData = {

package/lib/Scene/Scene.js

@@ -1,7 +1,7 @@
 import { RpgPlugin, HookClient, DefaultInput } from '@rpgjs/common';
-import { Animation } from '../Effects/Animation';
+import { Animation } from '../Effects/Animation.js';
 import { BehaviorSubject } from 'rxjs';
-import { RpgGui } from '../RpgGui';
+import { RpgGui } from '../RpgGui.js';
 import { Container } from 'pixi.js';
 export class Scene {
     constructor(game) {

package/lib/Sound/RpgSound.js

@@ -1,6 +1,6 @@
 import { Howl, Howler } from 'howler';
-import { log } from '../Logger';
-import { sounds } from './Sounds';
+import { log } from '../Logger.js';
+import { sounds } from './Sounds.js';
 class RpgSoundClass {
     constructor() {
         this.sounds = new Map();

package/lib/Sound/Sounds.js

@@ -1,4 +1,4 @@
-import { _initResource } from '../Resources';
+import { _initResource } from '../Resources.js';
 export const sounds = new Map();
 export function _initSound(_sounds, engine) {
     return _initResource(sounds, _sounds, 'sound', engine);

package/lib/Sprite/Character.d.ts

@@ -1,5 +1,5 @@
-import { Animation } from '../Effects/Animation';
-import { RpgComponent } from '../Components/Component';
+import { Animation } from '../Effects/Animation.js';
+import { RpgComponent } from '../Components/Component.js';
 import { Sprite } from 'pixi.js';
 export default class Character extends Sprite {
     private component;

package/lib/Sprite/Character.js

@@ -1,7 +1,7 @@
 import { Utils, RpgPlugin, HookClient } from '@rpgjs/common';
-import { spritesheets } from './Spritesheets';
-import { Animation } from '../Effects/Animation';
-import { Animation as AnimationEnum } from '../Effects/AnimationCharacter';
+import { spritesheets } from './Spritesheets.js';
+import { Animation } from '../Effects/Animation.js';
+import { Animation as AnimationEnum } from '../Effects/AnimationCharacter.js';
 import { Sprite } from 'pixi.js';
 const { capitalize } = Utils;
 class Character extends Sprite {

package/lib/Sprite/Player.d.ts

@@ -1,3 +1,3 @@
-import Character from './Character';
+import Character from './Character.js';
 export declare class RpgSprite extends Character {
 }

package/lib/Sprite/Player.js

@@ -1,4 +1,4 @@
-import Character from './Character';
+import Character from './Character.js';
 export class RpgSprite extends Character {
 }
 //# sourceMappingURL=Player.js.map

package/lib/Sprite/Spritesheets.d.ts

@@ -1,3 +1,3 @@
-import { RpgClientEngine } from '..';
+import { RpgClientEngine } from '../index.js';
 export declare const spritesheets: Map<string, any>;
 export declare function _initSpritesheet(_spritesheets: any, engine: RpgClientEngine): void;

package/lib/Sprite/Spritesheets.js

@@ -1,4 +1,4 @@
-import { _initResource } from '../Resources';
+import { _initResource } from '../Resources.js';
 export const spritesheets = new Map();
 export function _initSpritesheet(_spritesheets, engine) {
     return _initResource(spritesheets, _spritesheets, 'image', engine);

package/lib/Tilemap/CommonLayer.d.ts

@@ -1,5 +1,5 @@
 import { Layer } from "@rpgjs/tiled";
-import TileMap from './index';
+import TileMap from './index.js';
 import { Container } from "pixi.js";
 export declare class CommonLayer extends Container {
     protected layer: Layer;

package/lib/Tilemap/ImageLayer.d.ts

@@ -1,4 +1,4 @@
-import { CommonLayer } from './CommonLayer';
+import { CommonLayer } from './CommonLayer.js';
 export default class ImageLayer extends CommonLayer {
     applyProperties(): void;
 }

package/lib/Tilemap/ImageLayer.js

@@ -1,4 +1,4 @@
-import { CommonLayer } from './CommonLayer';
+import { CommonLayer } from './CommonLayer.js';
 import { Texture, TilingSprite } from 'pixi.js';
 export default class ImageLayer extends CommonLayer {
     applyProperties() {

package/lib/Tilemap/Tile.d.ts

@@ -1,5 +1,5 @@
 import { Texture, AnimatedSprite } from "pixi.js";
-import TileSet from "./TileSet";
+import TileSet from "./TileSet.js";
 import { Tile as TiledTileClass } from '@rpgjs/tiled';
 import { CompositeTilemap } from "@pixi/tilemap";
 export default class Tile extends AnimatedSprite {

package/lib/Tilemap/TileLayer.d.ts

@@ -1,7 +1,7 @@
 import { Layer, Tile as TileClass } from '@rpgjs/tiled';
-import TileSet from './TileSet';
-import TileMap from '.';
-import { CommonLayer } from './CommonLayer';
+import TileSet from './TileSet.js';
+import TileMap from './index.js';
+import { CommonLayer } from './CommonLayer.js';
 export default class TileLayer extends CommonLayer {
     private tileSets;
     private tilemap;

package/lib/Tilemap/TileLayer.js

@@ -1,6 +1,6 @@
-import Tile from './Tile';
+import Tile from './Tile.js';
 import { CompositeTilemap, settings, POINT_STRUCT_SIZE } from '@pixi/tilemap';
-import { CommonLayer } from './CommonLayer';
+import { CommonLayer } from './CommonLayer.js';
 settings.use32bitIndex = true;
 export default class TileLayer extends CommonLayer {
     static findTileSet(gid, tileSets) {

package/lib/Tilemap/TileSet.js

@@ -1,6 +1,6 @@
-import { spritesheets } from '../Sprite/Spritesheets';
+import { spritesheets } from '../Sprite/Spritesheets.js';
 import { Tileset as TiledTilesetClass } from '@rpgjs/tiled';
-import { log } from '../Logger';
+import { log } from '../Logger.js';
 import { Texture, Rectangle } from 'pixi.js';
 export default class TileSet extends TiledTilesetClass {
     constructor(tileSet) {

package/lib/Tilemap/index.d.ts

@@ -1,8 +1,8 @@
-import ImageLayer from './ImageLayer';
-import TileLayer from './TileLayer';
-import TileSet from './TileSet';
+import ImageLayer from './ImageLayer.js';
+import TileLayer from './TileLayer.js';
+import TileSet from './TileSet.js';
 import { TiledMap, Layer } from '@rpgjs/tiled';
-import { RpgRenderer } from '../Renderer';
+import { RpgRenderer } from '../Renderer.js';
 import { Container, Graphics } from 'pixi.js';
 export interface MapInfo extends TiledMap {
     layers: Layer[];

package/lib/Tilemap/index.js

@@ -1,8 +1,8 @@
 import { Utils } from '@rpgjs/common';
-import ImageLayer from './ImageLayer';
-import TileLayer from './TileLayer';
-import TileSet from './TileSet';
-import { log } from '../Logger';
+import ImageLayer from './ImageLayer.js';
+import TileLayer from './TileLayer.js';
+import TileSet from './TileSet.js';
+import { log } from '../Logger.js';
 import { TiledLayerType } from '@rpgjs/tiled';
 import { Container, Graphics } from 'pixi.js';
 const { intersection } = Utils;

package/lib/clientEntryPoint.d.ts

@@ -1,5 +1,5 @@
 import { ModuleType } from '@rpgjs/common';
-import { RpgClientEngine } from './RpgClientEngine';
+import { RpgClientEngine } from './RpgClientEngine.js';
 interface RpgClientEntryPointOptions {
     /**
      * Represents socket io client but you can put something else (which is the same schema as socket io)

package/lib/clientEntryPoint.js

@@ -1,6 +1,6 @@
 import { HookClient, loadModules } from '@rpgjs/common';
-import { GameEngineClient } from './GameEngine';
-import { RpgClientEngine } from './RpgClientEngine';
+import { GameEngineClient } from './GameEngine.js';
+import { RpgClientEngine } from './RpgClientEngine.js';
 export default (modules, options) => {
     if (!options.globalConfig)
         options.globalConfig = {};

package/lib/index.d.ts

@@ -1,21 +1,21 @@
 export { Direction, Control, Input, PrebuiltGui, HookServer, HookClient, RpgPlugin, RpgModule, RpgCommonPlayer as RpgSpriteLogic } from '@rpgjs/common';
-export { default as entryPoint } from './clientEntryPoint';
-export { RpgClient, RpgSceneHooks, RpgSceneMapHooks, RpgSpriteHooks, RpgClientEngineHooks } from './RpgClient';
-export { Scene as RpgScene } from './Scene/Scene';
-export { RpgClientEngine } from './RpgClientEngine';
-export { Spritesheet } from './Sprite/Spritesheet';
-export { Sound } from './Sound/Sound';
+export { default as entryPoint } from './clientEntryPoint.js';
+export { RpgClient, RpgSceneHooks, RpgSceneMapHooks, RpgSpriteHooks, RpgClientEngineHooks } from './RpgClient.js';
+export { Scene as RpgScene } from './Scene/Scene.js';
+export { RpgClientEngine } from './RpgClientEngine.js';
+export { Spritesheet } from './Sprite/Spritesheet.js';
+export { Sound } from './Sound/Sound.js';
 export { Howler as RpgGlobalSound } from 'howler';
-export { RpgSound } from './Sound/RpgSound';
-export * as Presets from './Presets/AnimationSpritesheet';
-export { Animation } from './Effects/AnimationCharacter';
-export { Animation as AnimationClass } from './Effects/Animation';
-export { ISpriteCharacter } from './Interfaces/Character';
-export { SceneData } from './Scene/SceneData';
-export { SceneMap as RpgSceneMap } from './Scene/Map';
-export { RpgGui } from './RpgGui';
-export { Timeline, Ease } from './Effects/Timeline';
-export { RpgComponent, RpgComponent as RpgSprite } from './Components/Component';
+export { RpgSound } from './Sound/RpgSound.js';
+export * as Presets from './Presets/AnimationSpritesheet.js';
+export { Animation } from './Effects/AnimationCharacter.js';
+export { Animation as AnimationClass } from './Effects/Animation.js';
+export { ISpriteCharacter } from './Interfaces/Character.js';
+export { SceneData } from './Scene/SceneData.js';
+export { SceneMap as RpgSceneMap } from './Scene/Map.js';
+export { RpgGui } from './RpgGui.js';
+export { Timeline, Ease } from './Effects/Timeline.js';
+export { RpgComponent, RpgComponent as RpgSprite } from './Components/Component.js';
 export declare const RpgResource: {
     spritesheets: Map<string, any>;
     sounds: Map<any, any>;

package/lib/index.js

@@ -1,21 +1,21 @@
 export { Direction, Control, Input, PrebuiltGui, HookServer, HookClient, RpgPlugin, RpgModule, RpgCommonPlayer as RpgSpriteLogic } from '@rpgjs/common';
-export { default as entryPoint } from './clientEntryPoint';
-export { Scene as RpgScene } from './Scene/Scene';
-export { RpgClientEngine } from './RpgClientEngine';
-export { Spritesheet } from './Sprite/Spritesheet';
-export { Sound } from './Sound/Sound';
+export { default as entryPoint } from './clientEntryPoint.js';
+export { Scene as RpgScene } from './Scene/Scene.js';
+export { RpgClientEngine } from './RpgClientEngine.js';
+export { Spritesheet } from './Sprite/Spritesheet.js';
+export { Sound } from './Sound/Sound.js';
 export { Howler as RpgGlobalSound } from 'howler';
-export { RpgSound } from './Sound/RpgSound';
-export * as Presets from './Presets/AnimationSpritesheet';
-export { Animation } from './Effects/AnimationCharacter';
-export { Animation as AnimationClass } from './Effects/Animation';
-export { SceneData } from './Scene/SceneData';
-export { SceneMap as RpgSceneMap } from './Scene/Map';
-export { RpgGui } from './RpgGui';
-export { Timeline, Ease } from './Effects/Timeline';
-export { RpgComponent, RpgComponent as RpgSprite } from './Components/Component';
-import { spritesheets } from './Sprite/Spritesheets';
-import { sounds } from './Sound/Sounds';
+export { RpgSound } from './Sound/RpgSound.js';
+export * as Presets from './Presets/AnimationSpritesheet.js';
+export { Animation } from './Effects/AnimationCharacter.js';
+export { Animation as AnimationClass } from './Effects/Animation.js';
+export { SceneData } from './Scene/SceneData.js';
+export { SceneMap as RpgSceneMap } from './Scene/Map.js';
+export { RpgGui } from './RpgGui.js';
+export { Timeline, Ease } from './Effects/Timeline.js';
+export { RpgComponent, RpgComponent as RpgSprite } from './Components/Component.js';
+import { spritesheets } from './Sprite/Spritesheets.js';
+import { sounds } from './Sound/Sounds.js';
 export const RpgResource = {
     spritesheets,
     sounds

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rpgjs/client",
-  "version": "4.0.0-beta.3",
+  "version": "4.0.0-beta.4",
   "description": "",
   "main": "lib/index.js",
   "types": "./lib/index.d.ts",
@@ -16,9 +16,9 @@
   "license": "MIT",
   "dependencies": {
     "@pixi/tilemap": "^4.0.0",
-    "@rpgjs/common": "^4.0.0-beta.3",
-    "@rpgjs/tiled": "^4.0.0-beta.3",
-    "@rpgjs/types": "^4.0.0-beta.3",
+    "@rpgjs/common": "^4.0.0-beta.4",
+    "@rpgjs/tiled": "^4.0.0-beta.4",
+    "@rpgjs/types": "^4.0.0-beta.4",
     "@types/howler": "2.2.7",
     "howler": "2.2.3",
     "lodash.get": "^4.4.2",
@@ -29,7 +29,7 @@
     "simple-room-client": "^2.0.3",
     "vue": "^3.2.47"
   },
-  "gitHead": "952bdc2cecd04ad8dd9341ca0d51bf64efcd2bab",
+  "gitHead": "20c8697cc462bf2a1811bc0ff288dc421f8234f3",
   "devDependencies": {
     "@types/css-font-loading-module": "^0.0.8",
     "@types/node": "^18.16.0",