@viamrobotics/motion-tools 1.34.4 → 1.34.5

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 /** @deprecated MotionTools has been renamed to Visualizer. This export will be removed in v2. */
 export { default as MotionTools } from './components/App.svelte';
 export { default as Visualizer } from './components/App.svelte';
+export { useSettings } from './hooks/useSettings.svelte';
 export { default as PCD } from './components/PCD.svelte';
 export * as relations from './ecs/relations';
 export * as traits from './ecs/traits';

package/dist/index.js

@@ -1,6 +1,7 @@
 /** @deprecated MotionTools has been renamed to Visualizer. This export will be removed in v2. */
 export { default as MotionTools } from './components/App.svelte';
 export { default as Visualizer } from './components/App.svelte';
+export { useSettings } from './hooks/useSettings.svelte';
 // Plugins
 export { default as PCD } from './components/PCD.svelte';
 // ECS

package/dist/plugins/Selection/Ellipse.svelte

@@ -16,11 +16,12 @@
 	import { getTriangleBoxesFromIndices, getTriangleFromIndex, raycast } from './utils'
 
 	interface Props {
-		active?: boolean
+		enabled?: boolean
+		selecting?: boolean
 		debug?: boolean
 	}
 
-	let { active = false, debug = false }: Props = $props()
+	let { enabled = false, selecting = false, debug = false }: Props = $props()
 
 	const world = useWorld()
 	const controls = useCameraControls()
