@energy8platform/game-engine 0.8.0 → 0.9.0

package/dist/react.esm.js

@@ -0,0 +1,455 @@
+import { DefaultEventPriority, ConcurrentRoot } from 'react-reconciler/constants';
+import Reconciler from 'react-reconciler';
+import { Container, HTMLText, BitmapText, MeshSimple, MeshRope, MeshPlane, Mesh, TilingSprite, NineSliceSprite, AnimatedSprite, Text, Graphics, Sprite } from 'pixi.js';
+import { createContext, useContext, createElement, useState, useEffect } from 'react';
+
+/** Mutable catalogue: PascalCase name -> PixiJS constructor */
+const catalogue = {};
+/**
+ * Register PixiJS classes for use as JSX elements.
+ * Keys must be PascalCase; JSX uses the camelCase equivalent.
+ *
+ * @example
+ * ```ts
+ * import { Container, Sprite, Text } from 'pixi.js';
+ * extend({ Container, Sprite, Text });
+ * // Now <container>, <sprite>, <text> work in JSX
+ * ```
+ */
+function extend(components) {
+    Object.assign(catalogue, components);
+}
+
+const RESERVED = new Set(['children', 'key', 'ref']);
+const REACT_TO_PIXI_EVENTS = {
+    onClick: 'onclick',
+    onPointerDown: 'onpointerdown',
+    onPointerUp: 'onpointerup',
+    onPointerMove: 'onpointermove',
+    onPointerOver: 'onpointerover',
+    onPointerOut: 'onpointerout',
+    onPointerEnter: 'onpointerenter',
+    onPointerLeave: 'onpointerleave',
+    onPointerCancel: 'onpointercancel',
+    onPointerTap: 'onpointertap',
+    onPointerUpOutside: 'onpointerupoutside',
+    onMouseDown: 'onmousedown',
+    onMouseUp: 'onmouseup',
+    onMouseMove: 'onmousemove',
+    onMouseOver: 'onmouseover',
+    onMouseOut: 'onmouseout',
+    onMouseEnter: 'onmouseenter',
+    onMouseLeave: 'onmouseleave',
+    onMouseUpOutside: 'onmouseupoutside',
+    onTouchStart: 'ontouchstart',
+    onTouchEnd: 'ontouchend',
+    onTouchMove: 'ontouchmove',
+    onTouchCancel: 'ontouchcancel',
+    onTouchEndOutside: 'ontouchendoutside',
+    onWheel: 'onwheel',
+    onRightClick: 'onrightclick',
+    onRightDown: 'onrightdown',
+    onRightUp: 'onrightup',
+    onRightUpOutside: 'onrightupoutside',
+    onTap: 'ontap',
+    onGlobalpointermove: 'onglobalpointermove',
+    onGlobalmousemove: 'onglobalmousemove',
+    onGlobaltouchmove: 'onglobaltouchmove',
+};
+function isEventProp(key) {
+    return key in REACT_TO_PIXI_EVENTS;
+}
+function hasEventProps(props) {
+    for (const key in props) {
+        if (isEventProp(key))
+            return true;
+    }
+    return false;
+}
+function setNestedValue(target, path, value) {
+    let obj = target;
+    for (let i = 0; i < path.length - 1; i++) {
+        obj = obj[path[i]];
+        if (obj == null)
+            return;
+    }
+    obj[path[path.length - 1]] = value;
+}
+function applyProps(instance, newProps, oldProps = {}) {
+    // Remove old props not in newProps
+    for (const key in oldProps) {
+        if (RESERVED.has(key) || key in newProps)
+            continue;
+        const pixiEvent = REACT_TO_PIXI_EVENTS[key];
+        if (pixiEvent) {
+            instance[pixiEvent] = null;
+        }
+        else if (key === 'draw') ;
+        else if (key.includes('-')) ;
+        else {
+            try {
+                instance[key] = undefined;
+            }
+            catch {
+                // read-only or non-configurable
+            }
+        }
+    }
+    // Apply new props
+    for (const key in newProps) {
+        if (RESERVED.has(key))
+            continue;
+        const value = newProps[key];
+        const pixiEvent = REACT_TO_PIXI_EVENTS[key];
+        if (pixiEvent) {
+            instance[pixiEvent] = value;
+        }
+        else if (key === 'draw' && typeof value === 'function') {
+            instance.clear?.();
+            value(instance);
+        }
+        else if (key.includes('-')) {
+            const parts = key.split('-');
+            setNestedValue(instance, parts, value);
+        }
+        else {
+            try {
+                instance[key] = value;
+            }
+            catch {
+                // read-only property
+            }
+        }
+    }
+}
+
+function toPascalCase(str) {
+    return str.charAt(0).toUpperCase() + str.slice(1);
+}
+const hostConfig = {
+    isPrimaryRenderer: false,
+    supportsMutation: true,
+    supportsPersistence: false,
+    supportsHydration: false,
+    createInstance(type, props) {
+        const name = toPascalCase(type);
+        const Ctor = catalogue[name];
+        if (!Ctor) {
+            throw new Error(`[PixiReconciler] Unknown element "<${type}>". ` +
+                `Call extend({ ${name} }) before rendering.`);
+        }
+        const instance = new Ctor();
+        applyProps(instance, props);
+        // Enable interactivity if any event prop is present
+        if (hasEventProps(props) && instance.eventMode === 'auto') {
+            instance.eventMode = 'static';
+        }
+        return instance;
+    },
+    createTextInstance() {
+        throw new Error('[PixiReconciler] Text strings are not supported. Use a <text> element.');
+    },
+    appendInitialChild(parent, child) {
+        if (child instanceof Container)
+            parent.addChild(child);
+    },
+    appendChild(parent, child) {
+        if (child instanceof Container)
+            parent.addChild(child);
+    },
+    appendChildToContainer(container, child) {
+        if (child instanceof Container)
+            container.addChild(child);
+    },
+    removeChild(parent, child) {
+        if (child instanceof Container) {
+            parent.removeChild(child);
+            child.destroy({ children: true });
+        }
+    },
+    removeChildFromContainer(container, child) {
+        if (child instanceof Container) {
+            container.removeChild(child);
+            child.destroy({ children: true });
+        }
+    },
+    insertBefore(parent, child, beforeChild) {
+        if (child instanceof Container && beforeChild instanceof Container) {
+            if (child.parent)
+                child.parent.removeChild(child);
+            const index = parent.getChildIndex(beforeChild);
+            parent.addChildAt(child, index);
+        }
+    },
+    insertInContainerBefore(container, child, beforeChild) {
+        if (child instanceof Container && beforeChild instanceof Container) {
+            if (child.parent)
+                child.parent.removeChild(child);
+            const index = container.getChildIndex(beforeChild);
+            container.addChildAt(child, index);
+        }
+    },
+    commitUpdate(instance, _updatePayload, _type, oldProps, newProps) {
+        applyProps(instance, newProps, oldProps);
+        if (hasEventProps(newProps) && instance.eventMode === 'auto') {
+            instance.eventMode = 'static';
+        }
+    },
+    finalizeInitialChildren() {
+        return false;
+    },
+    prepareUpdate() {
+        return true;
+    },
+    shouldSetTextContent() {
+        return false;
+    },
+    getRootHostContext() {
+        return null;
+    },
+    getChildHostContext(parentHostContext) {
+        return parentHostContext;
+    },
+    getPublicInstance(instance) {
+        return instance;
+    },
+    prepareForCommit() {
+        return null;
+    },
+    resetAfterCommit() { },
+    preparePortalMount() { },
+    scheduleTimeout: setTimeout,
+    cancelTimeout: clearTimeout,
+    noTimeout: -1,
+    getCurrentEventPriority() {
+        return DefaultEventPriority;
+    },
+    hideInstance(instance) {
+        instance.visible = false;
+    },
+    unhideInstance(instance) {
+        instance.visible = true;
+    },
+    hideTextInstance() { },
+    unhideTextInstance() { },
+    clearContainer() { },
+    detachDeletedInstance() { },
+    prepareScopeUpdate() { },
+    getInstanceFromNode() { return null; },
+    getInstanceFromScope() { return null; },
+    beforeActiveInstanceBlur() { },
+    afterActiveInstanceBlur() { },
+};
+const reconciler = Reconciler(hostConfig);
+
+function createPixiRoot(container) {
+    const fiberRoot = reconciler.createContainer(container, // containerInfo
+    ConcurrentRoot, // tag
+    null, // hydrationCallbacks
+    false, // isStrictMode
+    null, // concurrentUpdatesByDefaultOverride
+    '', // identifierPrefix
+    (err) => console.error('[PixiRoot]', err), null);
+    return {
+        render(element) {
+            reconciler.updateContainer(element, fiberRoot, null, () => { });
+        },
+        unmount() {
+            reconciler.updateContainer(null, fiberRoot, null, () => { });
+        },
+    };
+}
+
+/**
+ * Register all standard PixiJS display objects for JSX use.
+ * Call once at app startup before rendering any React scenes.
+ */
+function extendPixiElements() {
+    extend({
+        Container,
+        Sprite,
+        Graphics,
+        Text,
+        AnimatedSprite,
+        NineSliceSprite,
+        TilingSprite,
+        Mesh,
+        MeshPlane,
+        MeshRope,
+        MeshSimple,
+        BitmapText,
+        HTMLText,
+    });
+}
+/**
+ * Register @pixi/layout components for JSX use.
+ * Pass the dynamically imported module:
+ *
+ * ```ts
+ * const layout = await import('@pixi/layout/components');
+ * extendLayoutElements(layout);
+ * ```
+ */
+function extendLayoutElements(layoutModule) {
+    extend(layoutModule);
+}
+
+/**
+ * Base class for all scenes.
+ * Provides a root PixiJS Container and lifecycle hooks.
+ *
+ * @example
+ * ```ts
+ * class MenuScene extends Scene {
+ *   async onEnter() {
+ *     const bg = Sprite.from('menu-bg');
+ *     this.container.addChild(bg);
+ *   }
+ *
+ *   onUpdate(dt: number) {
+ *     // per-frame logic
+ *   }
+ *
+ *   onResize(width: number, height: number) {
+ *     // reposition UI
+ *   }
+ * }
+ * ```
+ */
+class Scene {
+    container;
+    constructor() {
+        this.container = new Container();
+        this.container.label = this.constructor.name;
+    }
+}
+
+const EngineContext = createContext(null);
+function useEngine() {
+    const ctx = useContext(EngineContext);
+    if (!ctx)
+        throw new Error('useEngine() must be used inside a ReactScene');
+    return ctx;
+}
+
+// ─── Scale Modes ───────────────────────────────────────────
+var ScaleMode;
+(function (ScaleMode) {
+    /** Fit inside container, maintain aspect ratio (letterbox/pillarbox) */
+    ScaleMode["FIT"] = "FIT";
+    /** Fill container, maintain aspect ratio (crop edges) */
+    ScaleMode["FILL"] = "FILL";
+    /** Stretch to fill (distorts) */
+    ScaleMode["STRETCH"] = "STRETCH";
+})(ScaleMode || (ScaleMode = {}));
+// ─── Orientation ───────────────────────────────────────────
+var Orientation;
+(function (Orientation) {
+    Orientation["LANDSCAPE"] = "landscape";
+    Orientation["PORTRAIT"] = "portrait";
+    Orientation["ANY"] = "any";
+})(Orientation || (Orientation = {}));
+// ─── Transition Types ──────────────────────────────────────
+var TransitionType;
+(function (TransitionType) {
+    TransitionType["NONE"] = "none";
+    TransitionType["FADE"] = "fade";
+    TransitionType["SLIDE_LEFT"] = "slide-left";
+    TransitionType["SLIDE_RIGHT"] = "slide-right";
+})(TransitionType || (TransitionType = {}));
+
+class ReactScene extends Scene {
+    _pixiRoot = null;
+    _contextValue = null;
+    /** Access the GameApplication instance. */
+    getApp() {
+        const app = this.__engineApp;
+        if (!app) {
+            throw new Error('[ReactScene] No GameApplication reference. ' +
+                'Ensure this scene is managed by SceneManager (not instantiated manually).');
+        }
+        return app;
+    }
+    async onEnter(data) {
+        const app = this.getApp();
+        this._contextValue = {
+            app,
+            sdk: app.sdk,
+            audio: app.audio,
+            input: app.input,
+            viewport: app.viewport,
+            gameConfig: app.gameConfig,
+            screen: {
+                width: app.viewport.width,
+                height: app.viewport.height,
+                scale: app.viewport.scale,
+            },
+            isPortrait: app.viewport.orientation === Orientation.PORTRAIT,
+        };
+        this._pixiRoot = createPixiRoot(this.container);
+        this._mountReactTree();
+    }
+    async onExit() {
+        this._pixiRoot?.unmount();
+        this._pixiRoot = null;
+        this._contextValue = null;
+    }
+    onResize(width, height) {
+        if (!this._contextValue)
+            return;
+        const app = this.getApp();
+        this._contextValue = {
+            ...this._contextValue,
+            screen: { width, height, scale: app.viewport.scale },
+            isPortrait: height > width,
+        };
+        this._mountReactTree();
+    }
+    onDestroy() {
+        this._pixiRoot?.unmount();
+        this._pixiRoot = null;
+        this._contextValue = null;
+    }
+    _mountReactTree() {
+        if (!this._pixiRoot || !this._contextValue)
+            return;
+        this._pixiRoot.render(createElement(EngineContext.Provider, { value: this._contextValue }, this.render()));
+    }
+}
+
+function useSDK() {
+    return useEngine().sdk;
+}
+function useAudio() {
+    return useEngine().audio;
+}
+function useInput() {
+    return useEngine().input;
+}
+function useViewport() {
+    const { screen, isPortrait } = useEngine();
+    return { ...screen, isPortrait };
+}
+function useBalance() {
+    const { sdk } = useEngine();
+    const [balance, setBalance] = useState(sdk?.balance ?? 0);
+    useEffect(() => {
+        if (!sdk)
+            return;
+        const handler = (data) => setBalance(data.balance);
+        sdk.on('balanceUpdate', handler);
+        return () => {
+            sdk.off('balanceUpdate', handler);
+        };
+    }, [sdk]);
+    return balance;
+}
+function useSession() {
+    return useEngine().app.session;
+}
+function useGameConfig() {
+    return useEngine().gameConfig;
+}
+
+export { EngineContext, ReactScene, createPixiRoot, extend, extendLayoutElements, extendPixiElements, useAudio, useBalance, useEngine, useGameConfig, useInput, useSDK, useSession, useViewport };
+//# sourceMappingURL=react.esm.js.map

