@reactvision/react-viro 2.43.0 → 2.43.1

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

@@ -0,0 +1,57 @@
+"use strict";
+/**
+ * ViroDirectionalLight
+ *
+ * A component for adding directional lighting to a scene.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ViroDirectionalLight = void 0;
+const ViroUtils_1 = require("./ViroUtils");
+/**
+ * ViroDirectionalLight is a component for adding directional lighting to a scene.
+ * Directional light is a type of light that illuminates all objects in the scene
+ * from a specific direction, similar to sunlight.
+ */
+const ViroDirectionalLight = (props) => {
+    var _a;
+    // Convert common props to the format expected by the native code
+    const nativeProps = {
+        ...(0, ViroUtils_1.convertCommonProps)(props),
+        color: props.color,
+        intensity: props.intensity,
+        temperature: props.temperature,
+        direction: props.direction,
+        influenceBitMask: props.influenceBitMask,
+        castsShadow: props.castsShadow,
+        shadowOpacity: props.shadowOpacity,
+        shadowOrthographicSize: props.shadowOrthographicSize,
+        shadowOrthographicPosition: props.shadowOrthographicPosition,
+        shadowMapSize: props.shadowMapSize,
+        shadowBias: props.shadowBias,
+        shadowNearZ: props.shadowNearZ,
+        shadowFarZ: props.shadowFarZ,
+    };
+    // Create the node (parent will be determined by context)
+    const nodeId = (0, ViroUtils_1.useViroNode)("directionalLight", 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.ViroDirectionalLight = ViroDirectionalLight;
+//# sourceMappingURL=ViroDirectionalLight.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ViroDirectionalLight.js","sourceRoot":"","sources":["../../components/ViroDirectionalLight.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;;;AAGH,2CAKqB;AAsBrB;;;;GAIG;AACI,MAAM,oBAAoB,GAAwC,CACvE,KAAK,EACL,EAAE;;IACF,iEAAiE;IACjE,MAAM,WAAW,GAAG;QAClB,GAAG,IAAA,8BAAkB,EAAC,KAAK,CAAC;QAC5B,KAAK,EAAE,KAAK,CAAC,KAAK;QAClB,SAAS,EAAE,KAAK,CAAC,SAAS;QAC1B,WAAW,EAAE,KAAK,CAAC,WAAW;QAC9B,SAAS,EAAE,KAAK,CAAC,SAAS;QAC1B,gBAAgB,EAAE,KAAK,CAAC,gBAAgB;QACxC,WAAW,EAAE,KAAK,CAAC,WAAW;QAC9B,aAAa,EAAE,KAAK,CAAC,aAAa;QAClC,sBAAsB,EAAE,KAAK,CAAC,sBAAsB;QACpD,0BAA0B,EAAE,KAAK,CAAC,0BAA0B;QAC5D,aAAa,EAAE,KAAK,CAAC,aAAa;QAClC,UAAU,EAAE,KAAK,CAAC,UAAU;QAC5B,WAAW,EAAE,KAAK,CAAC,WAAW;QAC9B,UAAU,EAAE,KAAK,CAAC,UAAU;KAC7B,CAAC;IAEF,yDAAyD;IACzD,MAAM,MAAM,GAAG,IAAA,uBAAW,EAAC,kBAAkB,EAAE,WAAW,CAAC,CAAC;IAC5D,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;AA5CW,QAAA,oBAAoB,wBA4C/B"}

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

@@ -0,0 +1,37 @@
+/**
+ * ViroFlexView
+ *
+ * A component for creating flexible layouts in 3D space.
+ */
+import React from "react";
+import { ViroCommonProps } from "./ViroUtils";
+export interface ViroFlexViewProps extends ViroCommonProps {
+    width?: number;
+    height?: number;
+    flex?: number;
+    flexDirection?: "row" | "column";
+    justifyContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around";
+    alignItems?: "flex-start" | "flex-end" | "center" | "stretch";
+    padding?: number;
+    paddingTop?: number;
+    paddingBottom?: number;
+    paddingLeft?: number;
+    paddingRight?: number;
+    margin?: number;
+    marginTop?: number;
+    marginBottom?: number;
+    marginLeft?: number;
+    marginRight?: number;
+    backgroundColor?: string;
+    borderRadius?: number;
+    borderWidth?: number;
+    borderColor?: string;
+    materials?: string | string[];
+    children?: React.ReactNode;
+}
+/**
+ * ViroFlexView is a component for creating flexible layouts in 3D space.
+ * It allows you to arrange child components using flexbox-like layout rules.
+ */
+export declare const ViroFlexView: React.FC<ViroFlexViewProps>;
+//# sourceMappingURL=ViroFlexView.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ViroFlexView.d.ts","sourceRoot":"","sources":["../../components/ViroFlexView.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,eAAe,EAKhB,MAAM,aAAa,CAAC;AAGrB,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IAExD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAGhB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IACjC,cAAc,CAAC,EACX,YAAY,GACZ,UAAU,GACV,QAAQ,GACR,eAAe,GACf,cAAc,CAAC;IACnB,UAAU,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC9D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAG9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAsFpD,CAAC"}

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

@@ -0,0 +1,98 @@
+"use strict";
+/**
+ * ViroFlexView
+ *
+ * A component for creating flexible layouts in 3D space.
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ViroFlexView = void 0;
+const react_1 = __importDefault(require("react"));
+const ViroUtils_1 = require("./ViroUtils");
+const ViroGlobal_1 = require("./ViroGlobal");
+/**
+ * ViroFlexView is a component for creating flexible layouts in 3D space.
+ * It allows you to arrange child components using flexbox-like layout rules.
+ */
+const ViroFlexView = (props) => {
+    // Convert common props to the format expected by the native code
+    const nativeProps = {
+        ...(0, ViroUtils_1.convertCommonProps)(props),
+        width: props.width,
+        height: props.height,
+        flex: props.flex,
+        flexDirection: props.flexDirection,
+        justifyContent: props.justifyContent,
+        alignItems: props.alignItems,
+        padding: props.padding,
+        paddingTop: props.paddingTop,
+        paddingBottom: props.paddingBottom,
+        paddingLeft: props.paddingLeft,
+        paddingRight: props.paddingRight,
+        margin: props.margin,
+        marginTop: props.marginTop,
+        marginBottom: props.marginBottom,
+        marginLeft: props.marginLeft,
+        marginRight: props.marginRight,
+        backgroundColor: props.backgroundColor,
+        borderRadius: props.borderRadius,
+        borderWidth: props.borderWidth,
+        borderColor: props.borderColor,
+        materials: props.materials,
+    };
+    // Create the node (parent will be determined by context)
+    const nodeId = (0, ViroUtils_1.useViroNode)("flexView", nativeProps);
+    // Register event handlers
+    react_1.default.useEffect(() => {
+        const nativeViro = (0, ViroGlobal_1.getNativeViro)();
+        if (!nativeViro)
+            return;
+        const eventHandlers = [
+            { name: "onHover", handler: props.onHover },
+            { name: "onClick", handler: props.onClick },
+            { name: "onClickState", handler: props.onClickState },
+            { name: "onTouch", handler: props.onTouch },
+            { name: "onDrag", handler: props.onDrag },
+            { name: "onPinch", handler: props.onPinch },
+            { name: "onRotate", handler: props.onRotate },
+        ];
+        // 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.onHover,
+        props.onClick,
+        props.onClickState,
+        props.onTouch,
+        props.onDrag,
+        props.onPinch,
+        props.onRotate,
+    ]);
+    // Render children with this flex view as their parent
+    return (<ViroUtils_1.ViroContextProvider value={nodeId}>{props.children}</ViroUtils_1.ViroContextProvider>);
+};
+exports.ViroFlexView = ViroFlexView;
+//# sourceMappingURL=ViroFlexView.js.map

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

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

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

@@ -0,0 +1,24 @@
+/**
+ * ViroGeometry
+ *
+ * A component for rendering custom 3D geometry.
+ */
+import React from "react";
+import { ViroCommonProps } from "./ViroUtils";
+export interface ViroGeometryProps extends ViroCommonProps {
+    vertices: [number, number, number][];
+    normals?: [number, number, number][];
+    texcoords?: [number, number][];
+    triangleIndices: number[][];
+    materials?: string | string[];
+    lightReceivingBitMask?: number;
+    shadowCastingBitMask?: number;
+    type?: "Dynamic" | "Kinematic" | "Static";
+}
+/**
+ * ViroGeometry is a component for rendering custom 3D geometry.
+ * It allows you to create custom 3D shapes by specifying vertices, normals,
+ * texture coordinates, and triangle indices.
+ */
+export declare const ViroGeometry: React.FC<ViroGeometryProps>;
+//# sourceMappingURL=ViroGeometry.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ViroGeometry.d.ts","sourceRoot":"","sources":["../../components/ViroGeometry.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,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC;IACrC,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC;IACrC,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC;IAC/B,eAAe,EAAE,MAAM,EAAE,EAAE,CAAC;IAG5B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAG9B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAG9B,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC;CAC3C;AAED;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAuCpD,CAAC"}

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

@@ -0,0 +1,52 @@
+"use strict";
+/**
+ * ViroGeometry
+ *
+ * A component for rendering custom 3D geometry.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ViroGeometry = void 0;
+const ViroUtils_1 = require("./ViroUtils");
+/**
+ * ViroGeometry is a component for rendering custom 3D geometry.
+ * It allows you to create custom 3D shapes by specifying vertices, normals,
+ * texture coordinates, and triangle indices.
+ */
+const ViroGeometry = (props) => {
+    var _a;
+    // Convert common props to the format expected by the native code
+    const nativeProps = {
+        ...(0, ViroUtils_1.convertCommonProps)(props),
+        vertices: props.vertices,
+        normals: props.normals,
+        texcoords: props.texcoords,
+        triangleIndices: props.triangleIndices,
+        materials: props.materials,
+        lightReceivingBitMask: props.lightReceivingBitMask,
+        shadowCastingBitMask: props.shadowCastingBitMask,
+        type: props.type,
+    };
+    // Create the node (parent will be determined by context)
+    const nodeId = (0, ViroUtils_1.useViroNode)("geometry", 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.ViroGeometry = ViroGeometry;
+//# sourceMappingURL=ViroGeometry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ViroGeometry.js","sourceRoot":"","sources":["../../components/ViroGeometry.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;;;AAGH,2CAKqB;AAqBrB;;;;GAIG;AACI,MAAM,YAAY,GAAgC,CAAC,KAAK,EAAE,EAAE;;IACjE,iEAAiE;IACjE,MAAM,WAAW,GAAG;QAClB,GAAG,IAAA,8BAAkB,EAAC,KAAK,CAAC;QAC5B,QAAQ,EAAE,KAAK,CAAC,QAAQ;QACxB,OAAO,EAAE,KAAK,CAAC,OAAO;QACtB,SAAS,EAAE,KAAK,CAAC,SAAS;QAC1B,eAAe,EAAE,KAAK,CAAC,eAAe;QACtC,SAAS,EAAE,KAAK,CAAC,SAAS;QAC1B,qBAAqB,EAAE,KAAK,CAAC,qBAAqB;QAClD,oBAAoB,EAAE,KAAK,CAAC,oBAAoB;QAChD,IAAI,EAAE,KAAK,CAAC,IAAI;KACjB,CAAC;IAEF,yDAAyD;IACzD,MAAM,MAAM,GAAG,IAAA,uBAAW,EAAC,UAAU,EAAE,WAAW,CAAC,CAAC;IAGpD,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;AAvCW,QAAA,YAAY,gBAuCvB"}

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

@@ -0,0 +1,46 @@
+/**
+ * ViroGlobal
+ *
+ * A utility to provide type-safe access to the global NativeViro object.
+ */
+declare global {
+    var NativeViro: any;
+}
+export interface NativeViroType {
+    createViroNode: (nodeId: string, nodeType: string, props: Record<string, any>) => void;
+    updateViroNode: (nodeId: string, props: Record<string, any>) => void;
+    deleteViroNode: (nodeId: string) => void;
+    addViroNodeChild: (parentId: string, childId: string) => void;
+    removeViroNodeChild: (parentId: string, childId: string) => void;
+    registerEventCallback: (nodeId: string, eventName: string, callbackId: string) => void;
+    unregisterEventCallback: (nodeId: string, eventName: string, callbackId: string) => void;
+    createViroMaterial: (materialName: string, properties: Record<string, any>) => void;
+    updateViroMaterial: (materialName: string, properties: Record<string, any>) => void;
+    createViroAnimation: (animationName: string, properties: Record<string, any>) => void;
+    executeViroAnimation: (nodeId: string, animationName: string, options: Record<string, any>) => void;
+    createViroScene: (sceneId: string, sceneType: string, props: Record<string, any>) => void;
+    activateViroScene: (sceneId: string) => void;
+    deactivateViroScene: (sceneId: string) => void;
+    destroyViroScene: (sceneId: string) => void;
+    getViroSceneState: (sceneId: string) => string | null;
+    getViroMemoryStats: () => Record<string, any> | null;
+    performViroMemoryCleanup: () => void;
+    setViroARPlaneDetection: (config: {
+        enabled?: boolean;
+        alignment?: string;
+        horizontal?: boolean;
+        vertical?: boolean;
+    }) => void;
+    setViroARImageTargets: (targets: Record<string, any>) => void;
+    recenterTracking: (nodeId: string) => void;
+    project: (nodeId: string, point: [number, number, number]) => Promise<[number, number, number]>;
+    unproject: (nodeId: string, point: [number, number, number]) => Promise<[number, number, number]>;
+    initialize: (config?: {
+        debug?: boolean;
+        arEnabled?: boolean;
+        worldAlignment?: string;
+    }) => Promise<boolean>;
+}
+export declare function getNativeViro(): NativeViroType | null;
+export declare function isNativeViroAvailable(): boolean;
+//# sourceMappingURL=ViroGlobal.d.ts.map

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

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

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

@@ -0,0 +1,21 @@
+"use strict";
+/**
+ * ViroGlobal
+ *
+ * A utility to provide type-safe access to the global NativeViro object.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getNativeViro = getNativeViro;
+exports.isNativeViroAvailable = isNativeViroAvailable;
+// Get the NativeViro object with type safety
+function getNativeViro() {
+    if (typeof global !== "undefined" && global.NativeViro) {
+        return global.NativeViro;
+    }
+    return null;
+}
+// Check if NativeViro is available
+function isNativeViroAvailable() {
+    return getNativeViro() !== null;
+}
+//# sourceMappingURL=ViroGlobal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ViroGlobal.js","sourceRoot":"","sources":["../../components/ViroGlobal.ts"],"names":[],"mappings":";AAAA;;;;GAIG;;AAmGH,sCAKC;AAGD,sDAEC;AAXD,6CAA6C;AAC7C,SAAgB,aAAa;IAC3B,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,MAAM,CAAC,UAAU,EAAE,CAAC;QACvD,OAAO,MAAM,CAAC,UAA4B,CAAC;IAC7C,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,mCAAmC;AACnC,SAAgB,qBAAqB;IACnC,OAAO,aAAa,EAAE,KAAK,IAAI,CAAC;AAClC,CAAC"}

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

@@ -0,0 +1,30 @@
+/**
+ * ViroImage
+ *
+ * A component for displaying 2D images in 3D space.
+ */
+import React from "react";
+import { ViroCommonProps } from "./ViroUtils";
+export interface ViroImageProps extends ViroCommonProps {
+    source: {
+        uri: string;
+    } | number;
+    width?: number;
+    height?: number;
+    resizeMode?: "ScaleToFill" | "ScaleToFit" | "StretchToFill";
+    imageClipMode?: "None" | "ClipToBounds";
+    stereoMode?: "LeftRight" | "RightLeft" | "TopBottom" | "BottomTop" | "None";
+    format?: "RGBA8" | "RGB565";
+    mipmap?: boolean;
+    placeholderSource?: {
+        uri: string;
+    } | number;
+    materials?: string | string[];
+    lightReceivingBitMask?: number;
+    shadowCastingBitMask?: number;
+}
+/**
+ * ViroImage is a component for displaying 2D images in 3D space.
+ */
+export declare const ViroImage: React.FC<ViroImageProps>;
+//# sourceMappingURL=ViroImage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ViroImage.d.ts","sourceRoot":"","sources":["../../components/ViroImage.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,eAAe,EAIhB,MAAM,aAAa,CAAC;AAGrB,MAAM,WAAW,cAAe,SAAQ,eAAe;IAErD,MAAM,EAAE;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,MAAM,CAAC;IAGjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,aAAa,GAAG,YAAY,GAAG,eAAe,CAAC;IAC5D,aAAa,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;IACxC,UAAU,CAAC,EAAE,WAAW,GAAG,WAAW,GAAG,WAAW,GAAG,WAAW,GAAG,MAAM,CAAC;IAC5E,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;IAGjB,iBAAiB,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,MAAM,CAAC;IAG7C,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAG9B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA0C9C,CAAC"}

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

@@ -0,0 +1,54 @@
+"use strict";
+/**
+ * ViroImage
+ *
+ * A component for displaying 2D images in 3D space.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ViroImage = void 0;
+const ViroUtils_1 = require("./ViroUtils");
+/**
+ * ViroImage is a component for displaying 2D images in 3D space.
+ */
+const ViroImage = (props) => {
+    var _a;
+    // Convert common props to the format expected by the native code
+    const nativeProps = {
+        ...(0, ViroUtils_1.convertCommonProps)(props),
+        source: props.source,
+        width: props.width,
+        height: props.height,
+        resizeMode: props.resizeMode,
+        imageClipMode: props.imageClipMode,
+        stereoMode: props.stereoMode,
+        format: props.format,
+        mipmap: props.mipmap,
+        placeholderSource: props.placeholderSource,
+        materials: props.materials,
+        lightReceivingBitMask: props.lightReceivingBitMask,
+        shadowCastingBitMask: props.shadowCastingBitMask,
+    };
+    // Create the node (parent will be determined by context)
+    const nodeId = (0, ViroUtils_1.useViroNode)("image", 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,
+    });
+    // Image doesn't have children, so just return null
+    return null;
+};
+exports.ViroImage = ViroImage;
+//# sourceMappingURL=ViroImage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ViroImage.js","sourceRoot":"","sources":["../../components/ViroImage.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;;;AAGH,2CAKqB;AA2BrB;;GAEG;AACI,MAAM,SAAS,GAA6B,CAAC,KAAK,EAAE,EAAE;;IAC3D,iEAAiE;IACjE,MAAM,WAAW,GAAG;QAClB,GAAG,IAAA,8BAAkB,EAAC,KAAK,CAAC;QAC5B,MAAM,EAAE,KAAK,CAAC,MAAM;QACpB,KAAK,EAAE,KAAK,CAAC,KAAK;QAClB,MAAM,EAAE,KAAK,CAAC,MAAM;QACpB,UAAU,EAAE,KAAK,CAAC,UAAU;QAC5B,aAAa,EAAE,KAAK,CAAC,aAAa;QAClC,UAAU,EAAE,KAAK,CAAC,UAAU;QAC5B,MAAM,EAAE,KAAK,CAAC,MAAM;QACpB,MAAM,EAAE,KAAK,CAAC,MAAM;QACpB,iBAAiB,EAAE,KAAK,CAAC,iBAAiB;QAC1C,SAAS,EAAE,KAAK,CAAC,SAAS;QAC1B,qBAAqB,EAAE,KAAK,CAAC,qBAAqB;QAClD,oBAAoB,EAAE,KAAK,CAAC,oBAAoB;KACjD,CAAC;IAEF,yDAAyD;IACzD,MAAM,MAAM,GAAG,IAAA,uBAAW,EAAC,OAAO,EAAE,WAAW,CAAC,CAAC;IAEjD,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,mDAAmD;IACnD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AA1CW,QAAA,SAAS,aA0CpB"}

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

@@ -0,0 +1,20 @@
+/**
+ * ViroLightingEnvironment
+ *
+ * A component for setting up environment-based lighting using HDR images.
+ */
+import React from "react";
+import { ViroCommonProps } from "./ViroUtils";
+export interface ViroLightingEnvironmentProps extends ViroCommonProps {
+    source: {
+        uri: string;
+    } | number;
+    intensity?: number;
+    rotation?: [number, number, number];
+}
+/**
+ * ViroLightingEnvironment is a component for setting up environment-based lighting using HDR images.
+ * It provides realistic lighting and reflections based on a 360-degree HDR environment map.
+ */
+export declare const ViroLightingEnvironment: React.FC<ViroLightingEnvironmentProps>;
+//# sourceMappingURL=ViroLightingEnvironment.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ViroLightingEnvironment.d.ts","sourceRoot":"","sources":["../../components/ViroLightingEnvironment.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,eAAe,EAIhB,MAAM,aAAa,CAAC;AAGrB,MAAM,WAAW,4BAA6B,SAAQ,eAAe;IAEnE,MAAM,EAAE;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,MAAM,CAAC;IAGjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;CACrC;AAED;;;GAGG;AACH,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAkC1E,CAAC"}

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

@@ -0,0 +1,46 @@
+"use strict";
+/**
+ * ViroLightingEnvironment
+ *
+ * A component for setting up environment-based lighting using HDR images.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ViroLightingEnvironment = void 0;
+const ViroUtils_1 = require("./ViroUtils");
+/**
+ * ViroLightingEnvironment is a component for setting up environment-based lighting using HDR images.
+ * It provides realistic lighting and reflections based on a 360-degree HDR environment map.
+ */
+const ViroLightingEnvironment = (props) => {
+    var _a;
+    // Convert common props to the format expected by the native code
+    const nativeProps = {
+        ...(0, ViroUtils_1.convertCommonProps)(props),
+        source: props.source,
+        intensity: props.intensity,
+        rotation: props.rotation,
+    };
+    // Create the node (parent will be determined by context)
+    const nodeId = (0, ViroUtils_1.useViroNode)("lightingEnvironment", 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.ViroLightingEnvironment = ViroLightingEnvironment;
+//# sourceMappingURL=ViroLightingEnvironment.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ViroLightingEnvironment.js","sourceRoot":"","sources":["../../components/ViroLightingEnvironment.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;;;AAGH,2CAKqB;AAYrB;;;GAGG;AACI,MAAM,uBAAuB,GAA2C,CAC7E,KAAK,EACL,EAAE;;IACF,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,QAAQ,EAAE,KAAK,CAAC,QAAQ;KACzB,CAAC;IAEF,yDAAyD;IACzD,MAAM,MAAM,GAAG,IAAA,uBAAW,EAAC,qBAAqB,EAAE,WAAW,CAAC,CAAC;IAC/D,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;AAlCW,QAAA,uBAAuB,2BAkClC"}

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

@@ -0,0 +1,31 @@
+/**
+ * ViroMaterialVideo
+ *
+ * A component for using video as a material texture.
+ */
+import React from "react";
+import { ViroCommonProps } from "./ViroUtils";
+export interface ViroMaterialVideoProps extends ViroCommonProps {
+    material: string;
+    source: {
+        uri: string;
+    } | number;
+    paused?: boolean;
+    loop?: boolean;
+    muted?: boolean;
+    volume?: number;
+    stereoMode?: "LeftRight" | "RightLeft" | "TopBottom" | "BottomTop" | "None";
+    onLoadStart?: () => void;
+    onLoadEnd?: () => void;
+    onBufferStart?: () => void;
+    onBufferEnd?: () => void;
+    onFinish?: () => void;
+    onUpdateTime?: (currentTime: number, totalTime: number) => void;
+    onError?: (error: string) => void;
+}
+/**
+ * ViroMaterialVideo is a component for using video as a material texture.
+ * It allows video content to be applied as a texture to 3D objects.
+ */
+export declare const ViroMaterialVideo: React.FC<ViroMaterialVideoProps>;
+//# sourceMappingURL=ViroMaterialVideo.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ViroMaterialVideo.d.ts","sourceRoot":"","sources":["../../components/ViroMaterialVideo.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,eAAe,EAIhB,MAAM,aAAa,CAAC;AAGrB,MAAM,WAAW,sBAAuB,SAAQ,eAAe;IAE7D,QAAQ,EAAE,MAAM,CAAC;IAGjB,MAAM,EAAE;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,MAAM,CAAC;IAGjC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,WAAW,GAAG,WAAW,GAAG,WAAW,GAAG,WAAW,GAAG,MAAM,CAAC;IAG5E,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED;;;GAGG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAsC9D,CAAC"}

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

@@ -0,0 +1,50 @@
+"use strict";
+/**
+ * ViroMaterialVideo
+ *
+ * A component for using video as a material texture.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ViroMaterialVideo = void 0;
+const ViroUtils_1 = require("./ViroUtils");
+/**
+ * ViroMaterialVideo is a component for using video as a material texture.
+ * It allows video content to be applied as a texture to 3D objects.
+ */
+const ViroMaterialVideo = (props) => {
+    var _a;
+    // Convert common props to the format expected by the native code
+    const nativeProps = {
+        ...(0, ViroUtils_1.convertCommonProps)(props),
+        material: props.material,
+        source: props.source,
+        paused: props.paused,
+        loop: props.loop,
+        muted: props.muted,
+        volume: props.volume,
+        stereoMode: props.stereoMode,
+    };
+    // Create the node (parent will be determined by context)
+    const nodeId = (0, ViroUtils_1.useViroNode)("materialVideo", 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.ViroMaterialVideo = ViroMaterialVideo;
+//# sourceMappingURL=ViroMaterialVideo.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ViroMaterialVideo.js","sourceRoot":"","sources":["../../components/ViroMaterialVideo.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;;;AAGH,2CAKqB;AA2BrB;;;GAGG;AACI,MAAM,iBAAiB,GAAqC,CAAC,KAAK,EAAE,EAAE;;IAC3E,iEAAiE;IACjE,MAAM,WAAW,GAAG;QAClB,GAAG,IAAA,8BAAkB,EAAC,KAAK,CAAC;QAC5B,QAAQ,EAAE,KAAK,CAAC,QAAQ;QACxB,MAAM,EAAE,KAAK,CAAC,MAAM;QACpB,MAAM,EAAE,KAAK,CAAC,MAAM;QACpB,IAAI,EAAE,KAAK,CAAC,IAAI;QAChB,KAAK,EAAE,KAAK,CAAC,KAAK;QAClB,MAAM,EAAE,KAAK,CAAC,MAAM;QACpB,UAAU,EAAE,KAAK,CAAC,UAAU;KAC7B,CAAC;IAEF,yDAAyD;IACzD,MAAM,MAAM,GAAG,IAAA,uBAAW,EAAC,eAAe,EAAE,WAAW,CAAC,CAAC;IAGzD,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;AAtCW,QAAA,iBAAiB,qBAsC5B"}