@babylonjs/react-native 0.4.0-alpha.7 → 0.64.0-alpha.47

package/BabylonModule.d.ts

@@ -0,0 +1,2 @@
+export declare function ensureInitialized(): Promise<boolean>;
+export declare function reset(): Promise<void>;

package/{BabylonModule.ts → BabylonModule.js}

@@ -1,24 +1,21 @@
 import { NativeModules } from 'react-native';
-
-declare const global: {
-    nativeCallSyncHook: any;
-};
 const isRemoteDebuggingEnabled = !global.nativeCallSyncHook;
-
 // This legacy React Native module is created by Babylon React Native, and is only used to bootstrap the JSI object creation.
 // This will likely be removed when the BabylonNative global object is eventually converted to a TurboModule.
-const BabylonModule: {
-    initialize(): Promise<void>;
-} = NativeModules.BabylonModule;
-
-export async function ensureInitialized(): Promise<boolean> {
+const BabylonModule = NativeModules.BabylonModule;
+export async function ensureInitialized() {
     if (isRemoteDebuggingEnabled) {
         // When remote debugging is enabled, JavaScript runs on the debugging host machine, not on the device where the app is running.
         // JSI (which Babylon Native uses heavily) can not work in this mode. In the future, this debugging mode will be phased out as it is incompatible with TurboModules for the same reason.
         return false;
-    } else {
+    }
+    else {
         // This does the first stage of Babylon Native initialization, including creating the BabylonNative JSI object.
         await BabylonModule.initialize();
         return true;
     }
-}
+}
+export async function reset() {
+    return BabylonModule.resetView();
+}
+//# sourceMappingURL=BabylonModule.js.map

package/BabylonModule.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BabylonModule.js","sourceRoot":"","sources":["../../Modules/@babylonjs/react-native/BabylonModule.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAK7C,MAAM,wBAAwB,GAAG,CAAC,MAAM,CAAC,kBAAkB,CAAC;AAE5D,6HAA6H;AAC7H,6GAA6G;AAC7G,MAAM,aAAa,GAGf,aAAa,CAAC,aAAa,CAAC;AAEhC,MAAM,CAAC,KAAK,UAAU,iBAAiB;IACnC,IAAI,wBAAwB,EAAE;QAC1B,+HAA+H;QAC/H,wLAAwL;QACxL,OAAO,KAAK,CAAC;KAChB;SAAM;QACH,+GAA+G;QAC/G,MAAM,aAAa,CAAC,UAAU,EAAE,CAAC;QACjC,OAAO,IAAI,CAAC;KACf;AACL,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,KAAK;IACvB,OAAO,aAAa,CAAC,SAAS,EAAE,CAAC;AACrC,CAAC"}

package/EngineHook.d.ts

@@ -0,0 +1,3 @@
+import { Engine } from '@babylonjs/core';
+import './VersionValidation';
+export declare function useEngine(): Engine | undefined;

package/EngineHook.js

