@camstack/ui-library 1.2.6 → 1.2.8

package/dist/index.cjs

@@ -45052,29 +45052,26 @@ function StateValuesStream({ deviceId, defaultCaps, maxHeight = "max-h-96", onCl
 		}
 	}, [deviceId]);
 	const { data: snapshot, isLoading } = trpc.deviceState.getAllSnapshots.useQuery({}, { staleTime: 3e4 });
-	const seededRef = (0, react$1.useRef)(false);
 	(0, react$1.useEffect)(() => {
-		if (seededRef.current) return;
 		if (!isSystemSnapshot(snapshot)) return;
 		const deviceSlices = snapshot[String(deviceId)];
-		seededRef.current = true;
 		if (!deviceSlices) return;
 		const now = Date.now();
 		setCapStates((prev) => {
+			let mutated = false;
 			const next = new Map(prev);
 			for (const [capName, slice] of Object.entries(deviceSlices)) {
-				if (next.has(capName)) continue;
+				const existing = next.get(capName);
+				if (existing && existing.placeholder !== true) continue;
 				next.set(capName, {
 					slice,
 					updatedAt: now
 				});
+				mutated = true;
 			}
-			return next;
+			return mutated ? next : prev;
 		});
 	}, [snapshot, deviceId]);
-	(0, react$1.useEffect)(() => {
-		seededRef.current = false;
-	}, [deviceId]);
 	const { data: bindings } = trpc.deviceManager.getBindings.useQuery({ deviceId }, { staleTime: 3e4 });
 	(0, react$1.useEffect)(() => {
 		const entries = bindings?.entries;
@@ -45089,7 +45086,8 @@ function StateValuesStream({ deviceId, defaultCaps, maxHeight = "max-h-96", onCl
 				if (!slice) continue;
 				next.set(entry.capName, {
 					slice,
-					updatedAt: now
+					updatedAt: now,
+					placeholder: true
 				});
 				mutated = true;
 			}

package/dist/index.js

@@ -45028,29 +45028,26 @@ function StateValuesStream({ deviceId, defaultCaps, maxHeight = "max-h-96", onCl
 		}
 	}, [deviceId]);
 	const { data: snapshot, isLoading } = trpc.deviceState.getAllSnapshots.useQuery({}, { staleTime: 3e4 });
-	const seededRef = useRef(false);
 	useEffect(() => {
-		if (seededRef.current) return;
 		if (!isSystemSnapshot(snapshot)) return;
 		const deviceSlices = snapshot[String(deviceId)];
-		seededRef.current = true;
 		if (!deviceSlices) return;
 		const now = Date.now();
 		setCapStates((prev) => {
+			let mutated = false;
 			const next = new Map(prev);
 			for (const [capName, slice] of Object.entries(deviceSlices)) {
-				if (next.has(capName)) continue;
+				const existing = next.get(capName);
+				if (existing && existing.placeholder !== true) continue;
 				next.set(capName, {
 					slice,
 					updatedAt: now
 				});
+				mutated = true;
 			}
-			return next;
+			return mutated ? next : prev;
 		});
 	}, [snapshot, deviceId]);
-	useEffect(() => {
-		seededRef.current = false;
-	}, [deviceId]);
 	const { data: bindings } = trpc.deviceManager.getBindings.useQuery({ deviceId }, { staleTime: 3e4 });
 	useEffect(() => {
 		const entries = bindings?.entries;
@@ -45065,7 +45062,8 @@ function StateValuesStream({ deviceId, defaultCaps, maxHeight = "max-h-96", onCl
 				if (!slice) continue;
 				next.set(entry.capName, {
 					slice,
-					updatedAt: now
+					updatedAt: now,
+					placeholder: true
 				});
 				mutated = true;
 			}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@camstack/ui-library",
-  "version": "1.2.6",
+  "version": "1.2.8",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",