@videojs/spf 10.0.0-beta.10 → 10.0.0-beta.12

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

@@ -0,0 +1,176 @@
+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
+* accept messages (currently: 'updating').
+*/
+var SourceBufferActorError = class extends Error {
+	constructor(message) {
+		super(message);
+		this.name = "SourceBufferActorError";
+	}
+};
+function snapshotBuffered(buffered) {
+	const ranges = [];
+	for (let i = 0; i < buffered.length; i++) ranges.push({
+		start: buffered.start(i),
+		end: buffered.end(i)
+	});
+	return ranges;
+}
+function appendInitTask(message, { signal, getCtx, sourceBuffer }) {
+	return new Task(async (taskSignal) => {
+		const ctx = getCtx();
+		if (taskSignal.aborted) return ctx;
+		await appendSegment(sourceBuffer, message.data);
+		return {
+			...ctx,
+			initTrackId: message.meta.trackId
+		};
+	}, { signal });
+}
+function appendSegmentTask(message, { signal, getCtx, sourceBuffer, onPartialContext }) {
+	return new Task(async (taskSignal) => {
+		const ctx = getCtx();
+		if (taskSignal.aborted) return ctx;
+		const { meta } = message;
+		const EPSILON = 1e-4;
+		const filtered = ctx.segments.filter((s) => Math.abs(s.startTime - meta.startTime) >= EPSILON);
+		if (!(message.data instanceof ArrayBuffer)) onPartialContext({
+			...ctx,
+			segments: [...filtered, {
+				id: meta.id,
+				startTime: meta.startTime,
+				duration: meta.duration,
+				trackId: meta.trackId,
+				...meta.trackBandwidth !== void 0 && { trackBandwidth: meta.trackBandwidth },
+				partial: true
+			}],
+			bufferedRanges: ctx.bufferedRanges
+		});
+		await appendSegment(sourceBuffer, message.data, taskSignal);
+		return {
+			...ctx,
+			segments: [...filtered, {
+				id: meta.id,
+				startTime: meta.startTime,
+				duration: meta.duration,
+				trackId: meta.trackId,
+				...meta.trackBandwidth !== void 0 && { trackBandwidth: meta.trackBandwidth }
+			}],
+			bufferedRanges: snapshotBuffered(sourceBuffer.buffered)
+		};
+	}, { signal });
+}
+function removeTask(message, { signal, getCtx, sourceBuffer }) {
+	return new Task(async (taskSignal) => {
+		const ctx = getCtx();
+		if (taskSignal.aborted) return ctx;
+		await flushBuffer(sourceBuffer, message.start, message.end);
+		const bufferedRanges = snapshotBuffered(sourceBuffer.buffered);
+		const filtered = ctx.segments.filter((s) => {
+			const midpoint = s.startTime + s.duration / 2;
+			return bufferedRanges.some((r) => midpoint >= r.start && midpoint < r.end);
+		});
+		return {
+			...ctx,
+			segments: filtered,
+			bufferedRanges
+		};
+	}, { signal });
+}
+const messageTaskFactories = {
+	"append-init": appendInitTask,
+	"append-segment": appendSegmentTask,
+	remove: removeTask
+};
+function messageToTask(message, options) {
+	const factory = messageTaskFactories[message.type];
+	return factory(message, options);
+}
+function createSourceBufferActor(sourceBuffer, initialContext) {
+	const snapshotSignal = signal({
+		status: "idle",
+		context: {
+			segments: [],
+			bufferedRanges: [],
+			initTrackId: void 0,
+			...initialContext
+		}
+	});
+	const runner = new SerialRunner();
+	function applyResult(newContext) {
+		const status = snapshotSignal.get().status === "destroyed" ? "destroyed" : "idle";
+		snapshotSignal.set({
+			status,
+			context: newContext
+		});
+	}
+	function handleError(e) {
+		update(snapshotSignal, { status: snapshotSignal.get().status === "destroyed" ? "destroyed" : "idle" });
+		throw e;
+	}
+	return {
+		get snapshot() {
+			return snapshotSignal;
+		},
+		send(message, signal) {
+			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) => {
+				snapshotSignal.set({
+					status: "updating",
+					context: ctx
+				});
+			};
+			const task = messageToTask(message, {
+				signal,
+				getCtx: () => snapshotSignal.get().context,
+				sourceBuffer,
+				onPartialContext
+			});
+			return runner.schedule(task).then(applyResult).catch(handleError);
+		},
+		batch(messages, signal) {
+			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();
+			update(snapshotSignal, { status: "updating" });
+			let workingCtx = snapshotSignal.get().context;
+			const onPartialContext = (ctx) => {
+				snapshotSignal.set({
+					status: "updating",
+					context: ctx
+				});
+			};
+			for (const message of messages.slice(0, -1)) {
+				const task = messageToTask(message, {
+					signal,
+					getCtx: () => workingCtx,
+					sourceBuffer,
+					onPartialContext
+				});
+				runner.schedule(task).then((newCtx) => {
+					workingCtx = newCtx;
+				});
+			}
+			const lastTask = messageToTask(messages[messages.length - 1], {
+				signal,
+				getCtx: () => workingCtx,
+				sourceBuffer,
+				onPartialContext
+			});
+			return runner.schedule(lastTask).then(applyResult).catch(handleError);
+		},
+		destroy() {
+			update(snapshotSignal, { status: "destroyed" });
+			runner.destroy();
+		}
+	};
+}
+//#endregion
+export { createSourceBufferActor };
+
+//# sourceMappingURL=source-buffer-actor.js.map

