@reactvision/react-viro 2.42.0 → 2.43.1

package/fabric-interop/dist/components/Viro3DObject.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Viro3DObject.d.ts","sourceRoot":"","sources":["../../components/Viro3DObject.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,eAAe,EAIhB,MAAM,aAAa,CAAC;AAGrB,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IAExD,MAAM,EAAE;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,MAAM,CAAC;IAGjC,SAAS,CAAC,EAAE,CAAC;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,MAAM,CAAC,EAAE,CAAC;IAGzC,IAAI,EAAE,KAAK,GAAG,KAAK,GAAG,MAAM,GAAG,KAAK,GAAG,KAAK,CAAC;IAC7C,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAAC;IAC1C,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAGpC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAG9B,YAAY,CAAC,EAAE;QACb,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACvB,CAAC;IAGF,SAAS,CAAC,EAAE;QACV,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,IAAI,CAAC,EAAE,OAAO,CAAC;QACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;QACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;QACtB,GAAG,CAAC,EAAE,OAAO,CAAC;QACd,aAAa,CAAC,EAAE,OAAO,CAAC;KACzB,CAAC;IAGF,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAG9B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,WAAW,CAAC,EAAE;QACZ,IAAI,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC;QACzC,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,KAAK,CAAC,EAAE;YACN,IAAI,EAAE,KAAK,GAAG,QAAQ,GAAG,UAAU,CAAC;YACpC,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;SACnB,CAAC;QACF,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;QACpC,KAAK,CAAC,EAAE;YACN,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;YAChC,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;SACpC,CAAC;QACF,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;KACnC,CAAC;IAGF,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAwCpD,CAAC"}

package/fabric-interop/dist/components/Viro3DObject.js

@@ -0,0 +1,51 @@
+"use strict";
+/**
+ * Viro3DObject
+ *
+ * A component for loading and displaying 3D models in various formats.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Viro3DObject = void 0;
+const ViroUtils_1 = require("./ViroUtils");
+/**
+ * Viro3DObject is a component for loading and displaying 3D models in various formats.
+ */
+const Viro3DObject = (props) => {
+    var _a;
+    // Convert common props to the format expected by the native code
+    const nativeProps = {
+        ...(0, ViroUtils_1.convertCommonProps)(props),
+        source: props.source,
+        resources: props.resources,
+        type: props.type,
+        materials: props.materials,
+        morphTargets: props.morphTargets,
+        lightReceivingBitMask: props.lightReceivingBitMask,
+        shadowCastingBitMask: props.shadowCastingBitMask,
+        highAccuracyEvents: props.highAccuracyEvents,
+        physicsBody: props.physicsBody,
+    };
+    // Create the node (parent will be determined by context)
+    const nodeId = (0, ViroUtils_1.useViroNode)("object", nativeProps);
+    // Register event handlers using our new event system
+    (0, ViroUtils_1.useViroEventListeners)(nodeId, {
+        onHover: props.onHover,
+        onClick: props.onClick,
+        onClickState: props.onClickState,
+        onTouch: props.onTouch,
+        onScroll: props.onScroll,
+        onSwipe: props.onSwipe,
+        onDrag: props.onDrag,
+        onPinch: props.onPinch,
+        onRotate: props.onRotate,
+        onFuse: typeof props.onFuse === "function"
+            ? props.onFuse
+            : (_a = props.onFuse) === null || _a === void 0 ? void 0 : _a.callback,
+        onCollision: props.onCollision,
+        onTransformUpdate: props.onTransformUpdate,
+    });
+    // Component doesn't have children, so just return null
+    return null;
+};
+exports.Viro3DObject = Viro3DObject;
+//# sourceMappingURL=Viro3DObject.js.map

