@linxin666/dsh-pet 0.3.14 → 0.3.16

package/lib/client.js

@@ -41,6 +41,7 @@ window.__ModuleLoader__.load({
 				}),
 				actions: {
 					setSnapshot: (draft, snapshot) => {
+						if (draft.state === "ready" && draft.error === null && sameSnapshot(draft.snapshot, snapshot)) return;
 						draft.snapshot = snapshot;
 						draft.state = "ready";
 						draft.error = null;
@@ -64,6 +65,15 @@ window.__ModuleLoader__.load({
 				}
 			});
 		}
+		/**
+		* Content equality for consecutive poll snapshots. JSON compare, not field
+		* enumeration: an exact string match is the only way to skip the publish, so
+		* a missed field can never freeze the UI — it can only cost the render the
+		* optimization exists to save.
+		*/
+		function sameSnapshot(previous, next) {
+			return previous !== null && JSON.stringify(previous) === JSON.stringify(next);
+		}
 		//#endregion
 		//#region ../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
 		function r(e) {
@@ -165,27 +175,29 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region src/client/sequences.ts
-		/** Resolve the active track and frame after elapsed milliseconds of a looping sequence. */
-		function sequenceFrameAt(sequence, tracks, elapsedMs) {
+		/** Build a {@link SequenceTimeline} over one manifest sequence. */
+		function createSequenceTimeline(sequence, tracks) {
 			const itemDurations = sequence.map((animation) => tracks[animation].durations.reduce((sum, value) => sum + value, 0));
 			const sequenceDuration = itemDurations.reduce((sum, value) => sum + value, 0);
-			let offset = Math.max(0, elapsedMs) % sequenceDuration;
-			let itemIndex = 0;
-			while (itemIndex < sequence.length - 1 && offset >= itemDurations[itemIndex]) {
-				offset -= itemDurations[itemIndex];
-				itemIndex += 1;
-			}
-			const animation = sequence[itemIndex];
-			const track = tracks[animation];
-			let frameIndex = 0;
-			while (frameIndex < track.frames.length - 1 && offset >= track.durations[frameIndex]) {
-				offset -= track.durations[frameIndex];
-				frameIndex += 1;
-			}
-			return {
-				animation,
-				frameIndex
-			};
+			return { frameAt(elapsedMs) {
+				let offset = Math.max(0, elapsedMs) % sequenceDuration;
+				let itemIndex = 0;
+				while (itemIndex < sequence.length - 1 && offset >= itemDurations[itemIndex]) {
+					offset -= itemDurations[itemIndex];
+					itemIndex += 1;
+				}
+				const animation = sequence[itemIndex];
+				const track = tracks[animation];
+				let frameIndex = 0;
+				while (frameIndex < track.frames.length - 1 && offset >= track.durations[frameIndex]) {
+					offset -= track.durations[frameIndex];
+					frameIndex += 1;
+				}
+				return {
+					animation,
+					frameIndex
+				};
+			} };
 		}
 		//#endregion
 		//#region \0dsh-css:packages/dsh-pet/src/client/pet.module.css.mjs
@@ -466,6 +478,14 @@ window.__ModuleLoader__.load({
 				if (props.visual !== void 0) return;
 				const reduceMotion = typeof window !== "undefined" && window.matchMedia?.("(prefers-reduced-motion: reduce)")?.matches === true;
 				const sequence = animation === animationForPhase(phase) ? sequences?.[phase] : void 0;
+				const timeline = sequence === void 0 ? void 0 : createSequenceTimeline(sequence, tracks);
+				const sequenceItems = sequence === void 0 ? void 0 : new Map(sequence.map((itemAnimation) => {
+					const itemRow = rowOfTrack(itemAnimation);
+					return [itemAnimation, {
+						row: itemRow,
+						track: trimTrack(tracks[itemAnimation], rows[itemRow] ?? tracks[itemAnimation].frames.length)
+					}];
+				}));
 				const leadAnimation = sequence?.[0] ?? animation;
 				const row = rowOfTrack(leadAnimation);
 				const track = trimTrack(tracks[leadAnimation], rows[row] ?? tracks[leadAnimation].frames.length);
@@ -480,12 +500,12 @@ window.__ModuleLoader__.load({
 				const tick = (ts) => {
 					const delta = ts - last;
 					last = ts;
-					if (sequence !== void 0) {
+					if (timeline !== void 0 && sequenceItems !== void 0) {
 						sequenceElapsed += delta;
-						const current = sequenceFrameAt(sequence, tracks, sequenceElapsed);
-						const currentRow = rowOfTrack(current.animation);
-						const col = trimTrack(tracks[current.animation], rows[currentRow] ?? tracks[current.animation].frames.length).frames[current.frameIndex];
-						const pos = framePosition(cell, currentRow, col, scaleRef.current);
+						const current = timeline.frameAt(sequenceElapsed);
+						const item = sequenceItems.get(current.animation);
+						const col = item.track.frames[current.frameIndex];
+						const pos = framePosition(cell, item.row, col, scaleRef.current);
 						const posStr = pos.x + "px " + pos.y + "px";
 						if (posStr !== lastPosStr) {
 							lastPosStr = posStr;
@@ -3468,7 +3488,7 @@ window.__ModuleLoader__.load({
 		/** The building package's version, when the bundle carries it. */
 		function bakedVersion() {
 			try {
-				return "0.3.14";
+				return "0.3.16";
 			} catch {
 				return;
 			}
@@ -3677,7 +3697,7 @@ window.__ModuleLoader__.load({
 							document.removeEventListener("visibilitychange", onVisibility);
 						};
 					}, "pet: poll");
-					ctx.effect(() => {
+					const disposeSessionWatch = ctx.effect(() => {
 						return sessions.list.subscribe(() => {
 							if (document.visibilityState === "visible") pollNow();
 						});
@@ -3762,6 +3782,7 @@ window.__ModuleLoader__.load({
 						petRoot.unmount();
 						container.remove();
 						disposePoll();
+						disposeSessionWatch();
 						disposeUi = void 0;
 					};
 					clearUiTeardown = registerPetUiTeardown(() => {