@terraware/web-components 4.2.26-rc.0 → 4.3.0

package/components/VirtualWalkthrough/VirtualWalkthroughViewer.js

@@ -1,31 +1,32 @@
-import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import { useState, useMemo, useEffect, useCallback } 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 { Vec3, Color } from 'playcanvas';
 import { XrControllers } from 'playcanvas/scripts/esm/xr/xr-controllers.mjs';
-import { useCameraPosition } from '../../hooks/useCameraPosition';
-import { useDevicePerformance } from '../../hooks/useDevicePerformance';
-import { useXr } from '../../hooks/useXr';
-import Annotation from './Annotation';
-import AnnotationPanel from './AnnotationPanel';
-import { AutoRotator } from './AutoRotator';
-import BoundaryRing from './BoundaryRing';
-import BoundaryWall from './BoundaryWall';
-import GradientSky from './GradientSky';
-import SplatControls from './SplatControls';
-import SplatModel from './SplatModel';
-import { TfAnnotationManager } from './TfAnnotationManager';
-import { TfXrNavigation } from './TfXrNavigation';
-import VrAnnotationPanel from './VrAnnotationPanel';
-import XrAnnotationInteraction from './XrAnnotationInteraction';
-import XrExitButton from './XrExitButton';
-import XrGazeDwell from './XrGazeDwell';
-import XrPointerRay from './XrPointerRay';
-import { WalkthroughCamera } from './walkthrough-camera';
-import { rayHitsInteractiveUi } from './xr-interactive-ui';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCameraPosition } from '../../hooks/useCameraPosition.js';
+import { useDevicePerformance } from '../../hooks/useDevicePerformance.js';
+import useXr from '../../hooks/useXr.js';
+import Annotation from './Annotation.js';
+import AnnotationPanel from './AnnotationPanel.js';
+import { AutoRotator } from './AutoRotator.js';
+import BoundaryRing from './BoundaryRing.js';
+import BoundaryWall from './BoundaryWall.js';
+import GradientSky from './GradientSky.js';
+import SplatControls from './SplatControls.js';
+import SplatModel from './SplatModel.js';
+import { TfAnnotationManager } from './TfAnnotationManager.js';
+import { TfXrNavigation } from './TfXrNavigation.js';
+import VrAnnotationPanel from './VrAnnotationPanel.js';
+import XrAnnotationInteraction from './XrAnnotationInteraction.js';
+import XrExitButton from './XrExitButton.js';
+import XrGazeDwell from './XrGazeDwell.js';
+import XrPointerRay from './XrPointerRay.js';
+import { WalkthroughCamera } from './walkthrough-camera.js';
+import { rayHitsInteractiveUi } from './xr-interactive-ui.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
 const DEFAULT_FOCUS_POINT = [0, 0.1, 0];
 const DEFAULT_POSITION = [1, 0.1, 0];
 
@@ -227,25 +228,25 @@ const VirtualWalkthroughViewer = ({
     images: files
   }), [handleAnnotationUpdate]);
   const canSave = useMemo(() => localAnnotations.every(annotation => annotation.title && annotation.title.trim() !== ''), [localAnnotations]);