package/dist/default/dom/media/source-buffer-actor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"source-buffer-actor.js","names":[],"sources":["../../../../src/dom/media/source-buffer-actor.ts"],"sourcesContent":["import type { ActorSnapshot, SignalActor } from '../../core/actor';\nimport { type ReadonlySignal, signal, update } from '../../core/signals/primitives';\nimport { SerialRunner, Task } from '../../core/task';\nimport type { Segment, Track } from '../../core/types';\nimport { type AppendData, appendSegment } from './append-segment';\nimport { flushBuffer } from './buffer-flusher';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface BufferedRange {\n  start: number;\n  end: number;\n}\n\nexport type AppendSegmentMeta = Pick<Segment, 'id' | 'startTime' | 'duration'> & {\n  trackId: Track['id'];\n  /** Declared track bandwidth in bps (from playlist BANDWIDTH attribute). */\n  trackBandwidth?: number;\n};\n\nexport type { AppendData };\n\nexport type AppendInitMessage = { type: 'append-init'; data: AppendData; meta: { trackId: Track['id'] } };\nexport type AppendSegmentMessage = { type: 'append-segment'; data: AppendData; meta: AppendSegmentMeta };\nexport type RemoveMessage = { type: 'remove'; start: number; end: number };\nexport type SourceBufferMessage = AppendInitMessage | AppendSegmentMessage | RemoveMessage;\n\n/** Finite (bounded) operational modes of the actor. */\nexport type SourceBufferActorStatus = 'idle' | 'updating' | 'destroyed';\n\n/** Non-finite (extended) data managed by the actor — the XState \"context\". */\nexport interface SourceBufferActorContext {\n  initTrackId?: string | undefined;\n  segments: Array<\n    Pick<Segment, 'id' | 'startTime' | 'duration'> & {\n      trackId: Track['id'];\n      trackBandwidth?: number;\n      /**\n       * True while a streaming append is in progress for this segment.\n       * The segment's data is partially present in the SourceBuffer.\n       * Downstream code must not treat a partial segment as fully buffered.\n       */\n      partial?: boolean;\n    }\n  >;\n  bufferedRanges: BufferedRange[];\n}\n\n/** Complete snapshot of a SourceBufferActor. */\nexport type SourceBufferActorSnapshot = ActorSnapshot<SourceBufferActorStatus, SourceBufferActorContext>;\n\n/**\n * Thrown when a message is sent to the actor in a state that does not\n * accept messages (currently: 'updating').\n */\nexport class SourceBufferActorError extends Error {\n  constructor(message: string) {\n    super(message);\n    this.name = 'SourceBufferActorError';\n  }\n}\n\n/** SourceBuffer actor: queues operations, owns its snapshot. */\nexport interface SourceBufferActor extends SignalActor<SourceBufferActorStatus, SourceBufferActorContext> {\n  send(message: SourceBufferMessage, signal: AbortSignal): Promise<void>;\n  batch(messages: SourceBufferMessage[], signal: AbortSignal): Promise<void>;\n}\n\n// =============================================================================\n// Helpers\n// =============================================================================\n\nfunction snapshotBuffered(buffered: TimeRanges): BufferedRange[] {\n  const ranges: BufferedRange[] = [];\n  for (let i = 0; i < buffered.length; i++) {\n    ranges.push({ start: buffered.start(i), end: buffered.end(i) });\n  }\n  return ranges;\n}\n\n// =============================================================================\n// Message task factories\n// =============================================================================\n\n// Context is read lazily via getCtx at task execution time — not at creation\n// time — so each task always operates on the most recent context regardless of\n// when it was scheduled.\n\ninterface MessageTaskOptions {\n  signal: AbortSignal;\n  getCtx: () => SourceBufferActorContext;\n  sourceBuffer: SourceBuffer;\n  /**\n   * Called when a streaming append transitions to a partial state — i.e.\n   * the first chunk of an AsyncIterable has been committed and the segment\n   * now has data in the SourceBuffer but is not yet complete. Not called for\n   * full ArrayBuffer appends (which are atomic).\n   */\n  onPartialContext: (ctx: SourceBufferActorContext) => void;\n}\n\nfunction appendInitTask(\n  message: AppendInitMessage,\n  { signal, getCtx, sourceBuffer }: MessageTaskOptions\n): Task<SourceBufferActorContext> {\n  return new Task(\n    async (taskSignal) => {\n      const ctx = getCtx();\n      if (taskSignal.aborted) return ctx;\n      await appendSegment(sourceBuffer, message.data);\n      // No abort check here: the physical SourceBuffer has been modified, so\n      // the model must be updated to match regardless of signal state.\n      return { ...ctx, initTrackId: message.meta.trackId };\n    },\n    { signal }\n  );\n}\n\nfunction appendSegmentTask(\n  message: AppendSegmentMessage,\n  { signal, getCtx, sourceBuffer, onPartialContext }: MessageTaskOptions\n): Task<SourceBufferActorContext> {\n  return new Task(\n    async (taskSignal) => {\n      const ctx = getCtx();\n      if (taskSignal.aborted) return ctx;\n\n      const { meta } = message;\n      // Remove any existing entry at the same start time (same \"slot\" in the\n      // timeline), then record the new segment. Assumes time-aligned segments\n      // across playlists. The epsilon guards against floating-point drift in\n      // parsed timestamps.\n      const EPSILON = 0.0001;\n      const filtered = ctx.segments.filter((s) => Math.abs(s.startTime - meta.startTime) >= EPSILON);\n\n      // For streaming data: emit partial state before the first chunk so\n      // downstream code can see the in-progress segment and treat it as\n      // incomplete. ArrayBuffer appends are atomic so no partial state is\n      // needed — context is updated once at task completion.\n      if (!(message.data instanceof ArrayBuffer)) {\n        onPartialContext({\n          ...ctx,\n          segments: [\n            ...filtered,\n            {\n              id: meta.id,\n              startTime: meta.startTime,\n              duration: meta.duration,\n              trackId: meta.trackId,\n              ...(meta.trackBandwidth !== undefined && { trackBandwidth: meta.trackBandwidth }),\n              partial: true,\n            },\n          ],\n          bufferedRanges: ctx.bufferedRanges,\n        });\n      }\n\n      await appendSegment(sourceBuffer, message.data, taskSignal);\n      // No abort check here: the physical SourceBuffer has been modified, so\n      // the model must be updated to match regardless of signal state.\n      return {\n        ...ctx,\n        segments: [\n          ...filtered,\n          {\n            id: meta.id,\n            startTime: meta.startTime,\n            duration: meta.duration,\n            trackId: meta.trackId,\n            ...(meta.trackBandwidth !== undefined && { trackBandwidth: meta.trackBandwidth }),\n          },\n        ],\n        bufferedRanges: snapshotBuffered(sourceBuffer.buffered),\n      };\n    },\n    { signal }\n  );\n}\n\nfunction removeTask(\n  message: RemoveMessage,\n  { signal, getCtx, sourceBuffer }: MessageTaskOptions\n): Task<SourceBufferActorContext> {\n  return new Task(\n    async (taskSignal) => {\n      const ctx = getCtx();\n      if (taskSignal.aborted) return ctx;\n      await flushBuffer(sourceBuffer, message.start, message.end);\n      // No abort check here: the physical SourceBuffer has been modified, so\n      // the model must be updated to match regardless of signal state.\n      //\n      // Use the post-flush buffered ranges as ground truth. A segment is kept\n      // in the model only if its midpoint falls within a buffered range.\n      // Midpoint-based membership handles flush boundaries that don't align\n      // exactly with segment edges without over-removing adjacent segments.\n      const bufferedRanges = snapshotBuffered(sourceBuffer.buffered);\n      const filtered = ctx.segments.filter((s) => {\n        const midpoint = s.startTime + s.duration / 2;\n        return bufferedRanges.some((r) => midpoint >= r.start && midpoint < r.end);\n      });\n      return { ...ctx, segments: filtered, bufferedRanges };\n    },\n    { signal }\n  );\n}\n\ntype MessageTaskFactory<T extends SourceBufferMessage> = (\n  message: T,\n  options: MessageTaskOptions\n) => Task<SourceBufferActorContext>;\n\nconst messageTaskFactories = {\n  'append-init': appendInitTask,\n  'append-segment': appendSegmentTask,\n  remove: removeTask,\n} satisfies { [K in SourceBufferMessage['type']]: MessageTaskFactory<Extract<SourceBufferMessage, { type: K }>> };\n\nfunction messageToTask(message: SourceBufferMessage, options: MessageTaskOptions): Task<SourceBufferActorContext> {\n  const factory = messageTaskFactories[message.type] as MessageTaskFactory<typeof message>;\n  return factory(message, options);\n}\n\n// =============================================================================\n// Implementation\n// =============================================================================\n\nexport function createSourceBufferActor(\n  sourceBuffer: SourceBuffer,\n  initialContext?: Partial<SourceBufferActorContext>\n): SourceBufferActor {\n  const snapshotSignal = signal<SourceBufferActorSnapshot>({\n    status: 'idle',\n    context: { segments: [], bufferedRanges: [], initTrackId: undefined, ...initialContext },\n  });\n\n  const runner = new SerialRunner();\n\n  // Applies the completed context atomically with the idle transition.\n  // If the actor was destroyed while the operation was in flight, preserve\n  // 'destroyed' — do not regress to 'idle'.\n  function applyResult(newContext: SourceBufferActorContext): void {\n    const status = snapshotSignal.get().status === 'destroyed' ? 'destroyed' : 'idle';\n    snapshotSignal.set({ status, context: newContext });\n  }\n\n  function handleError(e: unknown): never {\n    // TODO: QuotaExceededError and other SourceBuffer errors leave the physical\n    // buffer in an unknown partial state while context goes unchanged. A future\n    // improvement should detect QuotaExceededError specifically and use total\n    // bytes-in-buffer as a heuristic to identify the effective buffer capacity,\n    // enabling targeted flush-and-retry rather than silent model drift.\n    const status = snapshotSignal.get().status === 'destroyed' ? 'destroyed' : 'idle';\n    update(snapshotSignal, { status });\n    throw e;\n  }\n\n  return {\n    get snapshot(): ReadonlySignal<SourceBufferActorSnapshot> {\n      return snapshotSignal;\n    },\n\n    send(message: SourceBufferMessage, signal: AbortSignal): Promise<void> {\n      if (snapshotSignal.get().status !== 'idle') {\n        return Promise.reject(\n          new SourceBufferActorError(`send() called while actor is ${snapshotSignal.get().status}`)\n        );\n      }\n\n      // Transition synchronously so any subsequent send/batch within the same\n      // tick is rejected — the actor is now committed to this operation.\n      update(snapshotSignal, { status: 'updating' });\n\n      const onPartialContext = (ctx: SourceBufferActorContext) => {\n        snapshotSignal.set({ status: 'updating', context: ctx });\n      };\n\n      const task = messageToTask(message, {\n        signal,\n        getCtx: () => snapshotSignal.get().context,\n        sourceBuffer,\n        onPartialContext,\n      });\n\n      return runner.schedule(task).then(applyResult).catch(handleError);\n    },\n\n    batch(messages: SourceBufferMessage[], signal: AbortSignal): Promise<void> {\n      if (snapshotSignal.get().status !== 'idle') {\n        return Promise.reject(\n          new SourceBufferActorError(`batch() called while actor is ${snapshotSignal.get().status}`)\n        );\n      }\n\n      if (messages.length === 0) return Promise.resolve();\n\n      // Transition synchronously — the entire batch is one 'updating' period.\n      update(snapshotSignal, { status: 'updating' });\n\n      // Each message is its own Task on the runner, executed in submission order.\n      // workingCtx threads the result of each task into the next without\n      // writing to the signal between steps — context is only written atomically\n      // when the last task completes.\n      //\n      // workingCtx is captured here (synchronously after status → 'updating'),\n      // so it reflects the current context at the moment the batch was accepted.\n      // This is correct: status is now 'updating' so no other sender can modify\n      // context between this line and the first task executing.\n      //\n      // NOTE: if an intermediate task fails (e.g. SourceBuffer error event),\n      // workingCtx is not updated for that step and subsequent tasks in the\n      // batch will operate on a stale context. This is an edge case — happy-path\n      // appends do not fail — but worth revisiting if MSE error recovery lands.\n      let workingCtx = snapshotSignal.get().context;\n\n      // Partial context updates from streaming appends write to the signal\n      // directly so external subscribers see in-progress state, but workingCtx\n      // is only advanced on task completion to preserve batch context threading.\n      const onPartialContext = (ctx: SourceBufferActorContext) => {\n        snapshotSignal.set({ status: 'updating', context: ctx });\n      };\n\n      for (const message of messages.slice(0, -1)) {\n        const task = messageToTask(message, { signal, getCtx: () => workingCtx, sourceBuffer, onPartialContext });\n        const result = runner.schedule(task);\n        result.then((newCtx) => {\n          workingCtx = newCtx;\n        });\n      }\n\n      const lastTask = messageToTask(messages[messages.length - 1]!, {\n        signal,\n        getCtx: () => workingCtx,\n        sourceBuffer,\n        onPartialContext,\n      });\n      return runner.schedule(lastTask).then(applyResult).catch(handleError);\n    },\n\n    destroy(): void {\n      update(snapshotSignal, { status: 'destroyed' });\n      runner.destroy();\n    },\n  };\n}\n"],"mappings":"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"}