package/fabric-interop/dist/components/Viro3DObject.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Viro3DObject.js","sourceRoot":"","sources":["../../components/Viro3DObject.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;;;AAGH,2CAKqB;AAkErB;;GAEG;AACI,MAAM,YAAY,GAAgC,CAAC,KAAK,EAAE,EAAE;;IACjE,iEAAiE;IACjE,MAAM,WAAW,GAAG;QAClB,GAAG,IAAA,8BAAkB,EAAC,KAAK,CAAC;QAC5B,MAAM,EAAE,KAAK,CAAC,MAAM;QACpB,SAAS,EAAE,KAAK,CAAC,SAAS;QAC1B,IAAI,EAAE,KAAK,CAAC,IAAI;QAChB,SAAS,EAAE,KAAK,CAAC,SAAS;QAC1B,YAAY,EAAE,KAAK,CAAC,YAAY;QAChC,qBAAqB,EAAE,KAAK,CAAC,qBAAqB;QAClD,oBAAoB,EAAE,KAAK,CAAC,oBAAoB;QAChD,kBAAkB,EAAE,KAAK,CAAC,kBAAkB;QAC5C,WAAW,EAAE,KAAK,CAAC,WAAW;KAC/B,CAAC;IAEF,yDAAyD;IACzD,MAAM,MAAM,GAAG,IAAA,uBAAW,EAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;IAGlD,qDAAqD;IACrD,IAAA,iCAAqB,EAAC,MAAM,EAAE;QAC5B,OAAO,EAAE,KAAK,CAAC,OAAO;QACtB,OAAO,EAAE,KAAK,CAAC,OAAO;QACtB,YAAY,EAAE,KAAK,CAAC,YAAY;QAChC,OAAO,EAAE,KAAK,CAAC,OAAO;QACtB,QAAQ,EAAE,KAAK,CAAC,QAAQ;QACxB,OAAO,EAAE,KAAK,CAAC,OAAO;QACtB,MAAM,EAAE,KAAK,CAAC,MAAM;QACpB,OAAO,EAAE,KAAK,CAAC,OAAO;QACtB,QAAQ,EAAE,KAAK,CAAC,QAAQ;QACxB,MAAM,EACJ,OAAO,KAAK,CAAC,MAAM,KAAK,UAAU;YAChC,CAAC,CAAC,KAAK,CAAC,MAAM;YACd,CAAC,CAAC,MAAA,KAAK,CAAC,MAAM,0CAAE,QAAQ;QAC5B,WAAW,EAAE,KAAK,CAAC,WAAW;QAC9B,iBAAiB,EAAE,KAAK,CAAC,iBAAiB;KAC3C,CAAC,CAAC;IAEH,uDAAuD;IACvD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAxCW,QAAA,YAAY,gBAwCvB"}

package/fabric-interop/dist/components/Viro3DSceneNavigator.d.ts

@@ -0,0 +1,50 @@
+/**
+ * Viro3DSceneNavigator
+ *
+ * Component for transitioning between multiple scenes in a 3D environment.
+ */
+import * as React from "react";
+import { ViewProps } from "react-native";
+import { ViroScene } from "./ViroScene";
+type Props = ViewProps & {
+    /**
+     * initial scene key
+     */
+    initialSceneKey?: string;
+    /**
+     * A flag to enable/disable some debug features
+     */
+    debug?: boolean;
+    viroAppProps?: any;
+    /**
+     * ViroSceneNavigator uses "scene" objects like the following to
+     * describe a scene.
+     */
+    initialScene: {
+        /**
+         * The React Component to render for this scene.
+         */
+        scene: typeof ViroScene;
+        passProps?: any;
+    };
+    /**
+     * Called when either the user physically decides to exit vr (hits
+     * the "X" button).
+     */
+    onExitViro?: () => void;
+    /**
+     * Renderer settings that can be used to enable or disable various
+     * renderer capabilities and algorithms.
+     */
+    hdrEnabled?: boolean;
+    pbrEnabled?: boolean;
+    bloomEnabled?: boolean;
+    shadowsEnabled?: boolean;
+    multisamplingEnabled?: boolean;
+};
+/**
+ * Viro3DSceneNavigator is used to transition between multiple scenes.
+ */
+export declare function Viro3DSceneNavigator(props: Props): React.ReactElement;
+export {};
+//# sourceMappingURL=Viro3DSceneNavigator.d.ts.map