@@ -0,0 +1,179 @@
+import { useEffect, useState } from 'react';
+import { Platform } from 'react-native';
+import { PERMISSIONS, check, request } from 'react-native-permissions';
+import { WebXRSessionManager, WebXRExperienceHelper, Color4, Tools } from '@babylonjs/core';
+import { ReactNativeEngine } from './ReactNativeEngine';
+import './VersionValidation';
+import * as base64 from 'base-64';
+// These are errors that are normally thrown by WebXR's requestSession, so we should throw the same errors under similar circumstances so app code can be written the same for browser or native.
+// https://developer.mozilla.org/en-US/docs/Web/API/XRSystem/requestSession
+// https://developer.mozilla.org/en-US/docs/Web/API/DOMException#Error_names
+var DOMError;
+(function (DOMError) {
+    DOMError[DOMError["NotSupportedError"] = 9] = "NotSupportedError";
+    DOMError[DOMError["InvalidStateError"] = 11] = "InvalidStateError";
+    DOMError[DOMError["SecurityError"] = 18] = "SecurityError";
+})(DOMError || (DOMError = {}));
+class DOMException {
+    error;
+    constructor(error) {
+        this.error = error;
+    }
+    get code() { return this.error; }
+    get name() { return DOMError[this.error]; }
+}
+// Override the WebXRSessionManager.initializeSessionAsync to insert a camera permissions request. It would be cleaner to do this directly in the native XR implementation, but there are a couple problems with that:
+// 1. React Native does not provide a way to hook into the permissions request result (at least on Android).
+// 2. If it is done on the native side, then we need one implementation per platform.
+{
+    const originalInitializeSessionAsync = WebXRSessionManager.prototype.initializeSessionAsync;
+    WebXRSessionManager.prototype.initializeSessionAsync = async function (...args) {
+        if (Platform.OS === "windows") {
+            // Launching into immersive mode on Windows HMDs doesn't require a runtime permission check.
+            // The Spatial Perception capability should be enabled in the project's Package.appxmanifest.
+            return originalInitializeSessionAsync.apply(this, args);
+        }
+        const cameraPermission = Platform.select({
+            android: PERMISSIONS.ANDROID.CAMERA,
+            ios: PERMISSIONS.IOS.CAMERA,
+        });
+        // Only Android, iOS and Windows are supported.
+        if (cameraPermission === undefined) {
+            throw new DOMException(DOMError.NotSupportedError);
+        }
+        // If the permission has not been granted yet, but also not been blocked, then request permission.
+        let permissionStatus = await check(cameraPermission);
+        if (permissionStatus == "denied") {
+            permissionStatus = await request(cameraPermission);
+        }
+        // If the permission has still not been granted, then throw an appropriate exception, otherwise continue with the actual XR session initialization.
+        switch (permissionStatus) {
+            case "unavailable":
+                throw new DOMException(DOMError.NotSupportedError);
+            case "denied":
+            case "blocked":
+                throw new DOMException(DOMError.SecurityError);
+            case "granted":
+                return originalInitializeSessionAsync.apply(this, args);
+        }
+    };
+}
+if (Platform.OS === "android" || Platform.OS === "ios") {
+    const originalEnterXRAsync = WebXRExperienceHelper.prototype.enterXRAsync;
+    WebXRExperienceHelper.prototype.enterXRAsync = async function (...args) {
+        // TODO: https://github.com/BabylonJS/BabylonNative/issues/649
+        // Android/iOS require manually clearing the default frame buffer to prevent garbage from being rendered for a few frames during the XR transition
+        const sessionManager = await originalEnterXRAsync.apply(this, args);
+        const scene = sessionManager.scene;
+        const beforeRenderObserver = scene.onBeforeRenderObservable.add(() => {
+            scene.getEngine().unBindFramebuffer(undefined);
+            scene.getEngine().clear(scene.clearColor, true, false);
+        });
+        sessionManager.onXRSessionEnded.add(() => {
+            scene.onBeforeRenderObservable.remove(beforeRenderObserver);
+        });
+        return sessionManager;
+    };
+}
+else if (Platform.OS === "windows") {
+    const originalEnterXRAsync = WebXRExperienceHelper.prototype.enterXRAsync;
+    WebXRExperienceHelper.prototype.enterXRAsync = async function (...args) {
+        // TODO: https://github.com/BabylonJS/BabylonNative/issues/577
+        // Windows HMDs require different rendering behaviors than default xr rendering for mobile devices
+        const sessionManager = await originalEnterXRAsync.apply(this, args);
+        sessionManager.scene.clearColor = new Color4(0, 0, 0, 0);
+        sessionManager.scene.autoClear = true;
+        return sessionManager;
+    };
+}
+global.atob = base64.decode;
+// Polyfill console.time and console.timeEnd if needed (as of React Native 0.64 these are not implemented).
+if (!console.time) {
+    const consoleTimes = new Map();
+    console.time = (label = "default") => {
+        consoleTimes.set(label, performance.now());
+    };
+    console.timeEnd = (label = "default") => {
+        const end = performance.now();
+        const start = consoleTimes.get(label);
+        if (!!start) {
+            consoleTimes.delete(label);
+            console.log(`${label}: ${end - start} ms`);
+        }
+    };
+}
+{
+    const setPerformanceLogLevel = Object.getOwnPropertyDescriptor(Tools, "PerformanceLogLevel")?.set;
+    if (!setPerformanceLogLevel) {
+        console.warn(`NativeTracing was not hooked into Babylon.js performance logging because the Tools.PerformanceLogLevel property does not exist.`);
+    }
+    else {
+        // Keep a map of trace region opaque pointers since Tools.EndPerformanceCounter just takes a counter name as an argument.
+        const traceRegions = new Map();
+        let currentLevel = Tools.PerformanceNoneLogLevel;
+        Object.defineProperty(Tools, "PerformanceLogLevel", {
+            set: (level) => {
+                // No-op if the log level isn't changing, otherwise we can end up with multiple wrapper layers repeating the same work.
+                if (level !== currentLevel) {
+                    currentLevel = level;
+                    // Invoke the original PerformanceLevel setter.
+                    setPerformanceLogLevel(currentLevel);
+                    if (currentLevel === Tools.PerformanceNoneLogLevel) {
+                        _native.disablePerformanceLogging();
+                    }
+                    else {
+                        _native.enablePerformanceLogging();
+                        // When Tools.PerformanceLogLevel is set, it assigns the Tools.StartPerformanceCounter and Tools.EndPerformanceCounter functions, so we need to assign
+                        // these functions again in order to wrap them.
+                        const originalStartPerformanceCounter = Tools.StartPerformanceCounter;
+                        Tools.StartPerformanceCounter = (counterName, condition = true) => {
+                            // Call into native before so the time it takes is not captured in the JS perf counter interval.
+                            if (condition) {
+                                if (traceRegions.has(counterName)) {
+                                    console.warn(`Performance counter '${counterName}' already exists.`);
+                                }
+                                else {
+                                    traceRegions.set(counterName, _native.startPerformanceCounter(counterName));
+                                }
+                            }
+                            originalStartPerformanceCounter(counterName, condition);
+                        };
+                        const originalEndPerformanceCounter = Tools.EndPerformanceCounter;
+                        Tools.EndPerformanceCounter = (counterName, condition = true) => {
+                            originalEndPerformanceCounter(counterName, condition);
+                            // Call into native after so the time it takes is not captured in the JS perf counter interval.
+                            if (condition) {
+                                const traceRegion = traceRegions.get(counterName);
+                                if (traceRegion) {
+                                    _native.endPerformanceCounter(traceRegion);
+                                    traceRegions.delete(counterName);
+                                }
+                                else {
+                                    console.warn(`Performance counter '${counterName}' does not exist.`);
+                                }
+                            }
+                        };
+                    }
+                }
+            },
+        });
+    }
+}
+export function useEngine() {
+    const [engine, setEngine] = useState();
+    useEffect(() => {
+        const abortController = new AbortController();
+        let engine = undefined;
+        (async () => {
+            setEngine(engine = await ReactNativeEngine.tryCreateAsync(abortController.signal) ?? undefined);
+        })();
+        return () => {
+            abortController.abort();
+            // NOTE: Do not use setEngine with a callback to dispose the engine instance as that callback does not get called during component unmount when compiled in release.
+            engine?.dispose();
+            setEngine(undefined);
+        };
+    }, []);
+    return engine;
+}
+//# sourceMappingURL=EngineHook.js.map