package/dist/default/dom/network/chunked-stream-iterable.js

@@ -0,0 +1,49 @@
+//#region src/dom/network/chunked-stream-iterable.ts
+const DEFAULT_MIN_CHUNK_SIZE = 2 ** 17;
+/**
+* Adapts a `ReadableStream<Uint8Array>` (e.g. `response.body`) into an
+* `AsyncIterable<Uint8Array>` that yields chunks no smaller than
+* `minChunkSize` bytes. Smaller network chunks are accumulated and yielded
+* together once the threshold is met. Any remainder is flushed on stream end.
+*
+* Errors from the underlying stream propagate naturally — the reader lock is
+* always released via `finally`.
+*/
+var ChunkedStreamIterable = class {
+	minChunkSize;
+	#readableStream;
+	constructor(readableStream, { minChunkSize = DEFAULT_MIN_CHUNK_SIZE } = {}) {
+		this.#readableStream = readableStream;
+		this.minChunkSize = minChunkSize;
+	}
+	async *[Symbol.asyncIterator]() {
+		let pending;
+		const reader = this.#readableStream.getReader();
+		try {
+			while (true) {
+				const { done, value } = await reader.read();
+				if (done) {
+					if (pending) yield pending;
+					break;
+				}
+				pending = pending ? concat(pending, value) : value;
+				if (pending.length >= this.minChunkSize) {
+					yield pending;
+					pending = void 0;
+				}
+			}
+		} finally {
+			reader.releaseLock();
+		}
+	}
+};
+function concat(a, b) {
+	const result = new Uint8Array(a.length + b.length);
+	result.set(a);
+	result.set(b, a.length);
+	return result;
+}
+//#endregion
+export { ChunkedStreamIterable };
+
+//# sourceMappingURL=chunked-stream-iterable.js.map

package/dist/default/dom/network/chunked-stream-iterable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chunked-stream-iterable.js","names":["#readableStream"],"sources":["../../../../src/dom/network/chunked-stream-iterable.ts"],"sourcesContent":["const DEFAULT_MIN_CHUNK_SIZE = 2 ** 17; // 128 KB\n\nexport interface ChunkedStreamIterableOptions {\n  minChunkSize?: number;\n}\n\n/**\n * Adapts a `ReadableStream<Uint8Array>` (e.g. `response.body`) into an\n * `AsyncIterable<Uint8Array>` that yields chunks no smaller than\n * `minChunkSize` bytes. Smaller network chunks are accumulated and yielded\n * together once the threshold is met. Any remainder is flushed on stream end.\n *\n * Errors from the underlying stream propagate naturally — the reader lock is\n * always released via `finally`.\n */\nexport class ChunkedStreamIterable implements AsyncIterable<Uint8Array> {\n  readonly minChunkSize: number;\n  #readableStream: ReadableStream<Uint8Array>;\n\n  constructor(\n    readableStream: ReadableStream<Uint8Array>,\n    { minChunkSize = DEFAULT_MIN_CHUNK_SIZE }: ChunkedStreamIterableOptions = {}\n  ) {\n    this.#readableStream = readableStream;\n    this.minChunkSize = minChunkSize;\n  }\n\n  async *[Symbol.asyncIterator](): AsyncGenerator<Uint8Array> {\n    let pending: Uint8Array | undefined;\n    const reader = this.#readableStream.getReader();\n    try {\n      while (true) {\n        const { done, value } = await reader.read();\n        if (done) {\n          if (pending) yield pending;\n          break;\n        }\n\n        pending = pending ? concat(pending, value) : value;\n\n        if (pending.length >= this.minChunkSize) {\n          yield pending;\n          pending = undefined;\n        }\n      }\n    } finally {\n      reader.releaseLock();\n    }\n  }\n}\n\nfunction concat(a: Uint8Array, b: Uint8Array): Uint8Array {\n  const result = new Uint8Array(a.length + b.length);\n  result.set(a);\n  result.set(b, a.length);\n  return result;\n}\n"],"mappings":";AAAA,MAAM,yBAAyB,KAAK;;;;;;;;;;AAepC,IAAa,wBAAb,MAAwE;CACtE;CACA;CAEA,YACE,gBACA,EAAE,eAAe,2BAAyD,EAAE,EAC5E;AACA,QAAA,iBAAuB;AACvB,OAAK,eAAe;;CAGtB,QAAQ,OAAO,iBAA6C;EAC1D,IAAI;EACJ,MAAM,SAAS,MAAA,eAAqB,WAAW;AAC/C,MAAI;AACF,UAAO,MAAM;IACX,MAAM,EAAE,MAAM,UAAU,MAAM,OAAO,MAAM;AAC3C,QAAI,MAAM;AACR,SAAI,QAAS,OAAM;AACnB;;AAGF,cAAU,UAAU,OAAO,SAAS,MAAM,GAAG;AAE7C,QAAI,QAAQ,UAAU,KAAK,cAAc;AACvC,WAAM;AACN,eAAU,KAAA;;;YAGN;AACR,UAAO,aAAa;;;;AAK1B,SAAS,OAAO,GAAe,GAA2B;CACxD,MAAM,SAAS,IAAI,WAAW,EAAE,SAAS,EAAE,OAAO;AAClD,QAAO,IAAI,EAAE;AACb,QAAO,IAAI,GAAG,EAAE,OAAO;AACvB,QAAO"}