package/fabric-interop/dist/components/Viro3DSceneNavigator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Viro3DSceneNavigator.d.ts","sourceRoot":"","sources":["../../components/Viro3DSceneNavigator.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AASxC,KAAK,KAAK,GAAG,SAAS,GAAG;IACvB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,YAAY,CAAC,EAAE,GAAG,CAAC;IAEnB;;;OAGG;IACH,YAAY,EAAE;QACZ;;WAEG;QACH,KAAK,EAAE,OAAO,SAAS,CAAC;QACxB,SAAS,CAAC,EAAE,GAAG,CAAC;KACjB,CAAC;IAEF;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IAExB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK,CAAC,YAAY,CA+arE"}

package/fabric-interop/dist/components/Viro3DSceneNavigator.js

@@ -0,0 +1,389 @@
+"use strict";
+/**
+ * Viro3DSceneNavigator
+ *
+ * Component for transitioning between multiple scenes in a 3D environment.
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Viro3DSceneNavigator = Viro3DSceneNavigator;
+const React = __importStar(require("react"));
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+const NativeViro_1 = require("../NativeViro");
+const ViroGlobal_1 = require("./ViroGlobal");
+/**
+ * Viro3DSceneNavigator is used to transition between multiple scenes.
+ */
+function Viro3DSceneNavigator(props) {
+    const { initialSceneKey, initialScene, viroAppProps, onExitViro, debug = false, hdrEnabled, pbrEnabled, bloomEnabled, shadowsEnabled, multisamplingEnabled, style, ...rest } = props;
+    // Generate a random tag for scenes
+    const mathRandomOffsetRef = (0, react_1.useRef)(0);
+    const getRandomTag = () => {
+        const randomTag = Math.random() + mathRandomOffsetRef.current;
+        mathRandomOffsetRef.current++;
+        return randomTag.toString();
+    };
+    // Initialize state
+    const initialTag = initialSceneKey || getRandomTag();
+    const initialSceneObj = {
+        sceneClass: initialScene,
+        tag: initialTag,
+        referenceCount: 1,
+    };
+    const [sceneDictionary, setSceneDictionary] = (0, react_1.useState)({
+        [initialTag]: initialSceneObj,
+    });
+    const [sceneHistory, setSceneHistory] = (0, react_1.useState)([initialTag]);
+    const [currentSceneIndex, setCurrentSceneIndex] = (0, react_1.useState)(0);
+    // Create a ref for the navigator node
+    const navigatorRef = (0, react_1.useRef)((0, NativeViro_1.generateNodeId)());
+    // Set up event listeners
+    (0, react_1.useEffect)(() => {
+        if (!navigatorRef.current)
+            return;
+        const exitViroCallbackId = onExitViro
+            ? (0, NativeViro_1.registerEventListener)(navigatorRef.current, "onExitViro", () => {
+                onExitViro();
+            })
+            : null;
+        // Clean up event listeners
+        return () => {
+            if (exitViroCallbackId) {
+                (0, NativeViro_1.unregisterEventListener)(navigatorRef.current, "onExitViro", exitViroCallbackId);
+            }
+        };
+    }, [navigatorRef.current, onExitViro]);
+    /**
+     * Increments the reference count for a scene within sceneDictionary that is
+     * mapped to the given sceneKey. If no scenes are found / mapped, we create
+     * one, initialize it with a reference count of 1, and store it within the
+     * sceneDictionary for future reference.
+     */
+    const incrementSceneReference = (scene, sceneKey, limitOne) => {
+        setSceneDictionary((prevDictionary) => {
+            const newDictionary = { ...prevDictionary };
+            if (!(sceneKey in newDictionary)) {
+                const newScene = {
+                    sceneClass: scene,
+                    tag: sceneKey,
+                    referenceCount: 0,
+                };
+                newDictionary[sceneKey] = newScene;
+            }
+            // Error out if there are no scenes matching the given sceneKey
+            const currentScene = newDictionary[sceneKey];
+            if (!currentScene) {
+                console.log("ERROR: No scene found for: " + sceneKey);
+                return prevDictionary;
+            }
+            // Update the scene's reference count
+            if ((limitOne && currentScene.referenceCount < 1) || !limitOne) {
+                currentScene.referenceCount++;
+            }
+            newDictionary[sceneKey] = currentScene;
+            return newDictionary;
+        });
+    };
+    /**
+     * Decrements the reference count for the last N scenes within
+     * the sceneHistory by 1. If nothing else references that given scene
+     * (counts equals 0), we then remove that scene from sceneDictionary.
+     */
+    const decrementReferenceForLastNScenes = (n) => {
+        setSceneDictionary((prevDictionary) => {
+            const newDictionary = { ...prevDictionary };
+            // Now update and release any reference counts
+            for (let i = 1; i <= n; i++) {
+                const sceneTag = sceneHistory[sceneHistory.length - i];
+                const scene = newDictionary[sceneTag];
+                if (!scene)
+                    continue;
+                scene.referenceCount--;
+                if (scene.referenceCount <= 0) {
+                    delete newDictionary[sceneTag];
+                }
+                else {
+                    newDictionary[sceneTag] = scene;
+                }
+            }
+            return newDictionary;
+        });
+    };
+    /**
+     * Adds the given sceneKey to the sceneHistory and updates the currentSceneIndex to point
+     * to the scene on the top of the history stack (the most recent scene).
+     */
+    const addToHistory = (sceneKey) => {
+        setSceneHistory((prevHistory) => [...prevHistory, sceneKey]);
+        // Find the index of the scene in the dictionary
+        let index = 0;
+        for (const key in sceneDictionary) {
+            if (sceneKey === sceneDictionary[key].tag) {
+                setCurrentSceneIndex(index);
+                break;
+            }
+            index++;
+        }
+    };
+    /**
+     * Instead of preserving history, we find the last pushed sceneKey within the history stack
+     * matching the given sceneKey and re-order it to the front.
+     */
+    const reorderHistory = (sceneKey) => {
+        setSceneHistory((prevHistory) => {
+            // Find the last sceneKey within sceneHistory and remove it
+            const newHistory = [...prevHistory];
+            for (let i = newHistory.length - 1; i >= 0; i--) {
+                if (sceneKey === newHistory[i]) {
+                    newHistory.splice(i, 1);
+                    break;
+                }
+            }
+            // Add back the sceneKey to the front of the History stack
+            return [...newHistory, sceneKey];
+        });
+        // Find the index of the scene in the dictionary
+        let index = 0;
+        for (const key in sceneDictionary) {
+            if (sceneKey === sceneDictionary[key].tag) {
+                setCurrentSceneIndex(index);
+                break;
+            }
+            index++;
+        }
+    };
+    /**
+     * Removes the last N scenes from the history stack
+     */
+    const popHistoryByN = (n) => {
+        setSceneHistory((prevHistory) => {
+            const newHistory = [...prevHistory];
+            newHistory.splice(newHistory.length - n, n);
+            // Find the index of the last scene in the dictionary
+            if (newHistory.length > 0) {
+                const lastSceneTag = newHistory[newHistory.length - 1];
+                let index = 0;
+                for (const key in sceneDictionary) {
+                    if (lastSceneTag === sceneDictionary[key].tag) {
+                        setCurrentSceneIndex(index);
+                        break;
+                    }
+                    index++;
+                }
+            }
+            return newHistory;
+        });
+    };
+    /**
+     * Pushes a scene and reference it with the given key if provided.
+     */
+    const push = (param1, param2) => {
+        let sceneKey = undefined;
+        let scene = undefined;
+        if (typeof param1 === "string") {
+            sceneKey = param1;
+            scene = param2;
+        }
+        else {
+            scene = param1;
+        }
+        if (scene === undefined && sceneKey === undefined) {
+            console.log("ERROR: pushing requires either the scene tag, or both the tag and scene.");
+            return;
+        }
+        else if (scene === undefined &&
+            sceneKey !== undefined &&
+            !(sceneKey in sceneDictionary)) {
+            console.log("ERROR: Cannot push with a new sceneKey with no associated scene.");
+            return;
+        }
+        if (sceneKey === undefined ||
+            (typeof sceneKey === "string" && sceneKey.trim().length <= 0)) {
+            sceneKey = getRandomTag();
+        }
+        incrementSceneReference(scene, sceneKey, false);
+        addToHistory(sceneKey);
+    };
+    /**
+     * Replace the top scene in the stack with the given scene.
+     */
+    const replace = (param1, param2) => {
+        let sceneKey = undefined;
+        let scene = undefined;
+        if (typeof param1 === "string") {
+            sceneKey = param1;
+            scene = param2;
+        }
+        else {
+            scene = param1;
+        }
+        if (scene === undefined && sceneKey === undefined) {
+            console.log("ERROR: replacing requires either the scene tag, or both the tag and scene.");
+            return;
+        }
+        else if (scene === undefined &&
+            sceneKey !== undefined &&
+            !(sceneKey in sceneDictionary)) {
+            console.log("ERROR: Cannot replace with a new sceneKey with no associated scene.");
+            return;
+        }
+        if (sceneKey === undefined ||
+            (typeof sceneKey === "string" && sceneKey.trim().length <= 0)) {
+            sceneKey = getRandomTag();
+        }
+        // Pop 1 off the scene history, then push this scene
+        decrementReferenceForLastNScenes(1);
+        popHistoryByN(1);
+        incrementSceneReference(scene, sceneKey, false);
+        addToHistory(sceneKey);
+    };
+    /**
+     * Jumps to a given scene that had been previously pushed.
+     */
+    const jump = (param1, param2) => {
+        let sceneKey = undefined;
+        let scene = undefined;
+        if (typeof param1 === "string") {
+            sceneKey = param1;
+            scene = param2;
+        }
+        else {
+            scene = param1;
+        }
+        if (scene === undefined && sceneKey === undefined) {
+            console.log("ERROR: jumping requires either the scene tag, or both the tag and scene.");
+            return;
+        }
+        else if (scene === undefined &&
+            sceneKey !== undefined &&
+            !(sceneKey in sceneDictionary)) {
+            console.log("ERROR: Cannot jump with a new sceneKey with no associated scene.");
+            return;
+        }
+        if (sceneKey === undefined ||
+            (typeof sceneKey === "string" && sceneKey.trim().length <= 0)) {
+            sceneKey = getRandomTag();
+        }
+        incrementSceneReference(scene, sceneKey, true);
+        reorderHistory(sceneKey);
+    };
+    /**
+     * Pops the current scene from the stack
+     */
+    const pop = () => {
+        popN(1);
+    };
+    /**
+     * Pops N scenes from the stack
+     */
+    const popN = (n) => {
+        if (n === 0) {
+            return;
+        }
+        if (sceneHistory.length - n <= 0) {
+            console.log("WARN: Attempted to pop the root scene in ViroSceneNavigator!");
+            return;
+        }
+        decrementReferenceForLastNScenes(n);
+        popHistoryByN(n);
+    };
+    /**
+     * Recenter the tracking
+     */
+    const recenterTracking = () => {
+        const nativeViro = (0, ViroGlobal_1.getNativeViro)();
+        if (nativeViro && navigatorRef.current) {
+            nativeViro.recenterTracking(navigatorRef.current);
+        }
+    };
+    /**
+     * Project a 3D point to screen space
+     */
+    const project = async (point) => {
+        const nativeViro = (0, ViroGlobal_1.getNativeViro)();
+        if (nativeViro && navigatorRef.current) {
+            return await nativeViro.project(navigatorRef.current, point);
+        }
+        return null;
+    };
+    /**
+     * Unproject a screen point to 3D space
+     */
+    const unproject = async (point) => {
+        const nativeViro = (0, ViroGlobal_1.getNativeViro)();
+        if (nativeViro && navigatorRef.current) {
+            return await nativeViro.unproject(navigatorRef.current, point);
+        }
+        return null;
+    };
+    // Create the sceneNavigator object to pass to scenes
+    const sceneNavigator = {
+        push,
+        pop,
+        popN,
+        jump,
+        replace,
+        recenterTracking,
+        project,
+        unproject,
+        viroAppProps: viroAppProps || {},
+    };
+    // Render the scenes
+    const renderScenes = () => {
+        const views = [];
+        let i = 0;
+        for (const key in sceneDictionary) {
+            const sceneInfo = sceneDictionary[key];
+            const Component = sceneInfo.sceneClass.scene;
+            const passProps = sceneInfo.sceneClass.passProps || {};
+            views.push(<Component key={`scene${i}`} sceneNavigator={sceneNavigator} {...passProps}/>);
+            i++;
+        }
+        return views;
+    };
+    // Render the navigator
+    return (<react_native_1.View style={[styles.container, style]} {...rest}>
+      {renderScenes()}
+    </react_native_1.View>);
+}
+const styles = react_native_1.StyleSheet.create({
+    container: {
+        flex: 1,
+        justifyContent: "center",
+        alignItems: "center",
+    },
+});
+//# sourceMappingURL=Viro3DSceneNavigator.js.map

