@viamrobotics/motion-tools 1.23.0 → 1.24.0

package/README.md

@@ -4,14 +4,12 @@
 
 ## Documentation
 
-📚 **[viamrobotics.github.io/visualization](https://viamrobotics.github.io/visualization/)** is the canonical guide. It covers:
+📚 **[viamrobotics.github.io/visualization](https://viamrobotics.github.io/visualization/)** is our guide to a few popular use cases. It covers:
 
 - [Running locally](https://viamrobotics.github.io/visualization/guides/local-usage/) — set up the app and drive it from Go via `client/api`.
-- [Embedding `<MotionTools />`](https://viamrobotics.github.io/visualization/guides/embedding/) — drop the visualizer into your own Svelte app.
-- [Implementing WorldStateStoreService](https://viamrobotics.github.io/visualization/guides/worldstatestore/) — produce `Transform`s for a Viam WSS module with `draw`.
-- API reference for [`client/api`](https://viamrobotics.github.io/visualization/api/client-api/) and [`draw`](https://viamrobotics.github.io/visualization/api/draw/).
-- [v1 → v2 migration guide](https://viamrobotics.github.io/visualization/migration/v1-to-v2/).
-- A live [playground](https://viamrobotics.github.io/visualization/playground/) rendering a baked snapshot.
+- [Embedding `<Visualizer />`](https://viamrobotics.github.io/visualization/guides/embedding/) — drop the visualizer into your own Svelte app.
+- [Implementing WorldStateStoreService](https://viamrobotics.github.io/visualization/guides/worldstatestore/) — produce `Transform`s for a Viam WorldStateStoreService module with `draw`.
+- A live [playground](https://viamrobotics.github.io/visualization/playground/snapshot) rendering a snapshot.
 
 ## Quick start
 

package/dist/components/InputBindings.svelte

@@ -85,7 +85,7 @@
 			const dt = delta * 1000
 
 			// Disallow keyboard navigation if the user is holding down the meta key
-			if (keyboard.key('meta').pressed) {
+			if (keyboard.key('meta').pressed || keyboard.key('control').pressed) {
 				return
 			}
 

package/dist/components/PCD.svelte

@@ -14,12 +14,21 @@
 		renderOrder?: number
 		depthTest?: boolean
 		depthWrite?: boolean
+		color?: { r: number; g: number; b: number }
 		interactionLayers?: InteractionLayerValue[]
 		oncreate?: (positions: Float32Array, colors: Uint8Array | undefined) => void
 	}
 
-	let { data, name, renderOrder, depthTest, depthWrite, interactionLayers, oncreate }: Props =
-		$props()
+	let {
+		data,
+		name,
+		renderOrder,
+		depthTest,
+		depthWrite,
+		color,
+		interactionLayers,
+		oncreate,
+	}: Props = $props()
 
 	const world = useWorld()
 
@@ -41,11 +50,16 @@
 			if (renderOrder) {
 				entityTraits.push(traits.RenderOrder(renderOrder))
 			}
+
 			if (depthTest !== undefined || depthWrite !== undefined) {
 				entityTraits.push(
 					traits.Material({ depthTest: depthTest ?? true, depthWrite: depthWrite ?? true })
 				)
 			}
+			if (color !== undefined) {
+				geometry.deleteAttribute('color')
+				entityTraits.push(traits.Color({ r: color.r, g: color.g, b: color.b }))
+			}
 			if (interactionLayers?.includes('selectTool')) {
 				entityTraits.push(traits.SelectToolInteractionLayer)
 			}

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

@@ -5,6 +5,11 @@ interface Props {
     renderOrder?: number;
     depthTest?: boolean;
     depthWrite?: boolean;
+    color?: {
+        r: number;
+        g: number;
+        b: number;
+    };
     interactionLayers?: InteractionLayerValue[];
     oncreate?: (positions: Float32Array, colors: Uint8Array | undefined) => void;
 }

package/dist/components/overlay/Details.svelte

@@ -338,7 +338,7 @@
 {#if entity}
 	<div
 		id="details-panel"
-		class="border-medium bg-extralight absolute top-0 right-0 z-4 m-2 w-70 border p-2 text-xs dark:text-black"
+		class="border-medium bg-extralight absolute top-0 right-0 z-4 m-2 w-70 border p-2 text-xs dark:text-white"
 		use:draggable={{
 			bounds: 'body',
 			handle: dragElement,

package/dist/components/overlay/LiveUpdatesBanner.svelte

@@ -13,7 +13,7 @@
 </script>
 
 <svelte:window
-	onkeydown={(event) => {
+	onkeydowncapture={(event) => {
 		if (event.metaKey && event.key.toLowerCase() === 's') {
 			event.preventDefault()
 			event.stopImmediatePropagation()

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viamrobotics/motion-tools",
-  "version": "1.23.0",
+  "version": "1.24.0",
   "description": "Motion visualization with Viam",
   "license": "Apache-2.0",
   "type": "module",
@@ -12,7 +12,7 @@
     "@dimforge/rapier3d-compat": "0.18.2",
     "@eslint/compat": "2.0.2",
     "@eslint/js": "10.0.1",
-    "@playwright/test": "1.55.0",
+    "@playwright/test": "1.55.1",
     "@sentry/sveltekit": "10.10.0",
     "@skeletonlabs/skeleton": "3.2.0",
     "@skeletonlabs/skeleton-svelte": "1.5.1",
@@ -70,7 +70,7 @@
     "svelte-virtuallists": "1.4.2",
     "tailwindcss": "4.1.13",
     "three": "0.183.2",
-    "threlte-uikit": "1.2.1",
+    "threlte-uikit": "^2.0.0",
     "tsx": "4.20.5",
     "type-fest": "^5.0.1",
     "typescript": "5.9.2",
@@ -78,7 +78,7 @@
     "vite": "7.3.2",
     "vite-plugin-devtools-json": "1.0.0",
     "vite-plugin-glsl": "^1.5.5",
-    "vite-plugin-mkcert": "1.17.8",
+    "vite-plugin-mkcert": "1.17.9",
     "vitest": "3.2.4"
   },
   "peerDependencies": {