@viamrobotics/motion-tools 1.25.6 → 1.26.1

package/dist/components/App.svelte

@@ -119,7 +119,10 @@
 	class="relative h-full w-full overflow-hidden dark:bg-white"
 	bind:this={root}
 >
-	<Canvas renderMode="on-demand">
+	<Canvas
+		renderMode="on-demand"
+		dpr={[1, 2]}
+	>
 		<SceneProviders {cameraPose}>
 			{#snippet children({ focus })}
 				<Scene>

package/dist/components/Selection/Tool.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+	import type { Entity } from 'koota'
 	import type { Snippet } from 'svelte'
 
 	import { useThrelte } from '@threlte/core'
@@ -6,6 +7,7 @@
 	import { ElementRect } from 'runed'
 
 	import DashboardButton from '../overlay/dashboard/Button.svelte'
+	import { useSelectedEntity } from '../../hooks/useSelection.svelte'
 	import { useSettings } from '../../hooks/useSettings.svelte'
 
 	import Popover from '../overlay/Popover.svelte'
@@ -17,18 +19,21 @@
 	interface Props {
 		/** Whether to auto-enable lasso mode when the component mounts */
 		enabled?: boolean
+		// TODO: remove once a Selected trait exists
+		autoSelectNewEntities?: boolean
 		children?: Snippet
 	}
 
 	type SelectionType = 'lasso' | 'ellipse'
 
-	let { enabled = false, children }: Props = $props()
+	let { enabled = false, autoSelectNewEntities = false, children }: Props = $props()
 
 	const { dom } = useThrelte()
 	const settings = useSettings()
 	const isSelectionMode = $derived(settings.current.interactionMode === 'select')
 
-	provideSelectionPlugin()
+	const selectionPlugin = provideSelectionPlugin()
+	const selectedEntity = useSelectedEntity()
 	let selectionType = $state<SelectionType>('lasso')
 
 	$effect(() => {
@@ -43,6 +48,19 @@
 		}
 	})
 
+	let previousEntities: Entity[] = []
+	$effect(() => {
+		if (!autoSelectNewEntities) return
+
+		const current = selectionPlugin.current
+		const newEntities = current.filter((entity) => !previousEntities.includes(entity))
+		previousEntities = [...current]
+
+		const newest = newEntities.at(-1)
+		if (newest === undefined) return
+		selectedEntity.set(newest)
+	})
+
 	const rect = new ElementRect(() => dom)
 </script>
 

package/dist/components/Selection/Tool.svelte.d.ts

@@ -2,6 +2,7 @@ import type { Snippet } from 'svelte';
 interface Props {
     /** Whether to auto-enable lasso mode when the component mounts */
     enabled?: boolean;
+    autoSelectNewEntities?: boolean;
     children?: Snippet;
 }
 declare const Tool: import("svelte").Component<Props, {}, "">;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viamrobotics/motion-tools",
-  "version": "1.25.6",
+  "version": "1.26.1",
   "description": "Motion visualization with Viam",
   "license": "Apache-2.0",
   "type": "module",
@@ -25,10 +25,10 @@
     "@testing-library/jest-dom": "6.8.0",
     "@testing-library/svelte": "5.2.8",
     "@testing-library/user-event": "^14.6.1",
-    "@threlte/core": "8.5.11",
-    "@threlte/extras": "9.15.0",
+    "@threlte/core": "8.5.13",
+    "@threlte/extras": "9.15.2",
     "@threlte/rapier": "3.4.1",
-    "@threlte/xr": "1.5.2",
+    "@threlte/xr": "1.6.0",
     "@types/bun": "1.2.21",
     "@types/earcut": "^3.0.0",
     "@types/lodash-es": "4.17.12",