@viamrobotics/motion-tools 1.25.5 → 1.26.0

package/dist/components/Scene.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type { Snippet } from 'svelte'
 
-	import { T } from '@threlte/core'
+	import { T, useThrelte } from '@threlte/core'
 	import { Environment, Grid, interactivity, PerfMonitor, PortalTarget } from '@threlte/extras'
 	import { useXR } from '@threlte/xr'
 	import { ShaderMaterial, Vector3 } from 'three'
@@ -29,10 +29,14 @@
 
 	let { children }: Props = $props()
 
+	const threlte = useThrelte()
 	const settings = useSettings()
 	const focusedObject3d = useFocusedObject3d()
 	const origin = useOrigin()
 
+	// @ts-expect-error This is for debugging
+	globalThis.__threlte__ = threlte
+
 	const { raycaster, enabled } = interactivity({
 		filter: (intersections) => {
 			const match = intersections.find((intersection) => {

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/dist/components/overlay/Details.svelte

@@ -477,13 +477,24 @@
 			<div>
 				<strong class="font-semibold">parent frame</strong>
 				{#if showEditFrameOptions}
-					<div aria-label="mutable parent frame">
-						<List
-							options={configFrames.getParentFrameOptions(name.current ?? '') ?? []}
-							value={parent.current ?? 'world'}
-							on:change={handleParentChange}
-						/>
-					</div>
+					<!--
+						Remount on entity change. svelte-tweakpane-ui's List runs
+						`listBlade.value = value` on the still-mounted blade before its
+						`options` prop has propagated, so the new entity's parent name
+						(absent from the previous entity's option set) hits Tweakpane's
+						ListConstraint, snaps to the first option, and fires a change
+						event that handleParentChange interprets as a user pick — silently
+						reparenting the clicked frame.
+					-->
+					{#key entity}
+						<div aria-label="mutable parent frame">
+							<List
+								options={configFrames.getParentFrameOptions(name.current ?? '') ?? []}
+								value={parent.current ?? 'world'}
+								on:change={handleParentChange}
+							/>
+						</div>
+					{/key}
 				{:else}
 					<div class="mt-0.5 flex gap-3">
 						{@render ImmutableField({

package/dist/ecs/useWorld.js

@@ -1,8 +1,16 @@
 import { createWorld } from 'koota';
 import { getContext, setContext } from 'svelte';
+import * as relations from './relations';
+import * as traits from './traits';
 export const WORLD_CONTEXT_KEY = Symbol('koota-context');
 export function provideWorld() {
     const world = createWorld();
+    // @ts-expect-error This is for debugging.
+    globalThis.__koota__ = {
+        world,
+        traits,
+        relations,
+    };
     setContext(WORLD_CONTEXT_KEY, world);
 }
 export function useWorld() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viamrobotics/motion-tools",
-  "version": "1.25.5",
+  "version": "1.26.0",
   "description": "Motion visualization with Viam",
   "license": "Apache-2.0",
   "type": "module",
@@ -25,8 +25,8 @@
     "@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",
     "@types/bun": "1.2.21",