@reactvision/react-viro 2.42.0 → 2.43.1

package/dist/fabric-interop/examples/ComprehensiveExample.js

@@ -0,0 +1,327 @@
+"use strict";
+/**
+ * ComprehensiveExample
+ *
+ * A comprehensive example demonstrating the updated fabric-interop system with:
+ * - Multiple component types (3D primitives, lights, text, images)
+ * - Scene management and lifecycle
+ * - Property system with individual setters
+ * - Event system with JSI + fallback
+ * - Memory management integration
+ * - Material and animation management
+ */
+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.ComprehensiveExample = void 0;
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const index_1 = require("../index");
+const ComprehensiveExample = () => {
+    const [sceneActive, setSceneActive] = (0, react_1.useState)(false);
+    const [memoryStats, setMemoryStats] = (0, react_1.useState)(null);
+    const [selectedObject, setSelectedObject] = (0, react_1.useState)(null);
+    // Initialize materials and animations when component mounts
+    (0, react_1.useEffect)(() => {
+        // Create materials for different objects
+        (0, index_1.createMaterial)("redMaterial", {
+            diffuseColor: "#FF0000",
+            shininess: 2.0,
+            lightingModel: "Lambert",
+        });
+        (0, index_1.createMaterial)("blueMaterial", {
+            diffuseColor: "#0000FF",
+            shininess: 2.0,
+            lightingModel: "Lambert",
+        });
+        (0, index_1.createMaterial)("greenMaterial", {
+            diffuseColor: "#00FF00",
+            shininess: 2.0,
+            lightingModel: "Lambert",
+        });
+        (0, index_1.createMaterial)("textMaterial", {
+            diffuseColor: "#FFFFFF",
+            shininess: 1.0,
+            lightingModel: "Lambert",
+        });
+        (0, index_1.createMaterial)("imageMaterial", {
+            diffuseTexture: {
+                uri: "https://via.placeholder.com/512x512/FF6B6B/FFFFFF?text=Viro",
+            },
+            lightingModel: "Lambert",
+        });
+        // Create animations
+        (0, index_1.createAnimation)("spinAnimation", {
+            properties: {
+                rotateY: "+=360",
+            },
+            duration: 2000,
+            easing: "Linear",
+        });
+        (0, index_1.createAnimation)("pulseAnimation", {
+            properties: {
+                scaleX: 1.5,
+                scaleY: 1.5,
+                scaleZ: 1.5,
+            },
+            duration: 1000,
+            easing: "EaseInEaseOut",
+        });
+        (0, index_1.createAnimation)("bounceAnimation", {
+            properties: {
+                positionY: "+=0.5",
+            },
+            duration: 800,
+            easing: "Bounce",
+        });
+        (0, index_1.createAnimation)("colorChangeAnimation", {
+            properties: {
+                materialDiffuseColor: "#FFFF00",
+            },
+            duration: 1500,
+            easing: "EaseInEaseOut",
+        });
+    }, []);
+    // Handle scene initialization
+    const handleSceneInitialized = (success) => {
+        console.log("Scene initialized:", success);
+        setSceneActive(success);
+        if (success) {
+            react_native_1.Alert.alert("Success", "Comprehensive Viro scene initialized!");
+        }
+        else {
+            react_native_1.Alert.alert("Error", "Failed to initialize Viro scene");
+        }
+    };
+    // Handle object interactions
+    const handleObjectClick = (objectName, objectType) => {
+        setSelectedObject(objectName);
+        react_native_1.Alert.alert("Object Clicked", `${objectType} "${objectName}" was clicked!`, [
+            {
+                text: "Spin",
+                onPress: () => (0, index_1.executeAnimation)(objectName, "spinAnimation", {
+                    run: true,
+                    loop: false,
+                }),
+            },
+            {
+                text: "Pulse",
+                onPress: () => (0, index_1.executeAnimation)(objectName, "pulseAnimation", {
+                    run: true,
+                    loop: false,
+                }),
+            },
+            {
+                text: "Bounce",
+                onPress: () => (0, index_1.executeAnimation)(objectName, "bounceAnimation", {
+                    run: true,
+                    loop: false,
+                }),
+            },
+            { text: "OK", style: "cancel" },
+        ]);
+    };
+    const handleObjectHover = (objectName, isHovering) => {
+        console.log(`${objectName} hover:`, isHovering);
+        if (isHovering) {
+            (0, index_1.executeAnimation)(objectName, "pulseAnimation", {
+                run: true,
+                loop: false,
+            });
+        }
+    };
+    // Memory management
+    const checkMemoryStats = () => {
+        const stats = (0, index_1.getMemoryStats)();
+        setMemoryStats(stats);
+        if (stats) {
+            react_native_1.Alert.alert("Memory Statistics", `Total Scenes: ${stats.totalScenes || 0}\n` +
+                `Active Scenes: ${stats.activeScenes || 0}\n` +
+                `Managed Nodes: ${stats.managedNodes || 0}\n` +
+                `Memory Usage: ${stats.usedMemoryMB?.toFixed(1) || "N/A"} MB\n` +
+                `Textures: ${stats.textureCount || 0}\n` +
+                `Materials: ${stats.materialCount || 0}`);
+        }
+        else {
+            react_native_1.Alert.alert("Memory Stats", "Memory statistics not available");
+        }
+    };
+    const cleanupMemory = () => {
+        (0, index_1.performMemoryCleanup)();
+        react_native_1.Alert.alert("Memory Cleanup", "Memory cleanup performed successfully");
+    };
+    return (<react_native_1.View style={styles.container}>
+      <react_native_1.Text style={styles.title}>Comprehensive Viro Example</react_native_1.Text>
+      <react_native_1.Text style={styles.subtitle}>
+        All Components • New Architecture • Complete Integration
+      </react_native_1.Text>
+
+      <react_native_1.View style={styles.controls}>
+        <react_native_1.Button title="Memory Stats" onPress={checkMemoryStats} disabled={!sceneActive}/>
+        <react_native_1.Button title="Cleanup" onPress={cleanupMemory} disabled={!sceneActive}/>
+      </react_native_1.View>
+
+      {selectedObject && (<react_native_1.View style={styles.selection}>
+          <react_native_1.Text style={styles.selectionText}>Selected: {selectedObject}</react_native_1.Text>
+        </react_native_1.View>)}
+
+      {memoryStats && (<react_native_1.View style={styles.stats}>
+          <react_native_1.Text style={styles.statsTitle}>Memory Stats:</react_native_1.Text>
+          <react_native_1.Text>
+            Scenes: {memoryStats.totalScenes || 0} | Nodes:{" "}
+            {memoryStats.managedNodes || 0}
+          </react_native_1.Text>
+          <react_native_1.Text>
+            Memory: {memoryStats.usedMemoryMB?.toFixed(1) || "N/A"} MB
+          </react_native_1.Text>
+        </react_native_1.View>)}
+
+      <index_1.ViroFabricContainer style={styles.viroContainer} debug={true} arEnabled={false} worldAlignment="Gravity" onInitialized={handleSceneInitialized} onMemoryWarning={(event) => {
+            react_native_1.Alert.alert("Memory Warning", `Usage: ${event.memoryStats.usedMemoryMB?.toFixed(1)} MB`);
+        }}>
+        <index_1.ViroScene onSceneLoadStart={() => console.log("Comprehensive scene loading...")} onSceneLoadEnd={() => console.log("Comprehensive scene loaded!")}>
+          {/* Lighting Setup */}
+          <index_1.ViroAmbientLight color="#404040" intensity={0.4}/>
+          <index_1.ViroDirectionalLight color="#FFFFFF" direction={[0, -1, -0.2]} intensity={1.0} castsShadow={true}/>
+
+          {/* 3D Primitives Row */}
+          <index_1.ViroBox position={[-2, 0, -4]} scale={[0.4, 0.4, 0.4]} materials={["redMaterial"]} onClick={() => handleObjectClick("redBox", "Box")} onHover={(isHovering) => handleObjectHover("redBox", isHovering)} canClick={true} canHover={true}/>
+
+          <index_1.ViroSphere position={[0, 0, -4]} radius={0.3} materials={["blueMaterial"]} onClick={() => handleObjectClick("blueSphere", "Sphere")} onHover={(isHovering) => handleObjectHover("blueSphere", isHovering)} canClick={true} canHover={true}/>
+
+          <index_1.ViroBox position={[2, 0, -4]} scale={[0.4, 0.4, 0.4]} materials={["greenMaterial"]} onClick={() => handleObjectClick("greenBox", "Box")} onHover={(isHovering) => handleObjectHover("greenBox", isHovering)} canClick={true} canHover={true}/>
+
+          {/* Text Elements */}
+          <index_1.ViroText text="Viro Fabric Interop" position={[0, 1.5, -3]} scale={[0.5, 0.5, 0.5]} materials={["textMaterial"]} fontSize={20} fontWeight="bold" textAlign="center" onClick={() => handleObjectClick("titleText", "Text")} canClick={true}/>
+
+          <index_1.ViroText text="Click objects to interact!" position={[0, -1.5, -3]} scale={[0.3, 0.3, 0.3]} materials={["textMaterial"]} fontSize={16} textAlign="center" onClick={() => handleObjectClick("instructionText", "Text")} canClick={true}/>
+
+          {/* Image and Quad */}
+          <index_1.ViroQuad position={[-1.5, 1, -3]} width={0.8} height={0.8} materials={["imageMaterial"]} onClick={() => handleObjectClick("imageQuad", "Image Quad")} canClick={true}/>
+
+          <index_1.ViroImage position={[1.5, 1, -3]} width={0.8} height={0.8} source={{
+            uri: "https://via.placeholder.com/512x512/4ECDC4/FFFFFF?text=Image",
+        }} onClick={() => handleObjectClick("viroImage", "Image")} canClick={true}/>
+
+          {/* Animated Objects */}
+          <index_1.ViroSphere position={[0, 0.8, -2]} radius={0.15} materials={["redMaterial"]} animation={{
+            name: "spinAnimation",
+            run: true,
+            loop: true,
+        }} onClick={() => handleObjectClick("spinningOrb", "Spinning Orb")} canClick={true}/>
+
+          {/* Sound (invisible but interactive) */}
+          <index_1.ViroSound position={[0, 0, -3]} source={{
+            uri: "https://www.soundjay.com/misc/sounds/bell-ringing-05.wav",
+        }} paused={true} volume={0.5} onClick={() => {
+            react_native_1.Alert.alert("Sound", "Sound component clicked!");
+            // Note: Sound playback would be controlled through native props
+        }} canClick={true}/>
+        </index_1.ViroScene>
+      </index_1.ViroFabricContainer>
+
+      <react_native_1.View style={styles.footer}>
+        <react_native_1.Text style={styles.footerText}>
+          Status: {sceneActive ? "Active" : "Loading..."}
+        </react_native_1.Text>
+        <react_native_1.Text style={styles.footerText}>
+          Components: Box • Sphere • Text • Image • Quad • Lights • Sound
+        </react_native_1.Text>
+      </react_native_1.View>
+    </react_native_1.View>);
+};
+exports.ComprehensiveExample = ComprehensiveExample;
+const styles = react_native_1.StyleSheet.create({
+    container: {
+        flex: 1,
+        backgroundColor: "#f5f5f5",
+    },
+    title: {
+        fontSize: 22,
+        fontWeight: "bold",
+        textAlign: "center",
+        marginTop: 20,
+        marginBottom: 5,
+        color: "#333",
+    },
+    subtitle: {
+        fontSize: 14,
+        textAlign: "center",
+        color: "#666",
+        marginBottom: 15,
+    },
+    controls: {
+        flexDirection: "row",
+        justifyContent: "space-around",
+        paddingHorizontal: 20,
+        marginBottom: 10,
+    },
+    selection: {
+        backgroundColor: "#4ECDC4",
+        margin: 10,
+        padding: 8,
+        borderRadius: 5,
+        alignItems: "center",
+    },
+    selectionText: {
+        color: "#fff",
+        fontWeight: "bold",
+    },
+    stats: {
+        backgroundColor: "#fff",
+        margin: 10,
+        padding: 10,
+        borderRadius: 5,
+        borderWidth: 1,
+        borderColor: "#ddd",
+    },
+    statsTitle: {
+        fontWeight: "bold",
+        marginBottom: 5,
+        color: "#333",
+    },
+    viroContainer: {
+        flex: 1,
+        backgroundColor: "#000",
+    },
+    footer: {
+        backgroundColor: "#333",
+        padding: 10,
+    },
+    footerText: {
+        color: "#fff",
+        textAlign: "center",
+        fontSize: 12,
+    },
+});

