@viamrobotics/motion-tools 1.29.0 → 1.29.1

package/dist/components/Entities/Arrows/Arrows.svelte

@@ -20,7 +20,7 @@
 
 	const { invalidate } = useThrelte()
 	const worldMatrix = useTrait(() => entity, traits.WorldMatrix)
-	const invisible = useTrait(() => entity, traits.Invisible)
+	const invisible = useTrait(() => entity, traits.InheritedInvisible)
 	const showAxesHelper = useTrait(() => entity, traits.ShowAxesHelper)
 
 	const events = useEntityEvents(() => entity)

package/dist/components/Entities/Frame.svelte

@@ -39,7 +39,7 @@ Renders a Viam Frame object
 	const entityColor = useTrait(() => entity, traits.Color)
 	const worldMatrix = useTrait(() => entity, traits.WorldMatrix)
 	const center = useTrait(() => entity, traits.Center)
-	const invisible = useTrait(() => entity, traits.Invisible)
+	const invisible = useTrait(() => entity, traits.InheritedInvisible)
 
 	const events = useEntityEvents(() => entity)
 

package/dist/components/Entities/GLTF.svelte

@@ -35,7 +35,7 @@
 
 	const worldMatrix = useTrait(() => entity, traits.WorldMatrix)
 	const gltfTrait = useTrait(() => entity, traits.GLTF)
-	const invisible = useTrait(() => entity, traits.Invisible)
+	const invisible = useTrait(() => entity, traits.InheritedInvisible)
 	const showAxesHelper = useTrait(() => entity, traits.ShowAxesHelper)
 	const events = useEntityEvents(() => entity)
 

package/dist/components/Entities/Geometry.svelte

@@ -33,7 +33,7 @@ Renders a Viam Geometry object
 	const name = useTrait(() => entity, traits.Name)
 	const worldMatrix = useTrait(() => entity, traits.WorldMatrix)
 	const center = useTrait(() => entity, traits.Center)