package/dist/default/dom/network/fetch.js

@@ -0,0 +1,55 @@
+import "./chunked-stream-iterable.js";
+//#region src/dom/network/fetch.ts
+/**
+* Fetch resolvable from AddressableObject.
+*
+* Handles byte range requests if byteRange is present.
+* Returns native fetch Response for composability (can extract text, stream, etc.).
+*
+* @param addressable - Resource to fetch (url + optional byteRange)
+* @returns Promise resolving to Response
+*
+* @example
+* const response = await fetchResolvable({ url: 'https://example.com/segment.m4s' });
+* const text = await getResponseText(response);
+*
+* @example
+* // With byte range
+* const response = await fetchResolvable({
+*   url: 'https://example.com/file.mp4',
+*   byteRange: { start: 1000, end: 1999 }
+* });
+*/
+async function fetchResolvable(addressable, options) {
+	const headers = new Headers(options?.headers);
+	if (addressable.byteRange) {
+		const { start, end } = addressable.byteRange;
+		headers.set("Range", `bytes=${start}-${end}`);
+	}
+	const request = new Request(addressable.url, {
+		method: "GET",
+		headers,
+		...options
+	});
+	return fetch(request);
+}
+/**
+* Extract text from Response.
+*
+* Accepts minimal Response-like object (just needs text() method).
+* Returns promise from response.text().
+*
+* @param response - Response-like object with text() method
+* @returns Promise resolving to text content
+*
+* @example
+* const response = await fetchResolvable(addressable);
+* const text = await getResponseText(response);
+*/
+function getResponseText(response) {
+	return response.text();
+}
+//#endregion
+export { fetchResolvable, getResponseText };
+
+//# sourceMappingURL=fetch.js.map