package/dist/fabric-interop/examples/SimpleARExample.d.ts

@@ -0,0 +1,8 @@
+/**
+ * SimpleARExample
+ *
+ * A simple example of using the Viro Fabric interop layer for AR.
+ */
+import React from "react";
+export declare const SimpleARExample: () => React.JSX.Element;
+export default SimpleARExample;

package/dist/fabric-interop/examples/SimpleARExample.js

@@ -0,0 +1,62 @@
+"use strict";
+/**
+ * SimpleARExample
+ *
+ * A simple example of using the Viro Fabric interop layer for AR.
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SimpleARExample = void 0;
+const react_1 = __importDefault(require("react"));
+const components_1 = require("../components");
+// Register materials
+components_1.ViroMaterials.registerMaterials({
+    grid: {
+        diffuseColor: "#0000FF",
+        diffuseTexture: require("./assets/grid_bg.jpg"),
+    },
+    text: {
+        diffuseColor: "#FFFFFF",
+    },
+});
+// Register AR tracking targets
+components_1.ViroARTrackingTargets.registerTargets({
+    logo: {
+        source: require("./assets/viro_logo.png"),
+        orientation: "Up",
+        physicalWidth: 0.1, // 10cm
+    },
+});
+// Main AR scene component
+const ARScene = () => {
+    // Handle tracking state updates
+    const onTrackingUpdated = (state) => {
+        console.log("Tracking state updated:", state);
+    };
+    // Handle anchor found event
+    const onAnchorFound = () => {
+        console.log("Anchor found!");
+    };
+    return (<components_1.ViroARScene onTrackingUpdated={onTrackingUpdated}>
+      {/* A simple 3D box floating 1 meter in front of the user */}
+      <components_1.ViroBox position={[0, 0, -1]} scale={[0.1, 0.1, 0.1]} materials={["grid"]}/>
+
+      {/* Text above the box */}
+      <components_1.ViroText text="Hello Viro!" position={[0, 0.1, -1]} scale={[0.1, 0.1, 0.1]} color="#FFFFFF" fontWeight="bold" materials={["text"]}/>
+
+      {/* Image marker that places content when detected */}
+      <components_1.ViroARImageMarker target="logo" onAnchorFound={onAnchorFound}>
+        <components_1.ViroBox position={[0, 0.1, 0]} scale={[0.05, 0.05, 0.05]} materials={["grid"]}/>
+      </components_1.ViroARImageMarker>
+    </components_1.ViroARScene>);
+};
+// Main app component
+const SimpleARExample = () => {
+    return (<components_1.ViroARSceneNavigator initialScene={{
+            scene: ARScene,
+        }} style={{ flex: 1 }} worldAlignment="Gravity" planeDetection={{ horizontal: true, vertical: true }}/>);
+};
+exports.SimpleARExample = SimpleARExample;
+exports.default = exports.SimpleARExample;

