@terraware/web-components 4.2.14-rc.0 → 4.2.14

package/components/VirtualWalkthrough/VirtualWalkthroughViewer.d.ts

@@ -0,0 +1,27 @@
+import { AnnotationProps } from './Annotation';
+import { SplatControlsStrings } from './SplatControls';
+export interface VirtualWalkthroughViewerProps {
+    splatSrc: string;
+    origin?: [number, number, number];
+    cameraPosition?: [number, number, number];
+    sceneBounds?: {
+        x: number;
+        y: number;
+        z: number;
+        m: number;
+    };
+    groundPlane?: [number, number, number][];
+    skyColor?: string;
+    groundColor?: string;
+    averageCameraHeight?: number;
+    annotations: AnnotationProps[];
+    onSaveAnnotations: (annotations: AnnotationProps[]) => void | Promise<void>;
+    strings: SplatControlsStrings;
+    editable?: boolean;
+    showFreeFly?: boolean;
+    isFullScreen?: boolean;
+    onToggleFullScreen?: () => void;
+}
+declare const VirtualWalkthroughViewer: ({ splatSrc, origin, cameraPosition, sceneBounds, groundPlane: groundPlaneProp, skyColor, groundColor, averageCameraHeight, annotations, onSaveAnnotations, strings, editable, showFreeFly, isFullScreen, onToggleFullScreen, }: VirtualWalkthroughViewerProps) => import("react/jsx-runtime").JSX.Element;
+export default VirtualWalkthroughViewer;
+//# sourceMappingURL=VirtualWalkthroughViewer.d.ts.map

package/components/VirtualWalkthrough/VirtualWalkthroughViewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualWalkthroughViewer.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualWalkthrough/VirtualWalkthroughViewer.tsx"],"names":[],"mappings":"AAWA,OAAmB,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAK3D,OAAsB,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAStE,MAAM,WAAW,6BAA6B;IAC5C,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAClC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1C,WAAW,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC7D,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,WAAW,EAAE,eAAe,EAAE,CAAC;IAC/B,iBAAiB,EAAE,CAAC,WAAW,EAAE,eAAe,EAAE,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5E,OAAO,EAAE,oBAAoB,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;CACjC;AAED,QAAA,MAAM,wBAAwB,GAAI,gOAgB/B,6BAA6B,4CAwR/B,CAAC;AAEF,eAAe,wBAAwB,CAAC"}

package/components/VirtualWalkthrough/VirtualWalkthroughViewer.js

