@viamrobotics/motion-tools 1.30.0 → 1.32.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viamrobotics/motion-tools",
-  "version": "1.30.0",
+  "version": "1.32.0",
   "description": "Motion visualization with Viam",
   "license": "Apache-2.0",
   "type": "module",
@@ -9,6 +9,8 @@
     "@ag-grid-community/core": "32.3.9",
     "@ag-grid-community/styles": "32.3.9",
     "@changesets/cli": "2.29.6",
+    "@connectrpc/connect": "1.7.0",
+    "@connectrpc/connect-web": "1.7.0",
     "@dimforge/rapier3d-compat": "0.18.2",
     "@eslint/compat": "2.0.2",
     "@eslint/js": "10.0.1",
@@ -17,7 +19,7 @@
     "@skeletonlabs/skeleton": "3.2.0",
     "@skeletonlabs/skeleton-svelte": "1.5.1",
     "@sveltejs/adapter-static": "3.0.9",
-    "@sveltejs/kit": "2.55.0",
+    "@sveltejs/kit": "2.60.1",
     "@sveltejs/package": "2.5.7",
     "@sveltejs/vite-plugin-svelte": "6.1.4",
     "@tailwindcss/forms": "0.5.10",
@@ -52,6 +54,7 @@
     "@zag-js/tree-view": "1.22.1",
     "camera-controls": "3.1.0",
     "concurrently": "^9.2.1",
+    "earcut": "^3.0.2",
     "esbuild": "^0.27.3",
     "eslint": "10.0.2",
     "eslint-config-prettier": "10.1.8",
@@ -87,6 +90,8 @@
     "@ag-grid-community/client-side-row-model": ">=32.3.0",
     "@ag-grid-community/core": ">=32.3.0",
     "@ag-grid-community/styles": ">=32.3.0",
+    "@connectrpc/connect": ">=1",
+    "@connectrpc/connect-web": ">=1",
     "@dimforge/rapier3d-compat": ">=0.17",
     "@tanstack/svelte-query-devtools": ">=6",
     "@threlte/core": ">=8",
@@ -105,6 +110,7 @@
     "@zag-js/toggle-group": ">=1",
     "@zag-js/tree-view": ">=1",
     "camera-controls": ">=3",
+    "earcut": ">=3",
     "idb-keyval": ">=6",
     "lucide-svelte": ">=0.511",
     "runed": ">=0.28",