package/fabric-interop/dist/components/Viro3DSceneNavigator.js.map

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

package/fabric-interop/dist/components/ViroARCamera.d.ts

@@ -0,0 +1,30 @@
+/**
+ * ViroARCamera
+ *
+ * A component for controlling the camera in an AR scene.
+ */
+import React from "react";
+import { ViroCommonProps } from "./ViroUtils";
+export type ViroARCameraTransformUpdateEvent = {
+    position: [number, number, number];
+    rotation: [number, number, number];
+    forward: [number, number, number];
+    up: [number, number, number];
+};
+export type ViroARTrackingStateEvent = {
+    state: "NORMAL" | "LIMITED" | "NOT_AVAILABLE";
+    reason?: "NONE" | "INITIALIZING" | "EXCESSIVE_MOTION" | "INSUFFICIENT_FEATURES";
+};
+export interface ViroARCameraProps extends Omit<ViroCommonProps, "onTransformUpdate"> {
+    active?: boolean;
+    onTransformUpdate?: (event: ViroARCameraTransformUpdateEvent) => void;
+    onTrackingUpdated?: (event: ViroARTrackingStateEvent) => void;
+    children?: React.ReactNode;
+}
+/**
+ * ViroARCamera is a component for controlling the camera in an AR scene.
+ * It provides information about the camera's position and orientation in the real world,
+ * as well as tracking state updates.
+ */
+export declare const ViroARCamera: React.FC<ViroARCameraProps>;
+//# sourceMappingURL=ViroARCamera.d.ts.map

