@codexo/exojs-react 0.15.2 → 0.16.0

package/README.md

@@ -33,10 +33,7 @@ import { TitleScene, GameScene } from './scenes';
 
 function Game() {
   return (
-    <ExoCanvas
-      options={{ canvas: { width: 1280, height: 720 }, clearColor: someColor }}
-      style={{ width: 1280, height: 720 }}
-    >
+    <ExoCanvas options={{ canvas: { width: 1280, height: 720 }, clearColor: someColor }} style={{ width: 1280, height: 720 }}>
       <Scenes active="game" transition={{ type: 'fade', duration: 300 }}>
         <Scene name="title" component={TitleScene} />
         <Scene name="game" component={GameScene}>
@@ -70,17 +67,17 @@ function Game() {
 
 ## API
 
-| Export | Kind | Purpose |
-|---|---|---|
-| `ExoCanvas` | component | Batteries-included canvas host (wrapper div + canvas + context). Accepts `onReady`/`onError`. |
-| `useExoApplication(options?, onReady?, onError?)` | hook | Headless: owns the `Application`, returns `{ app, canvasRef }`. `onError` mirrors `Application.onError`. |
-| `useExoApp()` | hook | The `Application` from the nearest `<ExoCanvas>`/provider. Throws if absent. |
-| `useExoContext()` | hook | Like `useExoApp` but returns `Application \| null` (no throw). |
-| `ExoContext` | context | The underlying context (advanced / testing). |
-| `useScene(SceneClass, deps?)` | hook | Instantiate + activate a single scene; returns it once live. Load failures route to `app.onError`. |
-| `Scenes` / `Scene` | components | Declarative scene switch over the one-active-scene model. Load failures route to `app.onError`. |
-| `useActiveScene()` | hook | The active scene instance from the nearest `<Scenes>`. |
-| `useSignal(signal, getSnapshot)` | hook | Subscribes to an engine `Signal` and re-renders on every dispatch (e.g. `app.onFrame`). |
+| Export                                            | Kind       | Purpose                                                                                                  |
+| ------------------------------------------------- | ---------- | -------------------------------------------------------------------------------------------------------- |
+| `ExoCanvas`                                       | component  | Batteries-included canvas host (wrapper div + canvas + context). Accepts `onReady`/`onError`.            |
+| `useExoApplication(options?, onReady?, onError?)` | hook       | Headless: owns the `Application`, returns `{ app, canvasRef }`. `onError` mirrors `Application.onError`. |
+| `useExoApp()`                                     | hook       | The `Application` from the nearest `<ExoCanvas>`/provider. Throws if absent.                             |
+| `useExoContext()`                                 | hook       | Like `useExoApp` but returns `Application \| null` (no throw).                                           |
+| `ExoContext`                                      | context    | The underlying context (advanced / testing).                                                             |
+| `useScene(SceneClass, deps?)`                     | hook       | Instantiate + activate a single scene; returns it once live. Load failures route to `app.onError`.       |
+| `Scenes` / `Scene`                                | components | Declarative scene switch over the one-active-scene model. Load failures route to `app.onError`.          |
+| `useActiveScene()`                                | hook       | The active scene instance from the nearest `<Scenes>`.                                                   |
+| `useSignal(signal, getSnapshot)`                  | hook       | Subscribes to an engine `Signal` and re-renders on every dispatch (e.g. `app.onFrame`).                  |
 
 ### Reactivity model
 
@@ -89,12 +86,15 @@ render `backend` (WebGL2 ↔ WebGPU cannot be hot-swapped). Other supported opti
 are applied **live**:
 
 - `canvas.width` / `canvas.height` → `app.resize(...)`
-- `canvas.sizingMode` → `app.sizingMode`
 - `clearColor` → `app.clearColor`
 
 Options without a live setter (`canvas.pixelRatio`, `seed`, `extensions`, …) are
 captured at creation; change the `backend` or remount to apply them.
 
+`canvas.sizing` is captured at creation as well: a sizing policy is an object, so
+a fresh instance on every render would detach and re-attach the previous one each
+time. Assign `app.sizing` yourself to switch strategies at runtime.
+
 ## License
 
 MIT © Codexo

package/dist/esm/ExoCanvas.d.ts

@@ -4,22 +4,22 @@ import { type ExoApplicationOptions } from './useExoApplication';
 export interface ExoCanvasProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Options forwarded to the ExoJS {@link Application}. Pass
-     * `canvas.width`/`height`/`sizingMode`/etc.; most options are captured at
-     * creation, but `canvas.width`/`height`, `canvas.sizingMode` and `clearColor`
-     * are applied live (see {@link useExoApplication}).
+     * `canvas.width`/`height`/`sizing`/etc.; most options are captured at
+     * creation, but `canvas.width`/`height` and `clearColor` are applied live
+     * (see {@link useExoApplication}).
      */
     options?: ExoApplicationOptions;
     /**
      * Called once each time the {@link Application} is (re)created. The backend
-     * (WebGL2 / WebGPU) is not yet initialized at this point — that happens when
+     * (WebGL2 / WebGPU) is not yet initialized at this point - that happens when
      * the first {@link import('./useScene').useScene} child calls `app.start()`.
      */
     onReady?: (app: Application) => void;
     /**
-     * Called for every {@link Application.onError} dispatch — async init or
+     * Called for every {@link Application.onError} dispatch - async init or
      * scene-load failures (including the ones surfaced by
      * {@link import('./useScene').useScene} and {@link import('./Scenes').Scenes}
-     * descendants) — while an Application exists.
+     * descendants) - while an Application exists.
      */
     onError?: (error: unknown) => void;
     /**
@@ -35,10 +35,10 @@ export interface ExoCanvasProps extends HTMLAttributes<HTMLDivElement> {
  * `position: relative`, absolutely-positioned `children` (HUD overlays,
  * {@link import('./Scenes').Scenes}) sit over the canvas out of the box.
  *
- * Layout props (`style`, `className`, …) apply to the **wrapper**; size it to
- * size the canvas in `'fill'`/`'letterbox'` modes. Use {@link canvasProps} to
- * style the canvas itself. For full control with no wrapper element, use the
- * headless {@link useExoApplication} hook directly.
+ * Layout props (`style`, `className`, ...) apply to the **wrapper**, which is
+ * the element a `canvas.sizing` policy measures - size it to size the canvas.
+ * Use {@link canvasProps} to style the canvas itself. For full control with no
+ * wrapper element, use the headless {@link useExoApplication} hook directly.
  *
  * @example
  * ```tsx
@@ -48,3 +48,4 @@ export interface ExoCanvasProps extends HTMLAttributes<HTMLDivElement> {
  * ```
  */
 export declare function ExoCanvas({ options, onReady, onError, canvasProps, children, style, ...divProps }: ExoCanvasProps): ReactElement;
+//# sourceMappingURL=ExoCanvas.d.ts.map

package/dist/esm/ExoCanvas.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExoCanvas.d.ts","sourceRoot":"","sources":["../../src/ExoCanvas.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,KAAK,oBAAoB,EAAsB,KAAK,cAAc,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAG9G,OAAO,EAAE,KAAK,qBAAqB,EAAqB,MAAM,qBAAqB,CAAC;AAKpF,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE;;;;;OAKG;IACH,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC;;;;OAIG;IACH,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAC;IACrC;;;;;OAKG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC;;;OAGG;IACH,WAAW,CAAC,EAAE,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,CAAC,CAAC;CACzF;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,SAAS,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,EAAE,cAAc,GAAG,YAAY,CAehI"}

package/dist/esm/ExoCanvas.js

@@ -1,36 +1,55 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import 'react';
-import { ExoContext } from './ExoContext.js';
-import { useExoApplication } from './useExoApplication.js';
+import { ExoContext } from "./ExoContext.js";
+import { useExoApplication } from "./useExoApplication.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 
+//#region src/ExoCanvas.tsx
 /** Default canvas style: block layout avoids the inline-element baseline gap. */
-const defaultCanvasStyle = { display: 'block' };
+const defaultCanvasStyle = { display: "block" };
 /**
- * Batteries-included canvas host. Renders a **positioned wrapper `<div>`**
- * containing a React-managed `<canvas>` bound to an ExoJS {@link Application},
- * and provides the app to descendant hooks via context. Because the wrapper is
- * `position: relative`, absolutely-positioned `children` (HUD overlays,
- * {@link import('./Scenes').Scenes}) sit over the canvas out of the box.
- *
- * Layout props (`style`, `className`, …) apply to the **wrapper**; size it to
- * size the canvas in `'fill'`/`'letterbox'` modes. Use {@link canvasProps} to
- * style the canvas itself. For full control with no wrapper element, use the
- * headless {@link useExoApplication} hook directly.
- *
- * @example
- * ```tsx
- * <ExoCanvas options={{ canvas: { width: 800, height: 600 } }} style={{ width: 800, height: 600 }}>
- *   <Hud /> // absolutely-positioned overlay; works because the wrapper is relative
- * </ExoCanvas>
- * ```
- */
+* Batteries-included canvas host. Renders a **positioned wrapper `<div>`**
+* containing a React-managed `<canvas>` bound to an ExoJS {@link Application},
+* and provides the app to descendant hooks via context. Because the wrapper is
+* `position: relative`, absolutely-positioned `children` (HUD overlays,
+* {@link import('./Scenes').Scenes}) sit over the canvas out of the box.
+*
+* Layout props (`style`, `className`, ...) apply to the **wrapper**, which is
+* the element a `canvas.sizing` policy measures - size it to size the canvas.
+* Use {@link canvasProps} to style the canvas itself. For full control with no
+* wrapper element, use the headless {@link useExoApplication} hook directly.
+*
+* @example
+* ```tsx
+* <ExoCanvas options={{ canvas: { width: 800, height: 600 } }} style={{ width: 800, height: 600 }}>
+*   <Hud /> // absolutely-positioned overlay; works because the wrapper is relative
+* </ExoCanvas>
+* ```
+*/
 function ExoCanvas({ options, onReady, onError, canvasProps, children, style, ...divProps }) {
-    const { app, canvasRef } = useExoApplication(options, onReady, onError);
-    const { style: canvasStyle, ...restCanvasProps } = canvasProps ?? {};
-    const wrapperStyle = { position: 'relative', ...style };
-    const mergedCanvasStyle = { ...defaultCanvasStyle, ...canvasStyle };
-    return (jsx(ExoContext.Provider, { value: app, children: jsxs("div", { style: wrapperStyle, ...divProps, children: [jsx("canvas", { ref: canvasRef, style: mergedCanvasStyle, ...restCanvasProps }), app !== null && children] }) }));
+	const { app, canvasRef } = useExoApplication(options, onReady, onError);
+	const { style: canvasStyle, ...restCanvasProps } = canvasProps ?? {};
+	const wrapperStyle = {
+		position: "relative",
+		...style
+	};
+	const mergedCanvasStyle = {
+		...defaultCanvasStyle,
+		...canvasStyle
+	};
+	return /* @__PURE__ */ jsx(ExoContext.Provider, {
+		value: app,
+		children: /* @__PURE__ */ jsxs("div", {
+			style: wrapperStyle,
+			...divProps,
+			children: [/* @__PURE__ */ jsx("canvas", {
+				ref: canvasRef,
+				style: mergedCanvasStyle,
+				...restCanvasProps
+			}), app !== null && children]
+		})
+	});
 }
 
+//#endregion
 export { ExoCanvas };
-//# sourceMappingURL=ExoCanvas.js.map
+//# sourceMappingURL=ExoCanvas.js.map

package/dist/esm/ExoCanvas.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExoCanvas.js","sources":["../../../src/ExoCanvas.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;AAMA;AACA,MAAM,kBAAkB,GAAkB,EAAE,OAAO,EAAE,OAAO,EAAE;AA8B9D;;;;;;;;;;;;;;;;;;AAkBG;SACa,SAAS,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAkB,EAAA;AAChH,IAAA,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,iBAAiB,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC;AAEvE,IAAA,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,eAAe,EAAE,GAAG,WAAW,IAAI,EAAE;IACpE,MAAM,YAAY,GAAkB,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE;IACtE,MAAM,iBAAiB,GAAkB,EAAE,GAAG,kBAAkB,EAAE,GAAG,WAAW,EAAE;AAElF,IAAA,QACEA,GAAA,CAAC,UAAU,CAAC,QAAQ,IAAC,KAAK,EAAE,GAAG,EAAA,QAAA,EAC7BC,cAAK,KAAK,EAAE,YAAY,EAAA,GAAM,QAAQ,EAAA,QAAA,EAAA,CACpCD,GAAA,CAAA,QAAA,EAAA,EAAQ,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,iBAAiB,KAAM,eAAe,EAAA,CAAI,EACxE,GAAG,KAAK,IAAI,IAAI,QAAQ,CAAA,EAAA,CACrB,EAAA,CACc;AAE1B;;;;"}
+{"version":3,"file":"ExoCanvas.js","names":[],"sources":["../../src/ExoCanvas.tsx"],"sourcesContent":["import type { Application } from '@codexo/exojs';\nimport { type CanvasHTMLAttributes, type CSSProperties, type HTMLAttributes, type ReactElement } from 'react';\n\nimport { ExoContext } from './ExoContext';\nimport { type ExoApplicationOptions, useExoApplication } from './useExoApplication';\n\n/** Default canvas style: block layout avoids the inline-element baseline gap. */\nconst defaultCanvasStyle: CSSProperties = { display: 'block' };\n\nexport interface ExoCanvasProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Options forwarded to the ExoJS {@link Application}. Pass\n   * `canvas.width`/`height`/`sizing`/etc.; most options are captured at\n   * creation, but `canvas.width`/`height` and `clearColor` are applied live\n   * (see {@link useExoApplication}).\n   */\n  options?: ExoApplicationOptions;\n  /**\n   * Called once each time the {@link Application} is (re)created. The backend\n   * (WebGL2 / WebGPU) is not yet initialized at this point - that happens when\n   * the first {@link import('./useScene').useScene} child calls `app.start()`.\n   */\n  onReady?: (app: Application) => void;\n  /**\n   * Called for every {@link Application.onError} dispatch - async init or\n   * scene-load failures (including the ones surfaced by\n   * {@link import('./useScene').useScene} and {@link import('./Scenes').Scenes}\n   * descendants) - while an Application exists.\n   */\n  onError?: (error: unknown) => void;\n  /**\n   * Props forwarded to the inner `<canvas>` (e.g. its own `style`/`className`).\n   * `ref`, `width` and `height` are managed by the engine and cannot be set.\n   */\n  canvasProps?: Omit<CanvasHTMLAttributes<HTMLCanvasElement>, 'ref' | 'width' | 'height'>;\n}\n\n/**\n * Batteries-included canvas host. Renders a **positioned wrapper `<div>`**\n * containing a React-managed `<canvas>` bound to an ExoJS {@link Application},\n * and provides the app to descendant hooks via context. Because the wrapper is\n * `position: relative`, absolutely-positioned `children` (HUD overlays,\n * {@link import('./Scenes').Scenes}) sit over the canvas out of the box.\n *\n * Layout props (`style`, `className`, ...) apply to the **wrapper**, which is\n * the element a `canvas.sizing` policy measures - size it to size the canvas.\n * Use {@link canvasProps} to style the canvas itself. For full control with no\n * wrapper element, use the headless {@link useExoApplication} hook directly.\n *\n * @example\n * ```tsx\n * <ExoCanvas options={{ canvas: { width: 800, height: 600 } }} style={{ width: 800, height: 600 }}>\n *   <Hud /> // absolutely-positioned overlay; works because the wrapper is relative\n * </ExoCanvas>\n * ```\n */\nexport function ExoCanvas({ options, onReady, onError, canvasProps, children, style, ...divProps }: ExoCanvasProps): ReactElement {\n  const { app, canvasRef } = useExoApplication(options, onReady, onError);\n\n  const { style: canvasStyle, ...restCanvasProps } = canvasProps ?? {};\n  const wrapperStyle: CSSProperties = { position: 'relative', ...style };\n  const mergedCanvasStyle: CSSProperties = { ...defaultCanvasStyle, ...canvasStyle };\n\n  return (\n    <ExoContext.Provider value={app}>\n      <div style={wrapperStyle} {...divProps}>\n        <canvas ref={canvasRef} style={mergedCanvasStyle} {...restCanvasProps} />\n        {app !== null && children}\n      </div>\n    </ExoContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;AAOA,MAAM,qBAAoC,EAAE,SAAS,QAAQ;;;;;;;;;;;;;;;;;;;;AAiD7D,SAAgB,UAAU,EAAE,SAAS,SAAS,SAAS,aAAa,UAAU,OAAO,GAAG,YAA0C;CAChI,MAAM,EAAE,KAAK,cAAc,kBAAkB,SAAS,SAAS,OAAO;CAEtE,MAAM,EAAE,OAAO,aAAa,GAAG,oBAAoB,eAAe,CAAC;CACnE,MAAM,eAA8B;EAAE,UAAU;EAAY,GAAG;CAAM;CACrE,MAAM,oBAAmC;EAAE,GAAG;EAAoB,GAAG;CAAY;CAEjF,OACE,oBAAC,WAAW,UAAZ;EAAqB,OAAO;YAC1B,qBAAC,OAAD;GAAK,OAAO;GAAc,GAAI;aAA9B,CACE,oBAAC,UAAD;IAAQ,KAAK;IAAW,OAAO;IAAmB,GAAI;GAAkB,IACvE,QAAQ,QAAQ,QACd;;CACc;AAEzB"}

package/dist/esm/ExoContext.d.ts

@@ -5,11 +5,12 @@ import type { Application } from '@codexo/exojs';
  * hook rather than reading this context directly; the context object is
  * exported for advanced use (e.g. testing, custom providers).
  */
-export declare const ExoContext: import("react").Context<Application | null>;
+export declare const ExoContext: import("react").Context<Application<{}> | null>;
 /**
  * Returns the nearest {@link Application} from the React tree, or `null`
  * when called outside of an {@link ExoCanvas}. Prefer {@link useExoApp} for
- * component-level use — it throws an actionable error instead of returning
+ * component-level use - it throws an actionable error instead of returning
  * null.
  */
-export declare function useExoContext(): Application | null;
+export declare const useExoContext: () => Application | null;
+//# sourceMappingURL=ExoContext.d.ts.map

package/dist/esm/ExoContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExoContext.d.ts","sourceRoot":"","sources":["../../src/ExoContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAGjD;;;;;GAKG;AACH,eAAO,MAAM,UAAU,iDAA0C,CAAC;AAGlE;;;;;GAKG;AACH,eAAO,MAAM,aAAa,QAAO,WAAW,GAAG,IAA8B,CAAC"}

package/dist/esm/ExoContext.js

@@ -1,23 +1,22 @@
-import { createContext, useContext } from 'react';
+import { createContext, useContext } from "react";
 
+//#region src/ExoContext.ts
 /**
- * Internal React context that carries the active {@link Application} instance
- * created by {@link ExoCanvas}. Consumers should use the {@link useExoApp}
- * hook rather than reading this context directly; the context object is
- * exported for advanced use (e.g. testing, custom providers).
- */
-// eslint-disable-next-line @typescript-eslint/naming-convention
+* Internal React context that carries the active {@link Application} instance
+* created by {@link ExoCanvas}. Consumers should use the {@link useExoApp}
+* hook rather than reading this context directly; the context object is
+* exported for advanced use (e.g. testing, custom providers).
+*/
 const ExoContext = createContext(null);
-ExoContext.displayName = 'ExoContext';
+ExoContext.displayName = "ExoContext";
 /**
- * Returns the nearest {@link Application} from the React tree, or `null`
- * when called outside of an {@link ExoCanvas}. Prefer {@link useExoApp} for
- * component-level use — it throws an actionable error instead of returning
- * null.
- */
-function useExoContext() {
-    return useContext(ExoContext);
-}
+* Returns the nearest {@link Application} from the React tree, or `null`
+* when called outside of an {@link ExoCanvas}. Prefer {@link useExoApp} for
+* component-level use - it throws an actionable error instead of returning
+* null.
+*/
+const useExoContext = () => useContext(ExoContext);
 
+//#endregion
 export { ExoContext, useExoContext };
-//# sourceMappingURL=ExoContext.js.map
+//# sourceMappingURL=ExoContext.js.map

package/dist/esm/ExoContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExoContext.js","sources":["../../../src/ExoContext.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAGA;;;;;AAKG;AACH;MACa,UAAU,GAAG,aAAa,CAAqB,IAAI;AAChE,UAAU,CAAC,WAAW,GAAG,YAAY;AAErC;;;;;AAKG;SACa,aAAa,GAAA;AAC3B,IAAA,OAAO,UAAU,CAAC,UAAU,CAAC;AAC/B;;;;"}
+{"version":3,"file":"ExoContext.js","names":[],"sources":["../../src/ExoContext.ts"],"sourcesContent":["import type { Application } from '@codexo/exojs';\nimport { createContext, useContext } from 'react';\n\n/**\n * Internal React context that carries the active {@link Application} instance\n * created by {@link ExoCanvas}. Consumers should use the {@link useExoApp}\n * hook rather than reading this context directly; the context object is\n * exported for advanced use (e.g. testing, custom providers).\n */\nexport const ExoContext = createContext<Application | null>(null);\nExoContext.displayName = 'ExoContext';\n\n/**\n * Returns the nearest {@link Application} from the React tree, or `null`\n * when called outside of an {@link ExoCanvas}. Prefer {@link useExoApp} for\n * component-level use - it throws an actionable error instead of returning\n * null.\n */\nexport const useExoContext = (): Application | null => useContext(ExoContext);\n"],"mappings":";;;;;;;;;AASA,MAAa,aAAa,cAAkC,IAAI;AAChE,WAAW,cAAc;;;;;;;AAQzB,MAAa,sBAA0C,WAAW,UAAU"}

package/dist/esm/Scenes.d.ts

@@ -1,4 +1,4 @@
-import { type Scene as ExoScene, type SceneTransition } from '@codexo/exojs';
+import { type Scene as ExoScene, type SceneTransitionSelection } from '@codexo/exojs';
 import { type ReactElement, type ReactNode } from 'react';
 /**
  * Returns the currently-active scene instance from the nearest {@link Scenes},
@@ -16,7 +16,7 @@ export interface SceneProps {
     readonly children?: ReactNode;
 }
 /**
- * Declares one scene inside a {@link Scenes} switch. Renders nothing on its own —
+ * Declares one scene inside a {@link Scenes} switch. Renders nothing on its own -
  * {@link Scenes} reads its props and renders its {@link SceneProps.children} only
  * while the scene is active.
  */
@@ -25,28 +25,31 @@ export declare function Scene(_props: SceneProps): ReactElement | null;
 export interface ScenesProps {
     /** Name of the active {@link Scene}. Changing it switches scenes. */
     readonly active: string;
-    /** Optional transition (e.g. a fade) applied when switching scenes. */
-    readonly transition?: SceneTransition;
+    /** Optional transition (e.g. a `FadeSceneTransition`) applied when switching scenes. */
+    readonly transition?: SceneTransitionSelection;
     /** {@link Scene} declarations. */
     readonly children?: ReactNode;
 }
 /**
  * Declarative scene switch over the one-active-scene model. Renders a set of
  * {@link Scene} declarations and activates the one whose `name` equals `active`
- * via `app.start()` (first activation) or `app.scene.setScene()` (subsequent
- * switches, with the optional `transition`). The active scene's React children
- * (HUD overlay) render alongside, and can read the instance via
- * {@link useActiveScene}.
+ * via `app.start()` (first activation) or `app.scenes.change()` (subsequent
+ * switches, with the optional `transition`) - the declaration's `component`
+ * constructor must be registered in `ApplicationOptions.scenes`. The active
+ * scene's React children (HUD overlay) render alongside, and can read the
+ * instance via {@link useActiveScene}.
  *
- * A failure in `app.start()`/`app.scene.setScene()` (e.g. a scene's `onLoad`
+ * A failure in `app.start()`/`app.scenes.change()` (e.g. a scene's `load()`
  * rejects) is caught and routed to {@link Application.onError} rather than
- * left as an unhandled promise rejection — subscribe via `app.onError.add(...)`
+ * left as an unhandled promise rejection - subscribe via `app.onError.add(...)`
  * or the {@link import('./ExoCanvas').ExoCanvas} `onError` prop to observe it.
  *
  * @example
  * ```tsx
+ * import { FadeSceneTransition } from '@codexo/exojs';
+ *
  * <ExoCanvas>
- *   <Scenes active={screen} transition={{ type: 'fade', duration: 0.3 }}>
+ *   <Scenes active={screen} transition={new FadeSceneTransition({ duration: 300 })}>
  *     <Scene name="title" component={TitleScene} />
  *     <Scene name="game" component={GameScene}>
  *       <Hud />
@@ -56,3 +59,4 @@ export interface ScenesProps {
  * ```
  */
 export declare function Scenes({ active, transition, children }: ScenesProps): ReactElement;
+//# sourceMappingURL=Scenes.d.ts.map

package/dist/esm/Scenes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scenes.d.ts","sourceRoot":"","sources":["../../src/Scenes.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,KAAK,IAAI,QAAQ,EAAE,KAAK,wBAAwB,EAAE,MAAM,eAAe,CAAC;AACxG,OAAO,EAA2C,KAAK,YAAY,EAAE,KAAK,SAAS,EAA4C,MAAM,OAAO,CAAC;AAQ7I;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,QAAQ,GAAG,QAAQ,KAAK,CAAC,GAAG,IAAI,CAExE;AAED,6CAA6C;AAC7C,MAAM,WAAW,UAAU;IACzB,4EAA4E;IAC5E,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,iEAAiE;IACjE,QAAQ,CAAC,SAAS,EAAE,UAAU,QAAQ,CAAC;IACvC,oEAAoE;IACpE,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAC/B;AAED;;;;GAIG;AACH,wBAAgB,KAAK,CAAC,MAAM,EAAE,UAAU,GAAG,YAAY,GAAG,IAAI,CAE7D;AAED,2CAA2C;AAC3C,MAAM,WAAW,WAAW;IAC1B,qEAAqE;IACrE,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,wFAAwF;IACxF,QAAQ,CAAC,UAAU,CAAC,EAAE,wBAAwB,CAAC;IAC/C,kCAAkC;IAClC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAC/B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,MAAM,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,WAAW,GAAG,YAAY,CAiElF"}

package/dist/esm/Scenes.js

@@ -1,110 +1,98 @@
-import { jsx } from 'react/jsx-runtime';
-import { ApplicationStatus } from '@codexo/exojs';
-import { createContext, useState, useMemo, Children, isValidElement, useEffect, useContext } from 'react';
-import { useExoApp } from './useExoApp.js';
+import { useExoApp } from "./useExoApp.js";
+import { Children, createContext, isValidElement, useContext, useEffect, useMemo, useState } from "react";
+import { ApplicationState } from "@codexo/exojs";
+import { jsx } from "react/jsx-runtime";
 
+//#region src/Scenes.tsx
 /** Carries the active {@link ExoScene} instance to descendants (HUD overlays). */
 const ActiveSceneContext = createContext(null);
-ActiveSceneContext.displayName = 'ExoActiveScene';
+ActiveSceneContext.displayName = "ExoActiveScene";
 /**
- * Returns the currently-active scene instance from the nearest {@link Scenes},
- * or `null` while none is live. Useful for HUD/overlay components that need to
- * read scene state.
- */
+* Returns the currently-active scene instance from the nearest {@link Scenes},
+* or `null` while none is live. Useful for HUD/overlay components that need to
+* read scene state.
+*/
 function useActiveScene() {
-    return useContext(ActiveSceneContext);
+	return useContext(ActiveSceneContext);
 }
 /**
- * Declares one scene inside a {@link Scenes} switch. Renders nothing on its own —
- * {@link Scenes} reads its props and renders its {@link SceneProps.children} only
- * while the scene is active.
- */
+* Declares one scene inside a {@link Scenes} switch. Renders nothing on its own -
+* {@link Scenes} reads its props and renders its {@link SceneProps.children} only
+* while the scene is active.
+*/
 function Scene(_props) {
-    return null;
+	return null;
 }
 /**
- * Declarative scene switch over the one-active-scene model. Renders a set of
- * {@link Scene} declarations and activates the one whose `name` equals `active`
- * via `app.start()` (first activation) or `app.scene.setScene()` (subsequent
- * switches, with the optional `transition`). The active scene's React children
- * (HUD overlay) render alongside, and can read the instance via
- * {@link useActiveScene}.
- *
- * A failure in `app.start()`/`app.scene.setScene()` (e.g. a scene's `onLoad`
- * rejects) is caught and routed to {@link Application.onError} rather than
- * left as an unhandled promise rejection — subscribe via `app.onError.add(...)`
- * or the {@link import('./ExoCanvas').ExoCanvas} `onError` prop to observe it.
- *
- * @example
- * ```tsx
- * <ExoCanvas>
- *   <Scenes active={screen} transition={{ type: 'fade', duration: 0.3 }}>
- *     <Scene name="title" component={TitleScene} />
- *     <Scene name="game" component={GameScene}>
- *       <Hud />
- *     </Scene>
- *   </Scenes>
- * </ExoCanvas>
- * ```
- */
+* Declarative scene switch over the one-active-scene model. Renders a set of
+* {@link Scene} declarations and activates the one whose `name` equals `active`
+* via `app.start()` (first activation) or `app.scenes.change()` (subsequent
+* switches, with the optional `transition`) - the declaration's `component`
+* constructor must be registered in `ApplicationOptions.scenes`. The active
+* scene's React children (HUD overlay) render alongside, and can read the
+* instance via {@link useActiveScene}.
+*
+* A failure in `app.start()`/`app.scenes.change()` (e.g. a scene's `load()`
+* rejects) is caught and routed to {@link Application.onError} rather than
+* left as an unhandled promise rejection - subscribe via `app.onError.add(...)`
+* or the {@link import('./ExoCanvas').ExoCanvas} `onError` prop to observe it.
+*
+* @example
+* ```tsx
+* import { FadeSceneTransition } from '@codexo/exojs';
+*
+* <ExoCanvas>
+*   <Scenes active={screen} transition={new FadeSceneTransition({ duration: 300 })}>
+*     <Scene name="title" component={TitleScene} />
+*     <Scene name="game" component={GameScene}>
+*       <Hud />
+*     </Scene>
+*   </Scenes>
+* </ExoCanvas>
+* ```
+*/
 function Scenes({ active, transition, children }) {
-    const app = useExoApp();
-    const [instance, setInstance] = useState(null);
-    // Collect the <Scene> declarations from children (keyed by name).
-    const registry = useMemo(() => {
-        const map = new Map();
-        Children.forEach(children, child => {
-            if (isValidElement(child) && child.type === Scene) {
-                const props = child.props;
-                map.set(props.name, props);
-            }
-        });
-        return map;
-    }, [children]);
-    const entry = registry.get(active);
-    const SceneClass = entry?.component ?? null;
-    useEffect(() => {
-        if (SceneClass === null) {
-            setInstance(null);
-            void app.scene.setScene(null).catch((error) => {
-                app.onError.dispatch(error instanceof Error ? error : new Error(String(error)));
-            });
-            return;
-        }
-        let cancelled = false;
-        const scene = new SceneClass();
-        const apply = async () => {
-            try {
-                if (app.status === ApplicationStatus.Stopped) {
-                    // First activation initializes the backend and starts the frame loop;
-                    // transitions only apply to subsequent switches.
-                    await app.start(scene);
-                }
-                else {
-                    await app.scene.setScene(scene, transition !== undefined ? { transition } : {});
-                }
-                if (!cancelled) {
-                    setInstance(scene);
-                }
-            }
-            catch (error) {
-                // Route to Application.onError instead of leaving an unhandled
-                // rejection — app.start()/setScene() reject rather than dispatching
-                // onError themselves.
-                app.onError.dispatch(error instanceof Error ? error : new Error(String(error)));
-            }
-        };
-        void apply();
-        return () => {
-            cancelled = true;
-            setInstance(null);
-        };
-        // Re-activate when the active name changes. SceneClass/transition derive
-        // from `active`; keying on app + active avoids re-instantiating each render.
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [app, active]);
-    return (jsx(ActiveSceneContext.Provider, { value: instance, children: instance !== null && entry?.children }));
+	const app = useExoApp();
+	const [instance, setInstance] = useState(null);
+	const entry = useMemo(() => {
+		const map = /* @__PURE__ */ new Map();
+		Children.forEach(children, (child) => {
+			if (isValidElement(child) && child.type === Scene) {
+				const props = child.props;
+				map.set(props.name, props);
+			}
+		});
+		return map;
+	}, [children]).get(active);
+	const SceneClass = entry?.component ?? null;
+	useEffect(() => {
+		if (SceneClass === null) {
+			console.warn(`<Scenes>: no <Scene name="${active}"> declaration found; the previously active scene (if any) keeps running.`);
+			setInstance(null);
+			return;
+		}
+		let cancelled = false;
+		const apply = async () => {
+			try {
+				if (app.state === ApplicationState.Stopped) await app.start(SceneClass);
+				else await app.scenes.change(SceneClass, transition !== void 0 ? { transition } : {});
+				if (!cancelled) setInstance(app.scenes.currentScene);
+			} catch (error) {
+				app.onError.dispatch(error instanceof Error ? error : new Error(String(error)));
+			}
+		};
+		apply();
+		return () => {
+			cancelled = true;
+			setInstance(null);
+		};
+	}, [app, active]);
+	return /* @__PURE__ */ jsx(ActiveSceneContext.Provider, {
+		value: instance,
+		children: instance !== null && entry?.children
+	});
 }
 
+//#endregion
 export { Scene, Scenes, useActiveScene };
-//# sourceMappingURL=Scenes.js.map
+//# sourceMappingURL=Scenes.js.map

package/dist/esm/Scenes.js.map

@@ -1 +1 @@
-{"version":3,"file":"Scenes.js","sources":["../../../src/Scenes.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"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"}
+{"version":3,"file":"Scenes.js","names":[],"sources":["../../src/Scenes.tsx"],"sourcesContent":["import { ApplicationState, type Scene as ExoScene, type SceneTransitionSelection } from '@codexo/exojs';\nimport { Children, createContext, isValidElement, type ReactElement, type ReactNode, useContext, useEffect, useMemo, useState } from 'react';\n\nimport { useExoApp } from './useExoApp';\n\n/** Carries the active {@link ExoScene} instance to descendants (HUD overlays). */\nconst ActiveSceneContext = createContext<ExoScene | null>(null);\nActiveSceneContext.displayName = 'ExoActiveScene';\n\n/**\n * Returns the currently-active scene instance from the nearest {@link Scenes},\n * or `null` while none is live. Useful for HUD/overlay components that need to\n * read scene state.\n */\nexport function useActiveScene<T extends ExoScene = ExoScene>(): T | null {\n  return useContext(ActiveSceneContext) as T | null;\n}\n\n/** Props for a {@link Scene} declaration. */\nexport interface SceneProps {\n  /** Unique name used to select this scene via {@link ScenesProps.active}. */\n  readonly name: string;\n  /** Scene class to instantiate when this scene becomes active. */\n  readonly component: new () => ExoScene;\n  /** React overlay (HUD) rendered only while this scene is active. */\n  readonly children?: ReactNode;\n}\n\n/**\n * Declares one scene inside a {@link Scenes} switch. Renders nothing on its own -\n * {@link Scenes} reads its props and renders its {@link SceneProps.children} only\n * while the scene is active.\n */\nexport function Scene(_props: SceneProps): ReactElement | null {\n  return null;\n}\n\n/** Props for the {@link Scenes} switch. */\nexport interface ScenesProps {\n  /** Name of the active {@link Scene}. Changing it switches scenes. */\n  readonly active: string;\n  /** Optional transition (e.g. a `FadeSceneTransition`) applied when switching scenes. */\n  readonly transition?: SceneTransitionSelection;\n  /** {@link Scene} declarations. */\n  readonly children?: ReactNode;\n}\n\n/**\n * Declarative scene switch over the one-active-scene model. Renders a set of\n * {@link Scene} declarations and activates the one whose `name` equals `active`\n * via `app.start()` (first activation) or `app.scenes.change()` (subsequent\n * switches, with the optional `transition`) - the declaration's `component`\n * constructor must be registered in `ApplicationOptions.scenes`. The active\n * scene's React children (HUD overlay) render alongside, and can read the\n * instance via {@link useActiveScene}.\n *\n * A failure in `app.start()`/`app.scenes.change()` (e.g. a scene's `load()`\n * rejects) is caught and routed to {@link Application.onError} rather than\n * left as an unhandled promise rejection - subscribe via `app.onError.add(...)`\n * or the {@link import('./ExoCanvas').ExoCanvas} `onError` prop to observe it.\n *\n * @example\n * ```tsx\n * import { FadeSceneTransition } from '@codexo/exojs';\n *\n * <ExoCanvas>\n *   <Scenes active={screen} transition={new FadeSceneTransition({ duration: 300 })}>\n *     <Scene name=\"title\" component={TitleScene} />\n *     <Scene name=\"game\" component={GameScene}>\n *       <Hud />\n *     </Scene>\n *   </Scenes>\n * </ExoCanvas>\n * ```\n */\nexport function Scenes({ active, transition, children }: ScenesProps): ReactElement {\n  const app = useExoApp();\n  const [instance, setInstance] = useState<ExoScene | null>(null);\n\n  // Collect the <Scene> declarations from children (keyed by name).\n  const registry = useMemo(() => {\n    const map = new Map<string, SceneProps>();\n    Children.forEach(children, child => {\n      if (isValidElement(child) && child.type === Scene) {\n        const props = child.props as SceneProps;\n        map.set(props.name, props);\n      }\n    });\n    return map;\n  }, [children]);\n\n  const entry = registry.get(active);\n  const SceneClass = entry?.component ?? null;\n\n  useEffect(() => {\n    if (SceneClass === null) {\n      // No matching <Scene name={active}> declaration. No public API switches\n      // the director back to scene-less mid-lifetime - the\n      // last-active scene keeps running underneath; only the React-rendered\n      // HUD overlay is cleared. This is a caller mismatch (an `active` name\n      // with no matching <Scene>), not a supported \"show nothing\" path.\n      console.warn(`<Scenes>: no <Scene name=\"${active}\"> declaration found; the previously active scene (if any) keeps running.`);\n      setInstance(null);\n      return;\n    }\n\n    let cancelled = false;\n\n    const apply = async (): Promise<void> => {\n      try {\n        if (app.state === ApplicationState.Stopped) {\n          // First activation initializes the backend and starts the frame loop;\n          // transitions only apply to subsequent switches.\n          await app.start(SceneClass);\n        } else {\n          await app.scenes.change(SceneClass, transition !== undefined ? { transition } : {});\n        }\n        if (!cancelled) {\n          setInstance(app.scenes.currentScene);\n        }\n      } catch (error) {\n        // Route to Application.onError instead of leaving an unhandled\n        // rejection - app.start()/change() reject rather than dispatching\n        // onError themselves.\n        app.onError.dispatch(error instanceof Error ? error : new Error(String(error)));\n      }\n    };\n\n    void apply();\n\n    return () => {\n      cancelled = true;\n      setInstance(null);\n    };\n    // Re-activate when the active name changes. SceneClass/transition derive\n    // from `active`; keying on app + active avoids re-instantiating each render.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [app, active]);\n\n  return <ActiveSceneContext.Provider value={instance}>{instance !== null && entry?.children}</ActiveSceneContext.Provider>;\n}\n"],"mappings":";;;;;;;AAMA,MAAM,qBAAqB,cAA+B,IAAI;AAC9D,mBAAmB,cAAc;;;;;;AAOjC,SAAgB,iBAA0D;CACxE,OAAO,WAAW,kBAAkB;AACtC;;;;;;AAiBA,SAAgB,MAAM,QAAyC;CAC7D,OAAO;AACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA,SAAgB,OAAO,EAAE,QAAQ,YAAY,YAAuC;CAClF,MAAM,MAAM,UAAU;CACtB,MAAM,CAAC,UAAU,eAAe,SAA0B,IAAI;CAc9D,MAAM,QAXW,cAAc;EAC7B,MAAM,sBAAM,IAAI,IAAwB;EACxC,SAAS,QAAQ,WAAU,UAAS;GAClC,IAAI,eAAe,KAAK,KAAK,MAAM,SAAS,OAAO;IACjD,MAAM,QAAQ,MAAM;IACpB,IAAI,IAAI,MAAM,MAAM,KAAK;GAC3B;EACF,CAAC;EACD,OAAO;CACT,GAAG,CAAC,QAAQ,CAES,CAAC,CAAC,IAAI,MAAM;CACjC,MAAM,aAAa,OAAO,aAAa;CAEvC,gBAAgB;EACd,IAAI,eAAe,MAAM;GAMvB,QAAQ,KAAK,6BAA6B,OAAO,0EAA0E;GAC3H,YAAY,IAAI;GAChB;EACF;EAEA,IAAI,YAAY;EAEhB,MAAM,QAAQ,YAA2B;GACvC,IAAI;IACF,IAAI,IAAI,UAAU,iBAAiB,SAGjC,MAAM,IAAI,MAAM,UAAU;SAE1B,MAAM,IAAI,OAAO,OAAO,YAAY,eAAe,SAAY,EAAE,WAAW,IAAI,CAAC,CAAC;IAEpF,IAAI,CAAC,WACH,YAAY,IAAI,OAAO,YAAY;GAEvC,SAAS,OAAO;IAId,IAAI,QAAQ,SAAS,iBAAiB,QAAQ,QAAQ,IAAI,MAAM,OAAO,KAAK,CAAC,CAAC;GAChF;EACF;EAEA,AAAK,MAAM;EAEX,aAAa;GACX,YAAY;GACZ,YAAY,IAAI;EAClB;CAIF,GAAG,CAAC,KAAK,MAAM,CAAC;CAEhB,OAAO,oBAAC,mBAAmB,UAApB;EAA6B,OAAO;YAAW,aAAa,QAAQ,OAAO;CAAsC;AAC1H"}

package/dist/esm/index.d.ts

@@ -8,3 +8,4 @@ export type { ExoApplicationOptions, UseExoApplicationResult } from './useExoApp
 export { useExoApplication } from './useExoApplication';
 export { useScene } from './useScene';
 export { useSignal } from './useSignal';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AACzD,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,qBAAqB,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC1F,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}

package/dist/esm/index.js

@@ -1,8 +1,9 @@
-export { ExoCanvas } from './ExoCanvas.js';
-export { ExoContext, useExoContext } from './ExoContext.js';
-export { Scene, Scenes, useActiveScene } from './Scenes.js';
-export { useExoApp } from './useExoApp.js';
-export { useExoApplication } from './useExoApplication.js';
-export { useScene } from './useScene.js';
-export { useSignal } from './useSignal.js';
-//# sourceMappingURL=index.js.map
+import { ExoContext, useExoContext } from "./ExoContext.js";
+import { useExoApplication } from "./useExoApplication.js";
+import { ExoCanvas } from "./ExoCanvas.js";
+import { useExoApp } from "./useExoApp.js";
+import { Scene, Scenes, useActiveScene } from "./Scenes.js";
+import { useScene } from "./useScene.js";
+import { useSignal } from "./useSignal.js";
+
+export { ExoCanvas, ExoContext, Scene, Scenes, useActiveScene, useExoApp, useExoApplication, useExoContext, useScene, useSignal };