package/EngineHook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EngineHook.js","sourceRoot":"","sources":["../../Modules/@babylonjs/react-native/EngineHook.ts"],"names":[],"mappings":"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"}

package/EngineView.d.ts

@@ -0,0 +1,13 @@
+import { FunctionComponent } from 'react';
+import { ViewProps } from 'react-native';
+import { Camera } from '@babylonjs/core';
+export interface EngineViewProps extends ViewProps {
+    camera?: Camera;
+    displayFrameRate?: boolean;
+    isTransparent?: boolean;
+    onInitialized?: (view: EngineViewCallbacks) => void;
+}
+export interface EngineViewCallbacks {
+    takeSnapshot: () => Promise<string>;
+}
+export declare const EngineView: FunctionComponent<EngineViewProps>;

package/EngineView.js

@@ -0,0 +1,118 @@
+import React, { useCallback, useEffect, useState, useRef } from 'react';
+import { requireNativeComponent, AppState, View, Text, findNodeHandle, UIManager } from 'react-native';
+import { SceneInstrumentation } from '@babylonjs/core';
+import { ensureInitialized } from './BabylonModule';
+const NativeEngineView = global['EngineView'] || (global['EngineView'] = requireNativeComponent('EngineView'));
+export const EngineView = (props) => {
+    const [initialized, setInitialized] = useState();
+    const [appState, setAppState] = useState(AppState.currentState);
+    //const [fps, setFps] = useState<number>();
+    const [sceneStats, setSceneStats] = useState();
+    const engineViewRef = useRef(null);
+    const snapshotPromise = useRef();
+    const isTransparent = props.isTransparent || false;
+    useEffect(() => {
+        (async () => {
+            setInitialized(await ensureInitialized());
+        })();
+    }, []);
+    useEffect(() => {
+        const onAppStateChanged = (appState) => {
+            setAppState(appState);
+        };
+        AppState.addEventListener("change", onAppStateChanged);
+        return () => {
+            AppState.removeEventListener("change", onAppStateChanged);
+        };
+    }, []);
+    useEffect(() => {
+        if (props.camera && appState === "active") {
+            const engine = props.camera.getScene().getEngine();
+            if (!engine.isDisposed) {
+                engine.runRenderLoop(() => {
+                    for (let scene of engine.scenes) {
+                        scene.render();
+                    }
+                });
+                return () => {
+                    if (!engine.isDisposed) {
+                        engine.stopRenderLoop();
+                    }
+                };
+            }
+        }
+        return undefined;
+    }, [props.camera, appState]);
+    useEffect(() => {
+        if (props.camera && (props.displayFrameRate ?? __DEV__)) {
+            const scene = props.camera.getScene();
+            const engine = scene.getEngine();
+            if (!engine.isDisposed) {
+                setSceneStats({ frameRate: 0, frameTime: 0 });
+                const sceneInstrumentation = new SceneInstrumentation(scene);
+                sceneInstrumentation.captureFrameTime = true;
+                const timerHandle = setInterval(() => {
+                    setSceneStats({ frameRate: engine.getFps(), frameTime: sceneInstrumentation.frameTimeCounter.lastSecAverage });
+                }, 1000);
+                return () => {
+                    clearInterval(timerHandle);
+                    setSceneStats(undefined);
+                    sceneInstrumentation.dispose();
+                };
+            }
+        }
+        return undefined;
+    }, [props.camera, props.displayFrameRate]);
+    // Call onInitialized if provided, and include the callback for takeSnapshot.
+    useEffect(() => {
+        if (props.onInitialized) {
+            props.onInitialized({
+                takeSnapshot: () => {
+                    if (!snapshotPromise.current) {
+                        let resolveFunction;
+                        const promise = new Promise((resolutionFunc) => {
+                            resolveFunction = resolutionFunc;
+                        });
+                        // Resolution functions should always be initialized.
+                        if (resolveFunction) {
+                            snapshotPromise.current = { promise: promise, resolve: resolveFunction };
+                        }
+                        else {
+                            throw new Error("Resolution functions not initialized after snapshot promise creation.");
+                        }
+                        UIManager.dispatchViewManagerCommand(findNodeHandle(engineViewRef.current), "takeSnapshot", []);
+                    }
+                    return snapshotPromise.current.promise;
+                }
+            });
+        }
+    }, [props.onInitialized]);
+    // Handle snapshot data returned.
+    const snapshotDataReturnedHandler = useCallback((event) => {
+        // The nativeEvent is a DOMEvent which doesn't have a typescript definition. Cast it to an Event object with a data property.
+        const { data } = event.nativeEvent;
+        if (snapshotPromise.current) {
+            snapshotPromise.current.resolve(data);
+            snapshotPromise.current = undefined;
+        }
+    }, []);
+    if (initialized !== false) {
+        return (React.createElement(View, { style: [{ flex: 1 }, props.style, { overflow: "hidden" }] },
+            initialized && React.createElement(NativeEngineView, { ref: engineViewRef, style: { flex: 1 }, onSnapshotDataReturned: snapshotDataReturnedHandler, isTransparent: isTransparent }),
+            sceneStats !== undefined &&
+                React.createElement(View, { style: { backgroundColor: '#00000040', opacity: 1, position: 'absolute', right: 0, left: 0, top: 0, flexDirection: 'row-reverse' } },
+                    React.createElement(Text, { style: { color: 'yellow', alignSelf: 'flex-end', margin: 3, fontVariant: ['tabular-nums'] } },
+                        "FPS: ",
+                        sceneStats.frameRate.toFixed(0)))));
+    }
+    else {
+        const message = "Could not initialize Babylon Native.";
+        if (!__DEV__) {
+            throw new Error(message);
+        }
+        return (React.createElement(View, { style: { flex: 1, justifyContent: 'center', alignItems: 'center' } },
+            React.createElement(Text, { style: { fontSize: 24 } }, message),
+            React.createElement(Text, { style: { fontSize: 12 } }, "React Native remote debugging does not work with Babylon Native.")));
+    }
+};
+//# sourceMappingURL=EngineView.js.map

