@viamrobotics/motion-tools 1.12.1 → 1.12.3

package/dist/components/App.svelte

@@ -17,7 +17,6 @@
 	import FileDrop from './FileDrop/FileDrop.svelte'
 	import { provideWeblabs } from '../hooks/useWeblabs.svelte'
 	import { providePartConfig } from '../hooks/usePartConfig.svelte'
-	import { useViamClient } from '@viamrobotics/svelte-sdk'
 	import LiveUpdatesBanner from './overlay/LiveUpdatesBanner.svelte'
 	import ArmPositions from './overlay/widgets/ArmPositions.svelte'
 	import { provideEnvironment } from '../hooks/useEnvironment.svelte'
@@ -33,10 +32,10 @@
 	import { useXR } from '@threlte/xr'
 
 	interface LocalConfigProps {
-		getLocalPartConfig: () => Struct
+		current: Struct
+		isDirty: boolean
+		componentToFragId: Record<string, string>
 		setLocalPartConfig: (config: Struct) => void
-		isDirty: () => boolean
-		getComponentToFragId: () => Record<string, string>
 	}
 
 	interface Props {
@@ -65,7 +64,6 @@
 
 	provideWorld()
 
-	const appClient = useViamClient()
 	const settings = provideSettings()
 	const environment = provideEnvironment()
 	const currentRobotCameraWidgets = $derived(settings.current.openCameraWidgets[partID] || [])
@@ -82,25 +80,10 @@
 
 	let root = $state.raw<HTMLElement>()
 
-	providePartConfig(() => {
-		if (localConfigProps) {
-			return {
-				appEmbeddedPartConfigProps: {
-					isDirty: () => localConfigProps.isDirty(),
-					getLocalPartConfig: () => localConfigProps.getLocalPartConfig(),
-					setLocalPartConfig: (config: Struct) => localConfigProps.setLocalPartConfig(config),
-					getComponentToFragId: () => localConfigProps.getComponentToFragId(),
-				},
-			}
-		} else {
-			return {
-				standalonePartConfigProps: {
-					viamClient: () => appClient?.current,
-					partID: () => partID,
-				},
-			}
-		}
-	})
+	providePartConfig(
+		() => partID,
+		() => localConfigProps
+	)
 
 	$effect.pre(() => {
 		if (localConfigProps) {

package/dist/components/App.svelte.d.ts

@@ -3,10 +3,10 @@ import type { Struct } from '@viamrobotics/sdk';
 import type { CameraPose } from '../hooks/useControls.svelte';
 import { type DrawConnectionConfig } from '../hooks/useDrawConnectionConfig.svelte';
 interface LocalConfigProps {
-    getLocalPartConfig: () => Struct;
+    current: Struct;
+    isDirty: boolean;
+    componentToFragId: Record<string, string>;
     setLocalPartConfig: (config: Struct) => void;
-    isDirty: () => boolean;
-    getComponentToFragId: () => Record<string, string>;
 }
 interface Props {
     partID?: string;

package/dist/components/FileDrop/file-dropper.d.ts

@@ -1,5 +1,5 @@
 import type { Snapshot } from '../../buf/draw/v1/snapshot_pb';
-import type { SuccessMessage } from '../../loaders/pcd/worker';
+import type { SuccessMessage } from '../../loaders/pcd/messages';
 import type { BufferGeometry } from 'three';
 interface FileDropSuccess {
     success: true;

package/dist/components/Geometry.svelte

@@ -175,7 +175,7 @@
 					is={LineMaterial}
 					{color}
 					width={lineWidth.current ? lineWidth.current * 0.001 : 0.5}
-					depthTest={materialProps.current?.depthTest}
+					depthTest={materialProps.current?.depthTest ?? true}
 				/>
 			{:else}
 				{@const currentOpacity = opacity.current ?? 0.7}
@@ -185,7 +185,7 @@
 					transparent={currentOpacity < 1}
 					depthWrite={currentOpacity === 1}
 					opacity={currentOpacity}
-					depthTest={materialProps.current?.depthTest}
+					depthTest={materialProps.current?.depthTest ?? true}
 				/>
 
 				{#if geo && (renderMode.includes('colliders') || !model)}

package/dist/components/Lasso/Tool.svelte

@@ -54,6 +54,12 @@
 		}
 	}
 
+	$effect(() => {
+		if (isLassoMode) {
+			settings.current.cameraMode = 'orthographic'
+		}
+	})
+
 	$effect(() => {
 		if (enabled) {
 			settings.current.interactionMode = 'lasso'

package/dist/components/Scene.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { ShaderMaterial, Vector3 } from 'three'
 	import { T } from '@threlte/core'
-	import { Grid, interactivity, PerfMonitor, PortalTarget } from '@threlte/extras'
+	import { Environment, Grid, interactivity, PerfMonitor, PortalTarget } from '@threlte/extras'
 	import Entities from './Entities.svelte'
 	import Selected from './Selected.svelte'
 	import Focus from './Focus.svelte'
@@ -18,6 +18,7 @@
 	import PointerMissBox from './PointerMissBox.svelte'
 	import BatchedArrows from './BatchedArrows.svelte'
 	import Arrows from './Arrows/ArrowGroups.svelte'
+	import hdrImage from '../assets/ferndale_studio_11_1k.hdr'
 
 	interface Props {
 		children?: Snippet
@@ -54,6 +55,8 @@
 	<PerfMonitor anchorX="right" />
 {/if}
 
+<Environment url={hdrImage} />
+
 <T.Group
 	position={origin.position}
 	rotation.x={$isPresenting ? -Math.PI / 2 : 0}

package/dist/components/overlay/LiveUpdatesBanner.svelte

@@ -17,7 +17,7 @@
 			if (event.key.toLowerCase() === 's') {
 				event.preventDefault()
 				event.stopImmediatePropagation()
-				partConfig.saveLocalPartConfig()
+				partConfig.save()
 			}
 		}
 	}}
@@ -43,7 +43,7 @@
 				<Button
 					class="cursor-pointer text-blue-600"
 					onclick={() => {
-						partConfig.resetLocalPartConfig()
+						partConfig.discardChanges()
 					}}
 				>
 					Discard
@@ -54,7 +54,7 @@
 					aria-label="Save"
 					class="cursor-pointer text-blue-600"
 					onclick={() => {
-						partConfig.saveLocalPartConfig()
+						partConfig.save()
 					}}
 				>
 					<div class="flex gap-2">

package/dist/components/overlay/__tests__/__fixtures__/resource.d.ts

@@ -7,8 +7,17 @@ export declare const resource: {
             y: number;
             z: number;
         };
+        orientation: {
+            type: "ov_degrees";
+            value: {
+                x: number;
+                y: number;
+                z: number;
+                th: number;
+            };
+        };
         geometry: {
-            type: string;
+            type: "box";
             x: number;
             y: number;
             z: number;

package/dist/components/overlay/__tests__/__fixtures__/resource.js

@@ -3,6 +3,7 @@ export const resource = {
     frame: {
         parent: 'parent_frame',
         translation: { x: 10, y: 20, z: 30 },
+        orientation: { type: 'ov_degrees', value: { x: 0, y: 0, z: 1, th: 0 } },
         geometry: {
             type: 'box',
             x: 10,

package/dist/components/overlay/dashboard/Dashboard.svelte

@@ -9,7 +9,7 @@
 </script>
 
 <div
-	class="absolute top-2 z-4 flex w-full justify-center gap-2"
+	class="absolute top-2 z-4 flex w-full items-center justify-center gap-2"
 	{...rest}
 >
 	<!-- camera view -->

package/dist/hooks/use3DModels.svelte.js

@@ -4,6 +4,7 @@ import { getContext, setContext } from 'svelte';
 import { useSettings } from './useSettings.svelte';
 import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js';
 import { DRACOLoader } from 'three/addons/loaders/DRACOLoader.js';
+import { isInstanceOf } from '@threlte/core';
 const gltfLoader = new GLTFLoader();
 const dracoLoader = new DRACOLoader();
 dracoLoader.setDecoderPath('https://www.gstatic.com/draco/versioned/decoders/1.5.6/');
@@ -38,6 +39,16 @@ export const provide3DModels = (partID) => {
                         const arrayBuffer = model.mesh.buffer.slice(model.mesh.byteOffset, model.mesh.byteOffset + model.mesh.byteLength);
                         const gltfModel = await gltfLoader.parseAsync(arrayBuffer, '');
                         next[prefix][id] = gltfModel.scene;
+                        gltfModel.scene.traverse((object) => {
+                            if (isInstanceOf(object, 'Mesh')) {
+                                const { material } = object;
+                                console.log(material);
+                                if (isInstanceOf(material, 'MeshStandardMaterial')) {
+                                    material.roughness = 0.3;
+                                    material.metalness = 0.1;
+                                }
+                            }
+                        });
                     }
                     current = next;
                 }

package/dist/hooks/useFramelessComponents.svelte.js

@@ -6,7 +6,7 @@ export const provideFramelessComponents = () => {
     const partConfig = usePartConfig();
     const frames = useFrames();
     const current = $derived.by(() => {
-        const components = partConfig.localPartConfig.toJson()?.components;
+        const { components } = partConfig.current;
         const partComponentsWIthNoFrame = components
             ?.filter((component) => component.frame === undefined)
             .map((component) => component.name) ?? [];

package/dist/hooks/useFrames.svelte.js

@@ -52,7 +52,7 @@ export const provideFrames = (partID) => {
         return frames;
     });
     const [configFrames, configUnsetFrameNames] = $derived.by(() => {
-        const components = partConfig.localPartConfig.toJson().components;
+        const { components } = partConfig.current;
         const results = {};
         const unsetResults = [];
         for (const { name, frame } of components ?? []) {
@@ -68,7 +68,7 @@ export const provideFrames = (partID) => {
         return [results, unsetResults];
     });
     const [fragmentFrames, fragmentUnsetFrameNames] = $derived.by(() => {
-        const { fragment_mods: fragmentMods = [] } = partConfig.localPartConfig.toJson() ?? {};
+        const { fragment_mods: fragmentMods = [] } = partConfig.current;
         const fragmentDefinedComponents = Object.keys(partConfig.componentNameToFragmentId);
         const results = {};
         const unsetResults = [];

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

@@ -1,6 +1,5 @@
 import { type Frame } from '../frame';
 import { Struct, Pose } from '@viamrobotics/sdk';
-import type { ViamClient } from '@viamrobotics/sdk';
 export interface PartConfig {
     components: {
         name: string;
@@ -11,31 +10,23 @@ export interface PartConfig {
         mods: any[];
     }[];
 }
-interface PartConfigParams {
-    appEmbeddedPartConfigProps?: AppEmbeddedPartConfigProps;
-    standalonePartConfigProps?: StandalonePartConfigProps;
-}
 interface PartConfigContext {
+    current: PartConfig;
+    isDirty: boolean;
+    hasEditPermissions: boolean;
+    componentNameToFragmentId: Record<string, string>;
     updateFrame: (componentName: string, referenceFrame: string, pose: Pose, geometry?: Frame['geometry']) => void;
-    saveLocalPartConfig: () => void;
-    resetLocalPartConfig: () => void;
     deleteFrame: (componentName: string) => void;
     createFrame: (componentName: string) => void;
-    componentNameToFragmentId: Record<string, string>;
-    localPartConfig: Struct;
-    isDirty: boolean;
-    hasEditPermissions: boolean;
+    save: () => void;
+    discardChanges: () => void;
 }
-export declare const providePartConfig: (params: () => PartConfigParams) => void;
+export declare const providePartConfig: (partID: () => string, params: () => AppEmbeddedPartConfigProps | undefined) => void;
 export declare const usePartConfig: () => PartConfigContext;
 interface AppEmbeddedPartConfigProps {
-    isDirty: () => boolean;
-    getLocalPartConfig: () => Struct;
+    current: Struct;
+    isDirty: boolean;
+    componentToFragId: Record<string, string>;
     setLocalPartConfig: (config: Struct) => void;
-    getComponentToFragId: () => Record<string, string>;
-}
-interface StandalonePartConfigProps {
-    viamClient: () => ViamClient | undefined;
-    partID: () => string;
 }
 export {};