@viamrobotics/motion-tools 0.19.1 → 1.0.2

package/dist/components/WorldObjects.svelte

@@ -1,159 +0,0 @@
-<script lang="ts">
-	import { T } from '@threlte/core'
-	import { Portal, PortalTarget } from './portal'
-	import { useFrames } from '../hooks/useFrames.svelte'
-	import { useGeometries } from '../hooks/useGeometries.svelte'
-	import { usePointClouds } from '../hooks/usePointclouds.svelte'
-	import { useDrawAPI } from '../hooks/useDrawAPI.svelte'
-	import { useWorldStates } from '../hooks/useWorldState.svelte'
-	import { useArrows } from '../hooks/useArrows.svelte'
-	import Pose from './Pose.svelte'
-	import Frame from './Frame.svelte'
-	import Line from './Line.svelte'
-	import Pointcloud from './Pointcloud.svelte'
-	import Model from './WorldObject.svelte'
-	import Label from './Label.svelte'
-	import WorldState from './WorldState.svelte'
-	import { determinePose } from '../WorldObject.svelte'
-	import { useWeblabs } from '../hooks/useWeblabs.svelte'
-	import type { WorldObject } from '../WorldObject.svelte'
-	import type { Pose as ViamPose } from '@viamrobotics/sdk'
-	import { WEBLABS_EXPERIMENTS } from '../hooks/useWeblabs.svelte'
-	const points = usePointClouds()
-	const drawAPI = useDrawAPI()
-	const frames = useFrames()
-	const geometries = useGeometries()
-	const worldStates = useWorldStates()
-	const batchedArrow = useArrows()
-	const weblabs = useWeblabs()
-
-	const weblabedDeterminePose = (object: WorldObject, pose: ViamPose | undefined) => {
-		if (weblabs.isActive(WEBLABS_EXPERIMENTS.MOTION_TOOLS_EDIT_FRAME)) {
-			return determinePose(object, pose)
-		}
-		return pose ?? object.pose
-	}
-</script>
-
-{#each frames.current as object (object.uuid)}
-	<Pose
-		name={object.name}
-		parent={object.referenceFrame}
-	>
-		{#snippet children({ pose })}
-			{@const framePose = weblabedDeterminePose(object, pose)}
-			<Portal id={object.referenceFrame}>
-				<Frame
-					uuid={object.uuid}
-					name={object.name}
-					pose={framePose}
-					geometry={object.geometry}
-					metadata={object.metadata}
-				>
-					<PortalTarget id={object.name} />
-					<Label text={object.name} />
-				</Frame>
-			</Portal>
-		{/snippet}
-	</Pose>
-{/each}
-
-{#each geometries.current as object (object.uuid)}
-	<Portal id={object.referenceFrame}>
-		<Frame
-			uuid={object.uuid}
-			name={object.name}
-			pose={object.pose}
-			geometry={object.geometry}
-			metadata={object.metadata}
-		>
-			<PortalTarget id={object.name} />
-			<Label text={object.name} />
-		</Frame>
-	</Portal>
-{/each}
-
-{#each worldStates.names as { name } (name)}
-	<WorldState worldObjects={worldStates.current[name].worldObjects} />
-{/each}
-
-{#each points.current as object (object.uuid)}
-	<Portal id={object.referenceFrame}>
-		<Pointcloud {object}>
-			<Label text={object.name} />
-		</Pointcloud>
-	</Portal>
-{/each}
-
-{#each drawAPI.frames as object (object.uuid)}
-	<Portal id={object.referenceFrame}>
-		<Frame
-			uuid={object.uuid}
-			name={object.name}
-			pose={object.pose}
-			geometry={object.geometry}
-			metadata={object.metadata}
-		>
-			<PortalTarget id={object.name} />
-			<Label text={object.name} />
-		</Frame>
-	</Portal>
-{/each}
-
-{#each drawAPI.points as object (object.uuid)}
-	<Portal id={object.referenceFrame}>
-		<Pointcloud {object}>
-			<Label text={object.name} />
-		</Pointcloud>
-	</Portal>
-{/each}
-
-<T
-	name={batchedArrow.object3d.name}
-	is={batchedArrow.object3d}
-	dispose={false}
-	bvh={{ enabled: false }}
-/>
-
-{#each drawAPI.meshes as object (object.uuid)}
-	<Portal id={object.referenceFrame}>
-		<Frame
-			uuid={object.uuid}
-			name={object.name}
-			pose={object.pose}
-			geometry={object.geometry}
-			metadata={object.metadata}
-		>
-			<PortalTarget id={object.name} />
-			<Label text={object.name} />
-		</Frame>
-	</Portal>
-{/each}
-
-{#each drawAPI.nurbs as object (object.uuid)}
-	<Portal id={object.referenceFrame}>
-		<Frame
-			uuid={object.uuid}
-			name={object.name}
-			pose={object.pose}
-			geometry={object.geometry}
-			metadata={object.metadata}
-		>
-			<PortalTarget id={object.name} />
-			<Label text={object.name} />
-		</Frame>
-	</Portal>
-{/each}
-
-{#each drawAPI.models as object (object.uuid)}
-	<Model {object}>
-		<PortalTarget id={object.name} />
-		<Label text={object.name} />
-	</Model>
-{/each}
-
-{#each drawAPI.lines as object (object.uuid)}
-	<Line {object}>
-		<Label text={object.name} />
-	</Line>
-{/each}

package/dist/components/WorldState.svelte

@@ -1,92 +0,0 @@
-<script lang="ts">
-	import { Color, Vector3 } from 'three'
-
-	import Frame from './Frame.svelte'
-	import Label from './Label.svelte'
-	import Portal from './portal/Portal.svelte'
-	import PortalTarget from './portal/PortalTarget.svelte'
-	import { WorldObject } from '../WorldObject.svelte'
-	import { poseToDirection } from '../transform'
-	import { BatchedArrow } from '../three/BatchedArrow'
-	import { T } from '@threlte/core'
-
-	interface Props {
-		worldObjects: WorldObject[]
-	}
-
-	let { worldObjects }: Props = $props()
-
-	const currentArrows: Record<string, { id: number; arrow: WorldObject }> = {}
-	const arrowBatches = $state<Record<string, BatchedArrow>>({})
-
-	const arrows = $derived(worldObjects.filter((object) => object.metadata?.shape === 'arrow'))
-	const objects = $derived(worldObjects.filter((object) => object.metadata?.shape !== 'arrow'))
-
-	const getArrows = () => ({ ...currentArrows })
-	const getArrow = (referenceFrame: string, uuid: string) =>
-		currentArrows[`${referenceFrame}:${uuid}`]
-
-	const removeArrow = (referenceFrame: string, uuid: string) => {
-		delete currentArrows[`${referenceFrame}:${uuid}`]
-	}
-
-	const setArrow = (arrow: WorldObject) => {
-		const referenceFrame = arrow.referenceFrame ?? 'world'
-		const currentArrow = getArrow(referenceFrame, arrow.uuid)
-		const color = arrow.metadata?.color ?? new Color('yellow')
-		const direction = poseToDirection(arrow.pose)
-		const position = new Vector3(arrow.pose.x, arrow.pose.y, arrow.pose.z)
-
-		arrowBatches[referenceFrame] ??= new BatchedArrow()
-		const batchedArrow = arrowBatches[referenceFrame]
-
-		if (currentArrow) {
-			batchedArrow.updateArrow(currentArrow.id, direction, position, 0.1, color, true)
-			currentArrows[`${referenceFrame}:${arrow.uuid}`] = { id: currentArrow.id, arrow }
-		} else {
-			const id = batchedArrow.addArrow(direction, position, 0.1, color, true)
-			currentArrows[`${referenceFrame}:${arrow.uuid}`] = { id, arrow }
-		}
-	}
-
-	$effect(() => {
-		const toRemove = getArrows()
-		arrows.forEach((arrow) => {
-			setArrow(arrow)
-			const referenceFrame = arrow.referenceFrame ?? 'world'
-			delete toRemove[`${referenceFrame}:${arrow.uuid}`]
-		})
-
-		Object.values(toRemove).forEach(({ id, arrow }) => {
-			const referenceFrame = arrow.referenceFrame ?? 'world'
-			arrowBatches[referenceFrame].removeArrow(id)
-			removeArrow(referenceFrame, arrow.uuid)
-		})
-	})
-</script>
-
-{#each Object.entries(arrowBatches) as [referenceFrame, batch] (referenceFrame)}
-	<Portal id={referenceFrame}>
-		<T
-			name={batch.object3d.name}
-			is={batch.object3d}
-			dispose={false}
-			bvh={{ enabled: false }}
-		/>
-	</Portal>
-{/each}
-
-{#each objects as object (object.uuid)}
-	<Portal id={object.referenceFrame}>
-		<Frame
-			uuid={object.uuid}
-			name={object.name}
-			pose={object.pose}
-			geometry={object.geometry}
-			metadata={object.metadata}
-		>
-			<PortalTarget id={object.name} />
-			<Label text={object.name} />
-		</Frame>
-	</Portal>
-{/each}

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

@@ -1,7 +0,0 @@
-import { WorldObject } from '../WorldObject.svelte';
-interface Props {
-    worldObjects: WorldObject[];
-}
-declare const WorldState: import("svelte").Component<Props, {}, "">;
-type WorldState = ReturnType<typeof WorldState>;
-export default WorldState;

package/dist/components/__tests__/__fixtures__/worldObject.svelte.d.ts

@@ -1,2 +0,0 @@
-import { WorldObject } from '../../../WorldObject.svelte';
-export declare const createWorldObjectFixture: () => WorldObject<import("../../../WorldObject.svelte").Geometries>;

package/dist/components/__tests__/__fixtures__/worldObject.svelte.js

@@ -1,35 +0,0 @@
-import { WorldObject } from '../../../WorldObject.svelte';
-export const createWorldObjectFixture = () => {
-    const object = new WorldObject();
-    object.name = 'Test Object';
-    object.uuid = '1234-5678';
-    object.referenceFrame = 'parent_frame';
-    object.pose = {
-        x: 10,
-        y: 20,
-        z: 30,
-        oX: 0.1,
-        oY: 0.2,
-        oZ: 0.3,
-        theta: 0.4,
-    };
-    object.geometry = {
-        label: 'my geometry',
-        geometryType: {
-            case: 'box',
-            value: {
-                dimsMm: { x: 10, y: 20, z: 30 },
-            },
-        },
-    };
-    object.localEditedPose = {
-        x: 10,
-        y: 20,
-        z: 30,
-        oX: 0.1,
-        oY: 0.2,
-        oZ: 0.3,
-        theta: 0.4,
-    };
-    return object;
-};

package/dist/components/portal/Portal.svelte

@@ -1,25 +0,0 @@
-<script lang="ts">
-	import type { Snippet } from 'svelte'
-	import { usePortalContext } from './usePortalContext.svelte'
-	import { SvelteSet } from 'svelte/reactivity'
-
-	interface Props {
-		id?: string
-		children?: Snippet
-	}
-
-	let { id = 'default', children }: Props = $props()
-
-	const portals = usePortalContext()
-
-	$effect.pre(() => {
-		if (!children) return
-
-		if (!portals.has(id)) {
-			portals.set(id, new SvelteSet())
-		}
-
-		portals.get(id)?.add(children)
-		return () => portals.get(id)?.delete(children)
-	})
-</script>

package/dist/components/portal/Portal.svelte.d.ts

@@ -1,8 +0,0 @@
-import type { Snippet } from 'svelte';
-interface Props {
-    id?: string;
-    children?: Snippet;
-}
-declare const Portal: import("svelte").Component<Props, {}, "">;
-type Portal = ReturnType<typeof Portal>;
-export default Portal;

package/dist/components/portal/PortalTarget.svelte

@@ -1,18 +0,0 @@
-<script lang="ts">
-	import { usePortalContext } from './usePortalContext.svelte'
-
-	interface Props {
-		id?: string
-	}
-
-	let { id = 'default' }: Props = $props()
-
-	const portals = usePortalContext()
-	const childrenArray = $derived(portals.get(id))
-</script>
-
-{#if childrenArray !== undefined}
-	{#each childrenArray as children (children)}
-		{@render children()}
-	{/each}
-{/if}

package/dist/components/portal/PortalTarget.svelte.d.ts

@@ -1,6 +0,0 @@
-interface Props {
-    id?: string;
-}
-declare const PortalTarget: import("svelte").Component<Props, {}, "">;
-type PortalTarget = ReturnType<typeof PortalTarget>;
-export default PortalTarget;

package/dist/components/portal/index.d.ts

@@ -1,2 +0,0 @@
-export { default as Portal } from './Portal.svelte';
-export { default as PortalTarget } from './PortalTarget.svelte';

package/dist/components/portal/index.js

@@ -1,2 +0,0 @@
-export { default as Portal } from './Portal.svelte';
-export { default as PortalTarget } from './PortalTarget.svelte';

package/dist/components/portal/usePortalContext.svelte.d.ts

@@ -1,5 +0,0 @@
-import type { Snippet } from 'svelte';
-import { SvelteMap, SvelteSet } from 'svelte/reactivity';
-type PortalContext = SvelteMap<string, SvelteSet<Snippet>>;
-export declare const usePortalContext: () => PortalContext;
-export {};

package/dist/components/portal/usePortalContext.svelte.js

@@ -1,5 +0,0 @@
-import { SvelteMap, SvelteSet } from 'svelte/reactivity';
-const context = new SvelteMap();
-export const usePortalContext = () => {
-    return context;
-};

package/dist/hooks/useArrows.svelte.d.ts

@@ -1,3 +0,0 @@
-import { BatchedArrow } from '../lib';
-export declare const provideArrows: () => void;
-export declare const useArrows: () => BatchedArrow;

package/dist/hooks/useArrows.svelte.js

@@ -1,9 +0,0 @@
-import { BatchedArrow } from '../lib';
-import { getContext, setContext } from 'svelte';
-const key = Symbol('arrow-context');
-export const provideArrows = () => {
-    setContext(key, new BatchedArrow());
-};
-export const useArrows = () => {
-    return getContext(key);
-};

package/dist/hooks/useDraggable.svelte.d.ts

@@ -1,10 +0,0 @@
-interface Context {
-    onDragStart: (event: MouseEvent) => void;
-    onDragEnd: (event: MouseEvent) => void;
-    readonly current: {
-        x: number;
-        y: number;
-    };
-}
-export declare const useDraggable: (name: string) => Context;
-export {};

package/dist/hooks/useDraggable.svelte.js

@@ -1,36 +0,0 @@
-import { get, set } from 'idb-keyval';
-export const useDraggable = (name) => {
-    const down = { x: 0, y: 0 };
-    const last = { x: 0, y: 0 };
-    let translate = $state({ x: 0, y: 0 });
-    const onDragMove = (event) => {
-        translate.x = event.clientX - down.x + last.x;
-        translate.y = event.clientY - down.y + last.y;
-    };
-    const onDragStart = (event) => {
-        down.x = event.clientX;
-        down.y = event.clientY;
-        last.x = translate.x;
-        last.y = translate.y;
-        window.addEventListener('pointermove', onDragMove, { passive: true });
-    };
-    const onDragEnd = () => {
-        set(`${name}-draggable`, $state.snapshot(translate));
-        window.removeEventListener('pointermove', onDragMove);
-    };
-    get(`${name}-draggable`).then((response) => {
-        if (response) {
-            translate = response;
-        }
-    });
-    $effect(() => {
-        return () => window.removeEventListener('pointermove', onDragMove);
-    });
-    return {
-        onDragStart,
-        onDragEnd,
-        get current() {
-            return translate;
-        },
-    };
-};

package/dist/hooks/useObjects.svelte.d.ts

@@ -1,7 +0,0 @@
-import type { WorldObject } from '../WorldObject.svelte';
-interface Context {
-    current: WorldObject[];
-}
-export declare const provideObjects: () => void;
-export declare const useObjects: () => Context;
-export {};

package/dist/hooks/useObjects.svelte.js

@@ -1,35 +0,0 @@
-import { getContext, setContext } from 'svelte';
-import { useFrames } from './useFrames.svelte';
-import { useGeometries } from './useGeometries.svelte';
-import { useStaticGeometries } from './useStaticGeometries.svelte';
-import { useDrawAPI } from './useDrawAPI.svelte';
-import { usePointClouds } from './usePointclouds.svelte';
-const key = Symbol('objects-context');
-export const provideObjects = () => {
-    const frames = useFrames();
-    const geometries = useGeometries();
-    const statics = useStaticGeometries();
-    const drawAPI = useDrawAPI();
-    const points = usePointClouds();
-    const objects = $derived([
-        ...frames.current,
-        ...geometries.current,
-        ...points.current,
-        ...statics.current,
-        ...drawAPI.frames,
-        ...drawAPI.meshes,
-        ...drawAPI.models,
-        ...drawAPI.nurbs,
-        ...drawAPI.points,
-        ...drawAPI.lines,
-        ...drawAPI.poses,
-    ]);
-    setContext(key, {
-        get current() {
-            return objects;
-        },
-    });
-};
-export const useObjects = () => {
-    return getContext(key);
-};

package/dist/hooks/usePersistentUUIDs.svelte.d.ts

@@ -1,5 +0,0 @@
-import type { WorldObject } from '../WorldObject.svelte';
-export declare const usePersistentUUIDs: () => {
-    uuids: Map<string, string>;
-    updateUUIDs: (objects: WorldObject[]) => void;
-};

package/dist/hooks/usePersistentUUIDs.svelte.js

@@ -1,13 +0,0 @@
-export const usePersistentUUIDs = () => {
-    const uuids = new Map();
-    const updateUUIDs = (objects) => {
-        for (const object of objects) {
-            const ref = `${object.referenceFrame}-${object.name}`;
-            if (uuids.has(ref) === false) {
-                uuids.set(ref, object.uuid);
-            }
-            object.uuid = uuids.get(ref) ?? object.uuid;
-        }
-    };
-    return { uuids, updateUUIDs };
-};

package/dist/hooks/useResourceByName.svelte.d.ts

@@ -1,7 +0,0 @@
-import type { ResourceName } from '@viamrobotics/sdk';
-interface Context {
-    current: Record<string, ResourceName | undefined>;
-}
-export declare const provideResourceByName: (partID: () => string) => void;
-export declare const useResourceByName: () => Context;
-export {};

package/dist/hooks/useStaticGeometries.svelte.d.ts

@@ -1,9 +0,0 @@
-import { WorldObject } from '../WorldObject.svelte';
-interface Context {
-    current: WorldObject[];
-    add: () => void;
-    remove: (name: string) => void;
-}
-export declare const provideStaticGeometries: () => void;
-export declare const useStaticGeometries: () => Context;
-export {};

package/dist/hooks/useStaticGeometries.svelte.js

@@ -1,47 +0,0 @@
-import { getContext, setContext } from 'svelte';
-import { get, set } from 'idb-keyval';
-import { Debounced } from 'runed';
-import { createGeometry } from '../geometry';
-import { WorldObject } from '../WorldObject.svelte';
-const key = Symbol('static-geometries-context');
-export const provideStaticGeometries = () => {
-    const geometries = $state([]);
-    let loaded = $state(false);
-    const debounced = new Debounced(() => geometries, 500);
-    get('static-geometries').then((response) => {
-        if (Array.isArray(response)) {
-            for (const json of response) {
-                geometries.push(new WorldObject().fromJSON(json));
-            }
-        }
-        loaded = true;
-    });
-    $effect(() => {
-        if (!loaded)
-            return;
-        const results = [];
-        for (const geometry of debounced.current) {
-            results.push(geometry.toJSON());
-        }
-        set('static-geometries', results);
-    });
-    setContext(key, {
-        get current() {
-            return geometries;
-        },
-        add() {
-            const object = new WorldObject(`custom geometry ${geometries.length + 1}`, undefined, undefined, createGeometry({
-                case: 'box',
-                value: { dimsMm: { x: 100, y: 100, z: 100 } },
-            }));
-            geometries.push(object);
-        },
-        remove(name) {
-            const index = geometries.findIndex((geo) => geo.name === name);
-            geometries.splice(index, 1);
-        },
-    });
-};
-export const useStaticGeometries = () => {
-    return getContext(key);
-};

package/dist/workers/worldStateWorker.d.ts

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