package/EngineView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EngineView.js","sourceRoot":"","sources":["../../Modules/@babylonjs/react-native/EngineView.tsx"],"names":[],"mappings":"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"}

package/FontFace.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Partial Polyfill for FontFace Web API to wrap the NativeCanvas object.
+ */
+export declare class FontFace {
+    readonly family: string;
+    private source;
+    private _status;
+    get status(): "unloaded" | "loading" | "loaded" | "error";
+    get loaded(): boolean;
+    constructor(family: string, source: string | ArrayBuffer);
+    load(): Promise<void>;
+}

package/FontFace.js

@@ -0,0 +1,35 @@
+import { Tools } from '@babylonjs/core';
+/**
+ * Partial Polyfill for FontFace Web API to wrap the NativeCanvas object.
+ */
+export class FontFace {
+    family;
+    source;
+    _status = "unloaded";
+    get status() {
+        return this._status;
+    }
+    get loaded() {
+        return this._status === "loaded";
+    }
+    constructor(family, source) {
+        this.family = family;
+        this.source = source;
+    }
+    async load() {
+        try {
+            this._status = "loading";
+            if (typeof this.source === 'string') {
+                this.source = await Tools.LoadFileAsync(this.source);
+            }
+            await _native.Canvas.loadTTFAsync(this.family, this.source);
+            this.source = undefined;
+            this._status = "loaded";
+        }
+        catch (ex) {
+            console.error("Error encountered when loading font: " + ex);
+            this._status = "error";
+        }
+    }
+}
+//# sourceMappingURL=FontFace.js.map

