@viamrobotics/motion-tools 1.12.0 → 1.12.2

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/Lasso/Lasso.svelte

@@ -39,8 +39,10 @@
 	const point = new Vector3()
 
 	const raycast = (event: PointerEvent) => {
-		mouse.x = (event.clientX / window.innerWidth) * 2 - 1
-		mouse.y = -(event.clientY / window.innerHeight) * 2 + 1
+		const element = event.target as HTMLElement
+		const rect = element.getBoundingClientRect()
+		mouse.x = ((event.clientX - rect.left) / rect.width) * 2 - 1
+		mouse.y = -((event.clientY - rect.top) / rect.height) * 2 + 1
 
 		raycaster.setFromCamera(mouse, camera.current)
 		raycaster.ray.intersectPlane(plane, point)

package/dist/components/Lasso/Tool.svelte

@@ -10,6 +10,8 @@
 	import { BufferGeometryUtils } from 'three/examples/jsm/Addons.js'
 	import { createBinaryPCD } from '../../pcd'
 	import type { BufferGeometry } from 'three'
+	import { useThrelte } from '@threlte/core'
+	import { ElementRect } from 'runed'
 
 	interface Props {
 		/** Whether to auto-enable lasso mode when the component mounts */
@@ -21,6 +23,7 @@
 
 	let { enabled = false, onSelection }: Props = $props()
 
+	const { dom } = useThrelte()
 	const world = useWorld()
 	const settings = useSettings()
 	const isLassoMode = $derived(settings.current.interactionMode === 'lasso')
@@ -51,11 +54,19 @@
 		}
 	}
 
+	$effect(() => {
+		if (isLassoMode) {
+			settings.current.cameraMode = 'orthographic'
+		}
+	})
+
 	$effect(() => {
 		if (enabled) {
 			settings.current.interactionMode = 'lasso'
 		}
 	})
+
+	const rect = new ElementRect(() => dom)
 </script>
 
 <Portal id="dashboard">
@@ -71,7 +82,7 @@
 	</fieldset>
 </Portal>
 
-{#if isLassoMode}
+{#if isLassoMode && rect.height > 0 && rect.width > 0}
 	<Lasso />
 
 	<Portal id="dom">
@@ -79,8 +90,9 @@
 			isOpen
 			exitable={false}
 			title="Lasso"
+			strategy="absolute"
 			defaultSize={{ width: 445, height: 100 }}
-			defaultPosition={{ x: window.innerWidth / 2 - 200, y: window.innerHeight - 10 - 100 }}
+			defaultPosition={{ x: rect.width / 2 - 200, y: rect.height - 10 - 100 }}
 		>
 			<div class="flex items-center gap-4 p-4 text-xs">
 				Shift + click and drag to make a lasso selection.

package/dist/components/overlay/FloatingPanel.svelte

@@ -10,6 +10,7 @@
 		defaultSize?: { width: number; height: number }
 		defaultPosition?: { x: number; y: number }
 		exitable?: boolean
+		strategy?: 'absolute' | 'fixed'
 		isOpen?: boolean
 		children: Snippet
 	}
@@ -17,20 +18,20 @@
 	let {
 		title = '',
 		defaultSize = { width: 700, height: 500 },
-		defaultPosition,
 		exitable = true,
 		isOpen = $bindable(false),
 		children,
+		...props
 	}: Props = $props()
 
 	const id = $props.id()
 	const floatingPanelService = useMachine(floatingPanel.machine, () => ({
 		id,
 		defaultSize,
-		defaultPosition,
 		resizable: false,
 		allowOverflow: false,
 		open: isOpen,
+		...props,
 	}))
 
 	const api = $derived(floatingPanel.connect(floatingPanelService, normalizeProps))

package/dist/components/overlay/FloatingPanel.svelte.d.ts

@@ -10,6 +10,7 @@ interface Props {
         y: number;
     };
     exitable?: boolean;
+    strategy?: 'absolute' | 'fixed';
     isOpen?: boolean;
     children: Snippet;
 }

package/dist/loaders/pcd/index.d.ts

@@ -1,2 +1,2 @@
-import type { SuccessMessage } from './worker';
+import type { SuccessMessage } from './messages';
 export declare const parsePcdInWorker: (data: Uint8Array<ArrayBufferLike>) => Promise<SuccessMessage>;

package/dist/loaders/pcd/index.js

@@ -1,4 +1,7 @@
-const worker = new Worker(new URL('./worker', import.meta.url), { type: 'module' });
+import { workerCode } from './worker.inline';
+const blob = new Blob([workerCode], { type: 'text/javascript' });
+const url = URL.createObjectURL(blob);
+const worker = new Worker(url);
 let requestId = 0;
 const pending = new Map();
 worker.addEventListener('message', (event) => {

package/dist/loaders/pcd/messages.d.ts

@@ -0,0 +1,9 @@
+export interface SuccessMessage {
+    id: number;
+    positions: Float32Array<ArrayBuffer>;
+    colors: Uint8Array<ArrayBuffer> | null;
+}
+export type Message = SuccessMessage | {
+    id: number;
+    error: string;
+};

package/dist/loaders/pcd/messages.js

@@ -0,0 +1 @@
+export {};

package/dist/loaders/pcd/worker.d.ts

@@ -1,9 +1 @@
-export interface SuccessMessage {
-    id: number;
-    positions: Float32Array<ArrayBuffer>;
-    colors: Uint8Array<ArrayBuffer> | null;
-}
-export type Message = SuccessMessage | {
-    id: number;
-    error: string;
-};
+export {};