package/dist/default/dom/network/fetch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fetch.js","names":[],"sources":["../../../../src/dom/network/fetch.ts"],"sourcesContent":["/**\n * HTTP Fetch Wrapper\n *\n * Two-function approach for composability:\n * 1. fetchResolvable() - Fetch AddressableObject (handles byte ranges)\n * 2. getResponseText() - Extract text from Response\n * 3. fetchResolvableStream() - Stream body as Uint8Array chunks\n */\n\nimport type { AddressableObject } from '../../core/types';\nimport { ChunkedStreamIterable, type ChunkedStreamIterableOptions } from './chunked-stream-iterable';\n\n/**\n * Minimal Response-like interface for text extraction.\n * Allows testing without full Response object.\n */\nexport interface ResponseLike {\n  text(): Promise<string>;\n}\n\n/**\n * Fetch resolvable from AddressableObject.\n *\n * Handles byte range requests if byteRange is present.\n * Returns native fetch Response for composability (can extract text, stream, etc.).\n *\n * @param addressable - Resource to fetch (url + optional byteRange)\n * @returns Promise resolving to Response\n *\n * @example\n * const response = await fetchResolvable({ url: 'https://example.com/segment.m4s' });\n * const text = await getResponseText(response);\n *\n * @example\n * // With byte range\n * const response = await fetchResolvable({\n *   url: 'https://example.com/file.mp4',\n *   byteRange: { start: 1000, end: 1999 }\n * });\n */\nexport async function fetchResolvable(addressable: AddressableObject, options?: RequestInit): Promise<Response> {\n  const headers = new Headers(options?.headers);\n\n  // Add Range header for byte range requests\n  if (addressable.byteRange) {\n    const { start, end } = addressable.byteRange;\n    headers.set('Range', `bytes=${start}-${end}`);\n  }\n\n  const request = new Request(addressable.url, {\n    method: 'GET',\n    headers,\n    ...options,\n  });\n\n  return fetch(request);\n}\n\n/**\n * Fetch resolvable as bytes.\n *\n * Convenience wrapper around fetchResolvable that resolves the body as an\n * ArrayBuffer. Use this when you need the raw bytes (e.g. segment appends).\n * For text or streaming consumption, use fetchResolvable directly.\n */\nexport async function fetchResolvableBytes(\n  addressable: AddressableObject,\n  options?: RequestInit\n): Promise<ArrayBuffer> {\n  const response = await fetchResolvable(addressable, options);\n  return response.arrayBuffer();\n}\n\n/**\n * Fetch resolvable as a stream of Uint8Array chunks.\n *\n * Convenience wrapper around fetchResolvable that yields the body as chunks\n * via ChunkedStreamIterable. Headers are awaited before the first chunk is\n * yielded (TTFB is accounted for before iteration begins).\n *\n * Throws if the response body is null (e.g. non-body HTTP status).\n * Errors from the underlying stream propagate naturally as thrown errors.\n */\nexport async function* fetchResolvableStream(\n  addressable: AddressableObject,\n  options?: RequestInit & ChunkedStreamIterableOptions\n): AsyncGenerator<Uint8Array> {\n  const { minChunkSize, ...fetchOptions } = options ?? {};\n  const response = await fetchResolvable(addressable, fetchOptions);\n  if (!response.body) throw new Error('Response has no body');\n  yield* new ChunkedStreamIterable(response.body, ...(minChunkSize !== undefined ? [{ minChunkSize }] : []));\n}\n\n/**\n * Extract text from Response.\n *\n * Accepts minimal Response-like object (just needs text() method).\n * Returns promise from response.text().\n *\n * @param response - Response-like object with text() method\n * @returns Promise resolving to text content\n *\n * @example\n * const response = await fetchResolvable(addressable);\n * const text = await getResponseText(response);\n */\nexport function getResponseText(response: ResponseLike): Promise<string> {\n  return response.text();\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAwCA,eAAsB,gBAAgB,aAAgC,SAA0C;CAC9G,MAAM,UAAU,IAAI,QAAQ,SAAS,QAAQ;AAG7C,KAAI,YAAY,WAAW;EACzB,MAAM,EAAE,OAAO,QAAQ,YAAY;AACnC,UAAQ,IAAI,SAAS,SAAS,MAAM,GAAG,MAAM;;CAG/C,MAAM,UAAU,IAAI,QAAQ,YAAY,KAAK;EAC3C,QAAQ;EACR;EACA,GAAG;EACJ,CAAC;AAEF,QAAO,MAAM,QAAQ;;;;;;;;;;;;;;;AAmDvB,SAAgB,gBAAgB,UAAyC;AACvE,QAAO,SAAS,MAAM"}

package/dist/default/dom/playback-engine/adapter.js

@@ -0,0 +1,95 @@
+import { update } from "../../core/signals/primitives.js";
+import { createPlaybackEngine } from "./engine.js";
+//#region src/dom/playback-engine/adapter.ts
+/**
+* HTMLMediaElement-compatible adapter for the SPF playback engine.
+*
+* Implements the src/play() contract per the WHATWG HTML spec so that SPF can
+* be used anywhere a media element API is expected.
+*
+* A new engine is created on every src assignment — this fully tears down all
+* state, SourceBuffers, and in-flight requests from the previous source before
+* the next one begins. The media element reference is preserved across src
+* changes and re-applied to the new engine automatically.
+*
+* @example
+* const media = new SpfMedia({ preferredAudioLanguage: 'en' });
+* media.attach(document.querySelector('video'));
+* media.src = 'https://stream.mux.com/abc123.m3u8';
+*
+* // Change source — old engine is destroyed, new one starts clean:
+* media.src = 'https://stream.mux.com/xyz456.m3u8';
+*
+* // Explicit teardown:
+* media.destroy();
+*/
+var SpfMedia = class {
+	#engine;
+	#config;
+	#preload = "";
+	/** Pending loadstart listener from a deferred play() retry, if any. */
+	#loadstartListener = null;
+	constructor(config = {}) {
+		this.#config = config;
+		this.#engine = createPlaybackEngine(config);
+	}
+	get engine() {
+		return this.#engine;
+	}
+	attach(mediaElement) {
+		update(this.#engine.owners, { mediaElement });
+	}
+	detach() {
+		this.#cancelPendingPlay();
+		update(this.#engine.owners, { mediaElement: void 0 });
+	}
+	destroy() {
+		this.#cancelPendingPlay();
+		this.#engine.destroy();
+	}
+	get preload() {
+		return this.#preload;
+	}
+	set preload(value) {
+		this.#preload = value;
+		if (value) update(this.#engine.state, { preload: value });
+	}
+	get src() {
+		return this.#engine.state.get().presentation?.url ?? "";
+	}
+	set src(value) {
+		const prevMediaElement = this.#engine.owners.get().mediaElement;
+		this.#cancelPendingPlay();
+		this.#engine.destroy();
+		this.#engine = createPlaybackEngine(this.#config);
+		if (this.#preload) update(this.#engine.state, { preload: this.#preload });
+		if (prevMediaElement) update(this.#engine.owners, { mediaElement: prevMediaElement });
+		if (value) update(this.#engine.state, { presentation: { url: value } });
+	}
+	play() {
+		const { mediaElement } = this.#engine.owners.get();
+		if (!mediaElement) return Promise.reject(/* @__PURE__ */ new Error("SpfMedia: no media element attached"));
+		update(this.#engine.state, { playbackInitiated: true });
+		return mediaElement.play().catch((err) => {
+			if (this.src) return new Promise((resolve, reject) => {
+				const listener = () => {
+					this.#loadstartListener = null;
+					mediaElement.play().then(resolve, reject);
+				};
+				this.#loadstartListener = listener;
+				mediaElement.addEventListener("loadstart", listener, { once: true });
+			});
+			throw err;
+		});
+	}
+	#cancelPendingPlay() {
+		if (!this.#loadstartListener) return;
+		const { mediaElement } = this.#engine.owners.get();
+		mediaElement?.removeEventListener("loadstart", this.#loadstartListener);
+		this.#loadstartListener = null;
+	}
+};
+//#endregion
+export { SpfMedia };
+
+//# sourceMappingURL=adapter.js.map

package/dist/default/dom/playback-engine/adapter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"adapter.js","names":["#config","#engine","#cancelPendingPlay","#preload","#loadstartListener"],"sources":["../../../../src/dom/playback-engine/adapter.ts"],"sourcesContent":["import { update } from '../../core/signals/primitives';\nimport type { PlaybackEngineConfig } from './engine';\nimport { createPlaybackEngine, type PlaybackEngine } from './engine';\n\n/**\n * HTMLMediaElement-compatible adapter for the SPF playback engine.\n *\n * Implements the src/play() contract per the WHATWG HTML spec so that SPF can\n * be used anywhere a media element API is expected.\n *\n * A new engine is created on every src assignment — this fully tears down all\n * state, SourceBuffers, and in-flight requests from the previous source before\n * the next one begins. The media element reference is preserved across src\n * changes and re-applied to the new engine automatically.\n *\n * @example\n * const media = new SpfMedia({ preferredAudioLanguage: 'en' });\n * media.attach(document.querySelector('video'));\n * media.src = 'https://stream.mux.com/abc123.m3u8';\n *\n * // Change source — old engine is destroyed, new one starts clean:\n * media.src = 'https://stream.mux.com/xyz456.m3u8';\n *\n * // Explicit teardown:\n * media.destroy();\n */\nexport class SpfMedia {\n  #engine: PlaybackEngine;\n  #config: PlaybackEngineConfig;\n  #preload: '' | 'none' | 'metadata' | 'auto' = '';\n\n  /** Pending loadstart listener from a deferred play() retry, if any. */\n  #loadstartListener: (() => void) | null = null;\n\n  constructor(config: PlaybackEngineConfig = {}) {\n    this.#config = config;\n    this.#engine = createPlaybackEngine(config);\n  }\n\n  get engine(): PlaybackEngine {\n    return this.#engine;\n  }\n\n  // ---------------------------------------------------------------------------\n  // Media element lifecycle\n  // ---------------------------------------------------------------------------\n\n  attach(mediaElement: HTMLMediaElement): void {\n    update(this.#engine.owners, { mediaElement });\n  }\n\n  detach(): void {\n    this.#cancelPendingPlay();\n    update(this.#engine.owners, { mediaElement: undefined });\n  }\n\n  destroy(): void {\n    this.#cancelPendingPlay();\n    this.#engine.destroy();\n  }\n\n  // ---------------------------------------------------------------------------\n  // preload — synchronous IDL attribute (WHATWG §4.8.11.2)\n  // ---------------------------------------------------------------------------\n\n  get preload(): '' | 'none' | 'metadata' | 'auto' {\n    return this.#preload;\n  }\n\n  set preload(value: '' | 'none' | 'metadata' | 'auto') {\n    this.#preload = value;\n    if (value) {\n      update(this.#engine.state, { preload: value });\n    }\n    // value = '' clears #preload (so the next engine recreation won't re-apply\n    // an explicit value) but does not patch current state — the existing preload\n    // stays in effect until the next src change creates a fresh engine.\n  }\n\n  // ---------------------------------------------------------------------------\n  // src — synchronous IDL attribute (WHATWG §4.8.11.2)\n  // Each assignment destroys the current engine and starts a fresh one, exactly\n  // as the browser's load algorithm resets all media element state on src change.\n  // ---------------------------------------------------------------------------\n\n  get src(): string {\n    return this.#engine.state.get().presentation?.url ?? '';\n  }\n\n  set src(value: string) {\n    const prevMediaElement = this.#engine.owners.get().mediaElement;\n\n    this.#cancelPendingPlay();\n    this.#engine.destroy();\n    this.#engine = createPlaybackEngine(this.#config);\n\n    // Apply explicit preload before setting owners so syncPreloadAttribute skips\n    // element inference and the explicit value is preserved across src changes.\n    if (this.#preload) {\n      update(this.#engine.state, { preload: this.#preload });\n    }\n\n    if (prevMediaElement) {\n      update(this.#engine.owners, { mediaElement: prevMediaElement });\n    }\n\n    if (value) {\n      update(this.#engine.state, { presentation: { url: value } });\n    }\n  }\n\n  // ---------------------------------------------------------------------------\n  // play() — WHATWG §4.8.11.8\n  // Delegates to the attached media element's native play().\n  // ---------------------------------------------------------------------------\n\n  play(): Promise<void> {\n    const { mediaElement } = this.#engine.owners.get();\n    if (!mediaElement) {\n      return Promise.reject(new Error('SpfMedia: no media element attached'));\n    }\n\n    // Signal play intent — enables loading even with preload=\"none\"\n    update(this.#engine.state, { playbackInitiated: true });\n\n    return mediaElement.play().catch((err: unknown) => {\n      // If we have a pending HLS source, the rejection may be because MSE\n      // hasn't attached a blob URL yet. Wait for loadstart (src assigned\n      // by MSE setup) and retry once.\n      if (this.src) {\n        return new Promise<void>((resolve, reject) => {\n          const listener = () => {\n            this.#loadstartListener = null;\n            mediaElement.play().then(resolve, reject);\n          };\n          this.#loadstartListener = listener;\n          mediaElement.addEventListener('loadstart', listener, { once: true });\n        });\n      }\n      throw err;\n    });\n  }\n\n  // ---------------------------------------------------------------------------\n  // Private\n  // ---------------------------------------------------------------------------\n\n  #cancelPendingPlay(): void {\n    if (!this.#loadstartListener) return;\n    const { mediaElement } = this.#engine.owners.get();\n    mediaElement?.removeEventListener('loadstart', this.#loadstartListener);\n    this.#loadstartListener = null;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,IAAa,WAAb,MAAsB;CACpB;CACA;CACA,WAA8C;;CAG9C,qBAA0C;CAE1C,YAAY,SAA+B,EAAE,EAAE;AAC7C,QAAA,SAAe;AACf,QAAA,SAAe,qBAAqB,OAAO;;CAG7C,IAAI,SAAyB;AAC3B,SAAO,MAAA;;CAOT,OAAO,cAAsC;AAC3C,SAAO,MAAA,OAAa,QAAQ,EAAE,cAAc,CAAC;;CAG/C,SAAe;AACb,QAAA,mBAAyB;AACzB,SAAO,MAAA,OAAa,QAAQ,EAAE,cAAc,KAAA,GAAW,CAAC;;CAG1D,UAAgB;AACd,QAAA,mBAAyB;AACzB,QAAA,OAAa,SAAS;;CAOxB,IAAI,UAA6C;AAC/C,SAAO,MAAA;;CAGT,IAAI,QAAQ,OAA0C;AACpD,QAAA,UAAgB;AAChB,MAAI,MACF,QAAO,MAAA,OAAa,OAAO,EAAE,SAAS,OAAO,CAAC;;CAalD,IAAI,MAAc;AAChB,SAAO,MAAA,OAAa,MAAM,KAAK,CAAC,cAAc,OAAO;;CAGvD,IAAI,IAAI,OAAe;EACrB,MAAM,mBAAmB,MAAA,OAAa,OAAO,KAAK,CAAC;AAEnD,QAAA,mBAAyB;AACzB,QAAA,OAAa,SAAS;AACtB,QAAA,SAAe,qBAAqB,MAAA,OAAa;AAIjD,MAAI,MAAA,QACF,QAAO,MAAA,OAAa,OAAO,EAAE,SAAS,MAAA,SAAe,CAAC;AAGxD,MAAI,iBACF,QAAO,MAAA,OAAa,QAAQ,EAAE,cAAc,kBAAkB,CAAC;AAGjE,MAAI,MACF,QAAO,MAAA,OAAa,OAAO,EAAE,cAAc,EAAE,KAAK,OAAO,EAAE,CAAC;;CAShE,OAAsB;EACpB,MAAM,EAAE,iBAAiB,MAAA,OAAa,OAAO,KAAK;AAClD,MAAI,CAAC,aACH,QAAO,QAAQ,uBAAO,IAAI,MAAM,sCAAsC,CAAC;AAIzE,SAAO,MAAA,OAAa,OAAO,EAAE,mBAAmB,MAAM,CAAC;AAEvD,SAAO,aAAa,MAAM,CAAC,OAAO,QAAiB;AAIjD,OAAI,KAAK,IACP,QAAO,IAAI,SAAe,SAAS,WAAW;IAC5C,MAAM,iBAAiB;AACrB,WAAA,oBAA0B;AAC1B,kBAAa,MAAM,CAAC,KAAK,SAAS,OAAO;;AAE3C,UAAA,oBAA0B;AAC1B,iBAAa,iBAAiB,aAAa,UAAU,EAAE,MAAM,MAAM,CAAC;KACpE;AAEJ,SAAM;IACN;;CAOJ,qBAA2B;AACzB,MAAI,CAAC,MAAA,kBAAyB;EAC9B,MAAM,EAAE,iBAAiB,MAAA,OAAa,OAAO,KAAK;AAClD,gBAAc,oBAAoB,aAAa,MAAA,kBAAwB;AACvE,QAAA,oBAA0B"}

package/dist/default/dom/playback-engine/engine.js

@@ -0,0 +1,151 @@
+import { signal } from "../../core/signals/primitives.js";
+import { loadSegments } from "../features/load-segments.js";
+import { destroyVttParser } from "../text/parse-vtt-segment.js";
+import { loadTextTrackCues } from "../features/load-text-track-cues.js";
+import { trackCurrentTime } from "../features/track-current-time.js";
+import { trackPlaybackInitiated } from "../features/track-playback-initiated.js";
+import { calculatePresentationDuration } from "../../core/features/calculate-presentation-duration.js";
+import { switchQuality } from "../../core/features/quality-switching.js";
+import { resolvePresentation } from "../../core/features/resolve-presentation.js";
+import { resolveTrack } from "../../core/features/resolve-track.js";
+import { selectAudioTrack, selectTextTrack, selectVideoTrack } from "../../core/features/select-tracks.js";
+import { syncPreloadAttribute } from "../../core/features/sync-preload-attribute.js";
+import { endOfStream } from "../features/end-of-stream.js";
+import { setupMediaSource } from "../features/setup-mediasource.js";
+import { setupSourceBuffers } from "../features/setup-sourcebuffer.js";
+import { setupTextTracks } from "../features/setup-text-tracks.js";
+import { syncSelectedTextTrackFromDom } from "../features/sync-selected-text-track-from-dom.js";
+import { syncTextTrackModes } from "../features/sync-text-track-modes.js";
+import { updateDuration } from "../features/update-duration.js";
+//#region src/dom/playback-engine/engine.ts
+/**
+* Create a POC playback engine.
+*
+* Wires together all orchestrations to create a reactive playback pipeline:
+* 1. Resolve presentation (multivariant playlist)
+* 2. Select initial video and audio tracks
+* 3. Resolve selected tracks (media playlists)
+* 4. Setup MediaSource
+* 5. Setup SourceBuffers for video and audio
+*
+* Note: This is a POC - does not yet load/append segments.
+*
+* @param config - Playback engine configuration
+* @returns Playback engine instance with state, owners, and destroy function
+*
+* @example
+* const engine = createPlaybackEngine({
+*   initialBandwidth: 2_000_000,
+*   preferredAudioLanguage: 'en',
+* });
+*
+* // Initialize by setting state and owners
+* engine.owners.set({ ...engine.owners.get(), mediaElement: document.querySelector('video') });
+* engine.state.set({
+*   ...engine.state.get(),
+*   presentation: { url: 'https://example.com/playlist.m3u8' },
+*   preload: 'auto',
+* });
+*
+* // Inspect state
+* console.log(engine.state.get());
+*
+* // Cleanup
+* engine.destroy();
+*/
+function createPlaybackEngine(config = {}) {
+	const state = signal({ bandwidthState: {
+		fastEstimate: 0,
+		fastTotalWeight: 0,
+		slowEstimate: 0,
+		slowTotalWeight: 0,
+		bytesSampled: 0
+	} });
+	const owners = signal({});
+	const cleanups = [
+		syncPreloadAttribute({
+			state,
+			owners
+		}),
+		trackPlaybackInitiated({
+			state,
+			owners
+		}),
+		resolvePresentation({ state }),
+		selectVideoTrack({ state }, {
+			type: "video",
+			...config.initialBandwidth !== void 0 && { initialBandwidth: config.initialBandwidth }
+		}),
+		selectAudioTrack({ state }, {
+			type: "audio",
+			...config.preferredAudioLanguage !== void 0 && { preferredAudioLanguage: config.preferredAudioLanguage }
+		}),
+		selectTextTrack({ state }, {
+			type: "text",
+			...config.preferredSubtitleLanguage !== void 0 && { preferredSubtitleLanguage: config.preferredSubtitleLanguage },
+			...config.includeForcedTracks !== void 0 && { includeForcedTracks: config.includeForcedTracks },
+			...config.enableDefaultTrack !== void 0 && { enableDefaultTrack: config.enableDefaultTrack }
+		}),
+		resolveTrack({ state }, { type: "video" }),
+		resolveTrack({ state }, { type: "audio" }),
+		resolveTrack({ state }, { type: "text" }),
+		calculatePresentationDuration({ state }),
+		setupMediaSource({
+			state,
+			owners
+		}),
+		updateDuration({
+			state,
+			owners
+		}),
+		setupSourceBuffers({
+			state,
+			owners
+		}),
+		trackCurrentTime({
+			state,
+			owners
+		}),
+		switchQuality({ state }, config.initialBandwidth !== void 0 ? { defaultBandwidth: config.initialBandwidth } : {}),
+		loadSegments({
+			state,
+			owners
+		}, { type: "video" }),
+		loadSegments({
+			state,
+			owners
+		}, { type: "audio" }),
+		endOfStream({
+			state,
+			owners
+		}),
+		setupTextTracks({
+			state,
+			owners
+		}),
+		syncTextTrackModes({
+			state,
+			owners
+		}),
+		syncSelectedTextTrackFromDom({
+			state,
+			owners
+		}),
+		loadTextTrackCues({
+			state,
+			owners
+		})
+	];
+	return {
+		state,
+		owners,
+		destroy: () => {
+			cleanups.forEach((cleanup) => cleanup());
+			destroyVttParser();
+		}
+	};
+}
+//#endregion
+export { createPlaybackEngine };
+
+//# sourceMappingURL=engine.js.map

package/dist/default/dom/playback-engine/engine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"engine.js","names":[],"sources":["../../../../src/dom/playback-engine/engine.ts"],"sourcesContent":["import type { BandwidthState } from '../../core/abr/bandwidth-estimator';\nimport { calculatePresentationDuration } from '../../core/features/calculate-presentation-duration';\nimport { switchQuality } from '../../core/features/quality-switching';\nimport { resolvePresentation } from '../../core/features/resolve-presentation';\nimport { resolveTrack } from '../../core/features/resolve-track';\nimport { selectAudioTrack, selectTextTrack, selectVideoTrack } from '../../core/features/select-tracks';\nimport { syncPreloadAttribute } from '../../core/features/sync-preload-attribute';\nimport type { ReadonlySignal, Signal } from '../../core/signals/primitives';\nimport { signal } from '../../core/signals/primitives';\nimport { endOfStream } from '../features/end-of-stream';\nimport { loadSegments } from '../features/load-segments';\nimport type { TextTrackBufferState } from '../features/load-text-track-cues';\nimport { loadTextTrackCues } from '../features/load-text-track-cues';\nimport { setupMediaSource } from '../features/setup-mediasource';\nimport { setupSourceBuffers } from '../features/setup-sourcebuffer';\nimport { setupTextTracks } from '../features/setup-text-tracks';\nimport { syncSelectedTextTrackFromDom } from '../features/sync-selected-text-track-from-dom';\nimport { syncTextTrackModes } from '../features/sync-text-track-modes';\nimport { trackCurrentTime } from '../features/track-current-time';\nimport { trackPlaybackInitiated } from '../features/track-playback-initiated';\nimport { updateDuration } from '../features/update-duration';\nimport type { SourceBufferActor } from '../media/source-buffer-actor';\nimport { destroyVttParser } from '../text/parse-vtt-segment';\n\n/**\n * Configuration for the playback engine.\n */\nexport interface PlaybackEngineConfig {\n  /**\n   * Initial bandwidth estimate for cold start (bits per second).\n   * Default: 1 Mbps (conservative).\n   */\n  initialBandwidth?: number;\n\n  /**\n   * Preferred audio language (ISO 639 code, e.g., \"en\", \"es\").\n   * If not specified, selects first audio track.\n   */\n  preferredAudioLanguage?: string;\n\n  /**\n   * Preferred subtitle language (ISO 639 code, e.g., \"en\", \"es\").\n   * If specified, selects matching text track if available.\n   */\n  preferredSubtitleLanguage?: string;\n\n  /**\n   * Include FORCED subtitle tracks in selection.\n   * Default: false (follows hls.js/http-streaming pattern)\n   */\n  includeForcedTracks?: boolean;\n\n  /**\n   * Auto-select DEFAULT track (requires DEFAULT=YES + AUTOSELECT=YES in HLS).\n   * Default: false (user opt-in, matches hls.js/http-streaming)\n   */\n  enableDefaultTrack?: boolean;\n}\n\n/**\n * Combined state shape for the playback engine.\n * Includes all state needed by orchestrations.\n */\nexport interface PlaybackEngineState {\n  // Presentation state\n  presentation?: any;\n  preload?: 'auto' | 'metadata' | 'none';\n\n  // Track selection state\n  selectedVideoTrackId?: string;\n  selectedAudioTrackId?: string;\n  // NOTE: Text Tracks (subtitles/ccs) can be unselected\n  selectedTextTrackId?: string;\n\n  // Bandwidth estimation state\n  bandwidthState?: BandwidthState;\n\n  // ABR control — set to true to suppress automatic quality switching (manual selection mode).\n  // TODO: replace with separate manualVideoTrackId / abrVideoTrackId fields so the two\n  // concerns don't share a field; see quality-switching.ts for the full design note.\n  abrDisabled?: boolean;\n\n  // Text track buffer state (tracks loaded VTT segments per text track ID)\n  textBufferState?: TextTrackBufferState;\n\n  // Current playback position (mirrored from mediaElement via trackCurrentTime)\n  currentTime?: number;\n\n  // True once the user has initiated playback (enables segment loading regardless of preload)\n  playbackInitiated?: boolean;\n}\n\n/**\n * Combined owners shape for the playback engine.\n * Includes all mutable platform objects.\n */\nexport interface PlaybackEngineOwners {\n  // Media element\n  mediaElement?: HTMLMediaElement | undefined;\n\n  // MediaSource\n  mediaSource?: MediaSource;\n  /** Reactive mirror of `mediaSource.readyState` — updated via DOM events. */\n  mediaSourceReadyState?: ReadonlySignal<MediaSource['readyState']>;\n\n  // SourceBuffers and their actors (created together by setupSourceBuffer)\n  videoBuffer?: SourceBuffer;\n  audioBuffer?: SourceBuffer;\n  videoBufferActor?: SourceBufferActor;\n  audioBufferActor?: SourceBufferActor;\n\n  // Text tracks (track elements by ID)\n  textTracks?: Map<string, HTMLTrackElement>;\n}\n\n/**\n * Playback engine instance.\n */\nexport interface PlaybackEngine {\n  /**\n   * Reactive state signal (for inspection/testing).\n   */\n  state: Signal<PlaybackEngineState>;\n\n  /**\n   * Mutable owners signal (for inspection/testing).\n   */\n  owners: Signal<PlaybackEngineOwners>;\n\n  /**\n   * Cleanup function to destroy all orchestrations.\n   */\n  destroy: () => void;\n}\n\n/**\n * Create a POC playback engine.\n *\n * Wires together all orchestrations to create a reactive playback pipeline:\n * 1. Resolve presentation (multivariant playlist)\n * 2. Select initial video and audio tracks\n * 3. Resolve selected tracks (media playlists)\n * 4. Setup MediaSource\n * 5. Setup SourceBuffers for video and audio\n *\n * Note: This is a POC - does not yet load/append segments.\n *\n * @param config - Playback engine configuration\n * @returns Playback engine instance with state, owners, and destroy function\n *\n * @example\n * const engine = createPlaybackEngine({\n *   initialBandwidth: 2_000_000,\n *   preferredAudioLanguage: 'en',\n * });\n *\n * // Initialize by setting state and owners\n * engine.owners.set({ ...engine.owners.get(), mediaElement: document.querySelector('video') });\n * engine.state.set({\n *   ...engine.state.get(),\n *   presentation: { url: 'https://example.com/playlist.m3u8' },\n *   preload: 'auto',\n * });\n *\n * // Inspect state\n * console.log(engine.state.get());\n *\n * // Cleanup\n * engine.destroy();\n */\nexport function createPlaybackEngine(config: PlaybackEngineConfig = {}): PlaybackEngine {\n  // Create reactive state and owners as signals\n  const state = signal<PlaybackEngineState>({\n    bandwidthState: {\n      fastEstimate: 0,\n      fastTotalWeight: 0,\n      slowEstimate: 0,\n      slowTotalWeight: 0,\n      bytesSampled: 0,\n    },\n  });\n  const owners = signal<PlaybackEngineOwners>({});\n\n  // Wire up orchestrations\n  const cleanups = [\n    // 0a. Sync preload attribute from mediaElement → state.preload\n    //     Normalises '' (absent attribute) to 'auto' (browser default).\n    syncPreloadAttribute({ state, owners }),\n\n    // 0b. Track media element play event → state.playbackInitiated\n    //     Enables preload=\"none\" resolution via native controls / element.play()\n    trackPlaybackInitiated({ state, owners }),\n\n    // 1. Resolve presentation (URL already in state)\n    resolvePresentation({ state }),\n\n    // 2. Select initial tracks (when presentation loads)\n    selectVideoTrack(\n      { state },\n      {\n        type: 'video',\n        ...(config.initialBandwidth !== undefined && { initialBandwidth: config.initialBandwidth }),\n      }\n    ),\n    selectAudioTrack(\n      { state },\n      {\n        type: 'audio',\n        ...(config.preferredAudioLanguage !== undefined && { preferredAudioLanguage: config.preferredAudioLanguage }),\n      }\n    ),\n    selectTextTrack(\n      { state },\n      {\n        type: 'text',\n        ...(config.preferredSubtitleLanguage !== undefined && {\n          preferredSubtitleLanguage: config.preferredSubtitleLanguage,\n        }),\n        ...(config.includeForcedTracks !== undefined && { includeForcedTracks: config.includeForcedTracks }),\n        ...(config.enableDefaultTrack !== undefined && { enableDefaultTrack: config.enableDefaultTrack }),\n      }\n    ),\n\n    // 3. Resolve selected tracks (fetch media playlists)\n    resolveTrack({ state }, { type: 'video' as const }),\n    resolveTrack({ state }, { type: 'audio' as const }),\n    resolveTrack({ state }, { type: 'text' as const }),\n\n    // 3.5. Calculate presentation duration from resolved tracks\n    calculatePresentationDuration({ state }),\n\n    // 4. Setup MediaSource (when presentation loaded)\n    setupMediaSource({ state, owners }),\n\n    // 4.5. Update MediaSource duration (when presentation duration available)\n    updateDuration({ state, owners }),\n\n    // 5. Setup SourceBuffers (when MediaSource ready and all selected tracks resolved)\n    // Both SourceBuffers are created in a single synchronous operation to guarantee\n    // neither is visible to loadSegments before the other exists — preventing the\n    // Firefox bug where appending video data before audio SB is created causes\n    // mozHasAudio to be permanently false.\n    setupSourceBuffers({ state, owners }),\n\n    // 5.5. Track currentTime from mediaElement (feeds forward buffer management)\n    //\n    // NOTE: SourceBufferActor wiring is intentionally absent here in Phase 1.\n    //\n    // Attempting to wire actors into the engine at this layer revealed a\n    // brittleness in the current architecture: every patch to `owners` —\n    // regardless of which field changed — wakes up ALL combineLatest subscribers\n    // (loadSegments, endOfStream, etc.). Storing actor references in owners\n    // caused loadSegments to re-evaluate mid-task, store a spurious pending\n    // state, and run a second loading cycle on completion.\n    //\n    // This means any future feature that needs to introduce new reactive state\n    // alongside SourceBuffers faces the same hazard. The right fix is for\n    // loadSegments (and other orchestrations) to route their MSE operations\n    // through the actor directly, at which point the actor lifecycle is\n    // co-located with its consumer rather than managed centrally here.\n    //\n    // Actor wiring will be introduced in Phase 2 as part of the loadSegments\n    // refactor. See .claude/plans/spf/buffer-state-shadow-actual-model.md.\n    trackCurrentTime({ state, owners }),\n\n    // 5.75. ABR quality switching (reacts to bandwidth samples from loadSegments)\n    switchQuality(\n      { state },\n      config.initialBandwidth !== undefined ? { defaultBandwidth: config.initialBandwidth } : {}\n    ),\n\n    // 6. Load segments (when SourceBuffer ready and track resolved)\n    loadSegments({ state, owners }, { type: 'video' }),\n    loadSegments({ state, owners }, { type: 'audio' }),\n\n    // 6.5. Signal end of stream when all segments loaded\n    endOfStream({ state, owners }),\n\n    // 7. Setup text tracks (when mediaElement and presentation ready)\n    setupTextTracks({ state, owners }),\n\n    // 8. Sync text track modes (when track selected and track elements created)\n    syncTextTrackModes({ state, owners }),\n\n    // 8.5. Bridge DOM text track mode changes → selectedTextTrackId\n    //      Detects when external code (e.g. captions button via toggleSubtitles())\n    //      sets a subtitle/caption track to 'showing' and reflects that into SPF\n    //      state, which in turn drives loadTextTrackCues.\n    syncSelectedTextTrackFromDom({ state, owners }),\n\n    // 9. Load text track cues (when track resolved and mode set)\n    loadTextTrackCues({ state, owners }),\n  ];\n\n  // Return engine instance\n  return {\n    state,\n    owners,\n    destroy: () => {\n      cleanups.forEach((cleanup) => cleanup());\n      destroyVttParser();\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0KA,SAAgB,qBAAqB,SAA+B,EAAE,EAAkB;CAEtF,MAAM,QAAQ,OAA4B,EACxC,gBAAgB;EACd,cAAc;EACd,iBAAiB;EACjB,cAAc;EACd,iBAAiB;EACjB,cAAc;EACf,EACF,CAAC;CACF,MAAM,SAAS,OAA6B,EAAE,CAAC;CAG/C,MAAM,WAAW;EAGf,qBAAqB;GAAE;GAAO;GAAQ,CAAC;EAIvC,uBAAuB;GAAE;GAAO;GAAQ,CAAC;EAGzC,oBAAoB,EAAE,OAAO,CAAC;EAG9B,iBACE,EAAE,OAAO,EACT;GACE,MAAM;GACN,GAAI,OAAO,qBAAqB,KAAA,KAAa,EAAE,kBAAkB,OAAO,kBAAkB;GAC3F,CACF;EACD,iBACE,EAAE,OAAO,EACT;GACE,MAAM;GACN,GAAI,OAAO,2BAA2B,KAAA,KAAa,EAAE,wBAAwB,OAAO,wBAAwB;GAC7G,CACF;EACD,gBACE,EAAE,OAAO,EACT;GACE,MAAM;GACN,GAAI,OAAO,8BAA8B,KAAA,KAAa,EACpD,2BAA2B,OAAO,2BACnC;GACD,GAAI,OAAO,wBAAwB,KAAA,KAAa,EAAE,qBAAqB,OAAO,qBAAqB;GACnG,GAAI,OAAO,uBAAuB,KAAA,KAAa,EAAE,oBAAoB,OAAO,oBAAoB;GACjG,CACF;EAGD,aAAa,EAAE,OAAO,EAAE,EAAE,MAAM,SAAkB,CAAC;EACnD,aAAa,EAAE,OAAO,EAAE,EAAE,MAAM,SAAkB,CAAC;EACnD,aAAa,EAAE,OAAO,EAAE,EAAE,MAAM,QAAiB,CAAC;EAGlD,8BAA8B,EAAE,OAAO,CAAC;EAGxC,iBAAiB;GAAE;GAAO;GAAQ,CAAC;EAGnC,eAAe;GAAE;GAAO;GAAQ,CAAC;EAOjC,mBAAmB;GAAE;GAAO;GAAQ,CAAC;EAqBrC,iBAAiB;GAAE;GAAO;GAAQ,CAAC;EAGnC,cACE,EAAE,OAAO,EACT,OAAO,qBAAqB,KAAA,IAAY,EAAE,kBAAkB,OAAO,kBAAkB,GAAG,EAAE,CAC3F;EAGD,aAAa;GAAE;GAAO;GAAQ,EAAE,EAAE,MAAM,SAAS,CAAC;EAClD,aAAa;GAAE;GAAO;GAAQ,EAAE,EAAE,MAAM,SAAS,CAAC;EAGlD,YAAY;GAAE;GAAO;GAAQ,CAAC;EAG9B,gBAAgB;GAAE;GAAO;GAAQ,CAAC;EAGlC,mBAAmB;GAAE;GAAO;GAAQ,CAAC;EAMrC,6BAA6B;GAAE;GAAO;GAAQ,CAAC;EAG/C,kBAAkB;GAAE;GAAO;GAAQ,CAAC;EACrC;AAGD,QAAO;EACL;EACA;EACA,eAAe;AACb,YAAS,SAAS,YAAY,SAAS,CAAC;AACxC,qBAAkB;;EAErB"}

package/dist/default/dom/playback-engine.js

@@ -0,0 +1,4 @@
+import { effect } from "../core/signals/effect.js";
+import { createPlaybackEngine } from "./playback-engine/engine.js";
+import { SpfMedia } from "./playback-engine/adapter.js";
+export { SpfMedia, createPlaybackEngine, effect };