@viamrobotics/motion-tools 1.5.0 → 1.9.0

package/dist/hooks/use3DModels.svelte.js

@@ -1,7 +1,6 @@
 import { ArmClient } from '@viamrobotics/sdk';
 import { createResourceClient, useResourceNames } from '@viamrobotics/svelte-sdk';
 import { getContext, setContext } from 'svelte';
-import { useWeblabs, WEBLABS_EXPERIMENTS } from './useWeblabs.svelte';
 import { useSettings } from './useSettings.svelte';
 import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js';
 import { DRACOLoader } from 'three/addons/loaders/DRACOLoader.js';
@@ -11,7 +10,6 @@ dracoLoader.setDecoderPath('https://www.gstatic.com/draco/versioned/decoders/1.5
 gltfLoader.setDRACOLoader(dracoLoader);
 const key = Symbol('3d-models-context');
 export const provide3DModels = (partID) => {
-    const weblabs = useWeblabs();
     const settings = useSettings();
     let current = $state.raw({});
     const arms = useResourceNames(partID, 'arm');
@@ -52,7 +50,7 @@ export const provide3DModels = (partID) => {
         const shouldFetchModels = settings.current.isLoaded &&
             (settings.current.renderArmModels === 'model' ||
                 settings.current.renderArmModels === 'colliders+model');
-        if (weblabs.isActive(WEBLABS_EXPERIMENTS.MOTION_TOOLS_RENDER_ARM_MODELS) && shouldFetchModels) {
+        if (shouldFetchModels) {
             fetch3DModels();
         }
     });

package/dist/hooks/useObjectEvents.svelte.d.ts

@@ -3,6 +3,7 @@ import type { Entity } from 'koota';
 export declare const useObjectEvents: (entity: () => Entity | undefined) => {
     readonly visible: boolean;
     onpointerenter: (event: IntersectionEvent<MouseEvent>) => void;
+    onpointermove: (event: IntersectionEvent<MouseEvent>) => void;
     onpointerleave: (event: IntersectionEvent<MouseEvent>) => void;
     ondblclick: (event: IntersectionEvent<MouseEvent>) => void;
     onpointerdown: (event: IntersectionEvent<MouseEvent>) => void;

package/dist/hooks/useObjectEvents.svelte.js

@@ -2,6 +2,7 @@ import { useCursor } from '@threlte/extras';
 import { useFocusedEntity, useSelectedEntity } from './useSelection.svelte';
 import { useVisibility } from './useVisibility.svelte';
 import { Vector2 } from 'three';
+import { traits } from '../ecs';
 export const useObjectEvents = (entity) => {
     const down = new Vector2();
     const selectedEntity = useSelectedEntity();
@@ -13,10 +14,32 @@ export const useObjectEvents = (entity) => {
     const onpointerenter = (event) => {
         event.stopPropagation();
         cursor.onPointerEnter();
+        if (currentEntity && !currentEntity.has(traits.Hover)) {
+            currentEntity.add(traits.Hover({
+                index: -1,
+                x: event.point.x,
+                y: event.point.y,
+                z: event.point.z,
+            }));
+        }
+    };
+    const onpointermove = (event) => {
+        event.stopPropagation();
+        if (currentEntity && currentEntity.has(traits.Hover)) {
+            currentEntity.set(traits.Hover, {
+                index: event.index ?? -1,
+                x: event.point.x,
+                y: event.point.y,
+                z: event.point.z,
+            });
+        }
     };
     const onpointerleave = (event) => {
         event.stopPropagation();
         cursor.onPointerLeave();
+        if (currentEntity?.has(traits.Hover)) {
+            currentEntity.remove(traits.Hover);
+        }
     };
     const ondblclick = (event) => {
         event.stopPropagation();
@@ -41,6 +64,7 @@ export const useObjectEvents = (entity) => {
             return visible;
         },
         onpointerenter,
+        onpointermove,
         onpointerleave,
         ondblclick,
         onpointerdown,

package/dist/hooks/useSettings.svelte.d.ts

@@ -13,13 +13,18 @@ export interface Settings {
     lineWidth: number;
     lineDotSize: number;
     enableMeasure: boolean;
+    enableMeasureAxisX: boolean;
+    enableMeasureAxisY: boolean;
+    enableMeasureAxisZ: boolean;
     enableLabels: boolean;
     enableKeybindings: boolean;
     enableQueryDevtools: boolean;
     enableXR: boolean;
     enableArmPositionsWidget: boolean;
+    openCameraWidgets: Record<string, string[]>;
     renderStats: boolean;
     renderArmModels: 'colliders' | 'colliders+model' | 'model';
+    renderSubEntityHoverDetail: boolean;
 }
 interface Context {
     current: Settings;

package/dist/hooks/useSettings.svelte.js

@@ -16,13 +16,18 @@ const defaults = () => ({
     lineWidth: 0.005,
     lineDotSize: 0.01,
     enableMeasure: false,
+    enableMeasureAxisX: true,
+    enableMeasureAxisY: true,
+    enableMeasureAxisZ: true,
     enableLabels: false,
     enableKeybindings: true,
     enableQueryDevtools: false,
     enableXR: false,
     enableArmPositionsWidget: false,
+    openCameraWidgets: {},
     renderStats: false,
     renderArmModels: 'colliders+model',
+    renderSubEntityHoverDetail: false,
 });
 export const provideSettings = () => {
     let settings = $state(defaults());

package/dist/hooks/useWeblabs.svelte.d.ts

@@ -1,6 +1,4 @@
-export declare const WEBLABS_EXPERIMENTS: {
-    readonly MOTION_TOOLS_RENDER_ARM_MODELS: "MOTION_TOOLS_RENDER_ARM_MODELS";
-};
+export declare const WEBLABS_EXPERIMENTS: {};
 export declare const WEBLABS_CONTEXT_KEY: unique symbol;
 interface Context {
     load: (experiments: string[]) => void;

package/dist/hooks/useWeblabs.svelte.js

@@ -1,8 +1,6 @@
 import { getContext, setContext } from 'svelte';
 import { SvelteSet } from 'svelte/reactivity';
-export const WEBLABS_EXPERIMENTS = {
-    MOTION_TOOLS_RENDER_ARM_MODELS: 'MOTION_TOOLS_RENDER_ARM_MODELS',
-};
+export const WEBLABS_EXPERIMENTS = {};
 export const WEBLABS_CONTEXT_KEY = Symbol('weblabs-context');
 const getCookie = (name) => {
     const value = `; ${document.cookie}`;

package/dist/three/InstancedArrows/raycast.js

@@ -2,7 +2,6 @@ import { Object3D, BufferGeometry, Ray, Matrix4, Raycaster, Vector3, Box3, RawSh
 const vec3 = new Vector3();
 const inverseMatrix = new Matrix4();
 const localRay = new Ray();
-const ray = new Ray();
 const box = new Box3();
 const segmentStart = new Vector3();
 const segmentEnd = new Vector3();
@@ -46,17 +45,14 @@ export function meshBoundsRaycast(raycaster, intersects) {
         this.geometry.computeBoundingBox();
     }
     box.copy(this.geometry.boundingBox ?? box);
-    box.applyMatrix4(this.matrixWorld);
     if (!raycaster.ray.intersectsBox(box)) {
         return;
     }
-    inverseMatrix.copy(this.matrixWorld).invert();
-    ray.copy(raycaster.ray).applyMatrix4(inverseMatrix);
+    raycaster.ray.intersectBox(box, vec3);
     const distance = vec3.distanceTo(raycaster.ray.origin);
-    const point = vec3.clone();
     intersects.push({
         distance,
-        point,
+        point: vec3.clone(),
         object: this,
     });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viamrobotics/motion-tools",
-  "version": "1.5.0",
+  "version": "1.9.0",
   "description": "Motion visualization with Viam",
   "license": "Apache-2.0",
   "type": "module",
@@ -41,7 +41,9 @@
     "@vitest/coverage-v8": "^3.2.4",
     "@zag-js/collapsible": "1.22.1",
     "@zag-js/floating-panel": "1.22.1",
+    "@zag-js/popover": "1.22.1",
     "@zag-js/svelte": "1.22.1",
+    "@zag-js/toggle-group": "1.22.1",
     "@zag-js/tree-view": "1.22.1",
     "camera-controls": "3.1.0",
     "eslint": "9.34.0",
@@ -87,7 +89,9 @@
     "@zag-js/collapsible": ">=1",
     "@zag-js/dialog": ">=1.31",
     "@zag-js/floating-panel": ">=1",
+    "@zag-js/popover": ">=1",
     "@zag-js/svelte": ">=1",
+    "@zag-js/toggle-group": ">=1",
     "@zag-js/tree-view": ">=1",
     "camera-controls": ">=3",
     "idb-keyval": ">=6",
@@ -128,7 +132,7 @@
     "@bufbuild/protobuf": "1.10.1",
     "@neodrag/svelte": "^2.3.3",
     "@tanstack/svelte-query-devtools": "^6.0.2",
-    "koota": "^0.5.3",
+    "koota": "0.6.5",
     "lodash-es": "4.17.23",
     "uuid-tool": "^2.0.3"
   },