pixi-fusion 2.0.4 → 2.2.1

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

@@ -1,6 +1,6 @@
 import React, { useCallback, useEffect, useMemo, useState } from "react";
-import { AssetsManagerContext } from "./AssetsManager.context";
 import { Assets } from "pixi.js";
+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,11 +1,12 @@
 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;
     readonly pause: () => void;
     readonly stop: () => void;
     readonly timeout: number;
+    readonly gameId: number;
     readonly status: GameStatus;
     readonly startTime: number | null;
     readonly pauseTime: number;

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

@@ -1,11 +1,12 @@
 import React, { createContext, useCallback, useMemo, useRef, useState } from "react";
-import { GameStatus } from "../types";
+import { GameStatus } from "../types.js";
 export const GameContext = createContext({
     reset: () => { },
     pause: () => { },
     start: () => { },
     stop: () => { },
     timeout: 0,
+    gameId: 0,
     status: GameStatus.READY,
     startTime: null,
     pauseTime: 0,
@@ -14,6 +15,7 @@ export const GameContext = createContext({
 export const GameContextProvider = ({ children, timeout: inputTimeout = 0, events }) => {
     const timerRef = useRef(null);
     const timeout = Math.max(0, inputTimeout);
+    const [gameId, setGemaId] = useState(0);
     const [status, setStatus] = useState(GameStatus.READY);
     const [startTime, setStartTime] = useState(null);
     const [endTime, setEndTime] = useState(null);
@@ -66,6 +68,7 @@ export const GameContextProvider = ({ children, timeout: inputTimeout = 0, event
         setEndTime(newEndTime);
         setPauseTime(newPauseTime);
         setPausedAtTime(newPausedAtTime);
+        setGemaId((current) => current++);
         if (timerRef.current) {
             clearTimeout(timerRef.current);
         }
@@ -118,7 +121,8 @@ export const GameContextProvider = ({ children, timeout: inputTimeout = 0, event
         stop,
         start,
         reset,
-        pause
-    }), [timeout, status, startTime, endTime, pauseTime, pause, reset, start, stop]);
+        pause,
+        gameId
+    }), [timeout, status, startTime, endTime, pauseTime, pause, reset, start, stop, gameId]);
     return React.createElement(GameContext.Provider, { value: contextValue }, children);
 };

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 { GameObjectPhysicalObjectConfig } from "./GameObjectPhysicalObjectConfig";
-import { Nullable } from "../types";
+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 { useTickerCallback } from "./useTickerCallback";
 import { useCallback } from "react";
+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 { useLayerContext } from "./useLayerContext";
 import { useEffect } from "react";
+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,10 +1,9 @@
-export * from "./game-context";
-export * from "./assets-manager";
-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,10 +1,9 @@
-export * from "./game-context";
-export * from "./assets-manager";
-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 { StageContext } from "./Stage.context";
-import { useWorld } from "../hooks";
-import { Layer } from "../layer";
+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,21 +1,36 @@
-import React, { createRef, useEffect, useMemo, useState } from "react";
+import React, { createRef, useCallback, useEffect, useLayoutEffect, useMemo, useState } from "react";
 import { Application } from "pixi.js";
-import { WorldContext } from "./World.context";
-import { Stage } from "../stage";
-import { AssetsManager } from "../assets-manager";
+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);
-    const worldSize = useMemo(() => {
-        if (size) {
-            return { ...size };
-        }
+    const [canvasSize, setCanvasSize] = useState(null);
+    const onCanvasRef = useCallback((ref) => {
+        const application = new Application();
+        application.init({ eventMode }).then(() => {
+            canvasRef.current = ref;
+            application.resizeTo = canvasRef.current;
+            application.resize();
+            setApplicationRef(application);
+        });
+    }, [canvasRef, eventMode]);
+    useLayoutEffect(() => {
         if (canvasRef?.current) {
             const { width, height } = canvasRef.current.getBoundingClientRect();
-            return {
+            setCanvasSize({
                 width,
                 height
-            };
+            });
+        }
+    }, [canvasRef]);
+    const worldSize = useMemo(() => {
+        if (size) {
+            return { ...size };
+        }
+        if (canvasSize) {
+            return canvasSize;
         }
         if (!applicationRef) {
             return {
@@ -24,24 +39,10 @@ export const World = ({ children, eventMode, size }) => {
             };
         }
         return {
-            width: applicationRef.screen.width,
-            height: applicationRef.screen.height
+            width: applicationRef?.screen.width,
+            height: applicationRef?.screen.height
         };
-    }, [size, canvasRef, applicationRef]);
-    useEffect(() => {
-        if (!applicationRef) {
-            const application = new Application();
-            application.init().then(() => {
-                setApplicationRef(application);
-            });
-        }
-    }, [applicationRef]);
-    useEffect(() => {
-        if (applicationRef && canvasRef.current) {
-            applicationRef.resizeTo = canvasRef.current;
-            applicationRef.resize();
-        }
-    }, [canvasRef, applicationRef]);
+    }, [size, canvasSize, applicationRef]);
     const conextValue = useMemo(() => ({
         application: applicationRef,
         size: worldSize
@@ -58,13 +59,8 @@ export const World = ({ children, eventMode, size }) => {
             }
         };
     }, [canvasRef, applicationRef]);
-    useEffect(() => {
-        if (applicationRef) {
-            applicationRef.stage.eventMode = eventMode;
-        }
-    }, [eventMode, applicationRef]);
     return (React.createElement(WorldContext.Provider, { value: conextValue },
         React.createElement(AssetsManager, null,
             React.createElement(Stage, null, children),
-            React.createElement("div", { style: { width: "100%", height: "100%" }, ref: canvasRef }))));
+            React.createElement("div", { style: { width: "100%", height: "100%" }, ref: onCanvasRef }))));
 };

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";