@@ -0,0 +1,282 @@
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import { useTheme } from '@mui/material';
+import { Entity } from '@playcanvas/react';
+import { Camera, Script } from '@playcanvas/react/components';
+import { useApp } from '@playcanvas/react/hooks';
+import { Color, Vec3 } from 'playcanvas';
+import { XrControllers } from 'playcanvas/scripts/esm/xr-controllers.mjs';
+import { useCameraPosition } from '../../hooks/useCameraPosition';
+import { useDevicePerformance } from '../../hooks/useDevicePerformance';
+import Annotation from './Annotation';
+import AnnotationPanel from './AnnotationPanel';
+import { AutoRotator } from './AutoRotator';
+import BoundaryRing from './BoundaryRing';
+import GradientSky from './GradientSky';
+import SplatControls from './SplatControls';
+import SplatModel from './SplatModel';
+import { TfAnnotationManager } from './TfAnnotationManager';
+import { TfXrNavigation } from './TfXrNavigation';
+import { WalkthroughCamera } from './walkthrough-camera';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const DEFAULT_FOCUS_POINT = [0, 0.1, 0];
+const DEFAULT_POSITION = [1, 0.1, 0];
+const VirtualWalkthroughViewer = ({
+  splatSrc,
+  origin = DEFAULT_FOCUS_POINT,
+  cameraPosition = DEFAULT_POSITION,
+  sceneBounds,
+  groundPlane: groundPlaneProp,
+  skyColor,
+  groundColor,
+  averageCameraHeight = 0,
+  annotations,
+  onSaveAnnotations,
+  strings,
+  editable = false,
+  showFreeFly = false,
+  isFullScreen = false,
+  onToggleFullScreen
+}) => {
+  const theme = useTheme();
+  const {
+    setCamera
+  } = useCameraPosition();
+  const {
+    isHighPerformance
+  } = useDevicePerformance();
+  const app = useApp();
+  const [showAnnotations, setShowAnnotations] = useState(true);
+  const [autoRotate, setAutoRotate] = useState(true);
+  const [isEdit, setIsEdit] = useState(false);
+  const [isFreeFly, setIsFreeFly] = useState(false);
+  const [selectedAnnotationIndex, setSelectedAnnotationIndex] = useState(-1);
+  const [localAnnotations, setLocalAnnotations] = useState(annotations);
+  const [isTextFieldFocused, setIsTextFieldFocused] = useState(false);
+  const [viewingAnnotation, setViewingAnnotation] = useState(null);
+  const [viewingAnnotationIndex, setViewingAnnotationIndex] = useState(-1);
+  const [viewedScreenPos, setViewedScreenPos] = useState(null);
+  const sceneBoundsRadius = useMemo(() => {
+    if (sceneBounds?.m !== undefined) {
+      return sceneBounds.m;
+    }
+    const dx = cameraPosition[0] - origin[0];
+    const dy = cameraPosition[1] - origin[1];
+    const dz = cameraPosition[2] - origin[2];
+    return Math.sqrt(dx * dx + dy * dy + dz * dz) * 0.5;
+  }, [cameraPosition, sceneBounds, origin]);
+  const sceneBoundsCenter = useMemo(() => sceneBounds ? new Vec3(sceneBounds.x, sceneBounds.y, sceneBounds.z) : new Vec3(origin[0], cameraPosition[1], origin[2]), [sceneBounds, origin, cameraPosition]);
+  const groundPlane = useMemo(() => groundPlaneProp?.length === 3 ? groundPlaneProp.map(p => new Vec3(p[0], p[1], p[2])) : [], [groundPlaneProp]);
+  useEffect(() => {
+    setCamera(origin, cameraPosition);
+  }, [origin, cameraPosition, setCamera]);
+  useEffect(() => {
+    if (!groundPlane.length) {
+      return;
+    }
+    // @ts-expect-error - scripts are added dynamically to the camera entity
+    const walkthroughCam = app.root.findByName('camera')?.script?.walkthroughCamera;
+    if (walkthroughCam) {
+      // Should be changed to a react prop if shallowEquals in playcanvas/react is fixed (see https://github.com/playcanvas/react/pull/298)
+      walkthroughCam.groundPlane = groundPlane;
+    }
+  }, [groundPlane, app]);
+  const handleToggleFreeFly = useCallback(() => {
+    const newFreeFly = !isFreeFly;
+    // @ts-expect-error - scripts are added dynamically to the camera entity
+    const walkthroughCam = app.root.findByName('camera')?.script?.walkthroughCamera;
+    if (walkthroughCam) {
+      walkthroughCam.freeFly = newFreeFly;
+    }
+    if (!newFreeFly) {
+      setCamera(origin, cameraPosition);
+    }
+    setIsFreeFly(newFreeFly);
+  }, [isFreeFly, app, setCamera, origin, cameraPosition]);
+  useEffect(() => {
+    setLocalAnnotations(annotations);
+  }, [annotations]);
+  useEffect(() => {
+    if (!isEdit) {
+      setSelectedAnnotationIndex(-1);
+    }
+  }, [isEdit]);
+  const handleAnnotationPositionChange = useCallback(position => {
+    setLocalAnnotations(prev => {
+      if (selectedAnnotationIndex === -1) {
+        return prev;
+      }
+      const updated = [...prev];
+      updated[selectedAnnotationIndex] = {
+        ...updated[selectedAnnotationIndex],
+        position
+      };
+      return updated;
+    });
+  }, [selectedAnnotationIndex]);
+  const handleSave = useCallback(() => {
+    const saveAndClose = async () => {
+      await onSaveAnnotations(localAnnotations);
+      setIsEdit(false);
+      setSelectedAnnotationIndex(-1);
+    };
+    void saveAndClose();
+  }, [onSaveAnnotations, localAnnotations]);
+  const handleCancel = useCallback(() => {
+    setLocalAnnotations(annotations);
+    setIsEdit(false);
+    setSelectedAnnotationIndex(-1);
+  }, [annotations]);
+  const handleAddAnnotation = useCallback(() => {
+    const newAnnotation = {
+      position: origin,
+      title: ''
+    };
+    setLocalAnnotations(prev => [...prev, newAnnotation]);
+    setSelectedAnnotationIndex(localAnnotations.length);
+  }, [origin, localAnnotations]);
+  const handleDeleteAnnotation = useCallback(() => {
+    if (selectedAnnotationIndex === -1) {
+      return;
+    }
+    setLocalAnnotations(prev => prev.filter((_, index) => index !== selectedAnnotationIndex));
+    setSelectedAnnotationIndex(-1);
+  }, [selectedAnnotationIndex]);
+  const handleDeselectAnnotation = useCallback(() => {
+    setSelectedAnnotationIndex(-1);
+  }, []);
+  const handleAnnotationView = useCallback(
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  (annotation, annotationIndex, screenX, screenY) => {
+    setViewingAnnotation(annotation);
+    setViewingAnnotationIndex(annotationIndex);
+    // Cleared so the connector line waits for the hotspot's post-aim position
+    // rather than briefly pointing at its old spot.
+    setViewedScreenPos(null);
+  }, []);
+  const handleAnnotationScreenPositionUpdate = useCallback((_index, screenX, screenY, size) => {
+    // The scene is frozen while the panel is open, so guard against redundant
+    // updates from the per-frame callback to avoid needless re-renders.
+    setViewedScreenPos(prev => prev && prev.x === screenX && prev.y === screenY && prev.size === size ? prev : {
+      x: screenX,
+      y: screenY,
+      size
+    });
+  }, []);
+  const handleCloseAnnotation = useCallback(() => {
+    setViewingAnnotation(null);
+    setViewingAnnotationIndex(-1);
+    setViewedScreenPos(null);
+  }, []);
+  const handleAnnotationUpdate = useCallback(updates => {
+    if (selectedAnnotationIndex === -1) {
+      return;
+    }
+    setLocalAnnotations(prev => {
+      const updated = [...prev];
+      updated[selectedAnnotationIndex] = {
+        ...updated[selectedAnnotationIndex],
+        ...updates
+      };
+      return updated;
+    });
+  }, [selectedAnnotationIndex]);
+  const canSave = useMemo(() => localAnnotations.every(annotation => annotation.title && annotation.title.trim() !== ''), [localAnnotations]);
+  const splatModel = useMemo(() => /*#__PURE__*/_jsx(SplatModel, {
+    splatSrc: splatSrc,
+    rotation: [-180, 0, 0],
+    revealRain: isHighPerformance
+  }, 'splat'), [isHighPerformance, splatSrc]);
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(GradientSky, {
+      topColor: skyColor || '#FFFFFF',
+      horizonColor: skyColor || '#EAF8FF',
+      groundColor: groundColor || '#C3BDB7'
+    }), /*#__PURE__*/_jsxs(Entity, {
+      name: "camera-root",
+      children: [/*#__PURE__*/_jsxs(Entity, {
+        name: "camera",
+        children: [/*#__PURE__*/_jsx(Camera, {
+          clearColor: "#EAF8FF",
+          fov: 60
+        }), /*#__PURE__*/_jsx(Script, {
+          script: WalkthroughCamera,
+          boundsCenter: sceneBoundsCenter,
+          boundsRadius: sceneBoundsRadius,
+          enableFly: !isTextFieldFocused,
+          averageCameraHeight: averageCameraHeight
+        })]
+      }), /*#__PURE__*/_jsx(Script, {
+        script: XrControllers,
+        enabled: !isEdit
+      }), /*#__PURE__*/_jsx(Script, {
+        script: TfXrNavigation,
+        enabled: !isEdit,
+        enableTeleport: false
+      }), /*#__PURE__*/_jsx(Script, {
+        script: AutoRotator,
+        enabled: !isEdit && autoRotate && !viewingAnnotation,
+        startDelay: 0.5,
+        restartDelay: 3,
+        startFadeInTime: 0.5
+      })]
+    }), splatModel, sceneBounds?.m !== undefined && groundPlane.length === 3 && /*#__PURE__*/_jsx(BoundaryRing, {
+      center: sceneBoundsCenter,
+      radius: sceneBoundsRadius,
+      groundPlane: groundPlane
+    }), localAnnotations.length > 0 && /*#__PURE__*/_jsxs(Entity, {
+      name: "annotations-root",
+      children: [/*#__PURE__*/_jsx(Script, {
+        script: TfAnnotationManager,
+        enabled: true,
+        hotspotSize: 30,
+        maxWorldSize: 0.05,
+        opacity: 1,
+        hotspotColor: new Color().fromString(theme.palette.TwClrIcnBrand),
+        hoverColor: new Color().fromString('#ffffff'),
+        hotspotBackgroundColor: theme.palette.TwClrBaseWhite
+      }), localAnnotations.map((annotation, index) => /*#__PURE__*/_jsx(Annotation, {
+        ...annotation,
+        index: index,
+        visible: showAnnotations,
+        isEdit: isEdit,
+        isSelected: selectedAnnotationIndex === index,
+        isViewed: viewingAnnotationIndex === index,
+        onSelect: () => setSelectedAnnotationIndex(index),
+        onPositionChange: handleAnnotationPositionChange,
+        onView: (anno, screenX, screenY) => handleAnnotationView(anno, index, screenX, screenY),
+        onScreenPositionUpdate: handleAnnotationScreenPositionUpdate
+      }, `annotation-${index}`))]
+    }), /*#__PURE__*/_jsx(SplatControls, {
+      defaultCameraFocus: origin,
+      defaultCameraPosition: cameraPosition,
+      showAnnotations: showAnnotations,
+      onToggleAnnotations: setShowAnnotations,
+      autoRotate: autoRotate,
+      onToggleAutoRotate: setAutoRotate,
+      isEdit: isEdit,
+      onToggleEdit: setIsEdit,
+      onSave: handleSave,
+      onCancel: handleCancel,
+      onAddAnnotation: handleAddAnnotation,
+      onDeleteAnnotation: handleDeleteAnnotation,
+      onDeselectAnnotation: handleDeselectAnnotation,
+      hasSelectedAnnotation: selectedAnnotationIndex >= 0,
+      selectedAnnotation: selectedAnnotationIndex >= 0 ? localAnnotations[selectedAnnotationIndex] : null,
+      onAnnotationUpdate: handleAnnotationUpdate,
+      onTextFieldFocus: setIsTextFieldFocused,
+      canSave: canSave,
+      editable: editable,
+      isFullScreen: isFullScreen,
+      onToggleFullScreen: onToggleFullScreen,
+      isFreeFly: isFreeFly,
+      onToggleFreeFly: handleToggleFreeFly,
+      showFreeFly: showFreeFly,
+      strings: strings
+    }), /*#__PURE__*/_jsx(AnnotationPanel, {
+      annotation: viewingAnnotation,
+      hotspotPosition: viewedScreenPos,
+      onClose: handleCloseAnnotation
+    })]
+  });
+};
+export default VirtualWalkthroughViewer;