package/fabric-interop/dist/components/ViroARCamera.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViroARCamera.d.ts","sourceRoot":"","sources":["../../components/ViroARCamera.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,eAAe,EAKhB,MAAM,aAAa,CAAC;AAIrB,MAAM,MAAM,gCAAgC,GAAG;IAC7C,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IACnC,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IACnC,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAClC,EAAE,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;CAC9B,CAAC;AAGF,MAAM,MAAM,wBAAwB,GAAG;IACrC,KAAK,EAAE,QAAQ,GAAG,SAAS,GAAG,eAAe,CAAC;IAC9C,MAAM,CAAC,EACH,MAAM,GACN,cAAc,GACd,kBAAkB,GAClB,uBAAuB,CAAC;CAC7B,CAAC;AAEF,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,eAAe,EAAE,mBAAmB,CAAC;IAElD,MAAM,CAAC,EAAE,OAAO,CAAC;IAGjB,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,gCAAgC,KAAK,IAAI,CAAC;IACtE,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,wBAAwB,KAAK,IAAI,CAAC;IAG9D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAoDpD,CAAC"}

package/fabric-interop/dist/components/ViroARCamera.js

@@ -0,0 +1,65 @@
+"use strict";
+/**
+ * ViroARCamera
+ *
+ * A component for controlling the camera in an AR scene.
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ViroARCamera = void 0;
+const react_1 = __importDefault(require("react"));
+const ViroUtils_1 = require("./ViroUtils");
+const ViroGlobal_1 = require("./ViroGlobal");
+/**
+ * ViroARCamera is a component for controlling the camera in an AR scene.
+ * It provides information about the camera's position and orientation in the real world,
+ * as well as tracking state updates.
+ */
+const ViroARCamera = (props) => {
+    // Convert common props to the format expected by the native code
+    const nativeProps = {
+        ...(0, ViroUtils_1.convertCommonProps)(props),
+        active: props.active,
+    };
+    // Create the node (parent will be determined by context)
+    const nodeId = (0, ViroUtils_1.useViroNode)("arCamera", nativeProps);
+    // Register event handlers
+    react_1.default.useEffect(() => {
+        const nativeViro = (0, ViroGlobal_1.getNativeViro)();
+        if (!nativeViro)
+            return;
+        const eventHandlers = [
+            { name: "onTransformUpdate", handler: props.onTransformUpdate },
+            { name: "onTrackingUpdated", handler: props.onTrackingUpdated },
+        ];
+        // Register all event handlers and store callback IDs for cleanup
+        const registeredCallbacks = eventHandlers
+            .filter(({ handler }) => !!handler)
+            .map(({ name, handler }) => {
+            const callbackId = `${nodeId}_${name}`;
+            // Register the callback in the global registry
+            if (typeof global !== "undefined" && global.registerViroEventCallback) {
+                global.registerViroEventCallback(callbackId, handler);
+            }
+            // Register with native code
+            nativeViro.registerEventCallback(nodeId, name, callbackId);
+            return { name, callbackId };
+        });
+        // Cleanup when unmounting
+        return () => {
+            const nativeViro = (0, ViroGlobal_1.getNativeViro)();
+            if (!nativeViro)
+                return;
+            // Unregister all event handlers
+            registeredCallbacks.forEach(({ name, callbackId }) => {
+                nativeViro.unregisterEventCallback(nodeId, name, callbackId);
+            });
+        };
+    }, [nodeId, props.onTransformUpdate, props.onTrackingUpdated]);
+    // Render children with this AR camera as their parent
+    return (<ViroUtils_1.ViroContextProvider value={nodeId}>{props.children}</ViroUtils_1.ViroContextProvider>);
+};
+exports.ViroARCamera = ViroARCamera;
+//# sourceMappingURL=ViroARCamera.js.map

