@reactvision/react-viro 2.43.1 → 2.43.3

package/fabric-interop/components/Viro3DSceneNavigator.tsx

@@ -1,503 +0,0 @@
-/**
- * Viro3DSceneNavigator
- *
- * Component for transitioning between multiple scenes in a 3D environment.
- */
-
-import * as React from "react";
-import { useEffect, useRef, useState } from "react";
-import { StyleSheet, View, ViewProps } from "react-native";
-import { ViroScene } from "./ViroScene";
-import {
-  registerEventListener,
-  unregisterEventListener,
-  generateNodeId,
-} from "../NativeViro";
-import { Viro3DPoint, ViroSceneDictionary } from "./Types/ViroUtils";
-import { getNativeViro } from "./ViroGlobal";
-
-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 function Viro3DSceneNavigator(props: Props): React.ReactElement {
-  const {
-    initialSceneKey,
-    initialScene,
-    viroAppProps,
-    onExitViro,
-    debug = false,
-    hdrEnabled,
-    pbrEnabled,
-    bloomEnabled,
-    shadowsEnabled,
-    multisamplingEnabled,
-    style,
-    ...rest
-  } = props;
-
-  // Generate a random tag for scenes
-  const mathRandomOffsetRef = 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] = useState<ViroSceneDictionary>({
-    [initialTag]: initialSceneObj,
-  });
-
-  const [sceneHistory, setSceneHistory] = useState<string[]>([initialTag]);
-  const [currentSceneIndex, setCurrentSceneIndex] = useState<number>(0);
-
-  // Create a ref for the navigator node
-  const navigatorRef = useRef<string>(generateNodeId());
-
-  // Set up event listeners
-  useEffect(() => {
-    if (!navigatorRef.current) return;
-
-    const exitViroCallbackId = onExitViro
-      ? registerEventListener(navigatorRef.current, "onExitViro", () => {
-          onExitViro();
-        })
-      : null;
-
-    // Clean up event listeners
-    return () => {
-      if (exitViroCallbackId) {
-        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: any,
-    sceneKey: string,
-    limitOne: boolean
-  ) => {
-    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: number) => {
-    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: string) => {
-    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: string) => {
-    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: number) => {
-    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?: any, param2?: any) => {
-    let sceneKey: string | undefined = undefined;
-    let scene: any = 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?: any, param2?: any) => {
-    let sceneKey: string | undefined = undefined;
-    let scene: any = 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?: any, param2?: any) => {
-    let sceneKey: string | undefined = undefined;
-    let scene: any = 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: number) => {
-    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 = getNativeViro();
-    if (nativeViro && navigatorRef.current) {
-      nativeViro.recenterTracking(navigatorRef.current);
-    }
-  };
-
-  /**
-   * Project a 3D point to screen space
-   */
-  const project = async (point: Viro3DPoint) => {
-    const nativeViro = 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: Viro3DPoint) => {
-    const nativeViro = 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 (
-    <View style={[styles.container, style]} {...rest}>
-      {renderScenes()}
-    </View>
-  );
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    justifyContent: "center",
-    alignItems: "center",
-  },
-});

package/fabric-interop/components/ViroARCamera.tsx

@@ -1,105 +0,0 @@
-/**
- * ViroARCamera
- *
- * A component for controlling the camera in an AR scene.
- */
-
-import React from "react";
-import {
-  ViroCommonProps,
-  useViroNode,
-  convertCommonProps,
-  ViroContextProvider,
-  useViroEventListeners,
-} from "./ViroUtils";
-import { getNativeViro } from "./ViroGlobal";
-
-// Custom type for transform update event
-export type ViroARCameraTransformUpdateEvent = {
-  position: [number, number, number];
-  rotation: [number, number, number];
-  forward: [number, number, number];
-  up: [number, number, number];
-};
-
-// Custom type for tracking state update event
-export type ViroARTrackingStateEvent = {
-  state: "NORMAL" | "LIMITED" | "NOT_AVAILABLE";
-  reason?:
-    | "NONE"
-    | "INITIALIZING"
-    | "EXCESSIVE_MOTION"
-    | "INSUFFICIENT_FEATURES";
-};
-
-export interface ViroARCameraProps
-  extends Omit<ViroCommonProps, "onTransformUpdate"> {
-  // Camera properties
-  active?: boolean;
-
-  // Events with specific types
-  onTransformUpdate?: (event: ViroARCameraTransformUpdateEvent) => void;
-  onTrackingUpdated?: (event: ViroARTrackingStateEvent) => void;
-
-  // Children components
-  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 const ViroARCamera: React.FC<ViroARCameraProps> = (props) => {
-  // Convert common props to the format expected by the native code
-  const nativeProps = {
-    ...convertCommonProps(props),
-    active: props.active,
-  };
-
-  // Create the node (parent will be determined by context)
-  const nodeId = useViroNode("arCamera", nativeProps);
-
-  // Register event handlers
-  React.useEffect(() => {
-    const nativeViro = 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 = 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 (
-    <ViroContextProvider value={nodeId}>{props.children}</ViroContextProvider>
-  );
-};

package/fabric-interop/components/ViroARImageMarker.tsx

@@ -1,98 +0,0 @@
-/**
- * ViroARImageMarker
- *
- * A component for detecting and tracking images in the real world.
- */
-
-import React from "react";
-import {
-  ViroCommonProps,
-  useViroNode,
-  convertCommonProps,
-  ViroContextProvider,
-  useViroEventListeners,
-} from "./ViroUtils";
-import { getNativeViro } from "./ViroGlobal";
-
-export interface ViroARImageMarkerProps extends ViroCommonProps {
-  // Image marker properties
-  target: string;
-
-  // Visual properties
-  visible?: boolean;
-  opacity?: number;
-
-  // Events
-  onAnchorFound?: () => void;
-  onAnchorUpdated?: () => void;
-  onAnchorRemoved?: () => void;
-
-  // Children components
-  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 const ViroARImageMarker: React.FC<ViroARImageMarkerProps> = (props) => {
-  // Convert common props to the format expected by the native code
-  const nativeProps = {
-    ...convertCommonProps(props),
-    target: props.target,
-    visible: props.visible,
-    opacity: props.opacity,
-  };
-
-  // Create the node (parent will be determined by context)
-  const nodeId = useViroNode("arImageMarker", nativeProps);
-
-  // Register event handlers
-  React.useEffect(() => {
-    const nativeViro = getNativeViro();
-    if (!nativeViro) return;
-
-    const eventHandlers = [
-      { name: "onAnchorFound", handler: props.onAnchorFound },
-      { name: "onAnchorUpdated", handler: props.onAnchorUpdated },
-      { name: "onAnchorRemoved", handler: props.onAnchorRemoved },
-    ];
-
-    // 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 = getNativeViro();
-      if (!nativeViro) return;
-
-      // Unregister all event handlers
-      registeredCallbacks.forEach(({ name, callbackId }) => {
-        nativeViro.unregisterEventCallback(nodeId, name, callbackId);
-      });
-    };
-  }, [
-    nodeId,
-    props.onAnchorFound,
-    props.onAnchorUpdated,
-    props.onAnchorRemoved,
-  ]);
-
-  // Render children with this AR image marker as their parent
-  return (
-    <ViroContextProvider value={nodeId}>{props.children}</ViroContextProvider>
-  );
-};