package/dist/fabric-interop/index.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Viro Fabric Interop Layer
+ *
+ * This module provides compatibility between React Native's New Architecture (Fabric)
+ * and the existing Viro implementation without requiring codegen.
+ */
+export * from "./ViroFabricContainer";
+export { ViroNode, ViroScene, ViroARScene, ViroFlexView, ViroBox, ViroSphere, Viro3DObject, ViroGeometry, ViroQuad, ViroPolygon, ViroPolyline, ViroSurface, ViroText, ViroImage, ViroVideo, ViroAnimatedImage, Viro360Image, Viro360Video, ViroSkyBox, ViroPortal, ViroPortalScene, ViroAmbientLight, ViroDirectionalLight, ViroSpotLight, ViroOmniLight, ViroLightingEnvironment, ViroCamera, ViroOrbitCamera, ViroSound, ViroSoundField, ViroSpatialSound, ViroButton, ViroController, ViroSpinner, ViroParticleEmitter, ViroAnimatedComponent, ViroMaterialVideo, ViroSceneNavigator, ViroVRSceneNavigator, ViroARSceneNavigator, Viro3DSceneNavigator, ViroARCamera, ViroARPlane, ViroARPlaneSelector, ViroARImageMarker, ViroARObjectMarker, ViroAnimations, ViroMaterials, ViroARTrackingTargets, } from "./components";
+export * from "./components/ViroUtils";
+export { generateNodeId, generateCallbackId, handleViroEvent, registerEventListener, unregisterEventListener, initializeViro, createScene, activateScene, deactivateScene, destroyScene, getSceneState, getMemoryStats, performMemoryCleanup, createNode, updateNode, deleteNode, addChild, removeChild, createMaterial, createAnimation, setARPlaneDetection, setARImageTargets, isViroJSIAvailable, type ViroNodeProps, type ViroNodeType, type ViroEventCallback, } from "./NativeViro";
+export { executeAnimation as executeNativeAnimation, updateMaterial as updateNativeMaterial, } from "./NativeViro";
+export { executeAnimation, updateMaterial } from "./NativeViro";
+export { default as ViroEventsManager } from "./ViroEventsManager";
+export type { Spec as ViroEventsTurboModuleSpec } from "./specs/ViroEventsTurboModule";

