pixi-fusion 2.2.0 → 2.2.1

package/dist/src/assets-manager/AssetsManager.js

@@ -1,6 +1,6 @@
 import React, { useCallback, useEffect, useMemo, useState } from "react";
 import { Assets } from "pixi.js";
-import { AssetsManagerContext } from "./AssetsManager.context";
+import { AssetsManagerContext } from "./AssetsManager.context.js";
 export const AssetsManager = ({ children }) => {
     const [isFetching, setIsFetching] = useState(false);
     const [isFetched, setIsFetched] = useState(false);

package/dist/src/assets-manager/index.d.ts

@@ -1,3 +1,3 @@
-export * from "./AssetsManager";
-export * from "./AssetsManager.context";
-export * from "./useAssetManager";
+export * from "./AssetsManager.js";
+export * from "./AssetsManager.context.js";
+export * from "./useAssetManager.js";

package/dist/src/assets-manager/index.js

@@ -1,3 +1,3 @@
-export * from "./AssetsManager";
-export * from "./AssetsManager.context";
-export * from "./useAssetManager";
+export * from "./AssetsManager.js";
+export * from "./AssetsManager.context.js";
+export * from "./useAssetManager.js";

package/dist/src/assets-manager/useAssetManager.d.ts

@@ -1 +1 @@
-export declare const useAssetManager: () => import("./AssetsManager.context").AssetsManagerContextValue;
+export declare const useAssetManager: () => import("./AssetsManager.context.js").AssetsManagerContextValue;

package/dist/src/assets-manager/useAssetManager.js

@@ -1,5 +1,5 @@
 import { useContext } from "react";
-import { AssetsManagerContext } from "./AssetsManager.context";
+import { AssetsManagerContext } from "./AssetsManager.context.js";
 export const useAssetManager = () => {
     return useContext(AssetsManagerContext);
 };

package/dist/src/camera/Camera.js

@@ -1,9 +1,10 @@
 import React, { useCallback, useEffect, useMemo, useState } from "react";
 import { Viewport as ViewportContainer } from "pixi-viewport";
-import { Layer } from "../layer";
-import { useStage, useWorld } from "../hooks";
-import { LayerContext } from "../layer/Layer.context";
-import { CameraContext } from "./Camera.context";
+import { Layer } from "../layer/Layer.js";
+import { useStage } from "../hooks/useStage.js";
+import { useWorld } from "../hooks/useWorld.js";
+import { LayerContext } from "../layer/Layer.context.js";
+import { CameraContext } from "./Camera.context.js";
 export const Camera = ({ children, clampZoom }) => {
     const [isReady, setIsReady] = useState(false);
     const [followContainer, setFollowContainer] = useState(null);

package/dist/src/camera/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./Camera";
-export * from "./Camera.context";
+export * from "./Camera.js";
+export * from "./Camera.context.js";

package/dist/src/camera/index.js

@@ -1,2 +1,2 @@
-export * from "./Camera";
-export * from "./Camera.context";
+export * from "./Camera.js";
+export * from "./Camera.context.js";

package/dist/src/game-context/Game.context.d.ts

@@ -1,5 +1,5 @@
 import React, { PropsWithChildren } from "react";
-import { GameStatus, GameStatusChangeEvent } from "../types";
+import { GameStatus, GameStatusChangeEvent } from "../types.js";
 export type GameContextValue = {
     readonly reset: () => void;
     readonly start: () => void;

package/dist/src/game-context/Game.context.js

@@ -1,5 +1,5 @@
 import React, { createContext, useCallback, useMemo, useRef, useState } from "react";
-import { GameStatus } from "../types";
+import { GameStatus } from "../types.js";
 export const GameContext = createContext({
     reset: () => { },
     pause: () => { },

package/dist/src/game-context/index.d.ts

@@ -1 +1 @@
-export * from "./Game.context";
+export * from "./Game.context.js";

package/dist/src/game-context/index.js

@@ -1 +1 @@
-export * from "./Game.context";
+export * from "./Game.context.js";

package/dist/src/game-objects/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./usePhysicalObject";
-export * from "./useWalls";
+export * from "./usePhysicalObject.js";
+export * from "./useWalls.js";

package/dist/src/game-objects/index.js

@@ -1,2 +1,2 @@
-export * from "./usePhysicalObject";
-export * from "./useWalls";
+export * from "./usePhysicalObject.js";
+export * from "./useWalls.js";

package/dist/src/game-objects/usePhysicalObject.d.ts

@@ -1,5 +1,5 @@
 import { Body, Composite } from "matter-js";
-import { Nullable } from "../types";
+import { Nullable } from "../types.js";
 export declare const usePhysicalObject: ({ physicalObject }: {
     physicalObject: Nullable<Body | Composite>;
 }) => {

package/dist/src/game-objects/usePhysicalObject.js

@@ -1,5 +1,5 @@
 import { useContext, useEffect } from "react";
-import { MatterPhysicsContext } from "../physics";
+import { MatterPhysicsContext } from "../physics/MatterPhysics.context.js";
 export const usePhysicalObject = ({ physicalObject }) => {
     const { addBody, removeBody } = useContext(MatterPhysicsContext);
     useEffect(() => {

package/dist/src/game-objects/usePhysicalObjectFromConfig.d.ts

@@ -1,6 +1,6 @@
 import { Body } from "matter-js";
-import { Nullable } from "../types";
-import { GameObjectPhysicalObjectConfig } from "./GameObjectPhysicalObjectConfig";
+import { Nullable } from "../types.js";
+import { GameObjectPhysicalObjectConfig } from "./GameObjectPhysicalObjectConfig.js";
 export declare const usePhysicalObjectFromConfig: <PhysicalObjectType extends Nullable<Body> = Body>({ position, ...physicalObjectConfig }: GameObjectPhysicalObjectConfig) => {
     physicalObject: PhysicalObjectType;
 };

package/dist/src/game-objects/usePhysicalObjectFromConfig.js

@@ -1,6 +1,6 @@
 import { Body } from "matter-js";
 import { useMemo } from "react";
-import { usePhysicalObject } from "./usePhysicalObject";
+import { usePhysicalObject } from "./usePhysicalObject.js";
 export const usePhysicalObjectFromConfig = ({ position = { x: 0, y: 0 }, ...physicalObjectConfig }) => {
     const physicalObject = useMemo(() => {
         if (physicalObjectConfig) {

package/dist/src/game-objects/useWalls.js

@@ -1,6 +1,6 @@
 import { useContext, useEffect, useMemo } from "react";
 import { Bodies, Composite } from "matter-js";
-import { MatterPhysicsContext } from "../physics/MatterPhysics.context";
+import { MatterPhysicsContext } from "../physics/MatterPhysics.context.js";
 const DEFAULT_WALL_CONFIG = {
     thikness: 10
 };

package/dist/src/hooks/index.d.ts

@@ -1,12 +1,12 @@
-export * from "./useGlobalEventHandler";
-export * from "./useStage";
-export * from "./useTickerCallback";
-export * from "./useWorld";
-export * from "./useLayerContext";
-export * from "./useSprite";
-export * from "./useAnimatedSprite";
-export * from "./useTexture";
-export * from "./useGame";
-export * from "./useTilingSprite";
-export * from "./useCamera";
-export * from "./useCollisionDetection";
+export * from "./useGlobalEventHandler.js";
+export * from "./useStage.js";
+export * from "./useTickerCallback.js";
+export * from "./useWorld.js";
+export * from "./useLayerContext.js";
+export * from "./useSprite.js";
+export * from "./useAnimatedSprite.js";
+export * from "./useTexture.js";
+export * from "./useGame.js";
+export * from "./useTilingSprite.js";
+export * from "./useCamera.js";
+export * from "./useCollisionDetection.js";

package/dist/src/hooks/index.js

@@ -1,12 +1,12 @@
-export * from "./useGlobalEventHandler";
-export * from "./useStage";
-export * from "./useTickerCallback";
-export * from "./useWorld";
-export * from "./useLayerContext";
-export * from "./useSprite";
-export * from "./useAnimatedSprite";
-export * from "./useTexture";
-export * from "./useGame";
-export * from "./useTilingSprite";
-export * from "./useCamera";
-export * from "./useCollisionDetection";
+export * from "./useGlobalEventHandler.js";
+export * from "./useStage.js";
+export * from "./useTickerCallback.js";
+export * from "./useWorld.js";
+export * from "./useLayerContext.js";
+export * from "./useSprite.js";
+export * from "./useAnimatedSprite.js";
+export * from "./useTexture.js";
+export * from "./useGame.js";
+export * from "./useTilingSprite.js";
+export * from "./useCamera.js";
+export * from "./useCollisionDetection.js";

package/dist/src/hooks/useAnimatedSprite.js

@@ -1,7 +1,7 @@
 import { useEffect, useMemo } from "react";
 import { AnimatedSprite, Spritesheet } from "pixi.js";
-import { useTextures } from "./useTexture";
-import { useObject } from "./useObject";
+import { useTextures } from "./useTexture.js";
+import { useObject } from "./useObject.js";
 export const useAnimatedSprite = ({ texture, spritesheet: spritesheetJSON, animation, animationSpeed = 1, isPlaying, ...options }) => {
     const textureKeys = useMemo(() => {
         return [...(texture ? [texture] : [])];

package/dist/src/hooks/useCamera.d.ts

@@ -1 +1 @@
-export declare const useCamera: () => import("..").CameraContextValue;
+export declare const useCamera: () => import("../index.js").CameraContextValue;

package/dist/src/hooks/useCamera.js

@@ -1,5 +1,5 @@
 import { useContext } from "react";
-import { CameraContext } from "../camera";
+import { CameraContext } from "../camera/Camera.context.js";
 export const useCamera = () => {
     return useContext(CameraContext);
 };

package/dist/src/hooks/useCollisionDetection.js

@@ -1,5 +1,5 @@
 import { useCallback } from "react";
-import { useTickerCallback } from "./useTickerCallback";
+import { useTickerCallback } from "./useTickerCallback.js";
 export const useCollisionDetection = ({ objectA, objectB, onCollide, isEnabled }) => {
     const testForAABB = useCallback(() => {
         if (!objectA || !objectB) {

package/dist/src/hooks/useGame.d.ts

@@ -1 +1 @@
-export declare const useGame: () => import("..").GameContextValue;
+export declare const useGame: () => import("../index.js").GameContextValue;

package/dist/src/hooks/useGame.js

@@ -1,5 +1,5 @@
 import { useContext } from "react";
-import { GameContext } from "../game-context";
+import { GameContext } from "../game-context/Game.context.js";
 export const useGame = () => {
     return useContext(GameContext);
 };

package/dist/src/hooks/useLayerContext.d.ts

@@ -1 +1 @@
-export declare const useLayerContext: () => import("../layer/Layer.context").LayerContextValue;
+export declare const useLayerContext: () => import("../layer/Layer.context.js").LayerContextValue;

package/dist/src/hooks/useLayerContext.js

@@ -1,5 +1,5 @@
 import { useContext } from "react";
-import { LayerContext } from "../layer/Layer.context";
+import { LayerContext } from "../layer/Layer.context.js";
 export const useLayerContext = () => {
     return useContext(LayerContext);
 };

package/dist/src/hooks/useObject.js

@@ -1,5 +1,5 @@
 import { useEffect } from "react";
-import { useLayerContext } from "./useLayerContext";
+import { useLayerContext } from "./useLayerContext.js";
 export const useObject = ({ object, anchor, position, skew, scale, width, angle, alpha, visible = true }) => {
     const { addObject, removeObject } = useLayerContext();
     useEffect(() => {

package/dist/src/hooks/useSprite.js

@@ -1,7 +1,7 @@
 import { useMemo } from "react";
 import { Sprite } from "pixi.js";
-import { useTextures } from "./useTexture";
-import { useObject } from "./useObject";
+import { useTextures } from "./useTexture.js";
+import { useObject } from "./useObject.js";
 export const useSprite = ({ texture = "", ...options }) => {
     const textureKeys = useMemo(() => {
         return [...(texture ? [texture] : [])];

package/dist/src/hooks/useStage.d.ts

@@ -1 +1 @@
-export declare const useStage: () => import("../stage/Stage.context").StageContextValue;
+export declare const useStage: () => import("../stage/Stage.context.js").StageContextValue;

package/dist/src/hooks/useStage.js

@@ -1,5 +1,5 @@
 import { useContext } from "react";
-import { StageContext } from "../stage/Stage.context";
+import { StageContext } from "../stage/Stage.context.js";
 export const useStage = () => {
     return useContext(StageContext);
 };

package/dist/src/hooks/useTexture.js

@@ -1,5 +1,5 @@
 import { useMemo } from "react";
-import { useAssetManager } from "../assets-manager";
+import { useAssetManager } from "../assets-manager/useAssetManager.js";
 export const useTextures = ({ keys = [] }) => {
     const { getAsset, isFetched, isFetching, isError } = useAssetManager();
     const textures = useMemo(() => {

package/dist/src/hooks/useTickerCallback.js

@@ -1,5 +1,5 @@
 import { useEffect } from "react";
-import { useWorld } from ".";
+import { useWorld } from "./useWorld.js";
 export const useTickerCallback = ({ isEnabled = true, callback }) => {
     const { application } = useWorld();
     useEffect(() => {

package/dist/src/hooks/useTilingSprite.js

@@ -1,7 +1,7 @@
 import { useEffect, useMemo } from "react";
 import { TilingSprite } from "pixi.js";
-import { useTextures } from "./useTexture";
-import { useObject } from "./useObject";
+import { useTextures } from "./useTexture.js";
+import { useObject } from "./useObject.js";
 export const useTilingSprite = ({ texture = "", tilePosition, ...options }) => {
     const textureKeys = useMemo(() => {
         return [...(texture ? [texture] : [])];

package/dist/src/hooks/useWorld.d.ts

@@ -1 +1 @@
-export declare const useWorld: () => import("..").WorldContextValue;
+export declare const useWorld: () => import("../index.js").WorldContextValue;

package/dist/src/hooks/useWorld.js

@@ -1,5 +1,5 @@
 import { useContext } from "react";
-import { WorldContext } from "../world/World.context";
+import { WorldContext } from "../world/World.context.js";
 export const useWorld = () => {
     return useContext(WorldContext);
 };

package/dist/src/index.d.ts

@@ -1,9 +1,9 @@
-export * from "./game-context";
-export * from "./world";
-export * from "./camera";
-export * from "./layer";
-export * from "./assets-manager";
-export * from "./game-objects";
-export * from "./physics";
-export * from "./types";
-export * from "./hooks";
+export * from "./game-context/index.js";
+export * from "./world/index.js";
+export * from "./camera/index.js";
+export * from "./layer/index.js";
+export * from "./assets-manager/index.js";
+export * from "./game-objects/index.js";
+export * from "./physics/index.js";
+export * from "./types.js";
+export * from "./hooks/index.js";

package/dist/src/index.js

@@ -1,9 +1,9 @@
-export * from "./game-context";
-export * from "./world";
-export * from "./camera";
-export * from "./layer";
-export * from "./assets-manager";
-export * from "./game-objects";
-export * from "./physics";
-export * from "./types";
-export * from "./hooks";
+export * from "./game-context/index.js";
+export * from "./world/index.js";
+export * from "./camera/index.js";
+export * from "./layer/index.js";
+export * from "./assets-manager/index.js";
+export * from "./game-objects/index.js";
+export * from "./physics/index.js";
+export * from "./types.js";
+export * from "./hooks/index.js";

package/dist/src/layer/Layer.js

@@ -1,7 +1,7 @@
 import React, { useCallback, useContext, useEffect, useMemo } from "react";
 import { Container } from "pixi.js";
-import { StageContext } from "../stage/Stage.context";
-import { LayerContext } from "./Layer.context";
+import { StageContext } from "../stage/Stage.context.js";
+import { LayerContext } from "./Layer.context.js";
 export const Layer = ({ options, children }) => {
     const { addObject: addObjectIntoStage, removeObject: removeObjectFromStaeg } = useContext(StageContext);
     const { addObject: addObjectIntoParent, removeObject: removeObjectFromParent } = useContext(LayerContext);

package/dist/src/layer/index.d.ts

@@ -1 +1 @@
-export * from "./Layer";
+export * from "./Layer.js";

package/dist/src/layer/index.js

@@ -1 +1 @@
-export * from "./Layer";
+export * from "./Layer.js";

package/dist/src/physics/MatterPhysics.context.d.ts

@@ -1,5 +1,5 @@
 import React, { PropsWithChildren } from "react";
-import { MatterPhysicsConfig, MatterPhysics } from "./types";
+import { MatterPhysicsConfig, MatterPhysics } from "./types.js";
 export type MatterPhysicsContextProviderOptions = {
     isRunning?: boolean;
     config: MatterPhysicsConfig;

package/dist/src/physics/index.d.ts

@@ -1,4 +1,4 @@
-export * from "./MatterPhysics.context";
-export * from "./useCollisionEventHandler";
-export * from "./usePhysicsTickerCallback";
-export * from "./usePhysicsEngineEventHandler";
+export * from "./MatterPhysics.context.js";
+export * from "./useCollisionEventHandler.js";
+export * from "./usePhysicsTickerCallback.js";
+export * from "./usePhysicsEngineEventHandler.js";

package/dist/src/physics/index.js

@@ -1,4 +1,4 @@
-export * from "./MatterPhysics.context";
-export * from "./useCollisionEventHandler";
-export * from "./usePhysicsTickerCallback";
-export * from "./usePhysicsEngineEventHandler";
+export * from "./MatterPhysics.context.js";
+export * from "./useCollisionEventHandler.js";
+export * from "./usePhysicsTickerCallback.js";
+export * from "./usePhysicsEngineEventHandler.js";

package/dist/src/physics/useCollisionEventHandler.js

@@ -1,6 +1,6 @@
 import { useEffect, useContext } from "react";
 import { Events } from "matter-js";
-import { MatterPhysicsContext } from "./MatterPhysics.context";
+import { MatterPhysicsContext } from "./MatterPhysics.context.js";
 export const useCollisionEventHandler = ({ isEnabled = true, event, callback }) => {
     const { engine } = useContext(MatterPhysicsContext);
     useEffect(() => {

package/dist/src/physics/usePhysicsEngineEventHandler.js

@@ -1,6 +1,6 @@
 import { useEffect, useContext } from "react";
 import { Events } from "matter-js";
-import { MatterPhysicsContext } from "./MatterPhysics.context";
+import { MatterPhysicsContext } from "./MatterPhysics.context.js";
 export const usePhysicsEngineEventHandler = ({ isEnabled = true, event, callback }) => {
     const { engine } = useContext(MatterPhysicsContext);
     useEffect(() => {

package/dist/src/physics/usePhysicsTickerCallback.js

@@ -1,6 +1,6 @@
 import { useEffect, useContext } from "react";
 import { Events } from "matter-js";
-import { MatterPhysicsContext } from "./MatterPhysics.context";
+import { MatterPhysicsContext } from "./MatterPhysics.context.js";
 export const usePhysicsTickerCallback = ({ isEnabled = true, callback }) => {
     const { runner } = useContext(MatterPhysicsContext);
     useEffect(() => {

package/dist/src/stage/Stage.js

@@ -1,7 +1,7 @@
 import React, { useCallback, useEffect, useMemo, useState } from "react";
-import { useWorld } from "../hooks";
-import { Layer } from "../layer";
-import { StageContext } from "./Stage.context";
+import { useWorld } from "../hooks/useWorld.js";
+import { Layer } from "../layer/Layer.js";
+import { StageContext } from "./Stage.context.js";
 export const Stage = ({ children }) => {
     const { application } = useWorld();
     const [things, setThings] = useState([]);

package/dist/src/stage/index.d.ts

@@ -1 +1 @@
-export * from "./Stage";
+export * from "./Stage.js";

package/dist/src/stage/index.js

@@ -1 +1 @@
-export * from "./Stage";
+export * from "./Stage.js";

package/dist/src/world/World.js

@@ -1,8 +1,8 @@
 import React, { createRef, useCallback, useEffect, useLayoutEffect, useMemo, useState } from "react";
 import { Application } from "pixi.js";
-import { Stage } from "../stage";
-import { AssetsManager } from "../assets-manager";
-import { WorldContext } from "./World.context";
+import { Stage } from "../stage/Stage.js";
+import { AssetsManager } from "../assets-manager/AssetsManager.js";
+import { WorldContext } from "./World.context.js";
 export const World = ({ children, eventMode, size }) => {
     const canvasRef = createRef();
     const [applicationRef, setApplicationRef] = useState(null);

package/dist/src/world/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./World.context";
-export * from "./World";
+export * from "./World.context.js";
+export * from "./World.js";

package/dist/src/world/index.js

@@ -1,2 +1,2 @@
-export * from "./World.context";
-export * from "./World";
+export * from "./World.context.js";
+export * from "./World.js";

package/package.json

@@ -8,7 +8,7 @@
         "@types/matter-js": "^0.20.2",
         "matter-js": "^0.20.0",
         "pixi-viewport": "^6.0.3",
-        "pixi.js": "^8.14.0"
+        "pixi.js": "^8.14.3"
     },
     "peerDependencies": {
         "react": "^19.x.x"
@@ -16,11 +16,11 @@
     "devDependencies": {
         "@eslint-community/eslint-plugin-eslint-comments": "^4.5.0",
         "@eslint/js": "9.39.1",
-        "@types/react": "^19.2.2",
-        "eslint": "^9.39.1",
+        "@types/react": "^19.2.7",
+        "eslint": "^9.39.2",
         "eslint-config-prettier": "^10.1.8",
         "eslint-plugin-import": "^2.32.0",
-        "eslint-plugin-jest": "^29.0.1",
+        "eslint-plugin-jest": "^29.10.1",
         "eslint-plugin-jsonc": "^2.21.0",
         "eslint-plugin-prettier": "^5.5.4",
         "eslint-plugin-react": "^7.37.5",
@@ -28,12 +28,12 @@
         "husky": "^9.1.7",
         "jest": "^30.2.0",
         "jest-watch-typeahead": "^3.0.1",
-        "lint-staged": "^16.2.6",
+        "lint-staged": "^16.2.7",
         "react-app-polyfill": "^3.0.0",
-        "ts-jest": "^29.4.5",
+        "ts-jest": "^29.4.6",
         "ts-node": "^10.9.2",
         "typescript": "^5.9.3",
-        "typescript-eslint": "^8.46.3"
+        "typescript-eslint": "^8.50.1"
     },
     "description": "This module offers a set of common components needed for playing games.",
     "keywords": [
@@ -71,6 +71,6 @@
         "build": "tsc",
         "build:dev": "tsc -w"
     },
-    "version": "2.2.0",
+    "version": "2.2.1",
     "webpack": "./src/index.ts"
 }

package/src/assets-manager/AssetsManager.tsx

@@ -1,6 +1,6 @@
 import React, { PropsWithChildren, useCallback, useEffect, useMemo, useState } from "react";
 import { Assets } from "pixi.js";
-import { Asset, AssetsManagerContext, AssetsManagerContextValue } from "./AssetsManager.context";
+import { Asset, AssetsManagerContext, AssetsManagerContextValue } from "./AssetsManager.context.js";
 
 export const AssetsManager: React.FC<PropsWithChildren> = ({ children }) => {
     const [isFetching, setIsFetching] = useState(false);

package/src/assets-manager/index.ts

@@ -1,3 +1,3 @@
-export * from "./AssetsManager";
-export * from "./AssetsManager.context";
-export * from "./useAssetManager";
+export * from "./AssetsManager.js";
+export * from "./AssetsManager.context.js";
+export * from "./useAssetManager.js";

package/src/assets-manager/useAssetManager.ts

@@ -1,6 +1,6 @@
 import { useContext } from "react";
 
-import { AssetsManagerContext } from "./AssetsManager.context";
+import { AssetsManagerContext } from "./AssetsManager.context.js";
 
 export const useAssetManager = () => {
     return useContext(AssetsManagerContext);

package/src/camera/Camera.tsx

@@ -1,11 +1,12 @@
 import React, { PropsWithChildren, useCallback, useEffect, useMemo, useState } from "react";
 import { Container } from "pixi.js";
 import { Viewport as ViewportContainer } from "pixi-viewport";
-import { StageContextValue } from "../stage/Stage.context";
-import { Layer } from "../layer";
-import { useStage, useWorld } from "../hooks";
-import { LayerContext } from "../layer/Layer.context";
-import { CameraContext, EnsureVisibleOptions } from "./Camera.context";
+import { StageContextValue } from "../stage/Stage.context.js";
+import { Layer } from "../layer/Layer.js";
+import { useStage } from "../hooks/useStage.js";
+import { useWorld } from "../hooks/useWorld.js";
+import { LayerContext } from "../layer/Layer.context.js";
+import { CameraContext, EnsureVisibleOptions } from "./Camera.context.js";
 
 type CameraProps = {
     clampZoom?: Parameters<ViewportContainer["clampZoom"]>[0];

package/src/camera/index.ts

@@ -1,2 +1,2 @@
-export * from "./Camera";
-export * from "./Camera.context";
+export * from "./Camera.js";
+export * from "./Camera.context.js";

package/src/game-context/Game.context.tsx

@@ -1,5 +1,5 @@
 import React, { PropsWithChildren, createContext, useCallback, useMemo, useRef, useState } from "react";
-import { GameStatus, GameStatusChangeEvent } from "../types";
+import { GameStatus, GameStatusChangeEvent } from "../types.js";
 
 export type GameContextValue = {
     readonly reset: () => void;

package/src/game-context/index.ts

@@ -1 +1 @@
-export * from "./Game.context";
+export * from "./Game.context.js";

package/src/game-objects/index.ts

@@ -1,2 +1,2 @@
-export * from "./usePhysicalObject";
-export * from "./useWalls";
+export * from "./usePhysicalObject.js";
+export * from "./useWalls.js";

package/src/game-objects/usePhysicalObject.ts

@@ -1,7 +1,7 @@
 import { Body, Composite } from "matter-js";
 import { useContext, useEffect } from "react";
-import { MatterPhysicsContext } from "../physics";
-import { Nullable } from "../types";
+import { MatterPhysicsContext } from "../physics/MatterPhysics.context.js";
+import { Nullable } from "../types.js";
 
 export const usePhysicalObject = ({ physicalObject }: { physicalObject: Nullable<Body | Composite> }) => {
     const { addBody, removeBody } = useContext(MatterPhysicsContext);

package/src/game-objects/usePhysicalObjectFromConfig.ts

@@ -1,8 +1,8 @@
 import { Body } from "matter-js";
 import { useMemo } from "react";
-import { Nullable } from "../types";
-import { GameObjectPhysicalObjectConfig } from "./GameObjectPhysicalObjectConfig";
-import { usePhysicalObject } from "./usePhysicalObject";
+import { Nullable } from "../types.js";
+import { GameObjectPhysicalObjectConfig } from "./GameObjectPhysicalObjectConfig.js";
+import { usePhysicalObject } from "./usePhysicalObject.js";
 
 export const usePhysicalObjectFromConfig = <PhysicalObjectType extends Nullable<Body> = Body>({
     position = { x: 0, y: 0 },

package/src/game-objects/useWalls.ts

@@ -1,6 +1,6 @@
 import { useContext, useEffect, useMemo } from "react";
 import { Bodies, Body, Composite } from "matter-js";
-import { MatterPhysicsContext } from "../physics/MatterPhysics.context";
+import { MatterPhysicsContext } from "../physics/MatterPhysics.context.js";
 
 type WallOptions = {
     thikness: number;

package/src/hooks/index.ts

@@ -1,12 +1,12 @@
-export * from "./useGlobalEventHandler";
-export * from "./useStage";
-export * from "./useTickerCallback";
-export * from "./useWorld";
-export * from "./useLayerContext";
-export * from "./useSprite";
-export * from "./useAnimatedSprite";
-export * from "./useTexture";
-export * from "./useGame";
-export * from "./useTilingSprite";
-export * from "./useCamera";
-export * from "./useCollisionDetection";
+export * from "./useGlobalEventHandler.js";
+export * from "./useStage.js";
+export * from "./useTickerCallback.js";
+export * from "./useWorld.js";
+export * from "./useLayerContext.js";
+export * from "./useSprite.js";
+export * from "./useAnimatedSprite.js";
+export * from "./useTexture.js";
+export * from "./useGame.js";
+export * from "./useTilingSprite.js";
+export * from "./useCamera.js";
+export * from "./useCollisionDetection.js";

package/src/hooks/useAnimatedSprite.ts

@@ -1,8 +1,8 @@
 import { useEffect, useMemo } from "react";
 
 import { AnimatedSprite, AnimatedSpriteOptions, Spritesheet, SpritesheetData } from "pixi.js";
-import { useTextures } from "./useTexture";
-import { useObject } from "./useObject";
+import { useTextures } from "./useTexture.js";
+import { useObject } from "./useObject.js";
 
 type UseAnimatedSpriteOptions = Omit<AnimatedSpriteOptions, "textures" | "texture"> & {
     texture: string;

package/src/hooks/useCamera.ts

@@ -1,5 +1,5 @@
 import { useContext } from "react";
-import { CameraContext } from "../camera";
+import { CameraContext } from "../camera/Camera.context.js";
 
 export const useCamera = () => {
     return useContext(CameraContext);

package/src/hooks/useCollisionDetection.ts

@@ -1,6 +1,6 @@
 import { Container } from "pixi.js";
 import { useCallback } from "react";
-import { useTickerCallback } from "./useTickerCallback";
+import { useTickerCallback } from "./useTickerCallback.js";
 
 type UseCollisionDetectionOptions = {
     objectA?: Container | null;

package/src/hooks/useGame.ts

@@ -1,5 +1,5 @@
 import { useContext } from "react";
-import { GameContext } from "../game-context";
+import { GameContext } from "../game-context/Game.context.js";
 
 export const useGame = () => {
     return useContext(GameContext);

package/src/hooks/useLayerContext.ts

@@ -1,5 +1,5 @@
 import { useContext } from "react";
-import { LayerContext } from "../layer/Layer.context";
+import { LayerContext } from "../layer/Layer.context.js";
 
 export const useLayerContext = () => {
     return useContext(LayerContext);

package/src/hooks/useObject.ts

@@ -1,6 +1,6 @@
 import { Sprite, SpriteOptions, TilingSprite } from "pixi.js";
 import { useEffect } from "react";
-import { useLayerContext } from "./useLayerContext";
+import { useLayerContext } from "./useLayerContext.js";
 
 type UseObjectOptions = Omit<SpriteOptions, "texture"> & {
     object: Sprite | TilingSprite | null;

package/src/hooks/useSprite.ts

@@ -1,8 +1,8 @@
 import { useMemo } from "react";
 
 import { Sprite, SpriteOptions } from "pixi.js";
-import { useTextures } from "./useTexture";
-import { useObject } from "./useObject";
+import { useTextures } from "./useTexture.js";
+import { useObject } from "./useObject.js";
 
 type UseSpriteOptions = Omit<SpriteOptions, "texture"> & {
     texture: string;

package/src/hooks/useStage.ts

@@ -1,6 +1,6 @@
 import { useContext } from "react";
 
-import { StageContext } from "../stage/Stage.context";
+import { StageContext } from "../stage/Stage.context.js";
 
 export const useStage = () => {
     return useContext(StageContext);

package/src/hooks/useTexture.ts

@@ -1,7 +1,7 @@
 import { useMemo } from "react";
 
 import { Texture } from "pixi.js";
-import { useAssetManager } from "../assets-manager";
+import { useAssetManager } from "../assets-manager/useAssetManager.js";
 
 export const useTextures = ({ keys = [] }: { keys?: string[] }) => {
     const { getAsset, isFetched, isFetching, isError } = useAssetManager();

package/src/hooks/useTickerCallback.ts

@@ -1,7 +1,7 @@
 import { useEffect } from "react";
 import { TickerCallback } from "pixi.js";
 
-import { useWorld } from ".";
+import { useWorld } from "./useWorld.js";
 
 export const useTickerCallback = <T = unknown>({
     isEnabled = true,

package/src/hooks/useTilingSprite.ts

@@ -1,8 +1,8 @@
 import { useEffect, useMemo } from "react";
 
 import { TilingSpriteOptions, TilingSprite } from "pixi.js";
-import { useTextures } from "./useTexture";
-import { useObject } from "./useObject";
+import { useTextures } from "./useTexture.js";
+import { useObject } from "./useObject.js";
 
 type UseTilingSpriteOptions = Omit<TilingSpriteOptions, "texture"> & {
     texture: string;

package/src/hooks/useWorld.ts

@@ -1,6 +1,6 @@
 import { useContext } from "react";
 
-import { WorldContext } from "../world/World.context";
+import { WorldContext } from "../world/World.context.js";
 
 export const useWorld = () => {
     return useContext(WorldContext);

package/src/index.ts

@@ -1,9 +1,9 @@
-export * from "./game-context";
-export * from "./world";
-export * from "./camera";
-export * from "./layer";
-export * from "./assets-manager";
-export * from "./game-objects";
-export * from "./physics";
-export * from "./types";
-export * from "./hooks";
+export * from "./game-context/index.js";
+export * from "./world/index.js";
+export * from "./camera/index.js";
+export * from "./layer/index.js";
+export * from "./assets-manager/index.js";
+export * from "./game-objects/index.js";
+export * from "./physics/index.js";
+export * from "./types.js";
+export * from "./hooks/index.js";

package/src/layer/Layer.tsx

@@ -1,7 +1,7 @@
 import React, { PropsWithChildren, useCallback, useContext, useEffect, useMemo } from "react";
 import { Container, ContainerOptions } from "pixi.js";
-import { StageContext } from "../stage/Stage.context";
-import { LayerContext, LayerContextValue } from "./Layer.context";
+import { StageContext } from "../stage/Stage.context.js";
+import { LayerContext, LayerContextValue } from "./Layer.context.js";
 
 export type LayerOptions = {
     options?: Omit<ContainerOptions, "parent">;

package/src/layer/index.ts

@@ -1 +1 @@
-export * from "./Layer";
+export * from "./Layer.js";

package/src/physics/MatterPhysics.context.tsx

@@ -1,6 +1,6 @@
 import React, { PropsWithChildren, createContext, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import Matter, { Engine, Runner, World } from "matter-js";
-import { MatterPhysicsConfig, MatterPhysics } from "./types";
+import { MatterPhysicsConfig, MatterPhysics } from "./types.js";
 
 export type MatterPhysicsContextProviderOptions = {
     isRunning?: boolean;

package/src/physics/index.ts

@@ -1,4 +1,4 @@
-export * from "./MatterPhysics.context";
-export * from "./useCollisionEventHandler";
-export * from "./usePhysicsTickerCallback";
-export * from "./usePhysicsEngineEventHandler";
+export * from "./MatterPhysics.context.js";
+export * from "./useCollisionEventHandler.js";
+export * from "./usePhysicsTickerCallback.js";
+export * from "./usePhysicsEngineEventHandler.js";

package/src/physics/useCollisionEventHandler.ts

@@ -1,7 +1,7 @@
 import { useEffect, useContext } from "react";
 
 import { Engine, Events, ICollisionCallback, IEvent } from "matter-js";
-import { MatterPhysicsContext } from "./MatterPhysics.context";
+import { MatterPhysicsContext } from "./MatterPhysics.context.js";
 
 export type UseCollisionEventHandlerOptions = {
     isEnabled?: boolean;

package/src/physics/usePhysicsEngineEventHandler.ts

@@ -1,7 +1,7 @@
 import { useEffect, useContext } from "react";
 
 import { Events, IEngineCallback, IEvent, Engine } from "matter-js";
-import { MatterPhysicsContext } from "./MatterPhysics.context";
+import { MatterPhysicsContext } from "./MatterPhysics.context.js";
 
 type UsePhysicsEngineEventHandlerOptions = {
     isEnabled?: boolean;

package/src/physics/usePhysicsTickerCallback.ts

@@ -1,7 +1,7 @@
 import { useEffect, useContext } from "react";
 
 import { Events, IRunnerCallback, IEvent, Runner } from "matter-js";
-import { MatterPhysicsContext } from "./MatterPhysics.context";
+import { MatterPhysicsContext } from "./MatterPhysics.context.js";
 
 type UsePhysicsTickerCallbackOptions = {
     isEnabled?: boolean;

package/src/stage/Stage.tsx

@@ -1,8 +1,8 @@
 import React, { PropsWithChildren, useCallback, useEffect, useMemo, useState } from "react";
 import { Container } from "pixi.js";
-import { useWorld } from "../hooks";
-import { Layer } from "../layer";
-import { StageContext, StageContextValue } from "./Stage.context";
+import { useWorld } from "../hooks/useWorld.js";
+import { Layer } from "../layer/Layer.js";
+import { StageContext, StageContextValue } from "./Stage.context.js";
 
 export const Stage: React.FC<PropsWithChildren> = ({ children }) => {
     const { application } = useWorld();

package/src/stage/index.ts

@@ -1 +1 @@
-export * from "./Stage";
+export * from "./Stage.js";

package/src/world/World.tsx

@@ -1,8 +1,8 @@
 import React, { PropsWithChildren, createRef, useCallback, useEffect, useLayoutEffect, useMemo, useState } from "react";
 import { Application, EventMode } from "pixi.js";
-import { Stage } from "../stage";
-import { AssetsManager } from "../assets-manager";
-import { WorldContextValue, WorldContext } from "./World.context";
+import { Stage } from "../stage/Stage.js";
+import { AssetsManager } from "../assets-manager/AssetsManager.js";
+import { WorldContextValue, WorldContext } from "./World.context.js";
 
 type WorldProps = {
     eventMode?: EventMode;

package/src/world/index.ts

@@ -1,2 +1,2 @@
-export * from "./World.context";
-export * from "./World";
+export * from "./World.context.js";
+export * from "./World.js";