@videojs/spf 10.0.0-beta.11 → 10.0.0-beta.13

package/dist/dev/dom/features/track-playback-initiated.js

@@ -1,55 +1,53 @@
+import { effect } from "../../core/signals/effect.js";
+import { computed, signal, update } from "../../core/signals/primitives.js";
 import { listen } from "@videojs/utils/dom";
-
 //#region src/dom/features/track-playback-initiated.ts
 /**
-* Track whether playback has been initiated by the user.
-*
-* Sets `state.playbackInitiated = true` when the media element fires a `play`
-* event (via `element.play()`, native controls, or autoplay) and simultaneously
-* dispatches `{ type: 'play' }` to the event stream so `resolvePresentation`
-* can react.
+* Track whether playback has been initiated for the current presentation URL.
 *
-* Resets `state.playbackInitiated = false` when `presentation.url` changes,
-* so a new source with `preload="none"` won't load segments until play is
-* triggered again.
+* Uses a local intermediate signal written by two effect streams:
+* - false stream: resets on URL change
+* - true stream: sets on play event
 *
-* This flag is used by `shouldLoadSegments` to allow segment loading after
-* play is initiated regardless of the initial `preload` setting — `preload`
-* is a startup hint, not a runtime gate.
+* A third merge effect reads the local signal and writes to state, reading
+* `state.get()` at merge time so the spread uses the up-to-date value after
+* the async forward bridge has run.
 *
 * @example
 * const cleanup = trackPlaybackInitiated({ state, owners, events });
 */