package/dist/fabric-interop/index.js

@@ -0,0 +1,117 @@
+"use strict";
+/**
+ * Viro Fabric Interop Layer
+ *
+ * This module provides compatibility between React Native's New Architecture (Fabric)
+ * and the existing Viro implementation without requiring codegen.
+ */
+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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateNodeId = exports.ViroARTrackingTargets = exports.ViroMaterials = exports.ViroAnimations = exports.ViroARObjectMarker = exports.ViroARImageMarker = exports.ViroARPlaneSelector = exports.ViroARPlane = exports.ViroARCamera = exports.Viro3DSceneNavigator = exports.ViroARSceneNavigator = exports.ViroVRSceneNavigator = exports.ViroSceneNavigator = exports.ViroMaterialVideo = exports.ViroAnimatedComponent = exports.ViroParticleEmitter = exports.ViroSpinner = exports.ViroController = exports.ViroButton = exports.ViroSpatialSound = exports.ViroSoundField = exports.ViroSound = exports.ViroOrbitCamera = exports.ViroCamera = exports.ViroLightingEnvironment = exports.ViroOmniLight = exports.ViroSpotLight = exports.ViroDirectionalLight = exports.ViroAmbientLight = exports.ViroPortalScene = exports.ViroPortal = exports.ViroSkyBox = exports.Viro360Video = exports.Viro360Image = exports.ViroAnimatedImage = exports.ViroVideo = exports.ViroImage = exports.ViroText = exports.ViroSurface = exports.ViroPolyline = exports.ViroPolygon = exports.ViroQuad = exports.ViroGeometry = exports.Viro3DObject = exports.ViroSphere = exports.ViroBox = exports.ViroFlexView = exports.ViroARScene = exports.ViroScene = exports.ViroNode = void 0;
+exports.ViroEventsManager = exports.updateMaterial = exports.executeAnimation = exports.updateNativeMaterial = exports.executeNativeAnimation = exports.isViroJSIAvailable = exports.setARImageTargets = exports.setARPlaneDetection = exports.createAnimation = exports.createMaterial = exports.removeChild = exports.addChild = exports.deleteNode = exports.updateNode = exports.createNode = exports.performMemoryCleanup = exports.getMemoryStats = exports.getSceneState = exports.destroyScene = exports.deactivateScene = exports.activateScene = exports.createScene = exports.initializeViro = exports.unregisterEventListener = exports.registerEventListener = exports.handleViroEvent = exports.generateCallbackId = void 0;
+__exportStar(require("./ViroFabricContainer"), exports);
+// Export components explicitly to ensure they're found by validation
+var components_1 = require("./components");
+Object.defineProperty(exports, "ViroNode", { enumerable: true, get: function () { return components_1.ViroNode; } });
+Object.defineProperty(exports, "ViroScene", { enumerable: true, get: function () { return components_1.ViroScene; } });
+Object.defineProperty(exports, "ViroARScene", { enumerable: true, get: function () { return components_1.ViroARScene; } });
+Object.defineProperty(exports, "ViroFlexView", { enumerable: true, get: function () { return components_1.ViroFlexView; } });
+Object.defineProperty(exports, "ViroBox", { enumerable: true, get: function () { return components_1.ViroBox; } });
+Object.defineProperty(exports, "ViroSphere", { enumerable: true, get: function () { return components_1.ViroSphere; } });
+Object.defineProperty(exports, "Viro3DObject", { enumerable: true, get: function () { return components_1.Viro3DObject; } });
+Object.defineProperty(exports, "ViroGeometry", { enumerable: true, get: function () { return components_1.ViroGeometry; } });
+Object.defineProperty(exports, "ViroQuad", { enumerable: true, get: function () { return components_1.ViroQuad; } });
+Object.defineProperty(exports, "ViroPolygon", { enumerable: true, get: function () { return components_1.ViroPolygon; } });
+Object.defineProperty(exports, "ViroPolyline", { enumerable: true, get: function () { return components_1.ViroPolyline; } });
+Object.defineProperty(exports, "ViroSurface", { enumerable: true, get: function () { return components_1.ViroSurface; } });
+Object.defineProperty(exports, "ViroText", { enumerable: true, get: function () { return components_1.ViroText; } });
+Object.defineProperty(exports, "ViroImage", { enumerable: true, get: function () { return components_1.ViroImage; } });
+Object.defineProperty(exports, "ViroVideo", { enumerable: true, get: function () { return components_1.ViroVideo; } });
+Object.defineProperty(exports, "ViroAnimatedImage", { enumerable: true, get: function () { return components_1.ViroAnimatedImage; } });
+Object.defineProperty(exports, "Viro360Image", { enumerable: true, get: function () { return components_1.Viro360Image; } });
+Object.defineProperty(exports, "Viro360Video", { enumerable: true, get: function () { return components_1.Viro360Video; } });
+Object.defineProperty(exports, "ViroSkyBox", { enumerable: true, get: function () { return components_1.ViroSkyBox; } });
+Object.defineProperty(exports, "ViroPortal", { enumerable: true, get: function () { return components_1.ViroPortal; } });
+Object.defineProperty(exports, "ViroPortalScene", { enumerable: true, get: function () { return components_1.ViroPortalScene; } });
+Object.defineProperty(exports, "ViroAmbientLight", { enumerable: true, get: function () { return components_1.ViroAmbientLight; } });
+Object.defineProperty(exports, "ViroDirectionalLight", { enumerable: true, get: function () { return components_1.ViroDirectionalLight; } });
+Object.defineProperty(exports, "ViroSpotLight", { enumerable: true, get: function () { return components_1.ViroSpotLight; } });
+Object.defineProperty(exports, "ViroOmniLight", { enumerable: true, get: function () { return components_1.ViroOmniLight; } });
+Object.defineProperty(exports, "ViroLightingEnvironment", { enumerable: true, get: function () { return components_1.ViroLightingEnvironment; } });
+Object.defineProperty(exports, "ViroCamera", { enumerable: true, get: function () { return components_1.ViroCamera; } });
+Object.defineProperty(exports, "ViroOrbitCamera", { enumerable: true, get: function () { return components_1.ViroOrbitCamera; } });
+Object.defineProperty(exports, "ViroSound", { enumerable: true, get: function () { return components_1.ViroSound; } });
+Object.defineProperty(exports, "ViroSoundField", { enumerable: true, get: function () { return components_1.ViroSoundField; } });
+Object.defineProperty(exports, "ViroSpatialSound", { enumerable: true, get: function () { return components_1.ViroSpatialSound; } });
+Object.defineProperty(exports, "ViroButton", { enumerable: true, get: function () { return components_1.ViroButton; } });
+Object.defineProperty(exports, "ViroController", { enumerable: true, get: function () { return components_1.ViroController; } });
+Object.defineProperty(exports, "ViroSpinner", { enumerable: true, get: function () { return components_1.ViroSpinner; } });
+Object.defineProperty(exports, "ViroParticleEmitter", { enumerable: true, get: function () { return components_1.ViroParticleEmitter; } });
+Object.defineProperty(exports, "ViroAnimatedComponent", { enumerable: true, get: function () { return components_1.ViroAnimatedComponent; } });
+Object.defineProperty(exports, "ViroMaterialVideo", { enumerable: true, get: function () { return components_1.ViroMaterialVideo; } });
+Object.defineProperty(exports, "ViroSceneNavigator", { enumerable: true, get: function () { return components_1.ViroSceneNavigator; } });
+Object.defineProperty(exports, "ViroVRSceneNavigator", { enumerable: true, get: function () { return components_1.ViroVRSceneNavigator; } });
+Object.defineProperty(exports, "ViroARSceneNavigator", { enumerable: true, get: function () { return components_1.ViroARSceneNavigator; } });
+Object.defineProperty(exports, "Viro3DSceneNavigator", { enumerable: true, get: function () { return components_1.Viro3DSceneNavigator; } });
+Object.defineProperty(exports, "ViroARCamera", { enumerable: true, get: function () { return components_1.ViroARCamera; } });
+Object.defineProperty(exports, "ViroARPlane", { enumerable: true, get: function () { return components_1.ViroARPlane; } });
+Object.defineProperty(exports, "ViroARPlaneSelector", { enumerable: true, get: function () { return components_1.ViroARPlaneSelector; } });
+Object.defineProperty(exports, "ViroARImageMarker", { enumerable: true, get: function () { return components_1.ViroARImageMarker; } });
+Object.defineProperty(exports, "ViroARObjectMarker", { enumerable: true, get: function () { return components_1.ViroARObjectMarker; } });
+Object.defineProperty(exports, "ViroAnimations", { enumerable: true, get: function () { return components_1.ViroAnimations; } });
+Object.defineProperty(exports, "ViroMaterials", { enumerable: true, get: function () { return components_1.ViroMaterials; } });
+Object.defineProperty(exports, "ViroARTrackingTargets", { enumerable: true, get: function () { return components_1.ViroARTrackingTargets; } });
+// Export utilities
+__exportStar(require("./components/ViroUtils"), exports);
+// Export specific functions from NativeViro to avoid conflicts
+var NativeViro_1 = require("./NativeViro");
+Object.defineProperty(exports, "generateNodeId", { enumerable: true, get: function () { return NativeViro_1.generateNodeId; } });
+Object.defineProperty(exports, "generateCallbackId", { enumerable: true, get: function () { return NativeViro_1.generateCallbackId; } });
+Object.defineProperty(exports, "handleViroEvent", { enumerable: true, get: function () { return NativeViro_1.handleViroEvent; } });
+Object.defineProperty(exports, "registerEventListener", { enumerable: true, get: function () { return NativeViro_1.registerEventListener; } });
+Object.defineProperty(exports, "unregisterEventListener", { enumerable: true, get: function () { return NativeViro_1.unregisterEventListener; } });
+Object.defineProperty(exports, "initializeViro", { enumerable: true, get: function () { return NativeViro_1.initializeViro; } });
+Object.defineProperty(exports, "createScene", { enumerable: true, get: function () { return NativeViro_1.createScene; } });
+Object.defineProperty(exports, "activateScene", { enumerable: true, get: function () { return NativeViro_1.activateScene; } });
+Object.defineProperty(exports, "deactivateScene", { enumerable: true, get: function () { return NativeViro_1.deactivateScene; } });
+Object.defineProperty(exports, "destroyScene", { enumerable: true, get: function () { return NativeViro_1.destroyScene; } });
+Object.defineProperty(exports, "getSceneState", { enumerable: true, get: function () { return NativeViro_1.getSceneState; } });
+Object.defineProperty(exports, "getMemoryStats", { enumerable: true, get: function () { return NativeViro_1.getMemoryStats; } });
+Object.defineProperty(exports, "performMemoryCleanup", { enumerable: true, get: function () { return NativeViro_1.performMemoryCleanup; } });
+Object.defineProperty(exports, "createNode", { enumerable: true, get: function () { return NativeViro_1.createNode; } });
+Object.defineProperty(exports, "updateNode", { enumerable: true, get: function () { return NativeViro_1.updateNode; } });
+Object.defineProperty(exports, "deleteNode", { enumerable: true, get: function () { return NativeViro_1.deleteNode; } });
+Object.defineProperty(exports, "addChild", { enumerable: true, get: function () { return NativeViro_1.addChild; } });
+Object.defineProperty(exports, "removeChild", { enumerable: true, get: function () { return NativeViro_1.removeChild; } });
+Object.defineProperty(exports, "createMaterial", { enumerable: true, get: function () { return NativeViro_1.createMaterial; } });
+Object.defineProperty(exports, "createAnimation", { enumerable: true, get: function () { return NativeViro_1.createAnimation; } });
+Object.defineProperty(exports, "setARPlaneDetection", { enumerable: true, get: function () { return NativeViro_1.setARPlaneDetection; } });
+Object.defineProperty(exports, "setARImageTargets", { enumerable: true, get: function () { return NativeViro_1.setARImageTargets; } });
+Object.defineProperty(exports, "isViroJSIAvailable", { enumerable: true, get: function () { return NativeViro_1.isViroJSIAvailable; } });
+// Re-export executeAnimation and updateMaterial with different names to avoid conflicts
+var NativeViro_2 = require("./NativeViro");
+Object.defineProperty(exports, "executeNativeAnimation", { enumerable: true, get: function () { return NativeViro_2.executeAnimation; } });
+Object.defineProperty(exports, "updateNativeMaterial", { enumerable: true, get: function () { return NativeViro_2.updateMaterial; } });
+// Also export the original names for backward compatibility
+var NativeViro_3 = require("./NativeViro");
+Object.defineProperty(exports, "executeAnimation", { enumerable: true, get: function () { return NativeViro_3.executeAnimation; } });
+Object.defineProperty(exports, "updateMaterial", { enumerable: true, get: function () { return NativeViro_3.updateMaterial; } });
+// Export event management utilities
+var ViroEventsManager_1 = require("./ViroEventsManager");
+Object.defineProperty(exports, "ViroEventsManager", { enumerable: true, get: function () { return __importDefault(ViroEventsManager_1).default; } });