package/dist/react.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.esm.js","sources":["../src/react/catalogue.ts","../src/react/applyProps.ts","../src/react/reconciler.ts","../src/react/createPixiRoot.ts","../src/react/extendAll.ts","../src/core/Scene.ts","../src/react/EngineContext.ts","../src/types.ts","../src/react/ReactScene.ts","../src/react/hooks.ts"],"sourcesContent":[null,null,null,null,null,null,null,null,null,null],"names":[],"mappings":"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"}

package/dist/vite.cjs.js

@@ -116,6 +116,9 @@ function defineGameConfig(config = {}) {
                 '@pixi/ui',
                 'yoga-layout',
                 'yoga-layout/load',
+                'react',
+                'react-dom',
+                'react-reconciler',
             ],
             ...userVite.resolve,
         },
@@ -126,6 +129,8 @@ function defineGameConfig(config = {}) {
                 '@pixi/layout/components',
                 '@pixi/ui',
                 'yoga-layout/load',
+                'react',
+                'react-dom',
             ],
             exclude: [
                 'yoga-layout',

package/dist/vite.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"vite.cjs.js","sources":["../src/vite/index.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
+{"version":3,"file":"vite.cjs.js","sources":["../src/vite/index.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/vite.esm.js

@@ -114,6 +114,9 @@ function defineGameConfig(config = {}) {
                 '@pixi/ui',
                 'yoga-layout',
                 'yoga-layout/load',
+                'react',
+                'react-dom',
+                'react-reconciler',
             ],
             ...userVite.resolve,
         },
@@ -124,6 +127,8 @@ function defineGameConfig(config = {}) {
                 '@pixi/layout/components',
                 '@pixi/ui',
                 'yoga-layout/load',
+                'react',
+                'react-dom',
             ],
             exclude: [
                 'yoga-layout',

package/dist/vite.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"vite.esm.js","sources":["../src/vite/index.ts"],"sourcesContent":[null],"names":[],"mappings":"AAkBA;AAEA;;;;AAIG;AACH,MAAM,UAAU,GAAG,uBAAuB;AAE1C,SAAS,eAAe,CAAC,UAAkB,EAAA;IACzC,IAAI,QAAQ,GAAG,EAAE;IACjB,IAAI,kBAAkB,GAAG,UAAU;IAEnC,OAAO;AACL,QAAA,IAAI,EAAE,wBAAwB;QAC9B,KAAK,EAAE,OAAO;AACd,QAAA,OAAO,EAAE,KAAK;AAEd,QAAA,cAAc,CAAC,MAAM,EAAA;;;AAGnB,YAAA,IAAI,UAAU,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;AAC9B,gBAAA,kBAAkB,GAAG,MAAM,CAAC,IAAI,GAAG,GAAG,GAAG,UAAU,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC;YAC1E;QACF,CAAC;AAED,QAAA,SAAS,CAAC,EAAE,EAAA;YACV,IAAI,EAAE,KAAK,UAAU;AAAE,gBAAA,OAAO,EAAE;QAClC,CAAC;AAED,QAAA,IAAI,CAAC,EAAE,EAAA;AACL,YAAA,IAAI,EAAE,KAAK,UAAU,EAAE;;gBAErB,OAAO;;;;8BAIe,kBAAkB,CAAA;;;;;;;gBAOhC,QAAQ,CAAA;CACvB;YACK;QACF,CAAC;AAED,QAAA,kBAAkB,CAAC,IAAI,EAAA;;YAErB,MAAM,WAAW,GAAG,iEAAiE;YACrF,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC;YAErC,IAAI,CAAC,KAAK,EAAE;AACV,gBAAA,OAAO,CAAC,IAAI,CAAC,8DAA8D,CAAC;AAC5E,gBAAA,OAAO,IAAI;YACb;AAEA,YAAA,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC;AACnB,YAAA,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAA,2BAAA,EAA8B,UAAU,CAAA,WAAA,CAAa,CAAC;QACtF,CAAC;KACF;AACH;AAEA;AAEA;;;;;;;;;;;;;;;;;;;AAmBG;AACG,SAAU,gBAAgB,CAAC,MAAA,GAAqB,EAAE,EAAA;IACtD,MAAM,OAAO,GAAa,EAAE;AAE5B,IAAA,IAAI,MAAM,CAAC,SAAS,EAAE;AACpB,QAAA,MAAM,UAAU,GAAG,MAAM,CAAC,eAAe,IAAI,cAAc;QAC3D,OAAO,CAAC,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;IAC3C;AAEA,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,IAAI,EAAE;IAElC,OAAO;AACL,QAAA,IAAI,EAAE,MAAM,CAAC,IAAI,IAAI,GAAG;AAExB,QAAA,OAAO,EAAE;AACP,YAAA,GAAG,OAAO;AACV,YAAA,IAAK,QAAQ,CAAC,OAAoB,IAAI,EAAE,CAAC;AAC1C,SAAA;AAED,QAAA,KAAK,EAAE;AACL,YAAA,MAAM,EAAE,QAAQ;AAChB,YAAA,iBAAiB,EAAE,IAAI;AACvB,YAAA,SAAS,EAAE,KAAK;AAChB,YAAA,aAAa,EAAE;AACb,gBAAA,MAAM,EAAE;AACN,oBAAA,YAAY,EAAE;wBACZ,IAAI,EAAE,CAAC,SAAS,CAAC;AAClB,qBAAA;AACF,iBAAA;AACF,aAAA;YACD,GAAG,QAAQ,CAAC,KAAK;AAClB,SAAA;AAED,QAAA,MAAM,EAAE;AACN,YAAA,IAAI,EAAE,IAAI;AACV,YAAA,IAAI,EAAE,IAAI;YACV,GAAG,QAAQ,CAAC,MAAM;AACnB,SAAA;AAED,QAAA,OAAO,EAAE;AACP,YAAA,MAAM,EAAE;gBACN,SAAS;gBACT,cAAc;gBACd,yBAAyB;gBACzB,UAAU;gBACV,aAAa;gBACb,kBAAkB;AACnB,aAAA;YACD,GAAG,QAAQ,CAAC,OAAO;AACpB,SAAA;AAED,QAAA,YAAY,EAAE;AACZ,YAAA,OAAO,EAAE;gBACP,SAAS;gBACT,cAAc;gBACd,yBAAyB;gBACzB,UAAU;gBACV,kBAAkB;AACnB,aAAA;AACD,YAAA,OAAO,EAAE;gBACP,aAAa;AACd,aAAA;AACD,YAAA,cAAc,EAAE;AACd,gBAAA,MAAM,EAAE,QAAQ;AACjB,aAAA;YACD,GAAG,QAAQ,CAAC,YAAY;AACzB,SAAA;KACF;AACH;;;;"}
+{"version":3,"file":"vite.esm.js","sources":["../src/vite/index.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@energy8platform/game-engine",
-  "version": "0.8.0",
+  "version": "0.9.0",
   "description": "Universal casino game engine built on PixiJS v8 and @energy8platform/game-sdk",
   "type": "module",
   "main": "./dist/index.cjs.js",
@@ -46,6 +46,11 @@
       "import": "./dist/vite.esm.js",
       "require": "./dist/vite.cjs.js",
       "types": "./dist/vite.d.ts"
+    },
+    "./react": {
+      "import": "./dist/react.esm.js",
+      "require": "./dist/react.cjs.js",
+      "types": "./dist/react.d.ts"
     }
   },
   "files": [
@@ -67,7 +72,10 @@
     "@energy8platform/game-sdk": "^2.7.0",
     "@pixi/ui": "^2.3.0",
     "@pixi/layout": "^3.2.0",
-    "yoga-layout": "^3.0.0"
+    "yoga-layout": "^3.0.0",
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0",
+    "react-reconciler": ">=0.29.0"
   },
   "peerDependenciesMeta": {
     "@esotericsoftware/spine-pixi-v8": {
@@ -84,6 +92,15 @@
     },
     "yoga-layout": {
       "optional": true
+    },
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    },
+    "react-reconciler": {
+      "optional": true
     }
   },
   "devDependencies": {
@@ -104,7 +121,12 @@
     "tslib": "^2.8.0",
     "typescript": "^5.6.0",
     "vite": "^6.0.0",
-    "vitest": "^2.0.0"
+    "vitest": "^2.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "react-reconciler": "^0.31.0",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0"
   },
   "keywords": [
     "casino",

package/src/core/GameApplication.ts

@@ -290,6 +290,7 @@ export class GameApplication extends EventEmitter<GameEngineEvents> {
 
     // Wire SceneManager to the PixiJS stage
     this.scenes.setRoot(this.app.stage);
+    this.scenes.setApp(this);
 
     // Wire viewport resize → scene manager + input manager
     this.viewport.on('resize', ({ width, height, scale }) => {

package/src/core/SceneManager.ts

@@ -38,6 +38,9 @@ export class SceneManager extends EventEmitter<SceneManagerEvents> {
   private _width = 0;
   private _height = 0;
 
+  /** @internal GameApplication reference — passed to scenes */
+  private _app: any;
+
   constructor(root?: Container) {
     super();
     if (root) this.root = root;
@@ -48,6 +51,11 @@ export class SceneManager extends EventEmitter<SceneManagerEvents> {
     this.root = root;
   }
 
+  /** @internal Set the app reference (called by GameApplication) */
+  setApp(app: any): void {
+    this._app = app;
+  }
+
   /** Register a scene class by key */
   register(key: string, ctor: SceneConstructor): this {
     this.registry.set(key, ctor);
@@ -183,7 +191,11 @@ export class SceneManager extends EventEmitter<SceneManagerEvents> {
     if (!Ctor) {
       throw new Error(`[SceneManager] Scene "${key}" is not registered`);
     }
-    return new Ctor();
+    const scene = new Ctor();
+    if (this._app) {
+      scene.__engineApp = this._app;
+    }
+    return scene;
   }
 
   private async pushInternal(

package/src/react/EngineContext.ts

@@ -0,0 +1,26 @@
+import { createContext, useContext } from 'react';
+import type { GameApplication } from '../core/GameApplication';
+import type { AudioManager } from '../audio/AudioManager';
+import type { InputManager } from '../input/InputManager';
+import type { ViewportManager } from '../viewport/ViewportManager';
+import type { CasinoGameSDK } from '@energy8platform/game-sdk';
+import type { GameConfigData } from '@energy8platform/game-sdk';
+
+export interface EngineContextValue {
+  app: GameApplication;
+  sdk: CasinoGameSDK | null;
+  audio: AudioManager;
+  input: InputManager;
+  viewport: ViewportManager;
+  gameConfig: GameConfigData | null;
+  screen: { width: number; height: number; scale: number };
+  isPortrait: boolean;
+}
+
+export const EngineContext = createContext<EngineContextValue | null>(null);
+
+export function useEngine(): EngineContextValue {
+  const ctx = useContext(EngineContext);
+  if (!ctx) throw new Error('useEngine() must be used inside a ReactScene');
+  return ctx;
+}