package/FontFace.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FontFace.js","sourceRoot":"","sources":["../../Modules/@babylonjs/react-native/FontFace.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAKxC;;GAEG;AACH,MAAM,OAAO,QAAQ;IAWgB;IAV3B,MAAM,CAAmC;IACzC,OAAO,GAAgD,UAAU,CAAC;IAC1E,IAAW,MAAM;QACf,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;IAED,IAAW,MAAM;QACf,OAAO,IAAI,CAAC,OAAO,KAAK,QAAQ,CAAC;IACnC,CAAC;IAED,YAAmC,MAAc,EAAE,MAA4B;QAA5C,WAAM,GAAN,MAAM,CAAQ;QAC/C,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;IACvB,CAAC;IAEM,KAAK,CAAC,IAAI;QACf,IAAI;YACF,IAAI,CAAC,OAAO,GAAG,SAAS,CAAC;YACzB,IAAI,OAAO,IAAI,CAAC,MAAM,KAAK,QAAQ,EAAE;gBACnC,IAAI,CAAC,MAAM,GAAG,MAAM,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;aACtD;YAED,MAAM,OAAO,CAAC,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;YAC5D,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC;YACxB,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAA;SACxB;QAAC,OAAO,EAAE,EAAE;YACX,OAAO,CAAC,KAAK,CAAC,uCAAuC,GAAG,EAAE,CAAC,CAAC;YAC5D,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;SACxB;IACH,CAAC;CACF"}