-	const invisible = useTrait(() => entity, traits.Invisible)
+	const invisible = useTrait(() => entity, traits.InheritedInvisible)
 
 	const model = $derived.by(() => {
 		if (!settings.current.renderArmModels.includes('model')) {

package/dist/components/Entities/Line.svelte

@@ -34,7 +34,7 @@
 	const renderOrder = useTrait(() => entity, traits.RenderOrder)
 	const opacity = useTrait(() => entity, traits.Opacity)
 	const screenSpace = useTrait(() => entity, traits.ScreenSpace)
-	const invisible = useTrait(() => entity, traits.Invisible)
+	const invisible = useTrait(() => entity, traits.InheritedInvisible)
 	const showAxesHelper = useTrait(() => entity, traits.ShowAxesHelper)
 
 	const events = useEntityEvents(() => entity)

package/dist/components/Entities/Points.svelte

@@ -28,7 +28,7 @@
 	const colors = useTrait(() => entity, traits.Colors)
 	const entityPointSize = useTrait(() => entity, traits.PointSize)
 	const opacity = useTrait(() => entity, traits.Opacity)
-	const invisible = useTrait(() => entity, traits.Invisible)
+	const invisible = useTrait(() => entity, traits.InheritedInvisible)
 	const showAxesHelper = useTrait(() => entity, traits.ShowAxesHelper)
 	const renderOrder = useTrait(() => entity, traits.RenderOrder)
 	const materialProps = useTrait(() => entity, traits.Material)

package/dist/components/Entities/hooks/useEntityEvents.svelte.js

@@ -18,7 +18,7 @@ export const useEntityEvents = (entity) => {
     const selectedEntity = useSelectedEntity();
     const focusedEntity = useFocusedEntity();
     const cursor = useCursor();
-    const invisible = useTrait(entity, traits.Invisible);
+    const invisible = useTrait(entity, traits.InheritedInvisible);
     const onpointerenter = (event) => {
         if (invisible.current)
             return;

package/dist/components/SceneProviders.svelte

@@ -11,6 +11,7 @@
 	import { provideFramelessComponents } from '../hooks/useFramelessComponents.svelte'
 	import { provideFrames } from '../hooks/useFrames.svelte'
 	import { provideGeometries } from '../hooks/useGeometries.svelte'
+	import { provideInheritedInvisible } from '../hooks/useInheritedInvisible.svelte'
 	import { provideLinkedEntities } from '../hooks/useLinked.svelte'
 	import { provideLogs } from '../hooks/useLogs.svelte'
 	import { usePartID } from '../hooks/usePartID.svelte'
@@ -36,6 +37,7 @@
 
 	provideHierarchy()
 	provideWorldMatrix()
+	provideInheritedInvisible()
 	provideOrigin()
 
 	provideRelationships()

package/dist/components/overlay/left-pane/TreeNode.svelte

@@ -20,6 +20,7 @@
 
 	const name = useTrait(() => node.entity, traits.Name)
 	const invisible = useTrait(() => node.entity, traits.Invisible)
+	const inheritedInvisible = useTrait(() => node.entity, traits.InheritedInvisible)
 	const chunkProgress = useTrait(() => node.entity, traits.ChunkProgress)
 	const loading = $derived(chunkProgress.current !== undefined)
 	const progress = $derived(
@@ -55,7 +56,7 @@
 		class={[
 			'w-full',
 			{
-				'text-disabled': invisible.current,
+				'text-disabled': inheritedInvisible.current,
 				'bg-medium': nodeState.selected,
 				sticky: true,
 			},
@@ -129,7 +130,7 @@
 	<div
 		class={{
 			'flex justify-between': true,
-			'text-disabled': invisible.current,
+			'text-disabled': inheritedInvisible.current,
 			'bg-medium': nodeState.selected,
 		}}
 		{...api.getItemProps(nodeProps)}

package/dist/ecs/traits.d.ts

@@ -65,6 +65,13 @@ export declare const InstancedMatrix: import("koota").Trait<() => {
 }>;
 export declare const Hovered: import("koota").Trait<() => boolean>;
 export declare const Invisible: import("koota").Trait<() => boolean>;
+/**
+ * True when the entity itself, or any of its parents up the `ChildOf`
+ * chain, has `Invisible`. Maintained by `provideInheritedInvisible`;
+ * don't add or remove it by hand — toggle `Invisible` and the cascade
+ * follows.
+ */
+export declare const InheritedInvisible: import("koota").Trait<() => boolean>;
 /**
  * Represents that an entity is composed of many instances, so that the treeview and
  * details panel may display all instances

package/dist/ecs/traits.js

@@ -61,6 +61,13 @@ export const InstancedMatrix = trait(() => ({
 }));
 export const Hovered = trait(() => true);
 export const Invisible = trait(() => true);
+/**
+ * True when the entity itself, or any of its parents up the `ChildOf`
+ * chain, has `Invisible`. Maintained by `provideInheritedInvisible`;
+ * don't add or remove it by hand — toggle `Invisible` and the cascade
+ * follows.
+ */
+export const InheritedInvisible = trait(() => true);
 /**
  * Represents that an entity is composed of many instances, so that the treeview and
  * details panel may display all instances

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

@@ -0,0 +1,3 @@
+import { type World } from 'koota';
+export declare const addInheritedInvisibleListeners: (world: World) => () => void;
+export declare const provideInheritedInvisible: () => void;

package/dist/hooks/useInheritedInvisible.svelte.js

@@ -0,0 +1,89 @@
+import {} from 'koota';
+import { ChildOf } from '../ecs/relations';
+import { InheritedInvisible, Invisible } from '../ecs/traits';
+import { useWorld } from '../ecs/useWorld';
+/**
+ * Walks up `ChildOf` and returns true if the entity itself or any
+ * ancestor has `Invisible`. Memoizes via `cache` so siblings in the
+ * same flush reuse a parent's result.
+ */
+const hasInherited = (entity, cache) => {
+    const cached = cache.get(entity);
+    if (cached !== undefined)
+        return cached;
+    if (!entity.isAlive())
+        return false;
+    if (entity.has(Invisible)) {
+        cache.set(entity, true);
+        return true;
+    }
+    const parent = entity.targetFor(ChildOf);
+    const inherited = parent && parent.isAlive() ? hasInherited(parent, cache) : false;
+    cache.set(entity, inherited);
+    return inherited;
+};
+const flushDirty = (world, dirty) => {
+    if (dirty.size === 0)
+        return;
+    const cache = new Map();
+    const allEntities = new Set();
+    const collectChildren = (entity) => {
+        if (allEntities.has(entity))
+            return;
+        allEntities.add(entity);
+        for (const child of world.query(ChildOf(entity))) {
+            collectChildren(child);
+        }
+    };
+    for (const entity of dirty) {
+        collectChildren(entity);
+    }
+    dirty.clear();
+    for (const entity of allEntities) {
+        if (!entity.isAlive()) {
+            continue;
+        }
+        const hasInheritedTrait = hasInherited(entity, cache);
+        const hasTrait = entity.has(InheritedInvisible);
+        if (hasInheritedTrait && !hasTrait) {
+            entity.add(InheritedInvisible);
+        }
+        else if (!hasInheritedTrait && hasTrait) {
+            entity.remove(InheritedInvisible);
+        }
+    }
+};
+export const addInheritedInvisibleListeners = (world) => {
+    const dirty = new Set();
+    let scheduled = false;
+    const enqueue = (entity) => {
+        dirty.add(entity);
+        if (scheduled)
+            return;
+        scheduled = true;
+        // Microtask-deferred so a burst of changes is grouped into one subtree walk.
+        queueMicrotask(() => {
+            scheduled = false;
+            flushDirty(world, dirty);
+        });
+    };
+    for (const entity of world.query(Invisible)) {
+        enqueue(entity);
+    }
+    const unsubs = [
+        world.onAdd(Invisible, enqueue),
+        world.onRemove(Invisible, enqueue),
+        world.onAdd(ChildOf, enqueue),
+        world.onChange(ChildOf, enqueue),
+        world.onRemove(ChildOf, enqueue),
+    ];
+    return () => {
+        for (const unsub of unsubs) {
+            unsub();
+        }
+    };
+};
+export const provideInheritedInvisible = () => {
+    const world = useWorld();
+    $effect(() => addInheritedInvisibleListeners(world));
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viamrobotics/motion-tools",
-  "version": "1.29.0",
+  "version": "1.29.1",
   "description": "Motion visualization with Viam",
   "license": "Apache-2.0",
   "type": "module",