package/hooks/useDevicePerformance.d.ts

@@ -0,0 +1,9 @@
+interface DevicePerformance {
+    isHighPerformance: boolean;
+    cpuCores: number;
+    deviceMemory?: number;
+    isMobile: boolean;
+}
+export declare const useDevicePerformance: () => DevicePerformance;
+export {};
+//# sourceMappingURL=useDevicePerformance.d.ts.map

package/hooks/useDevicePerformance.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDevicePerformance.d.ts","sourceRoot":"","sources":["../../src/hooks/useDevicePerformance.ts"],"names":[],"mappings":"AAIA,UAAU,iBAAiB;IACzB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,oBAAoB,QAAO,iBAavC,CAAC"}

package/hooks/useDevicePerformance.js

@@ -0,0 +1,16 @@
+import { useMemo } from 'react';
+import useDeviceInfo from '../utils/useDeviceInfo';
+export const useDevicePerformance = () => {
+  const {
+    isMobile
+  } = useDeviceInfo();
+  const cpuCores = useMemo(() => navigator.hardwareConcurrency || 4, []);
+  const deviceMemory = useMemo(() => navigator.deviceMemory, []);
+  const isHighPerformance = useMemo(() => !isMobile && cpuCores >= 4 || deviceMemory !== undefined && deviceMemory >= 8 || cpuCores >= 6, [cpuCores, deviceMemory, isMobile]);
+  return {
+    isHighPerformance,
+    cpuCores,
+    deviceMemory,
+    isMobile
+  };
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@terraware/web-components",
-  "version": "4.2.14-rc.0",
+  "version": "4.2.14",
   "author": "Terraformation Inc.",
   "license": "Apache-2.0",
   "repository": {

package/virtualWalkthrough.d.ts

@@ -15,9 +15,11 @@ import SplatModel from './components/VirtualWalkthrough/SplatModel';
 import SplatRevealRain from './components/VirtualWalkthrough/SplatRevealRain';
 import { TfAnnotationManager } from './components/VirtualWalkthrough/TfAnnotationManager';
 import { TfXrNavigation } from './components/VirtualWalkthrough/TfXrNavigation';
+import VirtualWalkthroughViewer from './components/VirtualWalkthrough/VirtualWalkthroughViewer';
 import { BoundaryRingScript, boundaryRingMesh } from './components/VirtualWalkthrough/boundary-ring';
 import { computeGroundPlane, yOnPlane } from './components/VirtualWalkthrough/groundPlane';
 import { WalkthroughCamera } from './components/VirtualWalkthrough/walkthrough-camera';
+import { useDevicePerformance } from './hooks/useDevicePerformance';
 export type { AnnotationProps, AnnotationIconType } from './components/VirtualWalkthrough/Annotation';
 export type { AnnotationEditPaneStrings } from './components/VirtualWalkthrough/AnnotationEditPane';
 export type { CameraInfoStrings, CameraState } from './components/VirtualWalkthrough/CameraInfo';
@@ -27,5 +29,6 @@ export type { BoundaryRingGeometry, BoundaryRingGeometryParams } from './compone
 export type { GroundPlane } from './components/VirtualWalkthrough/groundPlane';
 export type { BoundaryRingProps } from './components/VirtualWalkthrough/BoundaryRing';
 export type { SplatModelProps } from './components/VirtualWalkthrough/SplatModel';
-export { Annotation, AnnotationEditPane, AnnotationPanel, Application, AutoRotator, BlockingSpinner, BoundaryRing, boundaryRingMesh, BoundaryRingScript, CameraInfo, computeGroundPlane, ControlsInfoPane, GradientSky, SplatControls, SplatCrop, SplatFadeCrop, SplatModel, SplatRevealRain, TfAnnotationManager, TfXrNavigation, WalkthroughCamera, yOnPlane, };
+export type { VirtualWalkthroughViewerProps } from './components/VirtualWalkthrough/VirtualWalkthroughViewer';
+export { Annotation, AnnotationEditPane, AnnotationPanel, Application, AutoRotator, BlockingSpinner, BoundaryRing, boundaryRingMesh, BoundaryRingScript, CameraInfo, computeGroundPlane, ControlsInfoPane, GradientSky, SplatControls, SplatCrop, SplatFadeCrop, SplatModel, SplatRevealRain, TfAnnotationManager, TfXrNavigation, useDevicePerformance, VirtualWalkthroughViewer, WalkthroughCamera, yOnPlane, };
 //# sourceMappingURL=virtualWalkthrough.d.ts.map

package/virtualWalkthrough.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"virtualWalkthrough.d.ts","sourceRoot":"","sources":["../src/virtualWalkthrough.ts"],"names":[],"mappings":"AAOA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,kBAAkB,MAAM,oDAAoD,CAAC;AACpF,OAAO,eAAe,MAAM,iDAAiD,CAAC;AAC9E,OAAO,WAAW,MAAM,6CAA6C,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAC;AAC1E,OAAO,eAAe,MAAM,iDAAiD,CAAC;AAC9E,OAAO,YAAY,MAAM,8CAA8C,CAAC;AACxE,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,gBAAgB,MAAM,kDAAkD,CAAC;AAChF,OAAO,WAAW,MAAM,6CAA6C,CAAC;AACtE,OAAO,aAAa,MAAM,+CAA+C,CAAC;AAC1E,OAAO,SAAS,MAAM,2CAA2C,CAAC;AAClE,OAAO,aAAa,MAAM,+CAA+C,CAAC;AAC1E,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,eAAe,MAAM,iDAAiD,CAAC;AAC9E,OAAO,EAAE,mBAAmB,EAAE,MAAM,qDAAqD,CAAC;AAC1F,OAAO,EAAE,cAAc,EAAE,MAAM,gDAAgD,CAAC;AAChF,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,+CAA+C,CAAC;AACrG,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,6CAA6C,CAAC;AAC3F,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAC;AAEvF,YAAY,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,4CAA4C,CAAC;AACtG,YAAY,EAAE,yBAAyB,EAAE,MAAM,oDAAoD,CAAC;AACpG,YAAY,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,4CAA4C,CAAC;AACjG,YAAY,EAAE,uBAAuB,EAAE,MAAM,kDAAkD,CAAC;AAChG,YAAY,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAC;AAC9G,YAAY,EAAE,oBAAoB,EAAE,0BAA0B,EAAE,MAAM,+CAA+C,CAAC;AACtH,YAAY,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAC;AAC/E,YAAY,EAAE,iBAAiB,EAAE,MAAM,8CAA8C,CAAC;AACtF,YAAY,EAAE,eAAe,EAAE,MAAM,4CAA4C,CAAC;AAElF,OAAO,EACL,UAAU,EACV,kBAAkB,EAClB,eAAe,EACf,WAAW,EACX,WAAW,EACX,eAAe,EACf,YAAY,EACZ,gBAAgB,EAChB,kBAAkB,EAClB,UAAU,EACV,kBAAkB,EAClB,gBAAgB,EAChB,WAAW,EACX,aAAa,EACb,SAAS,EACT,aAAa,EACb,UAAU,EACV,eAAe,EACf,mBAAmB,EACnB,cAAc,EACd,iBAAiB,EACjB,QAAQ,GACT,CAAC"}
+{"version":3,"file":"virtualWalkthrough.d.ts","sourceRoot":"","sources":["../src/virtualWalkthrough.ts"],"names":[],"mappings":"AAOA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,kBAAkB,MAAM,oDAAoD,CAAC;AACpF,OAAO,eAAe,MAAM,iDAAiD,CAAC;AAC9E,OAAO,WAAW,MAAM,6CAA6C,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAC;AAC1E,OAAO,eAAe,MAAM,iDAAiD,CAAC;AAC9E,OAAO,YAAY,MAAM,8CAA8C,CAAC;AACxE,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,gBAAgB,MAAM,kDAAkD,CAAC;AAChF,OAAO,WAAW,MAAM,6CAA6C,CAAC;AACtE,OAAO,aAAa,MAAM,+CAA+C,CAAC;AAC1E,OAAO,SAAS,MAAM,2CAA2C,CAAC;AAClE,OAAO,aAAa,MAAM,+CAA+C,CAAC;AAC1E,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,eAAe,MAAM,iDAAiD,CAAC;AAC9E,OAAO,EAAE,mBAAmB,EAAE,MAAM,qDAAqD,CAAC;AAC1F,OAAO,EAAE,cAAc,EAAE,MAAM,gDAAgD,CAAC;AAChF,OAAO,wBAAwB,MAAM,0DAA0D,CAAC;AAChG,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,+CAA+C,CAAC;AACrG,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,6CAA6C,CAAC;AAC3F,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAC;AACvF,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAEpE,YAAY,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,4CAA4C,CAAC;AACtG,YAAY,EAAE,yBAAyB,EAAE,MAAM,oDAAoD,CAAC;AACpG,YAAY,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,4CAA4C,CAAC;AACjG,YAAY,EAAE,uBAAuB,EAAE,MAAM,kDAAkD,CAAC;AAChG,YAAY,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAC;AAC9G,YAAY,EAAE,oBAAoB,EAAE,0BAA0B,EAAE,MAAM,+CAA+C,CAAC;AACtH,YAAY,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAC;AAC/E,YAAY,EAAE,iBAAiB,EAAE,MAAM,8CAA8C,CAAC;AACtF,YAAY,EAAE,eAAe,EAAE,MAAM,4CAA4C,CAAC;AAClF,YAAY,EAAE,6BAA6B,EAAE,MAAM,0DAA0D,CAAC;AAE9G,OAAO,EACL,UAAU,EACV,kBAAkB,EAClB,eAAe,EACf,WAAW,EACX,WAAW,EACX,eAAe,EACf,YAAY,EACZ,gBAAgB,EAChB,kBAAkB,EAClB,UAAU,EACV,kBAAkB,EAClB,gBAAgB,EAChB,WAAW,EACX,aAAa,EACb,SAAS,EACT,aAAa,EACb,UAAU,EACV,eAAe,EACf,mBAAmB,EACnB,cAAc,EACd,oBAAoB,EACpB,wBAAwB,EACxB,iBAAiB,EACjB,QAAQ,GACT,CAAC"}

package/virtualWalkthrough.js

@@ -22,7 +22,9 @@ import SplatModel from './components/VirtualWalkthrough/SplatModel';
 import SplatRevealRain from './components/VirtualWalkthrough/SplatRevealRain';
 import { TfAnnotationManager } from './components/VirtualWalkthrough/TfAnnotationManager';
 import { TfXrNavigation } from './components/VirtualWalkthrough/TfXrNavigation';
+import VirtualWalkthroughViewer from './components/VirtualWalkthrough/VirtualWalkthroughViewer';
 import { BoundaryRingScript, boundaryRingMesh } from './components/VirtualWalkthrough/boundary-ring';
 import { computeGroundPlane, yOnPlane } from './components/VirtualWalkthrough/groundPlane';
 import { WalkthroughCamera } from './components/VirtualWalkthrough/walkthrough-camera';
-export { Annotation, AnnotationEditPane, AnnotationPanel, Application, AutoRotator, BlockingSpinner, BoundaryRing, boundaryRingMesh, BoundaryRingScript, CameraInfo, computeGroundPlane, ControlsInfoPane, GradientSky, SplatControls, SplatCrop, SplatFadeCrop, SplatModel, SplatRevealRain, TfAnnotationManager, TfXrNavigation, WalkthroughCamera, yOnPlane };
+import { useDevicePerformance } from './hooks/useDevicePerformance';
+export { Annotation, AnnotationEditPane, AnnotationPanel, Application, AutoRotator, BlockingSpinner, BoundaryRing, boundaryRingMesh, BoundaryRingScript, CameraInfo, computeGroundPlane, ControlsInfoPane, GradientSky, SplatControls, SplatCrop, SplatFadeCrop, SplatModel, SplatRevealRain, TfAnnotationManager, TfXrNavigation, useDevicePerformance, VirtualWalkthroughViewer, WalkthroughCamera, yOnPlane };