package/NativeCapture.d.ts

@@ -0,0 +1,14 @@
+import { Camera } from '@babylonjs/core';
+export declare type CapturedFrame = {
+    width: number;
+    height: number;
+    format: "RGBA8" | "BGRA8" | undefined;
+    yFlip: boolean;
+    data: ArrayBuffer;
+};
+export declare type CaptureCallback = (capture: CapturedFrame) => void;
+export declare class CaptureSession {
+    private readonly nativeCapture;
+    constructor(camera: Camera | undefined, onCaptureCallback: CaptureCallback);
+    dispose(): void;
+}

package/NativeCapture.js

@@ -0,0 +1,14 @@
+;
+export class CaptureSession {
+    nativeCapture;
+    constructor(camera, onCaptureCallback) {
+        console.warn(`CaptureSession is experimental and likely to change significantly.`);
+        // HACK: There is no exposed way to access the frame buffer from render target texture
+        this.nativeCapture = new NativeCapture(camera?.outputRenderTarget?.renderTarget?._framebuffer);
+        this.nativeCapture.addCallback(onCaptureCallback);
+    }
+    dispose() {
+        this.nativeCapture.dispose();
+    }
+}
+//# sourceMappingURL=NativeCapture.js.map

package/NativeCapture.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeCapture.js","sourceRoot":"","sources":["../../Modules/@babylonjs/react-native/NativeCapture.ts"],"names":[],"mappings":"AAgBC,CAAC;AAEF,MAAM,OAAO,cAAc;IACN,aAAa,CAAgB;IAE9C,YAAmB,MAA0B,EAAE,iBAAkC;QAC7E,OAAO,CAAC,IAAI,CAAC,oEAAoE,CAAC,CAAC;QACnF,sFAAsF;QACtF,IAAI,CAAC,aAAa,GAAG,IAAI,aAAa,CAAE,MAAM,EAAE,kBAAkB,EAAE,YAAoB,EAAE,YAAY,CAAC,CAAC;QACxG,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC;IACtD,CAAC;IAEM,OAAO;QACV,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC;IACjC,CAAC;CACJ"}

package/README.md

@@ -18,14 +18,6 @@ The minimum Android SDK version is 18. This must be set as `minSdkVersion` in th
 
 The minimum deployment target version is 12. This must be set as `iOS Deployment Target` in the consuming project's `project.pbxproj`, and must also be set as `platform` in the consuming project's `podfile`.
 
-When running from XCode (with the debugger attached), `API Metal Validation` must be disabled:
-
-1. From within XCode, select from the main menu `Product -> Scheme -> Edit Scheme...`
-1. Ensure the target for your app is selected in the upper left corner of the window.
-1. Select `Run` from the scheme list.
-1. Select the `Options` tab.
-1. Change `API Metal Validation` to `Disabled`.
-
 ### Universal Windows Platform (UWP) Configuration
 
 For windows support, install `@babylonjs/react-native-windows`.
