@viamrobotics/motion-tools 1.2.0 → 1.2.2

package/dist/components/Geometry2.svelte

@@ -113,7 +113,7 @@
 
 			return () => {
 				geo = undefined
-				mesh.geometry.dispose()
+				mesh?.geometry?.dispose()
 			}
 		}
 	})

package/dist/components/Snapshot.svelte

@@ -20,6 +20,8 @@ Renders a Snapshot protobuf by spawning its transforms and drawings as entities
 	import { spawnSnapshotEntities, destroyEntities, applySceneMetadata } from '../snapshot'
 	import { useCameraControls } from '../hooks/useControls.svelte'
 	import type { Entity } from 'koota'
+	import { untrack } from 'svelte'
+	import { onDestroy } from 'svelte'
 
 	interface Props {
 		snapshot: SnapshotProto
@@ -34,14 +36,20 @@ Renders a Snapshot protobuf by spawning its transforms and drawings as entities
 	let entities: Entity[] = []
 
 	$effect(() => {
-		destroyEntities(entities)
-		entities = spawnSnapshotEntities(world, snapshot)
+		world.id.toString()
+		snapshot.uuid.toString()
 
+		untrack(() => {
+			entities = spawnSnapshotEntities(world, snapshot)
+		})
+	})
+
+	$effect(() => {
 		if (snapshot.sceneMetadata) {
-			settings.current = applySceneMetadata(settings.current, snapshot.sceneMetadata)
+			untrack(() => {
+				settings.current = applySceneMetadata(settings.current, snapshot.sceneMetadata!)
+			})
 		}
-
-		return () => destroyEntities(entities)
 	})
 
 	$effect(() => {
@@ -57,4 +65,8 @@ Renders a Snapshot protobuf by spawning its transforms and drawings as entities
 			})
 		}
 	})
+
+	onDestroy(() => {
+		destroyEntities(world, entities)
+	})
 </script>

package/dist/components/Tree/Tree.svelte

@@ -129,9 +129,21 @@
 			<div {...api.getBranchContentProps(nodeProps)}>
 				<div {...api.getBranchIndentGuideProps(nodeProps)}></div>
 
-				{#each children as node, index (node.entity)}
-					{@render treeNode({ node, indexPath: [...indexPath, index], api })}
-				{/each}
+				{#if children.length > 200}
+					<VirtualList
+						class="w-full"
+						style="height:{Math.min(8, Math.max(children.length, 5)) * 32}px;"
+						items={children}
+					>
+						{#snippet vl_slot({ index, item })}
+							{@render treeNode({ node: item, indexPath: [...indexPath, Number(index)], api })}
+						{/snippet}
+					</VirtualList>
+				{:else}
+					{#each children as node, index (node.entity)}
+						{@render treeNode({ node, indexPath: [...indexPath, index], api })}
+					{/each}
+				{/if}
 			</div>
 		</div>
 	{:else}

package/dist/components/shared/Table.svelte

@@ -11,27 +11,3 @@
 <table class="motion-tools-table">
 	{@render children?.()}
 </table>
-
-<style>
-	@reference "../../../app.css";
-
-	.motion-tools-table {
-		@apply w-full table-auto;
-	}
-	.motion-tools-table :global(thead) {
-		@apply border-light bg-light border;
-	}
-	.motion-tools-table :global(thead th) {
-		@apply border-light text-subtle-1 border px-2.5 py-1 text-xs font-normal whitespace-nowrap;
-	}
-	.motion-tools-table :global(thead th abbr) {
-		@apply text-disabled;
-	}
-
-	.motion-tools-table :global(tbody) {
-		@apply border-light border;
-	}
-	.motion-tools-table :global(tbody th) {
-		@apply border-light font-roboto-mono text-default h-[40px] gap-2 border px-1.5 text-center text-xs font-normal;
-	}
-</style>

package/dist/snapshot.d.ts

@@ -4,4 +4,4 @@ import { type SceneMetadata } from './draw/v1/scene_pb';
 import type { Settings } from './hooks/useSettings.svelte';
 export declare const applySceneMetadata: (settings: Settings, metadata: SceneMetadata) => Settings;
 export declare const spawnSnapshotEntities: (world: World, snapshot: Snapshot) => Entity[];
-export declare const destroyEntities: (entities: Entity[]) => void;
+export declare const destroyEntities: (world: World, entities: Entity[]) => void;

package/dist/snapshot.js

@@ -56,13 +56,18 @@ export const spawnSnapshotEntities = (world, snapshot) => {
         entities.push(spawnTransformEntity(world, transform));
     }
     for (const drawing of snapshot.drawings) {
-        entities.push(...spawnEntitiesFromDrawing(world, drawing));
+        const drawingEntities = spawnEntitiesFromDrawing(world, drawing);
+        for (const e of drawingEntities) {
+            entities.push(e);
+        }
     }
     return entities;
 };
-export const destroyEntities = (entities) => {
+export const destroyEntities = (world, entities) => {
     for (const entity of entities) {
-        entity.destroy();
+        if (world.has(entity)) {
+            entity.destroy();
+        }
     }
 };
 const getRenderArmModels = (renderArmModels) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viamrobotics/motion-tools",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "description": "Motion visualization with Viam",
   "license": "Apache-2.0",
   "type": "module",
@@ -89,7 +89,11 @@
     "lucide-svelte": ">=0.511",
     "runed": ">=0.28",
     "svelte": ">=5",
-    "svelte-virtuallists": ">=1"
+    "svelte-virtuallists": ">=1",
+    "@ag-grid-community/client-side-row-model": ">=32.3.0",
+    "@ag-grid-community/core": ">=32.3.0",
+    "@ag-grid-community/styles": ">=32.3.0",
+    "@zag-js/dialog": ">=1.31"
   },
   "engines": {
     "node": ">=22.12.0"