package/fabric-interop/dist/components/ViroARCamera.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViroARCamera.js","sourceRoot":"","sources":["../../components/ViroARCamera.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;;;;;;AAEH,kDAA0B;AAC1B,2CAMqB;AACrB,6CAA6C;AAiC7C;;;;GAIG;AACI,MAAM,YAAY,GAAgC,CAAC,KAAK,EAAE,EAAE;IACjE,iEAAiE;IACjE,MAAM,WAAW,GAAG;QAClB,GAAG,IAAA,8BAAkB,EAAC,KAAK,CAAC;QAC5B,MAAM,EAAE,KAAK,CAAC,MAAM;KACrB,CAAC;IAEF,yDAAyD;IACzD,MAAM,MAAM,GAAG,IAAA,uBAAW,EAAC,UAAU,EAAE,WAAW,CAAC,CAAC;IAEpD,0BAA0B;IAC1B,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,UAAU,GAAG,IAAA,0BAAa,GAAE,CAAC;QACnC,IAAI,CAAC,UAAU;YAAE,OAAO;QAExB,MAAM,aAAa,GAAG;YACpB,EAAE,IAAI,EAAE,mBAAmB,EAAE,OAAO,EAAE,KAAK,CAAC,iBAAiB,EAAE;YAC/D,EAAE,IAAI,EAAE,mBAAmB,EAAE,OAAO,EAAE,KAAK,CAAC,iBAAiB,EAAE;SAChE,CAAC;QAEF,iEAAiE;QACjE,MAAM,mBAAmB,GAAG,aAAa;aACtC,MAAM,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;aAClC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE;YACzB,MAAM,UAAU,GAAG,GAAG,MAAM,IAAI,IAAI,EAAE,CAAC;YAEvC,+CAA+C;YAC/C,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,MAAM,CAAC,yBAAyB,EAAE,CAAC;gBACtE,MAAM,CAAC,yBAAyB,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;YACxD,CAAC;YAED,4BAA4B;YAC5B,UAAU,CAAC,qBAAqB,CAAC,MAAM,EAAE,IAAI,EAAE,UAAU,CAAC,CAAC;YAC3D,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC;QAC9B,CAAC,CAAC,CAAC;QAEL,0BAA0B;QAC1B,OAAO,GAAG,EAAE;YACV,MAAM,UAAU,GAAG,IAAA,0BAAa,GAAE,CAAC;YACnC,IAAI,CAAC,UAAU;gBAAE,OAAO;YAExB,gCAAgC;YAChC,mBAAmB,CAAC,OAAO,CAAC,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE;gBACnD,UAAU,CAAC,uBAAuB,CAAC,MAAM,EAAE,IAAI,EAAE,UAAU,CAAC,CAAC;YAC/D,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAE/D,sDAAsD;IACtD,OAAO,CACL,CAAC,+BAAmB,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,+BAAmB,CAAC,CAC3E,CAAC;AACJ,CAAC,CAAC;AApDW,QAAA,YAAY,gBAoDvB"}