@@ -84,4 +76,12 @@ const MyComponent: FunctionComponent<MyComponentProps> = (props: MyComponentProp
 }
 ```
 
+Also the `EngineView` has a boolean `isTransparent` flag which defines whether the background of the scene should be transparent or not.
+
+e.g.
+
+```tsx
+<EngineView style={{flex: 1}} camera={camera} isTransparent={true} />
+```
+
 Note: Currently only one `EngineView` can be active at any given time. Multi-view will be supported in a future release.

package/ReactNativeEngine.d.ts

@@ -0,0 +1,7 @@
+import { NativeEngine } from '@babylonjs/core';
+export declare class ReactNativeEngine extends NativeEngine {
+    private _isDisposed;
+    static tryCreateAsync(abortSignal: AbortSignal): Promise<ReactNativeEngine | null>;
+    get isDisposed(): boolean;
+    dispose(): void;
+}

package/ReactNativeEngine.js

@@ -0,0 +1,33 @@
+import { ensureInitialized, reset } from './BabylonModule';
+import { NativeEngine } from '@babylonjs/core';
+export class ReactNativeEngine extends NativeEngine {
+    _isDisposed = false;
+    static async tryCreateAsync(abortSignal) {
+        if (!await ensureInitialized() || abortSignal.aborted) {
+            return null;
+        }
+        // This waits Graphics/NativeEngine to be created.
+        await BabylonNative.initializationPromise;
+        // Check for cancellation.
+        if (abortSignal.aborted) {
+            return null;
+        }
+        return new ReactNativeEngine();
+    }
+    get isDisposed() {
+        return this._isDisposed;
+    }
+    dispose() {
+        if (!this.isDisposed) {
+            super.dispose();
+            // Ideally we would always do a reset here as we don't want different behavior between debug and release. Unfortunately, fast refresh has some strange behavior that
+            // makes it quite difficult to get this to work correctly (e.g. it re-runs previous useEffect instances, which means it can try to use Babylon Native in a de-initialized state).
+            // TODO: https://github.com/BabylonJS/BabylonReactNative/issues/125
+            if (!__DEV__) {
+                reset();
+            }
+            this._isDisposed = true;
+        }
+    }
+}
+//# sourceMappingURL=ReactNativeEngine.js.map

package/ReactNativeEngine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactNativeEngine.js","sourceRoot":"","sources":["../../Modules/@babylonjs/react-native/ReactNativeEngine.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAS/C,MAAM,OAAO,iBAAkB,SAAQ,YAAY;IACvC,WAAW,GAAG,KAAK,CAAC;IAErB,MAAM,CAAC,KAAK,CAAC,cAAc,CAAC,WAAwB;QACvD,IAAI,CAAC,MAAM,iBAAiB,EAAE,IAAI,WAAW,CAAC,OAAO,EAAE;YACnD,OAAO,IAAI,CAAC;SACf;QAED,kDAAkD;QAClD,MAAM,aAAa,CAAC,qBAAqB,CAAC;QAE1C,0BAA0B;QAC1B,IAAI,WAAW,CAAC,OAAO,EAAE;YACrB,OAAO,IAAI,CAAC;SACf;QAED,OAAO,IAAI,iBAAiB,EAAE,CAAC;IACnC,CAAC;IAED,IAAW,UAAU;QACjB,OAAO,IAAI,CAAC,WAAW,CAAC;IAC5B,CAAC;IAEM,OAAO;QACV,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;YAClB,KAAK,CAAC,OAAO,EAAE,CAAC;YAEhB,oKAAoK;YACpK,iLAAiL;YACjL,mEAAmE;YACnE,IAAI,CAAC,OAAO,EAAE;gBACV,KAAK,EAAE,CAAC;aACX;YAED,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;SAC3B;IACL,CAAC;CACJ"}

package/VersionValidation.d.ts

@@ -0,0 +1 @@
+export {};

package/{VersionValidation.ts → VersionValidation.js}

@@ -1,7 +1,6 @@
 import { Engine } from '@babylonjs/core';
-import { satisfies, minVersion } from 'semver'
+import { satisfies, minVersion } from 'semver';
 import packageDefinition from './package.json';
-
 if (__DEV__) {
     const babylonJSPackageName = "@babylonjs/core";
     const requiredVersion = packageDefinition.peerDependencies[babylonJSPackageName];
@@ -10,4 +9,5 @@ if (__DEV__) {
     if (!satisfies(currentVersion, requiredVersion)) {
         console.error(`${packageDefinition.name}@${packageDefinition.version} requires ${babylonJSPackageName}@${requiredVersion} but version ${currentVersion} is currently installed. Run 'npm install ${babylonJSPackageName}@${minRequiredVersion}' in your app's root directory to upgrade.`);
     }