@@ -113,8 +119,17 @@
     "svelte-virtuallists": ">=1"
   },
   "peerDependenciesMeta": {
+    "@connectrpc/connect": {
+      "optional": true
+    },
+    "@connectrpc/connect-web": {
+      "optional": true
+    },
     "@tanstack/svelte-query-devtools": {
       "optional": true
+    },
+    "earcut": {
+      "optional": true
     }
   },
   "engines": {
@@ -147,10 +162,7 @@
   ],
   "dependencies": {
     "@bufbuild/protobuf": "1.10.1",
-    "@connectrpc/connect": "1.7.0",
-    "@connectrpc/connect-web": "1.7.0",
     "@neodrag/svelte": "^2.3.3",
-    "earcut": "^3.0.2",
     "filtrex": "^3.1.0",
     "koota": "0.6.5",
     "lodash-es": "4.18.1",

package/dist/components/Focus.svelte

@@ -1,46 +0,0 @@
-<script lang="ts">
-	import { T } from '@threlte/core'
-	import { Gizmo, TrackballControls } from '@threlte/extras'
-	import { Box3, type Object3D, Vector3 } from 'three'
-
-	import { useCameraControls } from '../hooks/useControls.svelte'
-
-	import Camera from './Camera.svelte'
-
-	interface Props {
-		object3d: Object3D
-	}
-
-	let { object3d }: Props = $props()
-
-	const cameraControls = useCameraControls()
-
-	const box = new Box3()
-	const vec = new Vector3()
-
-	let center = $state.raw<[number, number, number]>([0, 0, 0])
-	let size = $state.raw<[number, number, number]>([0, 0, 0])
-
-	$effect.pre(() => {
-		box.setFromObject(object3d)
-		size = box.getSize(vec).toArray()
-		center = box.getCenter(vec).toArray()
-	})
-</script>
-
-<Camera position={[size[0] + 1, size[0] + 1, size[0] + 1]}>
-	<TrackballControls
-		target={center}
-		oncreate={(ref) => cameraControls.set(ref)}
-	>
-		<Gizmo placement="bottom-right" />
-	</TrackballControls>
-</Camera>
-
-<T is={object3d} />
-
-<T.BoxHelper
-	args={[object3d, 'red']}
-	bvh={{ enabled: false }}
-	raycast={() => null}
-/>

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

@@ -1,7 +0,0 @@
-import { type Object3D } from 'three';
-interface Props {
-    object3d: Object3D;
-}
-declare const Focus: import("svelte").Component<Props, {}, "">;
-type Focus = ReturnType<typeof Focus>;
-export default Focus;

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

@@ -1,33 +0,0 @@
-import type { Entity } from 'koota';
-import { Object3D } from 'three';
-interface SelectedEntityContext {
-    readonly current: Entity | undefined;
-    readonly instance: number | undefined;
-    set(entity?: Entity, instance?: number): void;
-}
-interface FocusedEntityContext {
-    readonly current: Entity | undefined;
-    readonly instance: number | undefined;
-    set(entity?: Entity, instance?: number): void;
-}
-export declare const provideSelection: () => {
-    selection: {
-        readonly current: Entity | undefined;
-        readonly instance: number | undefined;
-        set(entity: Entity, instance?: number): void;
-    };
-    focus: {
-        readonly current: Entity | undefined;
-        readonly instance: number | undefined;
-        set(entity: Entity, instance?: number): void;
-    };
-};
-export declare const useFocusedEntity: () => FocusedEntityContext;
-export declare const useSelectedEntity: () => SelectedEntityContext;
-export declare const useFocusedObject3d: () => {
-    current: Object3D | undefined;
-};
-export declare const useSelectedObject3d: () => {
-    current: Object3D | undefined;
-};
-export {};

package/dist/hooks/useSelection.svelte.js

@@ -1,94 +0,0 @@
-import { useThrelte } from '@threlte/core';
-import { getContext, setContext, untrack } from 'svelte';
-import { Object3D } from 'three';
-import { traits, useWorld } from '../ecs';
-import { useEnvironment } from './useEnvironment.svelte';
-const selectedKey = Symbol('selected-frame-context');
-const focusedKey = Symbol('focused-frame-context');
-const focusedObject3dKey = Symbol('focused-object-3d-context');
-export const provideSelection = () => {
-    const world = useWorld();
-    const { scene } = useThrelte();
-    const environment = useEnvironment();
-    let selected = $state.raw();
-    let selectedInstance = $state();
-    let focused = $state.raw();
-    let focusedInstance = $state();
-    $effect(() => {
-        return world.onRemove(traits.Name, (entity) => {
-            if (entity === selected)
-                selected = undefined;
-            if (entity === focused)
-                focused = undefined;
-        });
-    });
-    const selectedEntityContext = {
-        get current() {
-            return selected;
-        },
-        get instance() {
-            return selectedInstance;
-        },
-        set(entity, instance) {
-            selected = entity;
-            selectedInstance = instance;
-        },
-    };
-    setContext(selectedKey, selectedEntityContext);
-    const focusedEntityContext = {
-        get current() {
-            return focused;
-        },
-        get instance() {
-            return focusedInstance;
-        },
-        set(entity, instance) {
-            focused = entity;
-            focusedInstance = instance;
-        },
-    };
-    setContext(focusedKey, focusedEntityContext);
-    const focusedObject3d = $derived(focused ? scene.getObjectByName(focused)?.clone() : undefined);
-    $effect(() => {
-        const previousMode = untrack(() => environment.current.viewerMode);
-        if (focusedObject3d) {
-            environment.current.viewerMode = 'focus';
-            return () => {
-                environment.current.viewerMode = previousMode;
-            };
-        }
-    });
-    setContext(focusedObject3dKey, {
-        get current() {
-            return focusedObject3d;
-        },
-    });
-    return {
-        selection: selectedEntityContext,
-        focus: focusedEntityContext,
-    };
-};
-export const useFocusedEntity = () => {
-    return getContext(focusedKey);
-};
-export const useSelectedEntity = () => {
-    return getContext(selectedKey);
-};
-export const useFocusedObject3d = () => {
-    return getContext(focusedObject3dKey);
-};
-export const useSelectedObject3d = () => {
-    const selectedEntity = useSelectedEntity();
-    const { scene } = useThrelte();
-    const object = $derived.by(() => {
-        if (!selectedEntity.current) {
-            return;
-        }
-        return scene.getObjectByName(selectedEntity.current);
-    });
-    return {
-        get current() {
-            return object;
-        },
-    };
-};