package/fabric-interop/dist/components/ViroARImageMarker.d.ts

@@ -0,0 +1,22 @@
+/**
+ * ViroARImageMarker
+ *
+ * A component for detecting and tracking images in the real world.
+ */
+import React from "react";
+import { ViroCommonProps } from "./ViroUtils";
+export interface ViroARImageMarkerProps extends ViroCommonProps {
+    target: string;
+    visible?: boolean;
+    opacity?: number;
+    onAnchorFound?: () => void;
+    onAnchorUpdated?: () => void;
+    onAnchorRemoved?: () => void;
+    children?: React.ReactNode;
+}
+/**
+ * ViroARImageMarker is a component for detecting and tracking images in the real world.
+ * It allows you to attach virtual content to real-world images, such as posters, book covers, or logos.
+ */
+export declare const ViroARImageMarker: React.FC<ViroARImageMarkerProps>;
+//# sourceMappingURL=ViroARImageMarker.d.ts.map

package/fabric-interop/dist/components/ViroARImageMarker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViroARImageMarker.d.ts","sourceRoot":"","sources":["../../components/ViroARImageMarker.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,eAAe,EAKhB,MAAM,aAAa,CAAC;AAGrB,MAAM,WAAW,sBAAuB,SAAQ,eAAe;IAE7D,MAAM,EAAE,MAAM,CAAC;IAGf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IAGjB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAG7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;GAGG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA4D9D,CAAC"}