@viamrobotics/motion-tools 0.15.1 → 0.15.3

package/dist/WorldObject.svelte.d.ts

@@ -56,7 +56,9 @@ export declare class WorldObject<T extends Geometries = Geometries> {
     geometry?: T;
     metadata: Metadata;
     localEditedPose: PlainMessage<import("@viamrobotics/sdk/dist/gen/common/v1/common_pb").Pose>;
-    constructor(name: string, pose?: Pose, parent?: string, geometry?: T, metadata?: Metadata);
+    constructor(name?: string, pose?: Pose, parent?: string, geometry?: T, metadata?: Metadata);
+    toJSON(): Omit<WorldObject, 'toJSON' | 'fromJSON' | 'metadata'>;
+    fromJSON(json: WorldObject): this;
 }
 export declare const parseMetadata: (fields?: PlainMessage<Struct>["fields"]) => Metadata;
 export declare const fromTransform: (transform: TransformWithUUID) => WorldObject<PlainMessage<import("@viamrobotics/sdk/dist/gen/common/v1/common_pb").Geometry>>;

package/dist/WorldObject.svelte.js

@@ -22,15 +22,14 @@ export const isMetadataKey = (key) => {
     return METADATA_KEYS.includes(key);
 };
 export class WorldObject {
-    uuid;
-    name;
+    uuid = MathUtils.generateUUID();
+    name = '';
     referenceFrame = $state.raw();
     pose = $state.raw(createPose());
-    geometry;
+    geometry = $state();
     metadata = $state({});
     localEditedPose = $state.raw(createPose());
-    constructor(name, pose, parent = 'world', geometry, metadata) {
-        this.uuid = MathUtils.generateUUID();
+    constructor(name = '', pose, parent = 'world', geometry, metadata) {
         this.name = name;
         this.referenceFrame = parent;
         this.geometry = geometry;
@@ -42,6 +41,26 @@ export class WorldObject {
             this.localEditedPose = { ...pose };
         }
     }
+    toJSON() {
+        return {
+            uuid: this.uuid,
+            name: this.name,
+            referenceFrame: $state.snapshot(this.referenceFrame),
+            pose: $state.snapshot(this.pose),
+            geometry: $state.snapshot(this.geometry),
+            localEditedPose: $state.snapshot(this.localEditedPose),
+        };
+    }
+    fromJSON(json) {
+        this.uuid = json.uuid;
+        this.name = json.name;
+        this.referenceFrame = json.referenceFrame;
+        this.pose = json.pose;
+        this.geometry = json.geometry;
+        this.localEditedPose = json.localEditedPose;
+        this.metadata = {};
+        return this;
+    }
 }
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const unwrapValue = (value) => {

package/dist/components/StaticGeometries.svelte

@@ -40,7 +40,7 @@
 		metadata={object.metadata}
 	>
 		{#snippet children({ ref })}
-			{#if selected.current === ref.uuid}
+			{#if selected.current === object.uuid}
 				{#key mode}
 					<TransformControls
 						object={ref}
@@ -63,6 +63,8 @@
 								scaleToDimensions(ref.scale, object.geometry.geometryType)
 								ref.scale.setScalar(1)
 							}
+
+							object.pose = { ...object.pose }
 						}}
 					/>
 				{/key}

package/dist/components/__tests__/__fixtures__/worldObject.svelte.d.ts

@@ -0,0 +1,2 @@
+import { WorldObject } from '../../../WorldObject.svelte';
+export declare const createWorldObjectFixture: () => WorldObject<import("../../../WorldObject.svelte").Geometries>;

package/dist/components/__tests__/__fixtures__/worldObject.svelte.js

@@ -0,0 +1,35 @@
+import { WorldObject } from '../../../WorldObject.svelte';
+export const createWorldObjectFixture = () => {
+    const object = new WorldObject();
+    object.name = 'Test Object';
+    object.uuid = '1234-5678';
+    object.referenceFrame = 'parent_frame';
+    object.pose = {
+        x: 10,
+        y: 20,
+        z: 30,
+        oX: 0.1,
+        oY: 0.2,
+        oZ: 0.3,
+        theta: 0.4,
+    };
+    object.geometry = {
+        label: 'my geometry',
+        geometryType: {
+            case: 'box',
+            value: {
+                dimsMm: { x: 10, y: 20, z: 30 },
+            },
+        },
+    };
+    object.localEditedPose = {
+        x: 10,
+        y: 20,
+        z: 30,
+        oX: 0.1,
+        oY: 0.2,
+        oZ: 0.3,
+        theta: 0.4,
+    };
+    return object;
+};

package/dist/hooks/useFrames.svelte.js

@@ -6,9 +6,9 @@ import { resourceNameToColor } from '../color';
 import { usePartConfig } from './usePartConfig.svelte';
 import { useEnvironment } from './useEnvironment.svelte';
 import { createPoseFromFrame } from '../transform';
-import { usePersistentUUIDs } from './usePersistentUUIDs.svelte';
 import { createGeometryFromFrame } from '../geometry';
 import { useResourceByName } from './useResourceByName.svelte';
+import { usePersistentUUIDs } from './usePersistentUUIDs.svelte';
 const key = Symbol('frames-context');
 export const provideFrames = (partID) => {
     const resourceByName = useResourceByName();
@@ -47,12 +47,14 @@ export const provideFrames = (partID) => {
         }
         return objects;
     });
-    const configFrames = $derived.by(() => {
+    const [configFrames, configUnsetFrames] = $derived.by(() => {
         const components = partConfig.localPartConfig.toJson().components;
         const objects = [];
+        const unsetObjects = [];
         // deal with part defined frame config
         for (const component of components ?? []) {
             if (!component.frame) {
+                unsetObjects.push(component.name);
                 continue;
             }
             const pose = createPoseFromFrame(component.frame);
@@ -60,7 +62,7 @@ export const provideFrames = (partID) => {
             const worldObject = new WorldObject(component.name, pose, component.frame.parent, geometry);
             objects.push(worldObject);
         }
-        return objects;
+        return [objects, unsetObjects];
     });
     const [fragmentFrames, fragmentUnsetFrames] = $derived.by(() => {
         const { fragment_mods: fragmentMods = [] } = partConfig.localPartConfig.toJson() ?? {};
@@ -94,7 +96,7 @@ export const provideFrames = (partID) => {
             const result = machineFrames[frame.name];
             if (result) {
                 result.referenceFrame = frame.referenceFrame;
-                result.pose = frame.pose;
+                result.localEditedPose = frame.pose;
                 result.geometry = frame.geometry;
             }
             else {
@@ -107,7 +109,7 @@ export const provideFrames = (partID) => {
             const result = machineFrames[frame.name];
             if (result) {
                 result.referenceFrame = frame.referenceFrame;
-                result.pose = frame.pose;
+                result.localEditedPose = frame.pose;
                 result.geometry = frame.geometry;
             }
             else {
@@ -115,12 +117,21 @@ export const provideFrames = (partID) => {
             }
         }
     });
+    $effect.pre(() => {
+        for (const name of configUnsetFrames) {
+            delete machineFrames[name];
+        }
+    });
     $effect.pre(() => {
         for (const name of fragmentUnsetFrames) {
             delete machineFrames[name];
         }
     });
     const current = $derived.by(() => {
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        const _configFrames = configFrames;
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        const _fragmentFrames = fragmentFrames;
         const results = Object.values(machineFrames);
         updateUUIDs(results);
         return results;

package/dist/hooks/usePose.svelte.js

@@ -8,6 +8,7 @@ import { useMotionClient } from './useMotionClient.svelte';
 import { useEnvironment } from './useEnvironment.svelte';
 import { observe } from '@threlte/core';
 import { untrack } from 'svelte';
+import { useFrames } from './useFrames.svelte';
 export const usePose = (name, parent) => {
     const { refreshRates } = useMachineSettings();
     const partID = usePartID();
@@ -16,6 +17,7 @@ export const usePose = (name, parent) => {
     const resource = $derived(resources.current.find((resource) => resource.name === name()));
     const parentResource = $derived(resources.current.find((resource) => resource.name === parent()));
     const environment = useEnvironment();
+    const frames = useFrames();
     const client = createResourceClient(MotionClient, () => partID.current, () => motionClient.current ?? '');
     const interval = $derived(refreshRates.get(RefreshRates.poses));
     const options = $derived(queryOptions({
@@ -34,7 +36,7 @@ export const usePose = (name, parent) => {
         },
     }));
     const query = fromStore(createQuery(toStore(() => options)));
-    observe.pre(() => [environment.current.viewerMode], () => {
+    observe.pre(() => [environment.current.viewerMode, frames.current], () => {
         if (environment.current.viewerMode === 'monitor') {
             untrack(() => query.current).refetch();
         }

package/dist/hooks/useStaticGeometries.svelte.js

@@ -5,15 +5,25 @@ import { createGeometry } from '../geometry';
 import { WorldObject } from '../WorldObject.svelte';
 const key = Symbol('static-geometries-context');
 export const provideStaticGeometries = () => {
-    let geometries = $state([]);
+    const geometries = $state([]);
+    let loaded = $state(false);
     const debounced = new Debounced(() => geometries, 500);
     get('static-geometries').then((response) => {
         if (Array.isArray(response)) {
-            geometries = response;
+            for (const json of response) {
+                geometries.push(new WorldObject().fromJSON(json));
+            }
         }
+        loaded = true;
     });
     $effect(() => {
-        set('static-geometries', $state.snapshot(debounced.current));
+        if (!loaded)
+            return;
+        const results = [];
+        for (const geometry of debounced.current) {
+            results.push(geometry.toJSON());
+        }
+        set('static-geometries', results);
     });
     setContext(key, {
         get current() {
@@ -24,7 +34,7 @@ export const provideStaticGeometries = () => {
                 case: 'box',
                 value: { dimsMm: { x: 100, y: 100, z: 100 } },
             }));
-            geometries.push(structuredClone(object));
+            geometries.push(object);
         },
         remove(name) {
             const index = geometries.findIndex((geo) => geo.name === name);

package/dist/three/BatchedArrow.d.ts

@@ -5,7 +5,6 @@ export declare class BatchedArrow {
     _geometryId: number;
     _pool: number[];
     _ids: Set<number>;
-    _id: number;
     _max: number;
     constructor();
     addArrow(direction: Vector3, origin: Vector3, length?: number, color?: Color, arrowHeadAtPose?: boolean): number;

package/dist/three/BatchedArrow.js

@@ -12,7 +12,6 @@ export class BatchedArrow {
     _geometryId;
     _pool = [];
     _ids = new Set();
-    _id = 0;
     _max = 20_000;
     constructor() {
         const material = new MeshBasicMaterial({ color: 0xffffff, toneMapped: false });

package/dist/transform.d.ts

@@ -2,7 +2,7 @@ import type { Geometry, Pose } from '@viamrobotics/sdk';
 import { type Object3D, Matrix4, Quaternion, Vector3 } from 'three';
 import type { Frame } from './frame';
 export declare const createPose: (pose?: Pose) => Pose;
-export declare const createPoseFromFrame: (frame: Frame) => Pose;
+export declare const createPoseFromFrame: (frame: Partial<Frame>) => Pose;
 export declare const quaternionToPose: (quaternion: Quaternion, pose: Partial<Pose>) => void;
 export declare const vector3ToPose: (vec3: Vector3, pose: Partial<Pose>) => void;
 export declare const object3dToPose: (object3d: Object3D, pose: Partial<Pose>) => Partial<import("@viamrobotics/sdk").PlainMessage<import("@viamrobotics/sdk/dist/gen/common/v1/common_pb").Pose>>;

package/dist/transform.js

@@ -17,26 +17,26 @@ export const createPose = (pose) => {
     };
 };
 export const createPoseFromFrame = (frame) => {
-    if (frame.orientation.type === 'quaternion') {
+    if (frame.orientation?.type === 'quaternion') {
         quaternion.copy(frame.orientation.value);
         ov.setFromQuaternion(quaternion);
     }
-    else if (frame.orientation.type === 'euler_angles') {
+    else if (frame.orientation?.type === 'euler_angles') {
         euler.set(frame.orientation.value.roll, frame.orientation.value.pitch, frame.orientation.value.yaw, 'ZYX');
         quaternion.setFromEuler(euler);
         ov.setFromQuaternion(quaternion);
     }
-    else if (frame.orientation.type === 'ov_radians') {
+    else if (frame.orientation?.type === 'ov_radians') {
         ov.copy(frame.orientation.value);
     }
     else {
-        const th = MathUtils.degToRad(frame.orientation.value.th);
-        ov.set(frame.orientation.value.x, frame.orientation.value.y, frame.orientation.value.z, th);
+        const th = MathUtils.degToRad(frame.orientation?.value.th ?? 0);
+        ov.set(frame.orientation?.value.x, frame.orientation?.value.y, frame.orientation?.value.z, th);
     }
     return {
-        x: frame.translation.x ?? 0,
-        y: frame.translation.y ?? 0,
-        z: frame.translation.z ?? 0,
+        x: frame.translation?.x ?? 0,
+        y: frame.translation?.y ?? 0,
+        z: frame.translation?.z ?? 0,
         oX: ov.x,
         oY: ov.y,
         oZ: ov.z,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viamrobotics/motion-tools",
-  "version": "0.15.1",
+  "version": "0.15.3",
   "description": "Motion visualization with Viam",
   "license": "Apache-2.0",
   "type": "module",
@@ -56,7 +56,7 @@
     "prettier-plugin-tailwindcss": "0.6.14",
     "publint": "0.3.12",
     "runed": "0.31.1",
-    "svelte": "5.38.7",
+    "svelte": "5.43.0",
     "svelte-check": "4.3.1",
     "svelte-virtuallists": "1.4.2",
     "tailwindcss": "4.1.13",