@@ -37,7 +38,7 @@
 	let drawing = false
 
 	const onpointerdown = (event: PointerEvent) => {
-		if (!event.shiftKey || !active) return
+		if (!selecting && !event.shiftKey) return
 
 		const { x, y } = raycast(event, camera.current)
 
@@ -61,7 +62,7 @@
 	}
 
 	const onpointermove = (event: PointerEvent) => {
-		if (!drawing || !active) return
+		if (!drawing) return
 
 		let ellipse = world.query(selectionTraits.Ellipse).at(-1)
 
@@ -129,13 +130,13 @@
 	}
 
 	const onpointerleave = () => {
-		if (!drawing || !active) return
+		if (!drawing) return
 
 		onpointerup()
 	}
 
 	const onpointerup = () => {
-		if (!drawing || !active) return
+		if (!drawing) return
 
 		drawing = false
 
@@ -244,6 +245,8 @@
 	}
 
 	$effect(() => {
+		if (!enabled) return
+
 		globalThis.addEventListener('keydown', onkeydown)
 		globalThis.addEventListener('keyup', onkeyup)
 		dom.addEventListener('pointerdown', onpointerdown)
@@ -263,26 +266,6 @@
 
 	const ellipses = useQuery(selectionTraits.Ellipse)
 
-	$effect(() => {
-		if (!controls.current) return
-
-		const currentControls = controls.current
-
-		if ('minPolarAngle' in currentControls) {
-			const { minPolarAngle, maxPolarAngle } = currentControls
-
-			// Locks the camera to top down while this component is mounted
-			currentControls.polarAngle = 0
-			currentControls.minPolarAngle = 0
-			currentControls.maxPolarAngle = 0
-
-			return () => {
-				currentControls.minPolarAngle = minPolarAngle
-				currentControls.maxPolarAngle = maxPolarAngle
-			}
-		}
-	})
-
 	// On unmount, destroy all lasso related entities
 	$effect(() => {
 		return () => {

package/dist/plugins/Selection/Ellipse.svelte.d.ts

@@ -1,5 +1,6 @@
 interface Props {
-    active?: boolean;
+    enabled?: boolean;
+    selecting?: boolean;
     debug?: boolean;
 }
 declare const Ellipse: import("svelte").Component<Props, {}, "">;

package/dist/plugins/Selection/Lasso.svelte

@@ -16,11 +16,12 @@
 	import { getTriangleBoxesFromIndices, getTriangleFromIndex, raycast } from './utils'
 
 	interface Props {
-		active?: boolean
+		enabled?: boolean
+		selecting?: boolean
 		debug?: boolean
 	}
 
-	let { active = false, debug = false }: Props = $props()
+	let { enabled = false, selecting = false, debug = false }: Props = $props()
 
 	const world = useWorld()
 	const controls = useCameraControls()
@@ -37,7 +38,7 @@
 	let drawing = false
 
 	const onpointerdown = (event: PointerEvent) => {
-		if (!event.shiftKey || !active) return
+		if (!selecting && !event.shiftKey) return
 
 		const { x, y } = raycast(event, camera.current)
 
@@ -60,7 +61,7 @@
 	}
 
 	const onpointermove = (event: PointerEvent) => {
-		if (!drawing || !active) return
+		if (!drawing) return
 
 		let lasso = world.query(selectionTraits.Lasso).at(-1)
 
@@ -100,13 +101,13 @@
 	}
 
 	const onpointerleave = () => {
-		if (!drawing || !active) return
+		if (!drawing) return
 
 		onpointerup()
 	}
 
 	const onpointerup = () => {
-		if (!drawing || !active) return
+		if (!drawing) return
 
 		drawing = false
 
@@ -225,6 +226,8 @@
 	}
 
 	$effect(() => {
+		if (!enabled) return
+
 		globalThis.addEventListener('keydown', onkeydown)
 		globalThis.addEventListener('keyup', onkeyup)
 		dom.addEventListener('pointerdown', onpointerdown)
@@ -244,26 +247,6 @@
 
 	const lassos = useQuery(selectionTraits.Lasso)
 
-	$effect(() => {
-		if (!controls.current) return
-
-		const currentControls = controls.current
-
-		if ('minPolarAngle' in currentControls) {
-			const { minPolarAngle, maxPolarAngle } = currentControls
-
-			// Locks the camera to top down while this component is mounted
-			currentControls.polarAngle = 0
-			currentControls.minPolarAngle = 0
-			currentControls.maxPolarAngle = 0
-
-			return () => {
-				currentControls.minPolarAngle = minPolarAngle
-				currentControls.maxPolarAngle = maxPolarAngle
-			}
-		}
-	})
-
 	// On unmount, destroy all lasso related entities
 	$effect(() => {
 		return () => {

package/dist/plugins/Selection/Lasso.svelte.d.ts

@@ -1,5 +1,6 @@
 interface Props {
-    active?: boolean;
+    enabled?: boolean;
+    selecting?: boolean;
     debug?: boolean;
 }
 declare const Lasso: import("svelte").Component<Props, {}, "">;

package/dist/plugins/Selection/SelectionTool.svelte

@@ -19,6 +19,10 @@
 	interface Props {
 		/** Whether to auto-enable lasso mode when the component mounts */
 		enabled?: boolean
+
+		/** Allow manually going into selection state */
+		selecting?: boolean
+
 		// TODO: remove once a Selected trait exists
 		autoSelectNewEntities?: boolean
 		children?: Snippet
@@ -26,7 +30,12 @@
 
 	type SelectionType = 'lasso' | 'ellipse'
 
-	let { enabled = false, autoSelectNewEntities = false, children }: Props = $props()
+	let {
+		enabled = false,
+		selecting = false,
+		autoSelectNewEntities = false,
+		children,
+	}: Props = $props()
 
 	const { dom } = useThrelte()
 	const world = useWorld()
@@ -113,7 +122,13 @@
 </Portal>
 
 {#if isSelectionMode && rect.height > 0 && rect.width > 0}
-	<Ellipse active={selectionType === 'ellipse'} />
-	<Lasso active={selectionType === 'lasso'} />
+	<Ellipse
+		enabled={selectionType === 'ellipse'}
+		{selecting}
+	/>
+	<Lasso
+		enabled={selectionType === 'lasso'}
+		{selecting}
+	/>
 	{@render children?.()}
 {/if}

package/dist/plugins/Selection/SelectionTool.svelte.d.ts

@@ -2,6 +2,8 @@ import type { Snippet } from 'svelte';
 interface Props {
     /** Whether to auto-enable lasso mode when the component mounts */
     enabled?: boolean;
+    /** Allow manually going into selection state */
+    selecting?: boolean;
     autoSelectNewEntities?: boolean;
     children?: Snippet;
 }

package/dist/plugins/TopDownLock/TopDownLock.svelte

@@ -0,0 +1,25 @@
+<script lang="ts">
+	import { useCameraControls } from '../../hooks/useControls.svelte'
+
+	const controls = useCameraControls()
+
+	$effect(() => {
+		if (!controls.current) return
+
+		const currentControls = controls.current
+
+		if ('minPolarAngle' in currentControls) {
+			const { minPolarAngle, maxPolarAngle } = currentControls
+
+			// Locks the camera to top down while this component is mounted
+			currentControls.polarAngle = 0
+			currentControls.minPolarAngle = 0
+			currentControls.maxPolarAngle = 0
+
+			return () => {
+				currentControls.minPolarAngle = minPolarAngle
+				currentControls.maxPolarAngle = maxPolarAngle
+			}
+		}
+	})
+</script>

package/dist/plugins/TopDownLock/TopDownLock.svelte.d.ts

@@ -0,0 +1,3 @@
+declare const TopDownLock: import("svelte").Component<Record<string, never>, {}, "">;
+type TopDownLock = ReturnType<typeof TopDownLock>;
+export default TopDownLock;

package/dist/plugins/index.d.ts

@@ -3,6 +3,7 @@ export * as selectionTraits from './Selection/traits';
 export * as selectionRelations from './Selection/relations';
 export { useSelectionPlugin } from './Selection/useSelectionPlugin.svelte';
 export { default as MeasureTool } from './MeasureTool/MeasureTool.svelte';
+export { default as TopDownLock } from './TopDownLock/TopDownLock.svelte';
 export { default as DrawService } from './DrawService/DrawService.svelte';
 export { default as Skybox } from './Skybox/Skybox.svelte';
 export { default as Debug } from './Debug/Debug.svelte';

package/dist/plugins/index.js

@@ -4,6 +4,7 @@ export * as selectionTraits from './Selection/traits';
 export * as selectionRelations from './Selection/relations';
 export { useSelectionPlugin } from './Selection/useSelectionPlugin.svelte';
 export { default as MeasureTool } from './MeasureTool/MeasureTool.svelte';
+export { default as TopDownLock } from './TopDownLock/TopDownLock.svelte';
 // DrawService
 export { default as DrawService } from './DrawService/DrawService.svelte';
 // Skybox

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viamrobotics/motion-tools",
-  "version": "1.34.4",
+  "version": "1.34.5",
   "description": "Motion visualization with Viam",
   "license": "Apache-2.0",
   "type": "module",
@@ -30,7 +30,7 @@
     "@testing-library/svelte": "5.2.8",
     "@testing-library/user-event": "^14.6.1",
     "@threlte/core": "8.5.14",
-    "@threlte/extras": "9.17.0",
+    "@threlte/extras": "9.21.0",
     "@threlte/rapier": "3.4.1",
     "@threlte/xr": "1.6.0",
     "@types/bun": "1.2.21",