-}
+}
+//# sourceMappingURL=VersionValidation.js.map

package/VersionValidation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VersionValidation.js","sourceRoot":"","sources":["../../Modules/@babylonjs/react-native/VersionValidation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AAC9C,OAAO,iBAAiB,MAAM,gBAAgB,CAAC;AAE/C,IAAI,OAAO,EAAE;IACT,MAAM,oBAAoB,GAAG,iBAAiB,CAAC;IAC/C,MAAM,eAAe,GAAG,iBAAiB,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAC;IACjF,MAAM,kBAAkB,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;IACvD,MAAM,cAAc,GAAG,MAAM,CAAC,OAAO,CAAC;IACtC,IAAI,CAAC,SAAS,CAAC,cAAc,EAAE,eAAe,CAAC,EAAE;QAC7C,OAAO,CAAC,KAAK,CAAC,GAAG,iBAAiB,CAAC,IAAI,IAAI,iBAAiB,CAAC,OAAO,aAAa,oBAAoB,IAAI,eAAe,gBAAgB,cAAc,6CAA6C,oBAAoB,IAAI,kBAAkB,4CAA4C,CAAC,CAAC;KAC9R;CACJ"}

package/android/build.gradle

@@ -19,6 +19,10 @@ def safeExtGet(prop, fallback) {
     rootProject.ext.has(prop) ? rootProject.ext.get(prop) : fallback
 }
 
+def reactProperties = new Properties()
+file("$projectDir/../../../react-native/ReactAndroid/gradle.properties").withInputStream { reactProperties.load(it) }
+def REACT_VERSION = reactProperties.getProperty("VERSION_NAME").split("\\.")[1].toInteger()
+
 apply plugin: 'com.android.library'
 apply plugin: 'maven'
 
@@ -59,6 +63,14 @@ android {
     }
 }
 
+// The full/real version of libturbomodulejsijni.so will be built and included in apps using React Native 0.64 or newer,
+// so exclude Babylon React Native's minimal version of these libs in this case.
+if (REACT_VERSION >= 64) {
+    android.packagingOptions.excludes += 'lib/armeabi-v7a/libturbomodulejsijni.so'
+    android.packagingOptions.excludes += 'lib/arm64-v8a/libturbomodulejsijni.so'
+    android.packagingOptions.excludes += 'lib/x86/libturbomodulejsijni.so'
+}
+
 repositories {
     // ref: https://www.baeldung.com/maven-local-repository
     mavenLocal()
@@ -77,7 +89,7 @@ repositories {
 dependencies {
     //noinspection GradleDynamicVersion
     implementation 'com.facebook.react:react-native:+'  // From node_modules
-    implementation 'com.google.ar:core:1.14.0'
+    implementation 'com.google.ar:core:1.22.0'
 }
 
 def configureReactNativePom(def pom) {

package/android/include/IXrContextARCore.h

@@ -0,0 +1,10 @@
+#pragma once
+
+#include <arcore_c_api.h>
+
+typedef struct IXrContextARCore
+{
+    virtual bool IsInitialized() const = 0;
+    virtual ArSession* XrSession() const = 0;
+    virtual ArFrame* XrFrame() const = 0;
+} IXrContextARCore;

package/android/src/main/java/com/babylonreactnative/BabylonModule.java

@@ -27,9 +27,11 @@ public final class BabylonModule extends ReactContextBaseJavaModule {
         });
     }
 
-    // NOTE: This happens during dev mode reload, when the JS engine is being shutdown and restarted.
-    @Override
-    public void onCatalystInstanceDestroy() {
-        this.getReactApplicationContext().runOnJSQueueThread(BabylonNativeInterop::deinitialize);
+    @ReactMethod
+    public void resetView(Promise promise) {
+        this.getReactApplicationContext().runOnUiQueueThread(() -> {
+            BabylonNativeInterop.resetView();
+            promise.resolve(null);
+        });
     }
 }