-function trackPlaybackInitiated({ state, owners, events }) {
-	let lastMediaElement;
-	let removeListener = null;
+function trackPlaybackInitiated({ state, owners }) {
+	const presentationUrl = computed(() => state.get().presentation?.url);
+	const mediaElement = computed(() => owners.get().mediaElement);
+	const playbackInitiated = signal(void 0);
 	let lastPresentationUrl;
-	const unsubscribeState = state.subscribe((currentState) => {
-		const url = currentState.presentation?.url;
-		if (url !== lastPresentationUrl) {
-			if (lastPresentationUrl !== void 0) state.patch({ playbackInitiated: false });
-			lastPresentationUrl = url;
-		}
+	let lastMediaElement;
+	const cleanupResetEffect = effect(() => {
+		const url = presentationUrl.get();
+		const el = mediaElement.get();
+		if (url !== lastPresentationUrl && lastPresentationUrl !== void 0 || el !== lastMediaElement && lastMediaElement !== void 0) playbackInitiated.set(false);
+		lastPresentationUrl = url;
+		lastMediaElement = el;
 	});
-	const unsubscribeOwners = owners.subscribe((currentOwners) => {
-		const { mediaElement } = currentOwners;
-		if (mediaElement === lastMediaElement) return;
-		removeListener?.();
-		removeListener = null;
-		lastMediaElement = mediaElement;
-		if (!mediaElement) return;
-		removeListener = listen(mediaElement, "play", () => {
-			state.patch({ playbackInitiated: true });
-			events.dispatch({ type: "play" });
+	const cleanupPlayEffect = effect(() => {
+		const el = mediaElement.get();
+		if (!el) return;
+		return listen(el, "play", () => {
+			playbackInitiated.set(true);
 		});
 	});
+	const cleanupMergeEffect = effect(() => {
+		const pi = playbackInitiated.get();
+		if (pi === void 0) return;
+		if (state.get().playbackInitiated !== pi) update(state, { playbackInitiated: pi });
+	});
 	return () => {
-		removeListener?.();
-		unsubscribeState();
-		unsubscribeOwners();
+		cleanupResetEffect();
+		cleanupPlayEffect();
+		cleanupMergeEffect();
 	};
 }
-
 //#endregion
 export { trackPlaybackInitiated };
+
 //# sourceMappingURL=track-playback-initiated.js.map

package/dist/dev/dom/features/track-playback-initiated.js.map

@@ -1 +1 @@
-{"version":3,"file":"track-playback-initiated.js","names":[],"sources":["../../../../src/dom/features/track-playback-initiated.ts"],"sourcesContent":["import { listen } from '@videojs/utils/dom';\nimport type { EventStream } from '../../core/events/create-event-stream';\nimport type { PresentationAction } from '../../core/features/resolve-presentation';\nimport type { WritableState } from '../../core/state/create-state';\n\n/**\n * State shape for playback initiation tracking.\n */\nexport interface PlaybackInitiatedState {\n  /** True once the user has initiated playback (play event fired). */\n  playbackInitiated?: boolean;\n  /** Current presentation — watched for URL changes to reset playbackInitiated. */\n  presentation?: { url?: string };\n}\n\n/**\n * Owners shape for playback initiation tracking.\n */\nexport interface PlaybackInitiatedOwners {\n  mediaElement?: HTMLMediaElement | undefined;\n}\n\n/**\n * Track whether playback has been initiated by the user.\n *\n * Sets `state.playbackInitiated = true` when the media element fires a `play`\n * event (via `element.play()`, native controls, or autoplay) and simultaneously\n * dispatches `{ type: 'play' }` to the event stream so `resolvePresentation`\n * can react.\n *\n * Resets `state.playbackInitiated = false` when `presentation.url` changes,\n * so a new source with `preload=\"none\"` won't load segments until play is\n * triggered again.\n *\n * This flag is used by `shouldLoadSegments` to allow segment loading after\n * play is initiated regardless of the initial `preload` setting — `preload`\n * is a startup hint, not a runtime gate.\n *\n * @example\n * const cleanup = trackPlaybackInitiated({ state, owners, events });\n */\nexport function trackPlaybackInitiated({\n  state,\n  owners,\n  events,\n}: {\n  state: WritableState<PlaybackInitiatedState>;\n  owners: WritableState<PlaybackInitiatedOwners>;\n  events: EventStream<PresentationAction>;\n}): () => void {\n  let lastMediaElement: HTMLMediaElement | undefined;\n  let removeListener: (() => void) | null = null;\n  let lastPresentationUrl: string | undefined;\n\n  // Watch for presentation URL changes to reset playbackInitiated\n  const unsubscribeState = state.subscribe((currentState) => {\n    const url = currentState.presentation?.url;\n    if (url !== lastPresentationUrl) {\n      if (lastPresentationUrl !== undefined) {\n        // URL changed to a new value — reset so new source requires play again\n        state.patch({ playbackInitiated: false });\n      }\n      lastPresentationUrl = url;\n    }\n  });\n\n  // Bridge media element play event → state flag + event stream\n  const unsubscribeOwners = owners.subscribe((currentOwners) => {\n    const { mediaElement } = currentOwners;\n\n    if (mediaElement === lastMediaElement) return;\n\n    removeListener?.();\n    removeListener = null;\n    lastMediaElement = mediaElement;\n\n    if (!mediaElement) return;\n\n    removeListener = listen(mediaElement, 'play', () => {\n      state.patch({ playbackInitiated: true });\n      events.dispatch({ type: 'play' });\n    });\n  });\n\n  return () => {\n    removeListener?.();\n    unsubscribeState();\n    unsubscribeOwners();\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAyCA,SAAgB,uBAAuB,EACrC,OACA,QACA,UAKa;CACb,IAAI;CACJ,IAAI,iBAAsC;CAC1C,IAAI;CAGJ,MAAM,mBAAmB,MAAM,WAAW,iBAAiB;EACzD,MAAM,MAAM,aAAa,cAAc;AACvC,MAAI,QAAQ,qBAAqB;AAC/B,OAAI,wBAAwB,OAE1B,OAAM,MAAM,EAAE,mBAAmB,OAAO,CAAC;AAE3C,yBAAsB;;GAExB;CAGF,MAAM,oBAAoB,OAAO,WAAW,kBAAkB;EAC5D,MAAM,EAAE,iBAAiB;AAEzB,MAAI,iBAAiB,iBAAkB;AAEvC,oBAAkB;AAClB,mBAAiB;AACjB,qBAAmB;AAEnB,MAAI,CAAC,aAAc;AAEnB,mBAAiB,OAAO,cAAc,cAAc;AAClD,SAAM,MAAM,EAAE,mBAAmB,MAAM,CAAC;AACxC,UAAO,SAAS,EAAE,MAAM,QAAQ,CAAC;IACjC;GACF;AAEF,cAAa;AACX,oBAAkB;AAClB,oBAAkB;AAClB,qBAAmB"}
+{"version":3,"file":"track-playback-initiated.js","names":[],"sources":["../../../../src/dom/features/track-playback-initiated.ts"],"sourcesContent":["import { listen } from '@videojs/utils/dom';\nimport { effect } from '../../core/signals/effect';\nimport { computed, type Signal, signal, update } from '../../core/signals/primitives';\n\n/**\n * State shape for playback initiation tracking.\n */\nexport interface PlaybackInitiatedState {\n  /** True once play has been requested for the current presentation URL. */\n  playbackInitiated?: boolean;\n  /** Current presentation — URL is used to detect source changes. */\n  presentation?: { url?: string };\n}\n\n/**\n * Owners shape for playback initiation tracking.\n */\nexport interface PlaybackInitiatedOwners {\n  mediaElement?: HTMLMediaElement | undefined;\n}\n\n/**\n * Track whether playback has been initiated for the current presentation URL.\n *\n * Uses a local intermediate signal written by two effect streams:\n * - false stream: resets on URL change\n * - true stream: sets on play event\n *\n * A third merge effect reads the local signal and writes to state, reading\n * `state.get()` at merge time so the spread uses the up-to-date value after\n * the async forward bridge has run.\n *\n * @example\n * const cleanup = trackPlaybackInitiated({ state, owners, events });\n */\nexport function trackPlaybackInitiated<S extends PlaybackInitiatedState, O extends PlaybackInitiatedOwners>({\n  state,\n  owners,\n}: {\n  state: Signal<S>;\n  owners: Signal<O>;\n}): () => void {\n  const presentationUrl = computed(() => state.get().presentation?.url);\n  const mediaElement = computed(() => owners.get().mediaElement);\n\n  // Local signal: written by the URL effect (false) and the play listener (true).\n  // undefined = not yet initialized (suppresses the merge effect on startup).\n  const playbackInitiated = signal<boolean | undefined>(undefined);\n\n  let lastPresentationUrl: string | undefined;\n  let lastMediaElement: HTMLMediaElement | undefined;\n\n  // False stream: reset on URL change or element swap.\n  const cleanupResetEffect = effect(() => {\n    const url = presentationUrl.get();\n    const el = mediaElement.get();\n\n    const urlChanged = url !== lastPresentationUrl;\n    const elChanged = el !== lastMediaElement;\n\n    if ((urlChanged && lastPresentationUrl !== undefined) || (elChanged && lastMediaElement !== undefined)) {\n      playbackInitiated.set(false);\n    }\n\n    lastPresentationUrl = url;\n    lastMediaElement = el;\n  });\n\n  // True stream: set on play event. Cleanup return removes the listener on element swap.\n  const cleanupPlayEffect = effect(() => {\n    const el = mediaElement.get();\n    if (!el) return;\n    return listen(el, 'play', () => {\n      playbackInitiated.set(true);\n    });\n  });\n\n  // Merge effect: bridge local signal → state.\n  // Reads state.get() at merge time (after the async forward bridge has flushed)\n  // so the spread captures the current value rather than a stale event-time snapshot.\n  // The guard makes the write idempotent.\n  const cleanupMergeEffect = effect(() => {\n    const pi = playbackInitiated.get();\n    if (pi === undefined) return;\n    const current = state.get();\n    if (current.playbackInitiated !== pi) {\n      const patch: Partial<PlaybackInitiatedState> = { playbackInitiated: pi };\n      update(state, patch);\n    }\n  });\n\n  return () => {\n    cleanupResetEffect();\n    cleanupPlayEffect();\n    cleanupMergeEffect();\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAmCA,SAAgB,uBAA4F,EAC1G,OACA,UAIa;CACb,MAAM,kBAAkB,eAAe,MAAM,KAAK,CAAC,cAAc,IAAI;CACrE,MAAM,eAAe,eAAe,OAAO,KAAK,CAAC,aAAa;CAI9D,MAAM,oBAAoB,OAA4B,KAAA,EAAU;CAEhE,IAAI;CACJ,IAAI;CAGJ,MAAM,qBAAqB,aAAa;EACtC,MAAM,MAAM,gBAAgB,KAAK;EACjC,MAAM,KAAK,aAAa,KAAK;AAK7B,MAHmB,QAAQ,uBAGR,wBAAwB,KAAA,KAFzB,OAAO,oBAE8C,qBAAqB,KAAA,EAC1F,mBAAkB,IAAI,MAAM;AAG9B,wBAAsB;AACtB,qBAAmB;GACnB;CAGF,MAAM,oBAAoB,aAAa;EACrC,MAAM,KAAK,aAAa,KAAK;AAC7B,MAAI,CAAC,GAAI;AACT,SAAO,OAAO,IAAI,cAAc;AAC9B,qBAAkB,IAAI,KAAK;IAC3B;GACF;CAMF,MAAM,qBAAqB,aAAa;EACtC,MAAM,KAAK,kBAAkB,KAAK;AAClC,MAAI,OAAO,KAAA,EAAW;AAEtB,MADgB,MAAM,KAAK,CACf,sBAAsB,GAEhC,QAAO,OADwC,EAAE,mBAAmB,IAAI,CACpD;GAEtB;AAEF,cAAa;AACX,sBAAoB;AACpB,qBAAmB;AACnB,sBAAoB"}

package/dist/dev/dom/features/track-playback-rate.d.ts

@@ -1,4 +1,4 @@
-import { WritableState } from "../../core/state/create-state.js";
+import { Signal } from "../../core/signals/primitives.js";
 
 //#region src/dom/features/track-playback-rate.d.ts
 /**
@@ -22,12 +22,12 @@ interface PlaybackRateOwners {
  * @example
  * const cleanup = trackPlaybackRate({ state, owners });
  */
-declare function trackPlaybackRate({
+declare function trackPlaybackRate<O extends PlaybackRateOwners>({
   state,
   owners
 }: {
-  state: WritableState<PlaybackRateState>;
-  owners: WritableState<PlaybackRateOwners>;
+  state: Signal<PlaybackRateState>;
+  owners: Signal<O>;
 }): () => void;
 //#endregion
 export { PlaybackRateOwners, PlaybackRateState, trackPlaybackRate };

package/dist/dev/dom/features/track-playback-rate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"track-playback-rate.d.ts","names":[],"sources":["../../../../src/dom/features/track-playback-rate.ts"],"mappings":";;;;;AAMA;UAAiB,iBAAA;EACf,YAAA;AAAA;;AAMF;;UAAiB,kBAAA;EACf,YAAA,GAAe,gBAAA;AAAA;;;;;;;;;;iBAsBD,iBAAA,CAAA;EACd,KAAA;EACA;AAAA;EAEA,KAAA,EAAO,aAAA,CAAc,iBAAA;EACrB,MAAA,EAAQ,aAAA,CAAc,kBAAA;AAAA"}
+{"version":3,"file":"track-playback-rate.d.ts","names":[],"sources":["../../../../src/dom/features/track-playback-rate.ts"],"mappings":";;;;;AAOA;UAAiB,iBAAA;EACf,YAAA;AAAA;;AAMF;;UAAiB,kBAAA;EACf,YAAA,GAAe,gBAAA;AAAA;AAYjB;;;;;;;;;AAAA,iBAAgB,iBAAA,WAA4B,kBAAA,CAAA,CAAA;EAC1C,KAAA;EACA;AAAA;EAEA,KAAA,EAAO,MAAA,CAAO,iBAAA;EACd,MAAA,EAAQ,MAAA,CAAO,CAAA;AAAA"}

package/dist/dev/dom/features/track-playback-rate.js

@@ -1,5 +1,6 @@
+import { effect } from "../../core/signals/effect.js";
+import { computed, update } from "../../core/signals/primitives.js";
 import { listen } from "@videojs/utils/dom";
-
 //#region src/dom/features/track-playback-rate.ts
 /**
 * Track playback rate from the media element.
@@ -11,26 +12,21 @@ import { listen } from "@videojs/utils/dom";
 * const cleanup = trackPlaybackRate({ state, owners });
 */
 function trackPlaybackRate({ state, owners }) {
-	let lastMediaElement;
-	let removeListener = null;
-	const unsubscribe = owners.subscribe((currentOwners) => {
-		const { mediaElement } = currentOwners;
-		if (mediaElement === lastMediaElement) return;
-		removeListener?.();
-		removeListener = null;
-		lastMediaElement = mediaElement;
-		if (!mediaElement) return;
-		state.patch({ playbackRate: mediaElement.playbackRate });
-		removeListener = listen(mediaElement, "ratechange", () => {
-			state.patch({ playbackRate: mediaElement.playbackRate });
+	const mediaElementSignal = computed(() => owners.get().mediaElement);
+	const canTrackPlaybackRate = computed(() => !!mediaElementSignal.get());
+	const cleanupEffect = effect(() => {
+		if (!canTrackPlaybackRate.get()) return;
+		const mediaElement = mediaElementSignal.get();
+		update(state, { playbackRate: mediaElement.playbackRate });
+		return listen(mediaElement, "ratechange", () => {
+			update(state, { playbackRate: mediaElement.playbackRate });
 		});
 	});
 	return () => {
-		removeListener?.();
-		unsubscribe();
+		cleanupEffect();
 	};
 }
-
 //#endregion
 export { trackPlaybackRate };
+
 //# sourceMappingURL=track-playback-rate.js.map

package/dist/dev/dom/features/track-playback-rate.js.map

@@ -1 +1 @@
-{"version":3,"file":"track-playback-rate.js","names":[],"sources":["../../../../src/dom/features/track-playback-rate.ts"],"sourcesContent":["import { listen } from '@videojs/utils/dom';\nimport type { WritableState } from '../../core/state/create-state';\n\n/**\n * State shape for playback rate tracking.\n */\nexport interface PlaybackRateState {\n  playbackRate?: number;\n}\n\n/**\n * Owners shape for playback rate tracking.\n */\nexport interface PlaybackRateOwners {\n  mediaElement?: HTMLMediaElement | undefined;\n}\n\n/**\n * Check if we can track playback rate.\n *\n * Requires:\n * - mediaElement exists in owners\n */\nexport function canTrackPlaybackRate(owners: PlaybackRateOwners): boolean {\n  return !!owners.mediaElement;\n}\n\n/**\n * Track playback rate from the media element.\n *\n * Mirrors `mediaElement.playbackRate` into reactive state on each `ratechange`\n * event. Also syncs immediately when a media element becomes available.\n *\n * @example\n * const cleanup = trackPlaybackRate({ state, owners });\n */\nexport function trackPlaybackRate({\n  state,\n  owners,\n}: {\n  state: WritableState<PlaybackRateState>;\n  owners: WritableState<PlaybackRateOwners>;\n}): () => void {\n  let lastMediaElement: HTMLMediaElement | undefined;\n  let removeListener: (() => void) | null = null;\n\n  const unsubscribe = owners.subscribe((currentOwners) => {\n    const { mediaElement } = currentOwners;\n\n    if (mediaElement === lastMediaElement) return;\n\n    removeListener?.();\n    removeListener = null;\n    lastMediaElement = mediaElement;\n\n    if (!mediaElement) return;\n\n    state.patch({ playbackRate: mediaElement.playbackRate });\n\n    removeListener = listen(mediaElement, 'ratechange', () => {\n      state.patch({ playbackRate: mediaElement.playbackRate });\n    });\n  });\n\n  return () => {\n    removeListener?.();\n    unsubscribe();\n  };\n}\n"],"mappings":";;;;;;;;;;;;AAoCA,SAAgB,kBAAkB,EAChC,OACA,UAIa;CACb,IAAI;CACJ,IAAI,iBAAsC;CAE1C,MAAM,cAAc,OAAO,WAAW,kBAAkB;EACtD,MAAM,EAAE,iBAAiB;AAEzB,MAAI,iBAAiB,iBAAkB;AAEvC,oBAAkB;AAClB,mBAAiB;AACjB,qBAAmB;AAEnB,MAAI,CAAC,aAAc;AAEnB,QAAM,MAAM,EAAE,cAAc,aAAa,cAAc,CAAC;AAExD,mBAAiB,OAAO,cAAc,oBAAoB;AACxD,SAAM,MAAM,EAAE,cAAc,aAAa,cAAc,CAAC;IACxD;GACF;AAEF,cAAa;AACX,oBAAkB;AAClB,eAAa"}
+{"version":3,"file":"track-playback-rate.js","names":[],"sources":["../../../../src/dom/features/track-playback-rate.ts"],"sourcesContent":["import { listen } from '@videojs/utils/dom';\nimport { effect } from '../../core/signals/effect';\nimport { computed, type Signal, update } from '../../core/signals/primitives';\n\n/**\n * State shape for playback rate tracking.\n */\nexport interface PlaybackRateState {\n  playbackRate?: number;\n}\n\n/**\n * Owners shape for playback rate tracking.\n */\nexport interface PlaybackRateOwners {\n  mediaElement?: HTMLMediaElement | undefined;\n}\n\n/**\n * Track playback rate from the media element.\n *\n * Mirrors `mediaElement.playbackRate` into reactive state on each `ratechange`\n * event. Also syncs immediately when a media element becomes available.\n *\n * @example\n * const cleanup = trackPlaybackRate({ state, owners });\n */\nexport function trackPlaybackRate<O extends PlaybackRateOwners>({\n  state,\n  owners,\n}: {\n  state: Signal<PlaybackRateState>;\n  owners: Signal<O>;\n}): () => void {\n  const mediaElementSignal = computed(() => owners.get().mediaElement);\n  const canTrackPlaybackRate = computed(() => !!mediaElementSignal.get());\n\n  const cleanupEffect = effect(() => {\n    if (!canTrackPlaybackRate.get()) return;\n    const mediaElement = mediaElementSignal.get() as HTMLMediaElement;\n\n    update(state, { playbackRate: mediaElement.playbackRate });\n\n    return listen(mediaElement, 'ratechange', () => {\n      update(state, { playbackRate: mediaElement.playbackRate });\n    });\n  });\n\n  return () => {\n    cleanupEffect();\n  };\n}\n"],"mappings":";;;;;;;;;;;;;AA2BA,SAAgB,kBAAgD,EAC9D,OACA,UAIa;CACb,MAAM,qBAAqB,eAAe,OAAO,KAAK,CAAC,aAAa;CACpE,MAAM,uBAAuB,eAAe,CAAC,CAAC,mBAAmB,KAAK,CAAC;CAEvE,MAAM,gBAAgB,aAAa;AACjC,MAAI,CAAC,qBAAqB,KAAK,CAAE;EACjC,MAAM,eAAe,mBAAmB,KAAK;AAE7C,SAAO,OAAO,EAAE,cAAc,aAAa,cAAc,CAAC;AAE1D,SAAO,OAAO,cAAc,oBAAoB;AAC9C,UAAO,OAAO,EAAE,cAAc,aAAa,cAAc,CAAC;IAC1D;GACF;AAEF,cAAa;AACX,iBAAe"}

package/dist/dev/dom/features/update-duration.js

@@ -1,6 +1,5 @@
+import { effect } from "../../core/signals/effect.js";
 import { hasPresentationDuration } from "../../core/types/index.js";
-import { combineLatest } from "../../core/reactive/combine-latest.js";
-
 //#region src/dom/features/update-duration.ts
 /**
 * Check if we can update MediaSource duration (have required data).
@@ -30,7 +29,7 @@ function shouldUpdateDuration(state, owners) {
 	if (!canUpdateDuration(state, owners)) return false;
 	const { mediaSource } = owners;
 	const { presentation } = state;
-	if (mediaSource.readyState !== "open") return false;
+	if ((owners.mediaSourceReadyState?.get() ?? owners.mediaSource?.readyState) !== "open") return false;
 	const duration = presentation.duration;
 	if (!Number.isFinite(duration) || Number.isNaN(duration) || duration <= 0) return false;
 	return Number.isNaN(mediaSource.duration);
@@ -51,22 +50,29 @@ function waitForSourceBuffersReady(owners) {
 */
 function updateDuration({ state, owners }) {
 	let destroyed = false;
-	const unsubscribe = combineLatest([state, owners]).subscribe(async ([currentState, currentOwners]) => {
-		if (!shouldUpdateDuration(currentState, currentOwners)) return;
+	let running = false;
+	const cleanupEffect = effect(() => {
+		const currentState = state.get();
+		const currentOwners = owners.get();
+		if (!shouldUpdateDuration(currentState, currentOwners) || running) return;
 		const { mediaSource } = currentOwners;
-		await waitForSourceBuffersReady(currentOwners);
-		if (destroyed || mediaSource.readyState !== "open") return;
-		let duration = currentState.presentation.duration;
-		const maxBufferedEnd = getMaxBufferedEnd(currentOwners);
-		if (maxBufferedEnd > duration) duration = maxBufferedEnd;
-		mediaSource.duration = duration;
+		running = true;
+		waitForSourceBuffersReady(currentOwners).then(() => {
+			if (destroyed || mediaSource.readyState !== "open") return;
+			let duration = currentState.presentation.duration;
+			const maxBufferedEnd = getMaxBufferedEnd(currentOwners);
+			if (maxBufferedEnd > duration) duration = maxBufferedEnd;
+			mediaSource.duration = duration;
+		}).finally(() => {
+			running = false;
+		});
 	});
 	return () => {
 		destroyed = true;
-		unsubscribe();
+		cleanupEffect();
 	};
 }
-
 //#endregion
 export { updateDuration };
+
 //# sourceMappingURL=update-duration.js.map

package/dist/dev/dom/features/update-duration.js.map

@@ -1 +1 @@
-{"version":3,"file":"update-duration.js","names":[],"sources":["../../../../src/dom/features/update-duration.ts"],"sourcesContent":["import { combineLatest } from '../../core/reactive/combine-latest';\nimport type { WritableState } from '../../core/state/create-state';\nimport type { Presentation } from '../../core/types';\nimport { hasPresentationDuration } from '../../core/types';\n\nexport interface DurationUpdateState {\n  presentation?: Presentation;\n}\n\nexport interface DurationUpdateOwners {\n  mediaSource?: MediaSource;\n  videoSourceBuffer?: SourceBuffer;\n  audioSourceBuffer?: SourceBuffer;\n}\n\n/**\n * Check if we can update MediaSource duration (have required data).\n */\nexport function canUpdateDuration(state: DurationUpdateState, owners: DurationUpdateOwners): boolean {\n  return !!(owners.mediaSource && state.presentation && hasPresentationDuration(state.presentation));\n}\n\n/**\n * Get the maximum buffered end time across all SourceBuffers.\n */\nexport function getMaxBufferedEnd(owners: DurationUpdateOwners): number {\n  let maxEnd = 0;\n\n  const buffers = [owners.videoSourceBuffer, owners.audioSourceBuffer].filter(\n    (buf): buf is SourceBuffer => buf !== undefined\n  );\n\n  for (const buffer of buffers) {\n    const { buffered } = buffer;\n    if (buffered.length > 0) {\n      const end = buffered.end(buffered.length - 1);\n      if (end > maxEnd) {\n        maxEnd = end;\n      }\n    }\n  }\n\n  return maxEnd;\n}\n\n/**\n * Check if we should update MediaSource duration (conditions met).\n */\nexport function shouldUpdateDuration(state: DurationUpdateState, owners: DurationUpdateOwners): boolean {\n  if (!canUpdateDuration(state, owners)) return false;\n\n  const { mediaSource } = owners;\n  const { presentation } = state;\n\n  // MediaSource must be open\n  if (mediaSource!.readyState !== 'open') return false;\n\n  const duration = presentation!.duration!;\n\n  // Validate duration: finite, positive, not NaN\n  if (!Number.isFinite(duration) || Number.isNaN(duration) || duration <= 0) return false;\n\n  // Only set duration on initial MediaSource setup, when it hasn't been set yet.\n  // A freshly opened MediaSource has duration === NaN. Once set (either by this\n  // task or by endOfStreamTask from buffered.end()), we leave it alone — attempting\n  // to re-sync a slight drift between mediaSource.duration and presentation.duration\n  // races with concurrent appendBuffer() calls from loadSegmentsTask.\n  return Number.isNaN(mediaSource!.duration);\n}\n\n/**\n * Wait for all currently-updating SourceBuffers to finish.\n *\n * The MSE spec forbids setting MediaSource.duration while any attached\n * SourceBuffer has updating === true. This defers until all are idle.\n */\nfunction waitForSourceBuffersReady(owners: DurationUpdateOwners): Promise<void> {\n  const updating = [owners.videoSourceBuffer, owners.audioSourceBuffer].filter(\n    (buf): buf is SourceBuffer => buf?.updating === true\n  );\n\n  if (updating.length === 0) return Promise.resolve();\n\n  return Promise.all(\n    updating.map(\n      (buf) => new Promise<void>((resolve) => buf.addEventListener('updateend', () => resolve(), { once: true }))\n    )\n  ).then(() => undefined);\n}\n\n/**\n * Update MediaSource duration when presentation duration becomes available.\n */\nexport function updateDuration({\n  state,\n  owners,\n}: {\n  state: WritableState<DurationUpdateState>;\n  owners: WritableState<DurationUpdateOwners>;\n}): () => void {\n  let destroyed = false;\n\n  const unsubscribe = combineLatest([state, owners]).subscribe(\n    async ([currentState, currentOwners]: [DurationUpdateState, DurationUpdateOwners]) => {\n      if (!shouldUpdateDuration(currentState, currentOwners)) return;\n\n      const { mediaSource } = currentOwners;\n\n      // MSE spec: duration cannot be set while any SourceBuffer is updating\n      await waitForSourceBuffersReady(currentOwners);\n\n      // Re-check after async wait: destroyed, or readyState changed (e.g. endOfStream\n      // already called endOfStream(), transitioning 'open' → 'ended').\n      if (destroyed || mediaSource!.readyState !== 'open') return;\n\n      let duration = currentState.presentation!.duration!;\n\n      // Get max buffered end time across all SourceBuffers\n      const maxBufferedEnd = getMaxBufferedEnd(currentOwners);\n\n      // MSE spec: duration cannot be less than any buffered range\n      // If buffered ranges exceed calculated duration, extend to match\n      if (maxBufferedEnd > duration) {\n        duration = maxBufferedEnd;\n      }\n\n      // Set duration on MediaSource\n      mediaSource!.duration = duration;\n    }\n  );\n\n  return () => {\n    destroyed = true;\n    unsubscribe();\n  };\n}\n"],"mappings":";;;;;;;AAkBA,SAAgB,kBAAkB,OAA4B,QAAuC;AACnG,QAAO,CAAC,EAAE,OAAO,eAAe,MAAM,gBAAgB,wBAAwB,MAAM,aAAa;;;;;AAMnG,SAAgB,kBAAkB,QAAsC;CACtE,IAAI,SAAS;CAEb,MAAM,UAAU,CAAC,OAAO,mBAAmB,OAAO,kBAAkB,CAAC,QAClE,QAA6B,QAAQ,OACvC;AAED,MAAK,MAAM,UAAU,SAAS;EAC5B,MAAM,EAAE,aAAa;AACrB,MAAI,SAAS,SAAS,GAAG;GACvB,MAAM,MAAM,SAAS,IAAI,SAAS,SAAS,EAAE;AAC7C,OAAI,MAAM,OACR,UAAS;;;AAKf,QAAO;;;;;AAMT,SAAgB,qBAAqB,OAA4B,QAAuC;AACtG,KAAI,CAAC,kBAAkB,OAAO,OAAO,CAAE,QAAO;CAE9C,MAAM,EAAE,gBAAgB;CACxB,MAAM,EAAE,iBAAiB;AAGzB,KAAI,YAAa,eAAe,OAAQ,QAAO;CAE/C,MAAM,WAAW,aAAc;AAG/B,KAAI,CAAC,OAAO,SAAS,SAAS,IAAI,OAAO,MAAM,SAAS,IAAI,YAAY,EAAG,QAAO;AAOlF,QAAO,OAAO,MAAM,YAAa,SAAS;;;;;;;;AAS5C,SAAS,0BAA0B,QAA6C;CAC9E,MAAM,WAAW,CAAC,OAAO,mBAAmB,OAAO,kBAAkB,CAAC,QACnE,QAA6B,KAAK,aAAa,KACjD;AAED,KAAI,SAAS,WAAW,EAAG,QAAO,QAAQ,SAAS;AAEnD,QAAO,QAAQ,IACb,SAAS,KACN,QAAQ,IAAI,SAAe,YAAY,IAAI,iBAAiB,mBAAmB,SAAS,EAAE,EAAE,MAAM,MAAM,CAAC,CAAC,CAC5G,CACF,CAAC,WAAW,OAAU;;;;;AAMzB,SAAgB,eAAe,EAC7B,OACA,UAIa;CACb,IAAI,YAAY;CAEhB,MAAM,cAAc,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC,UACjD,OAAO,CAAC,cAAc,mBAAgE;AACpF,MAAI,CAAC,qBAAqB,cAAc,cAAc,CAAE;EAExD,MAAM,EAAE,gBAAgB;AAGxB,QAAM,0BAA0B,cAAc;AAI9C,MAAI,aAAa,YAAa,eAAe,OAAQ;EAErD,IAAI,WAAW,aAAa,aAAc;EAG1C,MAAM,iBAAiB,kBAAkB,cAAc;AAIvD,MAAI,iBAAiB,SACnB,YAAW;AAIb,cAAa,WAAW;GAE3B;AAED,cAAa;AACX,cAAY;AACZ,eAAa"}
+{"version":3,"file":"update-duration.js","names":[],"sources":["../../../../src/dom/features/update-duration.ts"],"sourcesContent":["import { effect } from '../../core/signals/effect';\nimport type { ReadonlySignal, Signal } from '../../core/signals/primitives';\nimport type { Presentation } from '../../core/types';\nimport { hasPresentationDuration } from '../../core/types';\n\nexport interface DurationUpdateState {\n  presentation?: Presentation;\n}\n\nexport interface DurationUpdateOwners {\n  mediaSource?: MediaSource;\n  /** Reactive mirror of `mediaSource.readyState` — updated via DOM events. */\n  mediaSourceReadyState?: ReadonlySignal<MediaSource['readyState']>;\n  videoSourceBuffer?: SourceBuffer;\n  audioSourceBuffer?: SourceBuffer;\n}\n\n/**\n * Check if we can update MediaSource duration (have required data).\n */\nexport function canUpdateDuration(state: DurationUpdateState, owners: DurationUpdateOwners): boolean {\n  return !!(owners.mediaSource && state.presentation && hasPresentationDuration(state.presentation));\n}\n\n/**\n * Get the maximum buffered end time across all SourceBuffers.\n */\nexport function getMaxBufferedEnd(owners: DurationUpdateOwners): number {\n  let maxEnd = 0;\n\n  const buffers = [owners.videoSourceBuffer, owners.audioSourceBuffer].filter(\n    (buf): buf is SourceBuffer => buf !== undefined\n  );\n\n  for (const buffer of buffers) {\n    const { buffered } = buffer;\n    if (buffered.length > 0) {\n      const end = buffered.end(buffered.length - 1);\n      if (end > maxEnd) {\n        maxEnd = end;\n      }\n    }\n  }\n\n  return maxEnd;\n}\n\n/**\n * Check if we should update MediaSource duration (conditions met).\n */\nexport function shouldUpdateDuration(state: DurationUpdateState, owners: DurationUpdateOwners): boolean {\n  if (!canUpdateDuration(state, owners)) return false;\n\n  const { mediaSource } = owners;\n  const { presentation } = state;\n\n  // MediaSource must be open — use reactive readyState signal when available\n  // so the effect re-evaluates when readyState changes from 'closed' to 'open'.\n  const readyState = owners.mediaSourceReadyState?.get() ?? owners.mediaSource?.readyState;\n  if (readyState !== 'open') return false;\n\n  const duration = presentation!.duration!;\n\n  // Validate duration: finite, positive, not NaN\n  if (!Number.isFinite(duration) || Number.isNaN(duration) || duration <= 0) return false;\n\n  // Only set duration on initial MediaSource setup, when it hasn't been set yet.\n  // A freshly opened MediaSource has duration === NaN. Once set (either by this\n  // task or by endOfStreamTask from buffered.end()), we leave it alone — attempting\n  // to re-sync a slight drift between mediaSource.duration and presentation.duration\n  // races with concurrent appendBuffer() calls from loadSegmentsTask.\n  return Number.isNaN(mediaSource!.duration);\n}\n\n/**\n * Wait for all currently-updating SourceBuffers to finish.\n *\n * The MSE spec forbids setting MediaSource.duration while any attached\n * SourceBuffer has updating === true. This defers until all are idle.\n */\nfunction waitForSourceBuffersReady(owners: DurationUpdateOwners): Promise<void> {\n  const updating = [owners.videoSourceBuffer, owners.audioSourceBuffer].filter(\n    (buf): buf is SourceBuffer => buf?.updating === true\n  );\n\n  if (updating.length === 0) return Promise.resolve();\n\n  return Promise.all(\n    updating.map(\n      (buf) => new Promise<void>((resolve) => buf.addEventListener('updateend', () => resolve(), { once: true }))\n    )\n  ).then(() => undefined);\n}\n\n/**\n * Update MediaSource duration when presentation duration becomes available.\n */\nexport function updateDuration<S extends DurationUpdateState, O extends DurationUpdateOwners>({\n  state,\n  owners,\n}: {\n  state: Signal<S>;\n  owners: Signal<O>;\n}): () => void {\n  let destroyed = false;\n  let running = false;\n\n  const cleanupEffect = effect(() => {\n    const currentState = state.get();\n    const currentOwners = owners.get();\n\n    if (!shouldUpdateDuration(currentState, currentOwners) || running) return;\n\n    const { mediaSource } = currentOwners;\n    running = true;\n\n    // MSE spec: duration cannot be set while any SourceBuffer is updating.\n    // Capture the snapshot; the async helper does not read signals.\n    waitForSourceBuffersReady(currentOwners)\n      .then(() => {\n        // Re-check after async wait: destroyed, or readyState changed (e.g. endOfStream\n        // already called endOfStream(), transitioning 'open' → 'ended').\n        if (destroyed || mediaSource!.readyState !== 'open') return;\n\n        let duration = currentState.presentation!.duration!;\n\n        // MSE spec: duration cannot be less than any buffered range.\n        // If buffered ranges exceed calculated duration, extend to match.\n        const maxBufferedEnd = getMaxBufferedEnd(currentOwners);\n        if (maxBufferedEnd > duration) {\n          duration = maxBufferedEnd;\n        }\n\n        mediaSource!.duration = duration;\n      })\n      .finally(() => {\n        running = false;\n      });\n  });\n\n  return () => {\n    destroyed = true;\n    cleanupEffect();\n  };\n}\n"],"mappings":";;;;;;AAoBA,SAAgB,kBAAkB,OAA4B,QAAuC;AACnG,QAAO,CAAC,EAAE,OAAO,eAAe,MAAM,gBAAgB,wBAAwB,MAAM,aAAa;;;;;AAMnG,SAAgB,kBAAkB,QAAsC;CACtE,IAAI,SAAS;CAEb,MAAM,UAAU,CAAC,OAAO,mBAAmB,OAAO,kBAAkB,CAAC,QAClE,QAA6B,QAAQ,KAAA,EACvC;AAED,MAAK,MAAM,UAAU,SAAS;EAC5B,MAAM,EAAE,aAAa;AACrB,MAAI,SAAS,SAAS,GAAG;GACvB,MAAM,MAAM,SAAS,IAAI,SAAS,SAAS,EAAE;AAC7C,OAAI,MAAM,OACR,UAAS;;;AAKf,QAAO;;;;;AAMT,SAAgB,qBAAqB,OAA4B,QAAuC;AACtG,KAAI,CAAC,kBAAkB,OAAO,OAAO,CAAE,QAAO;CAE9C,MAAM,EAAE,gBAAgB;CACxB,MAAM,EAAE,iBAAiB;AAKzB,MADmB,OAAO,uBAAuB,KAAK,IAAI,OAAO,aAAa,gBAC3D,OAAQ,QAAO;CAElC,MAAM,WAAW,aAAc;AAG/B,KAAI,CAAC,OAAO,SAAS,SAAS,IAAI,OAAO,MAAM,SAAS,IAAI,YAAY,EAAG,QAAO;AAOlF,QAAO,OAAO,MAAM,YAAa,SAAS;;;;;;;;AAS5C,SAAS,0BAA0B,QAA6C;CAC9E,MAAM,WAAW,CAAC,OAAO,mBAAmB,OAAO,kBAAkB,CAAC,QACnE,QAA6B,KAAK,aAAa,KACjD;AAED,KAAI,SAAS,WAAW,EAAG,QAAO,QAAQ,SAAS;AAEnD,QAAO,QAAQ,IACb,SAAS,KACN,QAAQ,IAAI,SAAe,YAAY,IAAI,iBAAiB,mBAAmB,SAAS,EAAE,EAAE,MAAM,MAAM,CAAC,CAAC,CAC5G,CACF,CAAC,WAAW,KAAA,EAAU;;;;;AAMzB,SAAgB,eAA8E,EAC5F,OACA,UAIa;CACb,IAAI,YAAY;CAChB,IAAI,UAAU;CAEd,MAAM,gBAAgB,aAAa;EACjC,MAAM,eAAe,MAAM,KAAK;EAChC,MAAM,gBAAgB,OAAO,KAAK;AAElC,MAAI,CAAC,qBAAqB,cAAc,cAAc,IAAI,QAAS;EAEnE,MAAM,EAAE,gBAAgB;AACxB,YAAU;AAIV,4BAA0B,cAAc,CACrC,WAAW;AAGV,OAAI,aAAa,YAAa,eAAe,OAAQ;GAErD,IAAI,WAAW,aAAa,aAAc;GAI1C,MAAM,iBAAiB,kBAAkB,cAAc;AACvD,OAAI,iBAAiB,SACnB,YAAW;AAGb,eAAa,WAAW;IACxB,CACD,cAAc;AACb,aAAU;IACV;GACJ;AAEF,cAAa;AACX,cAAY;AACZ,iBAAe"}

package/dist/dev/dom/media/append-segment.js

@@ -54,7 +54,7 @@ async function appendChunk(sourceBuffer, data) {
 		}
 	});
 }
-
 //#endregion
 export { appendSegment };
+
 //# sourceMappingURL=append-segment.js.map

package/dist/dev/dom/media/buffer-flusher.js

@@ -49,7 +49,7 @@ async function flushBuffer(sourceBuffer, start, end) {
 		}
 	});
 }
-
 //#endregion
 export { flushBuffer };
+
 //# sourceMappingURL=buffer-flusher.js.map

package/dist/dev/dom/media/mediasource-setup.js

@@ -1,3 +1,4 @@
+import { signal } from "../../core/signals/primitives.js";
 //#region src/dom/media/mediasource-setup.ts
 /**
 * MediaSource Setup
@@ -50,7 +51,6 @@ function createMediaSource(options = {}) {
 * @example
 * const mediaSource = createMediaSource();
 * const { detach } = attachMediaSource(mediaSource, videoElement);
-* await waitForSourceOpen(mediaSource);
 * // Use mediaSource...
 * // Later, to clean up:
 * detach();
@@ -81,42 +81,6 @@ function attachMediaSource(mediaSource, mediaElement) {
 	};
 }
 /**
-* Wait for a MediaSource to reach the 'open' state.
-* Resolves immediately if already open.
-*
-* @param mediaSource - The MediaSource to wait for
-* @param signal - Optional AbortSignal for cancellation
-* @returns Promise that resolves when the MediaSource is open
-*
-* @example
-* const mediaSource = createMediaSource();
-* attachMediaSource(mediaSource, videoElement);
-* await waitForSourceOpen(mediaSource);
-* // MediaSource is now ready for SourceBuffer creation
-*/
-function waitForSourceOpen(mediaSource, signal) {
-	return new Promise((resolve, reject) => {
-		if (mediaSource.readyState === "open") {
-			resolve();
-			return;
-		}
-		if (signal?.aborted) {
-			reject(new DOMException("Aborted", "AbortError"));
-			return;
-		}
-		const controller = new AbortController();
-		const options = { signal: controller.signal };
-		mediaSource.addEventListener("sourceopen", () => {
-			controller.abort();
-			resolve();
-		}, options);
-		signal?.addEventListener("abort", () => {
-			controller.abort();
-			reject(new DOMException("Aborted", "AbortError"));
-		}, options);
-	});
-}
-/**
 * Create a SourceBuffer on a MediaSource.
 *
 * @param mediaSource - The MediaSource (must be in 'open' state)
@@ -125,7 +89,6 @@ function waitForSourceOpen(mediaSource, signal) {
 * @throws Error if MediaSource is not open or codec is unsupported
 *
 * @example
-* await waitForSourceOpen(mediaSource);
 * const buffer = createSourceBuffer(mediaSource, 'video/mp4; codecs="avc1.42E01E"');
 */
 function createSourceBuffer(mediaSource, mimeCodec) {
@@ -148,7 +111,36 @@ function isCodecSupported(mimeCodec) {
 	if (!supportsMediaSource()) return false;
 	return MediaSource.isTypeSupported(mimeCodec);
 }
-
+/**
+* Create a reactive signal that mirrors `mediaSource.readyState`.
+*
+* Listens to `sourceopen`, `sourceended`, and `sourceclose` events and updates
+* the signal accordingly, making readyState visible to the TC39 signal graph.
+* Listeners are automatically removed when `signal` is aborted.
+*
+* @param mediaSource - The MediaSource to observe
+* @param signal - AbortSignal that controls listener lifetime
+* @returns A `Signal.ReadonlyState` that reflects the current `readyState`
+*
+* @example
+* const controller = new AbortController();
+* const readyState = observeMediaSourceReadyState(mediaSource, controller.signal);
+* effect(() => {
+*   if (readyState.get() === 'open') { ... }
+* });
+* // Later:
+* controller.abort();
+*/
+function observeMediaSourceReadyState(mediaSource, abortSignal) {
+	const readyState = signal(mediaSource.readyState);
+	const update = () => readyState.set(mediaSource.readyState);
+	const options = { signal: abortSignal };
+	mediaSource.addEventListener("sourceopen", update, options);
+	mediaSource.addEventListener("sourceended", update, options);
+	mediaSource.addEventListener("sourceclose", update, options);
+	return readyState;
+}
 //#endregion
-export { attachMediaSource, createMediaSource, createSourceBuffer, isCodecSupported, supportsManagedMediaSource, supportsMediaSource, waitForSourceOpen };
+export { attachMediaSource, createMediaSource, createSourceBuffer, observeMediaSourceReadyState };
+
 //# sourceMappingURL=mediasource-setup.js.map

package/dist/dev/dom/media/mediasource-setup.js.map

@@ -1 +1 @@
-{"version":3,"file":"mediasource-setup.js","names":[],"sources":["../../../../src/dom/media/mediasource-setup.ts"],"sourcesContent":["/**\n * MediaSource Setup\n *\n * Utilities for creating and configuring MediaSource/ManagedMediaSource\n * for MSE (Media Source Extensions) playback.\n *\n * Global ManagedMediaSource types are defined in ./mediasource.d.ts\n */\n\n/**\n * Check if MediaSource API is supported.\n */\nexport function supportsMediaSource(): boolean {\n  return typeof MediaSource !== 'undefined';\n}\n\n/**\n * Check if ManagedMediaSource API is supported.\n * ManagedMediaSource is a newer Safari API with better lifecycle management.\n */\nexport function supportsManagedMediaSource(): boolean {\n  return typeof ManagedMediaSource !== 'undefined';\n}\n\n/**\n * Options for creating a MediaSource.\n */\nexport interface CreateMediaSourceOptions {\n  /** Prefer ManagedMediaSource when available (default: false for broader compatibility). */\n  preferManaged?: boolean;\n}\n\n/**\n * Create a MediaSource or ManagedMediaSource instance.\n *\n * @param options - Creation options\n * @returns A MediaSource or ManagedMediaSource instance\n * @throws Error if no MediaSource API is available\n *\n * @example\n * const mediaSource = createMediaSource();\n * const mediaElement = document.querySelector('video');\n * attachMediaSource(mediaSource, mediaElement);\n */\nexport function createMediaSource(options: CreateMediaSourceOptions = {}): MediaSource {\n  const { preferManaged = false } = options;\n\n  if (preferManaged && supportsManagedMediaSource()) {\n    return new ManagedMediaSource!();\n  }\n\n  if (supportsMediaSource()) {\n    return new MediaSource();\n  }\n\n  throw new Error('MediaSource API is not supported');\n}\n\n/**\n * Result of attaching a MediaSource to a media element.\n */\nexport interface AttachMediaSourceResult {\n  /** The object URL created for the MediaSource (empty string for ManagedMediaSource). */\n  url: string;\n  /** Detach the MediaSource and clean up resources. */\n  detach: () => void;\n}\n\n/**\n * Attach a MediaSource to an HTMLMediaElement.\n *\n * Uses srcObject for ManagedMediaSource (Safari), or createObjectURL for regular MediaSource.\n *\n * @param mediaSource - The MediaSource to attach\n * @param mediaElement - The media element to attach to\n * @returns Object with URL and detach function\n *\n * @example\n * const mediaSource = createMediaSource();\n * const { detach } = attachMediaSource(mediaSource, videoElement);\n * await waitForSourceOpen(mediaSource);\n * // Use mediaSource...\n * // Later, to clean up:\n * detach();\n */\nexport function attachMediaSource(mediaSource: MediaSource, mediaElement: HTMLMediaElement): AttachMediaSourceResult {\n  // ManagedMediaSource requires srcObject instead of createObjectURL\n  const isManagedMediaSource = supportsManagedMediaSource() && mediaSource instanceof ManagedMediaSource!;\n\n  if (isManagedMediaSource) {\n    // ManagedMediaSource requires disableRemotePlayback — without it Safari\n    // will not fire sourceopen.\n    (mediaElement as HTMLMediaElement & { disableRemotePlayback: boolean }).disableRemotePlayback = true;\n\n    // Use srcObject for ManagedMediaSource\n    (mediaElement as HTMLMediaElement & { srcObject: MediaSource | null }).srcObject = mediaSource;\n\n    const detach = (): void => {\n      (mediaElement as HTMLMediaElement & { srcObject: MediaSource | null }).srcObject = null;\n      mediaElement.load(); // Reset the element\n    };\n\n    return { url: '', detach };\n  }\n\n  // Use createObjectURL for regular MediaSource\n  const url = URL.createObjectURL(mediaSource);\n  mediaElement.src = url;\n\n  const detach = (): void => {\n    mediaElement.removeAttribute('src');\n    mediaElement.load(); // Reset the element\n    URL.revokeObjectURL(url);\n  };\n\n  return { url, detach };\n}\n\n/**\n * Wait for a MediaSource to reach the 'open' state.\n * Resolves immediately if already open.\n *\n * @param mediaSource - The MediaSource to wait for\n * @param signal - Optional AbortSignal for cancellation\n * @returns Promise that resolves when the MediaSource is open\n *\n * @example\n * const mediaSource = createMediaSource();\n * attachMediaSource(mediaSource, videoElement);\n * await waitForSourceOpen(mediaSource);\n * // MediaSource is now ready for SourceBuffer creation\n */\nexport function waitForSourceOpen(mediaSource: MediaSource, signal?: AbortSignal): Promise<void> {\n  return new Promise((resolve, reject) => {\n    if (mediaSource.readyState === 'open') {\n      resolve();\n      return;\n    }\n\n    // Check if already aborted\n    if (signal?.aborted) {\n      reject(new DOMException('Aborted', 'AbortError'));\n      return;\n    }\n\n    // Use internal AbortController for cleanup coordination\n    const controller = new AbortController();\n    const options = { signal: controller.signal };\n\n    mediaSource.addEventListener(\n      'sourceopen',\n      () => {\n        controller.abort();\n        resolve();\n      },\n      options\n    );\n\n    signal?.addEventListener(\n      'abort',\n      () => {\n        controller.abort();\n        reject(new DOMException('Aborted', 'AbortError'));\n      },\n      options\n    );\n  });\n}\n\n/**\n * Create a SourceBuffer on a MediaSource.\n *\n * @param mediaSource - The MediaSource (must be in 'open' state)\n * @param mimeCodec - MIME type with codecs (e.g., 'video/mp4; codecs=\"avc1.42E01E\"')\n * @returns The created SourceBuffer\n * @throws Error if MediaSource is not open or codec is unsupported\n *\n * @example\n * await waitForSourceOpen(mediaSource);\n * const buffer = createSourceBuffer(mediaSource, 'video/mp4; codecs=\"avc1.42E01E\"');\n */\nexport function createSourceBuffer(mediaSource: MediaSource, mimeCodec: string): SourceBuffer {\n  if (mediaSource.readyState !== 'open') {\n    throw new Error('MediaSource is not open');\n  }\n\n  if (!isCodecSupported(mimeCodec)) {\n    throw new Error(`Codec not supported: ${mimeCodec}`);\n  }\n\n  return mediaSource.addSourceBuffer(mimeCodec);\n}\n\n/**\n * Check if a codec is supported.\n *\n * @param mimeCodec - MIME type with codecs string\n * @returns True if the codec is supported\n *\n * @example\n * if (isCodecSupported('video/mp4; codecs=\"avc1.42E01E\"')) {\n *   // Create source buffer\n * }\n */\nexport function isCodecSupported(mimeCodec: string): boolean {\n  if (!supportsMediaSource()) {\n    return false;\n  }\n\n  return MediaSource.isTypeSupported(mimeCodec);\n}\n"],"mappings":";;;;;;;;;;;;AAYA,SAAgB,sBAA+B;AAC7C,QAAO,OAAO,gBAAgB;;;;;;AAOhC,SAAgB,6BAAsC;AACpD,QAAO,OAAO,uBAAuB;;;;;;;;;;;;;;AAuBvC,SAAgB,kBAAkB,UAAoC,EAAE,EAAe;CACrF,MAAM,EAAE,gBAAgB,UAAU;AAElC,KAAI,iBAAiB,4BAA4B,CAC/C,QAAO,IAAI,oBAAqB;AAGlC,KAAI,qBAAqB,CACvB,QAAO,IAAI,aAAa;AAG1B,OAAM,IAAI,MAAM,mCAAmC;;;;;;;;;;;;;;;;;;;AA8BrD,SAAgB,kBAAkB,aAA0B,cAAyD;AAInH,KAF6B,4BAA4B,IAAI,uBAAuB,oBAE1D;AAGxB,EAAC,aAAuE,wBAAwB;AAGhG,EAAC,aAAsE,YAAY;EAEnF,MAAM,eAAqB;AACzB,GAAC,aAAsE,YAAY;AACnF,gBAAa,MAAM;;AAGrB,SAAO;GAAE,KAAK;GAAI;GAAQ;;CAI5B,MAAM,MAAM,IAAI,gBAAgB,YAAY;AAC5C,cAAa,MAAM;CAEnB,MAAM,eAAqB;AACzB,eAAa,gBAAgB,MAAM;AACnC,eAAa,MAAM;AACnB,MAAI,gBAAgB,IAAI;;AAG1B,QAAO;EAAE;EAAK;EAAQ;;;;;;;;;;;;;;;;AAiBxB,SAAgB,kBAAkB,aAA0B,QAAqC;AAC/F,QAAO,IAAI,SAAS,SAAS,WAAW;AACtC,MAAI,YAAY,eAAe,QAAQ;AACrC,YAAS;AACT;;AAIF,MAAI,QAAQ,SAAS;AACnB,UAAO,IAAI,aAAa,WAAW,aAAa,CAAC;AACjD;;EAIF,MAAM,aAAa,IAAI,iBAAiB;EACxC,MAAM,UAAU,EAAE,QAAQ,WAAW,QAAQ;AAE7C,cAAY,iBACV,oBACM;AACJ,cAAW,OAAO;AAClB,YAAS;KAEX,QACD;AAED,UAAQ,iBACN,eACM;AACJ,cAAW,OAAO;AAClB,UAAO,IAAI,aAAa,WAAW,aAAa,CAAC;KAEnD,QACD;GACD;;;;;;;;;;;;;;AAeJ,SAAgB,mBAAmB,aAA0B,WAAiC;AAC5F,KAAI,YAAY,eAAe,OAC7B,OAAM,IAAI,MAAM,0BAA0B;AAG5C,KAAI,CAAC,iBAAiB,UAAU,CAC9B,OAAM,IAAI,MAAM,wBAAwB,YAAY;AAGtD,QAAO,YAAY,gBAAgB,UAAU;;;;;;;;;;;;;AAc/C,SAAgB,iBAAiB,WAA4B;AAC3D,KAAI,CAAC,qBAAqB,CACxB,QAAO;AAGT,QAAO,YAAY,gBAAgB,UAAU"}
+{"version":3,"file":"mediasource-setup.js","names":[],"sources":["../../../../src/dom/media/mediasource-setup.ts"],"sourcesContent":["/**\n * MediaSource Setup\n *\n * Utilities for creating and configuring MediaSource/ManagedMediaSource\n * for MSE (Media Source Extensions) playback.\n *\n * Global ManagedMediaSource types are defined in ./mediasource.d.ts\n */\n\nimport { type ReadonlySignal, signal } from '../../core/signals/primitives';\n\n/**\n * Check if MediaSource API is supported.\n */\nexport function supportsMediaSource(): boolean {\n  return typeof MediaSource !== 'undefined';\n}\n\n/**\n * Check if ManagedMediaSource API is supported.\n * ManagedMediaSource is a newer Safari API with better lifecycle management.\n */\nexport function supportsManagedMediaSource(): boolean {\n  return typeof ManagedMediaSource !== 'undefined';\n}\n\n/**\n * Options for creating a MediaSource.\n */\nexport interface CreateMediaSourceOptions {\n  /** Prefer ManagedMediaSource when available (default: false for broader compatibility). */\n  preferManaged?: boolean;\n}\n\n/**\n * Create a MediaSource or ManagedMediaSource instance.\n *\n * @param options - Creation options\n * @returns A MediaSource or ManagedMediaSource instance\n * @throws Error if no MediaSource API is available\n *\n * @example\n * const mediaSource = createMediaSource();\n * const mediaElement = document.querySelector('video');\n * attachMediaSource(mediaSource, mediaElement);\n */\nexport function createMediaSource(options: CreateMediaSourceOptions = {}): MediaSource {\n  const { preferManaged = false } = options;\n\n  if (preferManaged && supportsManagedMediaSource()) {\n    return new ManagedMediaSource!();\n  }\n\n  if (supportsMediaSource()) {\n    return new MediaSource();\n  }\n\n  throw new Error('MediaSource API is not supported');\n}\n\n/**\n * Result of attaching a MediaSource to a media element.\n */\nexport interface AttachMediaSourceResult {\n  /** The object URL created for the MediaSource (empty string for ManagedMediaSource). */\n  url: string;\n  /** Detach the MediaSource and clean up resources. */\n  detach: () => void;\n}\n\n/**\n * Attach a MediaSource to an HTMLMediaElement.\n *\n * Uses srcObject for ManagedMediaSource (Safari), or createObjectURL for regular MediaSource.\n *\n * @param mediaSource - The MediaSource to attach\n * @param mediaElement - The media element to attach to\n * @returns Object with URL and detach function\n *\n * @example\n * const mediaSource = createMediaSource();\n * const { detach } = attachMediaSource(mediaSource, videoElement);\n * // Use mediaSource...\n * // Later, to clean up:\n * detach();\n */\nexport function attachMediaSource(mediaSource: MediaSource, mediaElement: HTMLMediaElement): AttachMediaSourceResult {\n  // ManagedMediaSource requires srcObject instead of createObjectURL\n  const isManagedMediaSource = supportsManagedMediaSource() && mediaSource instanceof ManagedMediaSource!;\n\n  if (isManagedMediaSource) {\n    // ManagedMediaSource requires disableRemotePlayback — without it Safari\n    // will not fire sourceopen.\n    (mediaElement as HTMLMediaElement & { disableRemotePlayback: boolean }).disableRemotePlayback = true;\n\n    // Use srcObject for ManagedMediaSource\n    (mediaElement as HTMLMediaElement & { srcObject: MediaSource | null }).srcObject = mediaSource;\n\n    const detach = (): void => {\n      (mediaElement as HTMLMediaElement & { srcObject: MediaSource | null }).srcObject = null;\n      mediaElement.load(); // Reset the element\n    };\n\n    return { url: '', detach };\n  }\n\n  // Use createObjectURL for regular MediaSource\n  const url = URL.createObjectURL(mediaSource);\n  mediaElement.src = url;\n\n  const detach = (): void => {\n    mediaElement.removeAttribute('src');\n    mediaElement.load(); // Reset the element\n    URL.revokeObjectURL(url);\n  };\n\n  return { url, detach };\n}\n\n/**\n * Create a SourceBuffer on a MediaSource.\n *\n * @param mediaSource - The MediaSource (must be in 'open' state)\n * @param mimeCodec - MIME type with codecs (e.g., 'video/mp4; codecs=\"avc1.42E01E\"')\n * @returns The created SourceBuffer\n * @throws Error if MediaSource is not open or codec is unsupported\n *\n * @example\n * const buffer = createSourceBuffer(mediaSource, 'video/mp4; codecs=\"avc1.42E01E\"');\n */\nexport function createSourceBuffer(mediaSource: MediaSource, mimeCodec: string): SourceBuffer {\n  if (mediaSource.readyState !== 'open') {\n    throw new Error('MediaSource is not open');\n  }\n\n  if (!isCodecSupported(mimeCodec)) {\n    throw new Error(`Codec not supported: ${mimeCodec}`);\n  }\n\n  return mediaSource.addSourceBuffer(mimeCodec);\n}\n\n/**\n * Check if a codec is supported.\n *\n * @param mimeCodec - MIME type with codecs string\n * @returns True if the codec is supported\n *\n * @example\n * if (isCodecSupported('video/mp4; codecs=\"avc1.42E01E\"')) {\n *   // Create source buffer\n * }\n */\nexport function isCodecSupported(mimeCodec: string): boolean {\n  if (!supportsMediaSource()) {\n    return false;\n  }\n\n  return MediaSource.isTypeSupported(mimeCodec);\n}\n\n/**\n * Create a reactive signal that mirrors `mediaSource.readyState`.\n *\n * Listens to `sourceopen`, `sourceended`, and `sourceclose` events and updates\n * the signal accordingly, making readyState visible to the TC39 signal graph.\n * Listeners are automatically removed when `signal` is aborted.\n *\n * @param mediaSource - The MediaSource to observe\n * @param signal - AbortSignal that controls listener lifetime\n * @returns A `Signal.ReadonlyState` that reflects the current `readyState`\n *\n * @example\n * const controller = new AbortController();\n * const readyState = observeMediaSourceReadyState(mediaSource, controller.signal);\n * effect(() => {\n *   if (readyState.get() === 'open') { ... }\n * });\n * // Later:\n * controller.abort();\n */\nexport function observeMediaSourceReadyState(\n  mediaSource: MediaSource,\n  abortSignal: AbortSignal\n): ReadonlySignal<MediaSource['readyState']> {\n  const readyState = signal<MediaSource['readyState']>(mediaSource.readyState);\n  const update = () => readyState.set(mediaSource.readyState);\n  const options = { signal: abortSignal };\n  mediaSource.addEventListener('sourceopen', update, options);\n  mediaSource.addEventListener('sourceended', update, options);\n  mediaSource.addEventListener('sourceclose', update, options);\n  return readyState;\n}\n"],"mappings":";;;;;;;;;;;;;AAcA,SAAgB,sBAA+B;AAC7C,QAAO,OAAO,gBAAgB;;;;;;AAOhC,SAAgB,6BAAsC;AACpD,QAAO,OAAO,uBAAuB;;;;;;;;;;;;;;AAuBvC,SAAgB,kBAAkB,UAAoC,EAAE,EAAe;CACrF,MAAM,EAAE,gBAAgB,UAAU;AAElC,KAAI,iBAAiB,4BAA4B,CAC/C,QAAO,IAAI,oBAAqB;AAGlC,KAAI,qBAAqB,CACvB,QAAO,IAAI,aAAa;AAG1B,OAAM,IAAI,MAAM,mCAAmC;;;;;;;;;;;;;;;;;;AA6BrD,SAAgB,kBAAkB,aAA0B,cAAyD;AAInH,KAF6B,4BAA4B,IAAI,uBAAuB,oBAE1D;AAGvB,eAAuE,wBAAwB;AAG/F,eAAsE,YAAY;EAEnF,MAAM,eAAqB;AACxB,gBAAsE,YAAY;AACnF,gBAAa,MAAM;;AAGrB,SAAO;GAAE,KAAK;GAAI;GAAQ;;CAI5B,MAAM,MAAM,IAAI,gBAAgB,YAAY;AAC5C,cAAa,MAAM;CAEnB,MAAM,eAAqB;AACzB,eAAa,gBAAgB,MAAM;AACnC,eAAa,MAAM;AACnB,MAAI,gBAAgB,IAAI;;AAG1B,QAAO;EAAE;EAAK;EAAQ;;;;;;;;;;;;;AAcxB,SAAgB,mBAAmB,aAA0B,WAAiC;AAC5F,KAAI,YAAY,eAAe,OAC7B,OAAM,IAAI,MAAM,0BAA0B;AAG5C,KAAI,CAAC,iBAAiB,UAAU,CAC9B,OAAM,IAAI,MAAM,wBAAwB,YAAY;AAGtD,QAAO,YAAY,gBAAgB,UAAU;;;;;;;;;;;;;AAc/C,SAAgB,iBAAiB,WAA4B;AAC3D,KAAI,CAAC,qBAAqB,CACxB,QAAO;AAGT,QAAO,YAAY,gBAAgB,UAAU;;;;;;;;;;;;;;;;;;;;;;AAuB/C,SAAgB,6BACd,aACA,aAC2C;CAC3C,MAAM,aAAa,OAAkC,YAAY,WAAW;CAC5E,MAAM,eAAe,WAAW,IAAI,YAAY,WAAW;CAC3D,MAAM,UAAU,EAAE,QAAQ,aAAa;AACvC,aAAY,iBAAiB,cAAc,QAAQ,QAAQ;AAC3D,aAAY,iBAAiB,eAAe,QAAQ,QAAQ;AAC5D,aAAY,iBAAiB,eAAe,QAAQ,QAAQ;AAC5D,QAAO"}

package/dist/dev/dom/media/source-buffer-actor.d.ts

@@ -1,5 +1,5 @@
 import { Segment, Track } from "../../core/types/index.js";
-import { Actor } from "../../core/actor.js";
+import { SignalActor } from "../../core/actor.js";
 import { AppendData } from "./append-segment.js";
 
 //#region src/dom/media/source-buffer-actor.d.ts
@@ -47,7 +47,7 @@ interface SourceBufferActorContext {
   bufferedRanges: BufferedRange[];
 }
 /** SourceBuffer actor: queues operations, owns its snapshot. */
-interface SourceBufferActor extends Actor<SourceBufferActorStatus, SourceBufferActorContext> {
+interface SourceBufferActor extends SignalActor<SourceBufferActorStatus, SourceBufferActorContext> {
   send(message: SourceBufferMessage, signal: AbortSignal): Promise<void>;
   batch(messages: SourceBufferMessage[], signal: AbortSignal): Promise<void>;
 }

package/dist/dev/dom/media/source-buffer-actor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"source-buffer-actor.d.ts","names":[],"sources":["../../../../src/dom/media/source-buffer-actor.ts"],"mappings":";;;;;UAWiB,aAAA;EACf,KAAA;EACA,GAAA;AAAA;AAAA,KAGU,iBAAA,GAAoB,IAAA,CAAK,OAAA;EACnC,OAAA,EAAS,KAAA,QAJN;EAMH,cAAA;AAAA;AAAA,KAKU,iBAAA;EAAsB,IAAA;EAAqB,IAAA,EAAM,UAAA;EAAY,IAAA;IAAQ,OAAA,EAAS,KAAA;EAAA;AAAA;AAAA,KAC9E,oBAAA;EAAyB,IAAA;EAAwB,IAAA,EAAM,UAAA;EAAY,IAAA,EAAM,iBAAA;AAAA;AAAA,KACzE,aAAA;EAAkB,IAAA;EAAgB,KAAA;EAAe,GAAA;AAAA;AAAA,KACjD,mBAAA,GAAsB,iBAAA,GAAoB,oBAAA,GAAuB,aAAA;;KAGjE,uBAAA;;UAGK,wBAAA;EACf,WAAA;EACA,QAAA,EAAU,KAAA,CACR,IAAA,CAAK,OAAA;IACH,OAAA,EAAS,KAAA;IACT,cAAA;IAb6D;;;;;IAmB7D,OAAA;EAAA;EAGJ,cAAA,EAAgB,aAAA;AAAA;AApBlB;AAAA,UAsCiB,iBAAA,SAA0B,KAAA,CAAM,uBAAA,EAAyB,wBAAA;EACxE,IAAA,CAAK,OAAA,EAAS,mBAAA,EAAqB,MAAA,EAAQ,WAAA,GAAc,OAAA;EACzD,KAAA,CAAM,QAAA,EAAU,mBAAA,IAAuB,MAAA,EAAQ,WAAA,GAAc,OAAA;AAAA"}
+{"version":3,"file":"source-buffer-actor.d.ts","names":[],"sources":["../../../../src/dom/media/source-buffer-actor.ts"],"mappings":";;;;;UAWiB,aAAA;EACf,KAAA;EACA,GAAA;AAAA;AAAA,KAGU,iBAAA,GAAoB,IAAA,CAAK,OAAA;EACnC,OAAA,EAAS,KAAA,QAJN;EAMH,cAAA;AAAA;AAAA,KAKU,iBAAA;EAAsB,IAAA;EAAqB,IAAA,EAAM,UAAA;EAAY,IAAA;IAAQ,OAAA,EAAS,KAAA;EAAA;AAAA;AAAA,KAC9E,oBAAA;EAAyB,IAAA;EAAwB,IAAA,EAAM,UAAA;EAAY,IAAA,EAAM,iBAAA;AAAA;AAAA,KACzE,aAAA;EAAkB,IAAA;EAAgB,KAAA;EAAe,GAAA;AAAA;AAAA,KACjD,mBAAA,GAAsB,iBAAA,GAAoB,oBAAA,GAAuB,aAAA;;KAGjE,uBAAA;;UAGK,wBAAA;EACf,WAAA;EACA,QAAA,EAAU,KAAA,CACR,IAAA,CAAK,OAAA;IACH,OAAA,EAAS,KAAA;IACT,cAAA;IAb6D;;;;;IAmB7D,OAAA;EAAA;EAGJ,cAAA,EAAgB,aAAA;AAAA;AApBlB;AAAA,UAsCiB,iBAAA,SAA0B,WAAA,CAAY,uBAAA,EAAyB,wBAAA;EAC9E,IAAA,CAAK,OAAA,EAAS,mBAAA,EAAqB,MAAA,EAAQ,WAAA,GAAc,OAAA;EACzD,KAAA,CAAM,QAAA,EAAU,mBAAA,IAAuB,MAAA,EAAQ,WAAA,GAAc,OAAA;AAAA"}

package/dist/dev/dom/media/source-buffer-actor.js

@@ -1,8 +1,7 @@
-import { createState } from "../../core/state/create-state.js";
+import { signal, update } from "../../core/signals/primitives.js";
 import { appendSegment } from "./append-segment.js";
 import { flushBuffer } from "./buffer-flusher.js";
 import { SerialRunner, Task } from "../../core/task.js";
-
 //#region src/dom/media/source-buffer-actor.ts
 /**
 * Thrown when a message is sent to the actor in a state that does not
@@ -93,7 +92,7 @@ function messageToTask(message, options) {
 	return factory(message, options);
 }
 function createSourceBufferActor(sourceBuffer, initialContext) {
-	const state = createState({
+	const snapshotSignal = signal({
 		status: "idle",
 		context: {
 			segments: [],
@@ -104,55 +103,47 @@ function createSourceBufferActor(sourceBuffer, initialContext) {
 	});
 	const runner = new SerialRunner();
 	function applyResult(newContext) {
-		const status = state.current.status === "destroyed" ? "destroyed" : "idle";
-		state.patch({
+		const status = snapshotSignal.get().status === "destroyed" ? "destroyed" : "idle";
+		snapshotSignal.set({
 			status,
 			context: newContext
 		});
-		state.flush();
 	}
 	function handleError(e) {
-		const status = state.current.status === "destroyed" ? "destroyed" : "idle";
-		state.patch({ status });
-		state.flush();
+		update(snapshotSignal, { status: snapshotSignal.get().status === "destroyed" ? "destroyed" : "idle" });
 		throw e;
 	}
 	return {
 		get snapshot() {
-			return state.current;
-		},
-		subscribe(listener) {
-			return state.subscribe(listener);
+			return snapshotSignal;
 		},
 		send(message, signal) {
-			if (state.current.status !== "idle") return Promise.reject(new SourceBufferActorError(`send() called while actor is ${state.current.status}`));
-			state.patch({ status: "updating" });
+			if (snapshotSignal.get().status !== "idle") return Promise.reject(new SourceBufferActorError(`send() called while actor is ${snapshotSignal.get().status}`));
+			update(snapshotSignal, { status: "updating" });
 			const onPartialContext = (ctx) => {
-				state.patch({
+				snapshotSignal.set({
 					status: "updating",
 					context: ctx
 				});
-				state.flush();
 			};
 			const task = messageToTask(message, {
 				signal,
-				getCtx: () => state.current.context,
+				getCtx: () => snapshotSignal.get().context,
 				sourceBuffer,
 				onPartialContext
 			});
 			return runner.schedule(task).then(applyResult).catch(handleError);
 		},
 		batch(messages, signal) {
-			if (state.current.status !== "idle") return Promise.reject(new SourceBufferActorError(`batch() called while actor is ${state.current.status}`));
+			if (snapshotSignal.get().status !== "idle") return Promise.reject(new SourceBufferActorError(`batch() called while actor is ${snapshotSignal.get().status}`));
 			if (messages.length === 0) return Promise.resolve();
-			state.patch({ status: "updating" });
-			let workingCtx = state.current.context;
+			update(snapshotSignal, { status: "updating" });
+			let workingCtx = snapshotSignal.get().context;
 			const onPartialContext = (ctx) => {
-				state.patch({
+				snapshotSignal.set({
 					status: "updating",
 					context: ctx
 				});
-				state.flush();
 			};
 			for (const message of messages.slice(0, -1)) {
 				const task = messageToTask(message, {
@@ -174,13 +165,12 @@ function createSourceBufferActor(sourceBuffer, initialContext) {
 			return runner.schedule(lastTask).then(applyResult).catch(handleError);
 		},
 		destroy() {
-			state.patch({ status: "destroyed" });
-			state.flush();
+			update(snapshotSignal, { status: "destroyed" });
 			runner.destroy();
 		}
 	};
 }
-
 //#endregion
 export { createSourceBufferActor };
+
 //# sourceMappingURL=source-buffer-actor.js.map