-  const splatModel = useMemo(() => /*#__PURE__*/_jsx(SplatModel, {
+  const splatModel = useMemo(() => /*#__PURE__*/jsx(SplatModel, {
     splatSrc: splatSrc,
     splatFormat: splatFormat,
     rotation: [-180, 0, 0],
     revealRain: isHighPerformance
   }, 'splat'), [isHighPerformance, splatSrc, splatFormat]);
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(GradientSky, {
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(GradientSky, {
       topColor: skyColor || '#FFFFFF',
       horizonColor: skyColor || '#EAF8FF',
       groundColor: groundColor || '#C3BDB7'
-    }), /*#__PURE__*/_jsxs(Entity, {
+    }), /*#__PURE__*/jsxs(Entity, {
       name: "camera-root",
-      children: [/*#__PURE__*/_jsxs(Entity, {
+      children: [/*#__PURE__*/jsxs(Entity, {
         name: "camera",
-        children: [/*#__PURE__*/_jsx(Camera, {
+        children: [/*#__PURE__*/jsx(Camera, {
           clearColor: "#EAF8FF",
           fov: 60
-        }), !isCurrentlyInXr && /*#__PURE__*/_jsx(Script, {
+        }), !isCurrentlyInXr && /*#__PURE__*/jsx(Script, {
           script: WalkthroughCamera,
           boundsCenter: cameraBoundsCenter,
           boundsRadius: sceneBoundsRadius * scaleFactor,
@@ -255,39 +256,39 @@ const VirtualWalkthroughViewer = ({
           moveFastSpeed: 0.5 * scaleFactor,
           moveSlowSpeed: 0.15 * scaleFactor
         })]
-      }), /*#__PURE__*/_jsx(XrExitButton, {}), /*#__PURE__*/_jsx(Script, {
+      }), /*#__PURE__*/jsx(XrExitButton, {}), /*#__PURE__*/jsx(Script, {
         script: XrControllers,
         enabled: !isEdit
-      }), /*#__PURE__*/_jsx(XrAnnotationInteraction, {
+      }), /*#__PURE__*/jsx(XrAnnotationInteraction, {
         onDismiss: handleCloseAnnotation
-      }), /*#__PURE__*/_jsx(XrPointerRay, {}), isCurrentlyInVr && viewingAnnotation && /*#__PURE__*/_jsx(VrAnnotationPanel, {
+      }), /*#__PURE__*/jsx(XrPointerRay, {}), isCurrentlyInVr && viewingAnnotation && /*#__PURE__*/jsx(VrAnnotationPanel, {
         annotation: viewingAnnotation,
         annotationIndex: viewingAnnotationIndex,
         scaleFactor: scaleFactor
-      }, viewingAnnotationIndex), isCurrentlyInXr && /*#__PURE__*/_jsx(XrGazeDwell, {
+      }, viewingAnnotationIndex), isCurrentlyInXr && /*#__PURE__*/jsx(XrGazeDwell, {
         activeIndex: viewingAnnotationIndex
-      }), /*#__PURE__*/_jsx(Script, {
+      }), /*#__PURE__*/jsx(Script, {
         script: TfXrNavigation,
         enabled: !isEdit,
         enableTeleport: !isCurrentlyInAr && !viewingAnnotation,
         isTeleportBlocked: isTeleportBlocked
-      }), !isCurrentlyInXr && /*#__PURE__*/_jsx(Script, {
+      }), !isCurrentlyInXr && /*#__PURE__*/jsx(Script, {
         script: AutoRotator,
         enabled: !isEdit && autoRotate && !viewingAnnotation,
         startDelay: 0.5,
         restartDelay: 3,
         startFadeInTime: 0.5
       })]
-    }), /*#__PURE__*/_jsxs(Entity, {
+    }), /*#__PURE__*/jsxs(Entity, {
       name: "content-root",
       scale: [scaleFactor, scaleFactor, scaleFactor],
-      children: [splatModel, sceneBounds?.m !== undefined && groundPlane.length === 3 && /*#__PURE__*/_jsx(BoundaryRing, {
+      children: [splatModel, sceneBounds?.m !== undefined && groundPlane.length === 3 && /*#__PURE__*/jsx(BoundaryRing, {
         center: sceneBoundsCenter,
         radius: sceneBoundsRadius,
         groundPlane: groundPlane
-      }), localAnnotations.length > 0 && /*#__PURE__*/_jsxs(Entity, {
+      }), localAnnotations.length > 0 && /*#__PURE__*/jsxs(Entity, {
         name: "annotations-root",
-        children: [/*#__PURE__*/_jsx(Script, {
+        children: [/*#__PURE__*/jsx(Script, {
           script: TfAnnotationManager,
           enabled: true,
           hotspotSize: 30,
@@ -296,7 +297,7 @@ const VirtualWalkthroughViewer = ({
           hotspotColor: new Color().fromString(theme.palette.TwClrIcnBrand),
           hoverColor: new Color().fromString('#ffffff'),
           hotspotBackgroundColor: theme.palette.TwClrBaseWhite
-        }), localAnnotations.map((annotation, index) => /*#__PURE__*/_jsx(Annotation, {
+        }), localAnnotations.map((annotation, index) => /*#__PURE__*/jsx(Annotation, {
           ...annotation,
           index: index,
           visible: showAnnotations,
@@ -309,12 +310,12 @@ const VirtualWalkthroughViewer = ({
           onScreenPositionUpdate: handleAnnotationScreenPositionUpdate
         }, `annotation-${index}`))]
       })]
-    }), isCurrentlyInXr && sceneBoundsRadius > 0 && /*#__PURE__*/_jsx(BoundaryWall, {
+    }), isCurrentlyInXr && sceneBoundsRadius > 0 && /*#__PURE__*/jsx(BoundaryWall, {
       center: cameraBoundsCenter,
       radius: sceneBoundsRadius * scaleFactor + WALL_INSET,
       groundPlane: cameraGroundPlane,
       baseY: 0
-    }), /*#__PURE__*/_jsx(SplatControls, {
+    }), /*#__PURE__*/jsx(SplatControls, {
       defaultCameraFocus: origin,
       defaultCameraPosition: cameraPosition,
       showAnnotations: showAnnotations,
@@ -343,11 +344,12 @@ const VirtualWalkthroughViewer = ({
       onToggleFreeFly: handleToggleFreeFly,
       showFreeFly: showFreeFly,
       strings: strings
-    }), /*#__PURE__*/_jsx(AnnotationPanel, {
+    }), /*#__PURE__*/jsx(AnnotationPanel, {
       annotation: viewingAnnotation,
       hotspotPosition: viewedScreenPos,
       onClose: handleCloseAnnotation
     })]
   });
 };
-export default VirtualWalkthroughViewer;
+
+export { VirtualWalkthroughViewer as default };

package/components/VirtualWalkthrough/VrAnnotationPanel.js

@@ -1,16 +1,17 @@
-import React from 'react';
+import 'react';
 import { Entity } from '@playcanvas/react';
 import { Script } from '@playcanvas/react/components';
-import { VrAnnotationPanel as VrAnnotationPanelScript } from './vr-annotation-panel';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { VrAnnotationPanel as VrAnnotationPanel$1 } from './vr-annotation-panel.js';
+import { jsx } from 'react/jsx-runtime';
+
 const VrAnnotationPanel = ({
   annotation,
   annotationIndex,
   scaleFactor
-}) => /*#__PURE__*/_jsx(Entity, {
+}) => /*#__PURE__*/jsx(Entity, {
   name: "vr-annotation-panel",
-  children: /*#__PURE__*/_jsx(Script, {
-    script: VrAnnotationPanelScript,
+  children: /*#__PURE__*/jsx(Script, {
+    script: VrAnnotationPanel$1,
     title: annotation.title,
     label: annotation.label,
     bodyText: annotation.bodyText,
@@ -19,4 +20,5 @@ const VrAnnotationPanel = ({
     scaleFactor: scaleFactor
   })
 });
-export default VrAnnotationPanel;
+
+export { VrAnnotationPanel as default };

package/components/VirtualWalkthrough/XrAnnotationInteraction.js

@@ -1,15 +1,17 @@
-import React from 'react';
+import 'react';
 import { Entity } from '@playcanvas/react';
 import { Script } from '@playcanvas/react/components';
-import { XrAnnotationInteraction as XrAnnotationInteractionScript } from './xr-annotation-interaction';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { XrAnnotationInteraction as XrAnnotationInteraction$1 } from './xr-annotation-interaction.js';
+import { jsx } from 'react/jsx-runtime';
+
 const XrAnnotationInteraction = ({
   onDismiss
-}) => /*#__PURE__*/_jsx(Entity, {
+}) => /*#__PURE__*/jsx(Entity, {
   name: "xr-annotation-interaction",
-  children: /*#__PURE__*/_jsx(Script, {
-    script: XrAnnotationInteractionScript,
+  children: /*#__PURE__*/jsx(Script, {
+    script: XrAnnotationInteraction$1,
     onDismissCallback: onDismiss
   })
 });
-export default XrAnnotationInteraction;
+
+export { XrAnnotationInteraction as default };

package/components/VirtualWalkthrough/XrExitButton.js

@@ -1,12 +1,14 @@
-import React from 'react';
+import 'react';
 import { Entity } from '@playcanvas/react';
 import { Script } from '@playcanvas/react/components';
-import { XrExitButton as XrExitButtonScript } from './xr-exit-button';
-import { jsx as _jsx } from "react/jsx-runtime";
-const XrExitButton = () => /*#__PURE__*/_jsx(Entity, {
+import { XrExitButton as XrExitButton$1 } from './xr-exit-button.js';
+import { jsx } from 'react/jsx-runtime';
+
+const XrExitButton = () => /*#__PURE__*/jsx(Entity, {
   name: "xr-exit-button",
-  children: /*#__PURE__*/_jsx(Script, {
-    script: XrExitButtonScript
+  children: /*#__PURE__*/jsx(Script, {
+    script: XrExitButton$1
   })
 });
-export default XrExitButton;
+
+export { XrExitButton as default };

package/components/VirtualWalkthrough/XrGazeDwell.js

@@ -1,15 +1,17 @@
-import React from 'react';
+import 'react';
 import { Entity } from '@playcanvas/react';
 import { Script } from '@playcanvas/react/components';
-import { XrGazeDwell as XrGazeDwellScript } from './xr-gaze-dwell';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { XrGazeDwell as XrGazeDwell$1 } from './xr-gaze-dwell.js';
+import { jsx } from 'react/jsx-runtime';
+
 const XrGazeDwell = ({
   activeIndex
-}) => /*#__PURE__*/_jsx(Entity, {
+}) => /*#__PURE__*/jsx(Entity, {
   name: "xr-gaze-dwell",
-  children: /*#__PURE__*/_jsx(Script, {
-    script: XrGazeDwellScript,
+  children: /*#__PURE__*/jsx(Script, {
+    script: XrGazeDwell$1,
     activeIndex: activeIndex
   })
 });
-export default XrGazeDwell;
+
+export { XrGazeDwell as default };

package/components/VirtualWalkthrough/XrPointerRay.js

@@ -1,15 +1,17 @@
-import React from 'react';
+import 'react';
 import { Entity } from '@playcanvas/react';
 import { Script } from '@playcanvas/react/components';
-import { DEFAULT_RAY_COLOR, XrPointerRay as XrPointerRayScript } from './xr-pointer-ray';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { DEFAULT_RAY_COLOR, XrPointerRay as XrPointerRay$1 } from './xr-pointer-ray.js';
+import { jsx } from 'react/jsx-runtime';
+
 const XrPointerRay = ({
   color = DEFAULT_RAY_COLOR
-}) => /*#__PURE__*/_jsx(Entity, {
+}) => /*#__PURE__*/jsx(Entity, {
   name: "xr-pointer-ray",
-  children: /*#__PURE__*/_jsx(Script, {
-    script: XrPointerRayScript,
+  children: /*#__PURE__*/jsx(Script, {
+    script: XrPointerRay$1,
     color: color
   })
 });
-export default XrPointerRay;
+
+export { XrPointerRay as default };

package/components/VirtualWalkthrough/boundary-ring.js

@@ -1,5 +1,5 @@
-import { CULLFACE_NONE, Color, LAYERID_IMMEDIATE, Mesh, MeshInstance, Script, StandardMaterial, Vec3 } from 'playcanvas';
-import { computeGroundPlane, yOnPlane } from './groundPlane';
+import { Script, Vec3, Color, StandardMaterial, CULLFACE_NONE, Mesh, MeshInstance, LAYERID_IMMEDIATE } from 'playcanvas';
+import { computeGroundPlane, yOnPlane } from './groundPlane.js';
 
 /** Flat-array triangle geometry ready for `Mesh.setPositions` / `Mesh.setIndices`. */
 
@@ -9,7 +9,7 @@ import { computeGroundPlane, yOnPlane } from './groundPlane';
  * every vertex is sampled on the circle in XZ and lifted onto the plane via `yOnPlane`.
  * Returns empty arrays when radius, width, or dashCount is non-positive, or the plane is invalid.
  */
-export const boundaryRingMesh = ({
+const boundaryRingMesh = ({
   center,
   radius,
   groundPlane,
@@ -59,7 +59,7 @@ export const boundaryRingMesh = ({
  * center / radius / groundPlane are set imperatively by the BoundaryRing component (see BoundaryRing.tsx for why
  * they are not reactive Script props), which calls `rebuild()` after updating them.
  */
-export class BoundaryRingScript extends Script {
+class BoundaryRingScript extends Script {
   static scriptName = 'boundaryRing';
   center = new Vec3();
   radius = 0;
@@ -122,4 +122,6 @@ export class BoundaryRingScript extends Script {
     this._material?.destroy();
     this._material = undefined;
   }
-}
+}
+
+export { BoundaryRingScript, boundaryRingMesh };

package/components/VirtualWalkthrough/boundary-wall.js

@@ -1,6 +1,6 @@
-import { BLEND_NORMAL, CULLFACE_NONE, Color, LAYERID_IMMEDIATE, Mesh, MeshInstance, SEMANTIC_POSITION, SEMANTIC_TEXCOORD0, Script, ShaderMaterial, Vec3 } from 'playcanvas';
-import { computeGroundPlane, yOnPlane } from './groundPlane';
-import { distanceToCircleEdge } from './xr-scene-bounds';
+import { Script, Vec3, Color, ShaderMaterial, SEMANTIC_TEXCOORD0, SEMANTIC_POSITION, BLEND_NORMAL, CULLFACE_NONE, Mesh, MeshInstance, LAYERID_IMMEDIATE } from 'playcanvas';
+import { computeGroundPlane, yOnPlane } from './groundPlane.js';
+import { distanceToCircleEdge } from './xr-scene-bounds.js';
 
 /**
  * Flat-array geometry ready for `Mesh.setPositions` / `Mesh.setUvs` / `Mesh.setIndices`, plus the
@@ -18,7 +18,7 @@ import { distanceToCircleEdge } from './xr-scene-bounds';
  * circumference and v runs 0..rows up the wall — so the shader can draw a line at every whole number
  * and have the seam at u = columns line up perfectly with u = 0.
  */
-export const boundaryWallMesh = ({
+const boundaryWallMesh = ({
   center,
   radius,
   groundPlane,
@@ -182,7 +182,7 @@ const wallFragmentGLSL = /* glsl */`
  * All of them are world-space: this entity is deliberately mounted outside `content-root`, which
  * carries the scene's scaleFactor.
  */
-export class BoundaryWallScript extends Script {
+class BoundaryWallScript extends Script {
   static scriptName = 'boundaryWall';
   center = new Vec3();
   radius = 0;
@@ -328,4 +328,6 @@ export class BoundaryWallScript extends Script {
       this._mesh = undefined;
     }
   }
-}
+}
+
+export { BoundaryWallScript, boundaryWallMesh };

package/components/VirtualWalkthrough/groundPlane.js

@@ -1,6 +1,7 @@
 import { Vec3 } from 'playcanvas';
+
 /** Compute Y on the plane defined by `normal` passing through `point` at world XZ coords (x, z). */
-export const yOnPlane = (x, z, normal, point, fallback) => {
+const yOnPlane = (x, z, normal, point, fallback) => {
   if (Math.abs(normal.y) < 1e-6) {
     return fallback;
   }
@@ -12,7 +13,7 @@ export const yOnPlane = (x, z, normal, point, fallback) => {
  * Returns a normalized normal (flipped so normal.y >= 0) and a point on the plane,
  * or null when fewer than 3 points are supplied or they are degenerate/collinear.
  */
-export const computeGroundPlane = points => {
+const computeGroundPlane = points => {
   if (points.length < 3) {
     return null;
   }
@@ -44,4 +45,6 @@ export const computeGroundPlane = points => {
     normal: new Vec3(nx, ny, nz),
     point: new Vec3(p0.x, p0.y, p0.z)
   };
-};
+};
+
+export { computeGroundPlane, yOnPlane };

package/components/VirtualWalkthrough/gsplat-fade-crop-effect.js

@@ -1,5 +1,6 @@
 import { Vec3 } from 'playcanvas';
 import { GSplatShaderEffect } from 'playcanvas/scripts/esm/gsplat/gsplat-shader-effect.mjs';
+
 const shaderGLSL = /* glsl */`
 uniform vec3 uAabbMin;
 uniform vec3 uAabbMax;
@@ -92,7 +93,7 @@ fn modifySplatColor(center: vec3f, color: ptr<function, vec4f>) {
  * Applies a smooth fade to splats outside the AABB based on distance.
  * Splats at the AABB edge are fully visible, and fade to invisible at fadeDistance away.
  */
-export class GsplatFadeCropShaderEffect extends GSplatShaderEffect {
+class GsplatFadeCropShaderEffect extends GSplatShaderEffect {
   static scriptName = 'gsplatFadeCropShaderEffect';
   _aabbMinArray = [0, 0, 0];
   _aabbMaxArray = [0, 0, 0];
@@ -116,4 +117,6 @@ export class GsplatFadeCropShaderEffect extends GSplatShaderEffect {
     this.setUniform('uAabbMax', this._aabbMaxArray);
     this.setUniform('uFadeDistance', this.fadeDistance);
   }
-}
+}
+
+export { GsplatFadeCropShaderEffect };

package/components/VirtualWalkthrough/splatFormat.js

@@ -29,9 +29,9 @@ const LOADER_FILENAMES = {
  * that existing extensionless splat URLs keep loading the way they did before the other formats were
  * supported.
  */
-export const DEFAULT_SPLAT_FORMAT = 'sog';
-export const splatLoaderFilename = format => LOADER_FILENAMES[format];
-export const detectSplatFormat = splatSrc => {
+const DEFAULT_SPLAT_FORMAT = 'sog';
+const splatLoaderFilename = format => LOADER_FILENAMES[format];
+const detectSplatFormat = splatSrc => {
   const path = splatSrc.split(/[?#]/)[0];
   const basename = path.slice(path.lastIndexOf('/') + 1).toLowerCase();
   if (basename === 'lod-meta.json') {
@@ -47,4 +47,6 @@ export const detectSplatFormat = splatSrc => {
     return 'sog';
   }
   return DEFAULT_SPLAT_FORMAT;
-};
+};
+
+export { DEFAULT_SPLAT_FORMAT, detectSplatFormat, splatLoaderFilename };

package/components/VirtualWalkthrough/vr-annotation-panel-layout.js

@@ -2,7 +2,7 @@
  * Greedily wraps `text` into lines no wider than `maxWidth`, using `measure` to size
  * each candidate line. A single word wider than `maxWidth` still gets its own line.
  */
-export const wrapText = (text, maxWidth, measure) => {
+const wrapText = (text, maxWidth, measure) => {
   const words = text.split(/\s+/).filter(Boolean);
   const lines = [];
   let current = '';
@@ -19,4 +19,6 @@ export const wrapText = (text, maxWidth, measure) => {
     lines.push(current);
   }
   return lines;
-};
+};
+
+export { wrapText };

package/components/VirtualWalkthrough/vr-annotation-panel.js

@@ -1,6 +1,7 @@
-import { ADDRESS_CLAMP_TO_EDGE, BLEND_NORMAL, CULLFACE_NONE, Color, FILTER_LINEAR, LAYERID_IMMEDIATE, Mesh, MeshInstance, Quat, Script, StandardMaterial, Texture, Vec3 } from 'playcanvas';
-import { wrapText } from './vr-annotation-panel-layout';
-import { rayQuadHit } from './xr-ray-quad';
+import { Vec3, Script, Quat, Texture, FILTER_LINEAR, ADDRESS_CLAMP_TO_EDGE, StandardMaterial, Color, BLEND_NORMAL, CULLFACE_NONE, MeshInstance, LAYERID_IMMEDIATE, Mesh } from 'playcanvas';
+import { wrapText } from './vr-annotation-panel-layout.js';
+import { rayQuadHit } from './xr-ray-quad.js';
+
 const CANVAS_WIDTH = 1024;
 const CANVAS_HEIGHT = 768;
 
@@ -26,7 +27,7 @@ const IMAGE_H = 360;
 
 /** Width (canvas px) of the left/right arrow hit + draw zones over the image band. */
 const ARROW_ZONE_W = 170;
-export class VrAnnotationPanel extends Script {
+class VrAnnotationPanel extends Script {
   static scriptName = 'vrAnnotationPanel';
 
   // Props assigned by the React wrapper.
@@ -309,4 +310,6 @@ export class VrAnnotationPanel extends Script {
     this._material = undefined;
     this._texture = undefined;
   }
-}
+}
+
+export { VrAnnotationPanel };

package/components/VirtualWalkthrough/walkthrough-camera.js

@@ -1,5 +1,5 @@
-import { Quat, Script, Vec3, math } from 'playcanvas';
-import { computeGroundPlane, yOnPlane } from './groundPlane';
+import { Quat, Vec3, Script, math } from 'playcanvas';
+import { computeGroundPlane, yOnPlane } from './groundPlane.js';
 
 /**
  * First-person walkthrough camera for Gaussian Splat scenes.
@@ -26,7 +26,7 @@ const ANGLE_EPSILON = 1e-3;
 
 /** Below this positional delta (world units) an idle frame skips the transform write. */
 const POSITION_EPSILON = 1e-5;
-export class WalkthroughCamera extends Script {
+class WalkthroughCamera extends Script {
   static scriptName = 'walkthroughCamera';
 
   /** @attribute */
@@ -317,4 +317,6 @@ export class WalkthroughCamera extends Script {
     this._removeListeners.forEach(fn => fn());
     this._removeListeners = [];
   }
-}
+}
+
+export { WalkthroughCamera };

package/components/VirtualWalkthrough/xr-annotation-candidates.js

@@ -1,11 +1,11 @@
 import { Vec3 } from 'playcanvas';
-import { Annotation as PcAnnotation } from 'playcanvas/scripts/esm/annotations.mjs';
+import { Annotation } from 'playcanvas/scripts/esm/annotations.mjs';
 
 /** Local half-extent of the unit-plane hotspot quad. */
-export const HOTSPOT_HALF_EXTENT = 0.5;
+const HOTSPOT_HALF_EXTENT = 0.5;
 
 /** Multiplier on the hotspot's world radius to make controller targeting forgiving. */
-export const HIT_RADIUS_PAD = 2.5;
+const HIT_RADIUS_PAD = 2.5;
 const scratchScale = new Vec3();
 
 /**
@@ -13,14 +13,14 @@ const scratchScale = new Vec3();
  * annotation script (which carries `onVrOpenCallback`), its world position, and a hit-sphere
  * radius derived from the hotspot's rendered world size, padded by `radiusPad` for easier aiming.
  */
-export const collectAnnotationHitCandidates = (app, radiusPad) => {
+const collectAnnotationHitCandidates = (app, radiusPad) => {
   const root = app.root.findByName('annotations-root');
   if (!root) {
     return [];
   }
   return root.children.map(entity => ({
     entity,
-    script: entity.script?.get(PcAnnotation.scriptName)
+    script: entity.script?.get(Annotation.scriptName)
   })).filter(({
     script
   }) => script && script.enabled !== false && typeof script.onVrOpenCallback === 'function').map(({
@@ -35,4 +35,6 @@ export const collectAnnotationHitCandidates = (app, radiusPad) => {
       radius: HOTSPOT_HALF_EXTENT * scratchScale.x * radiusPad
     };
   });
-};
+};
+
+export { HIT_RADIUS_PAD, HOTSPOT_HALF_EXTENT, collectAnnotationHitCandidates };

package/components/VirtualWalkthrough/xr-annotation-interaction.js

@@ -1,9 +1,10 @@
 import { Script, XRTYPE_VR } from 'playcanvas';
-import { HIT_RADIUS_PAD, collectAnnotationHitCandidates } from './xr-annotation-candidates';
-import { nearestAnnotationHit } from './xr-annotation-targeting';
-import { FaceButtonPressTracker } from './xr-face-buttons';
-import { rayHitsAnnotationPanel } from './xr-interactive-ui';
-export class XrAnnotationInteraction extends Script {
+import { collectAnnotationHitCandidates, HIT_RADIUS_PAD } from './xr-annotation-candidates.js';
+import { nearestAnnotationHit } from './xr-annotation-targeting.js';
+import { FaceButtonPressTracker } from './xr-face-buttons.js';
+import { rayHitsAnnotationPanel } from './xr-interactive-ui.js';
+
+class XrAnnotationInteraction extends Script {
   static scriptName = 'xrAnnotationInteraction';
   _faceButtons = new FaceButtonPressTracker();
   _isVrActive = () => this.app.xr?.active === true && this.app.xr?.type === XRTYPE_VR;
@@ -56,4 +57,6 @@ export class XrAnnotationInteraction extends Script {
       }
     }
   }
-}
+}
+
+export { XrAnnotationInteraction };

package/components/VirtualWalkthrough/xr-annotation-targeting.js

@@ -1,4 +1,5 @@
 import { Vec3 } from 'playcanvas';
+
 /**
  * Distance along a (normalized) ray to where it first enters the sphere, or null if it never does.
  * A ray starting inside the sphere returns 0.
@@ -21,7 +22,7 @@ const raySphereEntryDistance = (origin, dir, center, radius) => {
 /**
  * Index of the closest candidate sphere the ray enters, or null if it hits none.
  */
-export const nearestAnnotationHit = (origin, direction, candidates) => {
+const nearestAnnotationHit = (origin, direction, candidates) => {
   const dir = direction.clone().normalize();
   let bestIndex = null;
   let bestDistance = Infinity;
@@ -33,4 +34,6 @@ export const nearestAnnotationHit = (origin, direction, candidates) => {
     }
   });
   return bestIndex;
-};
+};
+
+export { nearestAnnotationHit };

package/components/VirtualWalkthrough/xr-button-arming.js

@@ -5,7 +5,7 @@
  * another from arming and counting. Callers must poll every frame for every source they care
  * about; a press and release between polls is missed.
  */
-export class ButtonArmingLatch {
+class ButtonArmingLatch {
   _armed = new WeakSet();
 
   /** Records one frame for `inputSource` and returns whether its current press may count. */
@@ -16,4 +16,6 @@ export class ButtonArmingLatch {
     }
     return this._armed.has(inputSource);
   }
-}
+}
+
+export { ButtonArmingLatch };

package/components/VirtualWalkthrough/xr-button-hold.js

@@ -1,4 +1,4 @@
-export const INITIAL_HOLD_STATE = {
+const INITIAL_HOLD_STATE = {
   elapsed: 0,
   armed: false
 };
@@ -15,7 +15,7 @@ const RELEASED_STATE = {
  * button would fire `threshold` seconds later. `justFired` is true only on the frame elapsed first
  * reaches `threshold`, so continuing to hold fires once.
  */
-export const advanceHold = (prev, held, dt, threshold) => {
+const advanceHold = (prev, held, dt, threshold) => {
   if (!held) {
     return {
       state: RELEASED_STATE,
@@ -40,4 +40,6 @@ export const advanceHold = (prev, held, dt, threshold) => {
     progress: elapsed / threshold,
     justFired
   };
-};
+};
+
+export { INITIAL_HOLD_STATE, advanceHold };