package/dist/fabric-interop/specs/ViroEventsTurboModule.d.ts

@@ -0,0 +1,19 @@
+/**
+ * ViroEventsTurboModule.ts
+ * TurboModule specification for Viro event emission
+ *
+ * This module provides proper event emission for JSI callbacks
+ * in React Native's New Architecture (Fabric + TurboModules)
+ */
+import type { TurboModule } from "react-native";
+export interface Spec extends TurboModule {
+    addListener(eventName: string): void;
+    removeListeners(count: number): void;
+    emitJSICallback(callbackId: string, eventData: Object): void;
+    emitNodeEvent(nodeId: string, eventName: string, eventData: Object): void;
+    emitSceneEvent(sceneId: string, eventName: string, eventData: Object): void;
+    isEventSystemReady(): boolean;
+    getActiveListenerCount(): number;
+}
+declare const _default: Spec;
+export default _default;

package/dist/fabric-interop/specs/ViroEventsTurboModule.js

@@ -0,0 +1,11 @@
+"use strict";
+/**
+ * ViroEventsTurboModule.ts
+ * TurboModule specification for Viro event emission
+ *
+ * This module provides proper event emission for JSI callbacks
+ * in React Native's New Architecture (Fabric + TurboModules)
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_native_1 = require("react-native");
+exports.default = react_native_1.TurboModuleRegistry.getEnforcing("ViroEvents");

package/dist/fabric-interop/test/BasicFunctionalityTest.d.ts

@@ -0,0 +1,9 @@
+/**
+ * BasicFunctionalityTest - Integration test for fabric-interop layer
+ *
+ * This test verifies the core functionality of the fabric-interop layer
+ * by testing basic operations like node creation, scene management, and events.
+ */
+import React from "react";
+export declare const BasicFunctionalityTest: React.FC;
+export default BasicFunctionalityTest;