@editframe/elements 0.20.1-beta.0 → 0.20.3-beta.0

package/dist/elements/EFMedia/AssetIdMediaEngine.js

@@ -41,7 +41,7 @@ var AssetIdMediaEngine = class AssetIdMediaEngine extends AssetMediaEngine {
 		return `${this.apiHost}/api/v1/isobmff_tracks/${this.assetId}/${trackId}`;
 	}
 	convertToSegmentRelativeTimestamps(globalTimestamps, segmentId, rendition) {
-		if (!rendition.trackId) throw new Error("Track ID is required for asset metadata");
+		if (!rendition.trackId) throw new Error("[convertToSegmentRelativeTimestamps] Track ID is required for asset metadata");
 		const trackData = this.data[rendition.trackId];
 		if (!trackData) throw new Error("Track not found");
 		const segment = trackData.segments?.[segmentId];

package/dist/elements/EFMedia/AssetMediaEngine.js

@@ -63,7 +63,7 @@ var AssetMediaEngine = class AssetMediaEngine extends BaseMediaEngine {
 		return `/@ef-track/${this.src}?trackId=${trackId}&segmentId=${segmentId}`;
 	}
 	async fetchInitSegment(rendition, signal) {
-		if (!rendition.trackId) throw new Error("Track ID is required for asset metadata");
+		if (!rendition.trackId) throw new Error("[fetchInitSegment] Track ID is required for asset metadata");
 		const url = this.buildInitSegmentUrl(rendition.trackId);
 		const initSegment = this.data[rendition.trackId]?.initSegment;
 		if (!initSegment) throw new Error("Init segment not found");
@@ -71,7 +71,7 @@ var AssetMediaEngine = class AssetMediaEngine extends BaseMediaEngine {
 		return this.fetchMediaWithHeaders(url, headers, signal);
 	}
 	async fetchMediaSegment(segmentId, rendition, signal) {
-		if (!rendition.trackId) throw new Error("Track ID is required for asset metadata");
+		if (!rendition.trackId) throw new Error("[fetchMediaSegment] Track ID is required for asset metadata");
 		if (segmentId === void 0) throw new Error("Segment ID is not available");
 		const url = this.buildMediaSegmentUrl(rendition.trackId, segmentId);
 		const mediaSegment = this.data[rendition.trackId]?.segments[segmentId];
@@ -113,7 +113,10 @@ var AssetMediaEngine = class AssetMediaEngine extends BaseMediaEngine {
 		return segmentRanges;
 	}
 	computeSegmentId(seekTimeMs, rendition) {
-		if (!rendition.trackId) throw new Error("Track ID is required for asset metadata");
+		if (!rendition.trackId) {
+			console.warn(`computeSegmentId: trackId not found for rendition ${JSON.stringify(rendition)}`);
+			throw new Error("[computeSegmentId] Track ID is required for asset metadata");
+		}
 		const track = this.data[rendition.trackId];
 		if (!track) throw new Error("Track not found");
 		const { timescale, segments } = track;
@@ -159,7 +162,7 @@ var AssetMediaEngine = class AssetMediaEngine extends BaseMediaEngine {
 	}
 	convertToSegmentRelativeTimestamps(globalTimestamps, segmentId, rendition) {
 		{
-			if (!rendition.trackId) throw new Error("Track ID is required for asset metadata");
+			if (!rendition.trackId) throw new Error("[convertToSegmentRelativeTimestamps] Track ID is required for asset metadata");
 			const trackData = this.data[rendition.trackId];
 			if (!trackData) throw new Error("Track not found");
 			const segment = trackData.segments?.[segmentId];

package/dist/elements/EFMedia/videoTasks/makeScrubVideoInitSegmentFetchTask.js

@@ -1,3 +1,4 @@
+import { EF_RENDERING } from "../../../EF_RENDERING.js";
 import { getLatestMediaEngine } from "../tasks/makeMediaEngineTask.js";
 import { Task } from "@lit/task";
 const makeScrubVideoInitSegmentFetchTask = (host) => {
@@ -8,6 +9,7 @@ const makeScrubVideoInitSegmentFetchTask = (host) => {
 		},
 		onComplete: (_value) => {},
 		task: async ([_mediaEngine], { signal }) => {
+			if (EF_RENDERING()) return /* @__PURE__ */ new ArrayBuffer(0);
 			const mediaEngine = await getLatestMediaEngine(host, signal);
 			const scrubRendition = mediaEngine.getScrubVideoRendition();
 			if (!scrubRendition) throw new Error("No scrub rendition available");

package/dist/elements/EFMedia/videoTasks/makeScrubVideoInputTask.js

@@ -1,3 +1,4 @@
+import { EF_RENDERING } from "../../../EF_RENDERING.js";
 import { BufferedSeekingInput } from "../BufferedSeekingInput.js";
 import { EFMedia } from "../../EFMedia.js";
 import { Task } from "@lit/task";
@@ -9,6 +10,7 @@ const makeScrubVideoInputTask = (host) => {
 		},
 		onComplete: (_value) => {},
 		task: async () => {
+			if (EF_RENDERING()) console.info("Scrub not available in rendering mode");
 			const initSegment = await host.scrubVideoInitSegmentFetchTask.taskComplete;
 			const segment = await host.scrubVideoSegmentFetchTask.taskComplete;
 			if (!initSegment || !segment) throw new Error("Scrub init segment or segment is not available");

package/dist/elements/EFMedia/videoTasks/makeScrubVideoSegmentFetchTask.js

@@ -1,3 +1,4 @@
+import { EF_RENDERING } from "../../../EF_RENDERING.js";
 import { getLatestMediaEngine } from "../tasks/makeMediaEngineTask.js";
 import { Task } from "@lit/task";
 const makeScrubVideoSegmentFetchTask = (host) => {
@@ -8,6 +9,7 @@ const makeScrubVideoSegmentFetchTask = (host) => {
 		},
 		onComplete: (_value) => {},
 		task: async (_, { signal }) => {
+			if (EF_RENDERING()) return /* @__PURE__ */ new ArrayBuffer(0);
 			const mediaEngine = await getLatestMediaEngine(host, signal);
 			const segmentId = await host.scrubVideoSegmentIdTask.taskComplete;
 			if (segmentId === void 0) throw new Error("Scrub segment ID is not available for video");

package/dist/elements/EFMedia/videoTasks/makeScrubVideoSegmentIdTask.js

@@ -1,3 +1,4 @@
+import { EF_RENDERING } from "../../../EF_RENDERING.js";
 import { getLatestMediaEngine } from "../tasks/makeMediaEngineTask.js";
 import { Task } from "@lit/task";
 const makeScrubVideoSegmentIdTask = (host) => {
@@ -8,6 +9,7 @@ const makeScrubVideoSegmentIdTask = (host) => {
 		},
 		onComplete: (_value) => {},
 		task: async ([, targetSeekTimeMs], { signal }) => {
+			if (EF_RENDERING()) return void 0;
 			const mediaEngine = await getLatestMediaEngine(host, signal);
 			signal.throwIfAborted();
 			const scrubRendition = mediaEngine.getScrubVideoRendition();

package/dist/elements/EFMedia/videoTasks/makeUnifiedVideoSeekTask.js

@@ -1,3 +1,4 @@
+import { EF_RENDERING } from "../../../EF_RENDERING.js";
 import { getLatestMediaEngine } from "../tasks/makeMediaEngineTask.js";
 import { ScrubInputCache } from "./ScrubInputCache.js";
 import { Task } from "@lit/task";
@@ -13,6 +14,7 @@ const makeUnifiedVideoSeekTask = (host) => {
 		task: async ([desiredSeekTimeMs], { signal }) => {
 			const mediaEngine = await getLatestMediaEngine(host, signal);
 			if (!mediaEngine) return void 0;
+			if (EF_RENDERING()) return await getMainVideoSample(host, mediaEngine, desiredSeekTimeMs, signal);
 			const mainRendition = mediaEngine.videoRendition;
 			if (mainRendition) {
 				const mainSegmentId = mediaEngine.computeSegmentId(desiredSeekTimeMs, mainRendition);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@editframe/elements",
-  "version": "0.20.1-beta.0",
+  "version": "0.20.3-beta.0",
   "description": "",
   "exports": {
     ".": {
@@ -27,7 +27,7 @@
   "license": "UNLICENSED",
   "dependencies": {
     "@bramus/style-observer": "^1.3.0",
-    "@editframe/assets": "0.20.1-beta.0",
+    "@editframe/assets": "0.20.3-beta.0",
     "@lit/context": "^1.1.2",
     "@lit/task": "^1.0.1",
     "d3": "^7.9.0",

package/src/elements/EFMedia/AssetIdMediaEngine.ts

@@ -87,7 +87,9 @@ export class AssetIdMediaEngine
     rendition: VideoRendition,
   ): number[] {
     if (!rendition.trackId) {
-      throw new Error("Track ID is required for asset metadata");
+      throw new Error(
+        "[convertToSegmentRelativeTimestamps] Track ID is required for asset metadata",
+      );
     }
     // For AssetMediaEngine, we need to calculate the actual segment start time
     // using the precise segment boundaries from the track fragment index

package/src/elements/EFMedia/AssetMediaEngine.ts

@@ -110,7 +110,9 @@ export class AssetMediaEngine extends BaseMediaEngine implements MediaEngine {
     signal: AbortSignal,
   ) {
     if (!rendition.trackId) {
-      throw new Error("Track ID is required for asset metadata");
+      throw new Error(
+        "[fetchInitSegment] Track ID is required for asset metadata",
+      );
     }
     const url = this.buildInitSegmentUrl(rendition.trackId);
     const initSegment = this.data[rendition.trackId]?.initSegment;
@@ -132,7 +134,9 @@ export class AssetMediaEngine extends BaseMediaEngine implements MediaEngine {
     signal?: AbortSignal,
   ) {
     if (!rendition.trackId) {
-      throw new Error("Track ID is required for asset metadata");
+      throw new Error(
+        "[fetchMediaSegment] Track ID is required for asset metadata",
+      );
     }
     if (segmentId === undefined) {
       throw new Error("Segment ID is not available");
@@ -217,7 +221,14 @@ export class AssetMediaEngine extends BaseMediaEngine implements MediaEngine {
 
   computeSegmentId(seekTimeMs: number, rendition: MediaRendition) {
     if (!rendition.trackId) {
-      throw new Error("Track ID is required for asset metadata");
+      console.warn(
+        `computeSegmentId: trackId not found for rendition ${JSON.stringify(
+          rendition,
+        )}`,
+      );
+      throw new Error(
+        "[computeSegmentId] Track ID is required for asset metadata",
+      );
     }
     const track = this.data[rendition.trackId];
     if (!track) {
@@ -311,7 +322,9 @@ export class AssetMediaEngine extends BaseMediaEngine implements MediaEngine {
       // This is because Asset segments are independent timeline fragments
 
       if (!rendition.trackId) {
-        throw new Error("Track ID is required for asset metadata");
+        throw new Error(
+          "[convertToSegmentRelativeTimestamps] Track ID is required for asset metadata",
+        );
       }
       // For AssetMediaEngine, we need to calculate the actual segment start time
       // using the precise segment boundaries from the track fragment index

package/src/elements/EFMedia/videoTasks/makeScrubVideoInitSegmentFetchTask.ts

@@ -1,4 +1,5 @@
 import { Task } from "@lit/task";
+import { EF_RENDERING } from "../../../EF_RENDERING";
 import type { MediaEngine } from "../../../transcoding/types";
 import type { EFVideo } from "../../EFVideo";
 import { getLatestMediaEngine } from "../tasks/makeMediaEngineTask";
@@ -13,6 +14,10 @@ export const makeScrubVideoInitSegmentFetchTask = (
     },
     onComplete: (_value) => {},
     task: async ([_mediaEngine], { signal }) => {
+      if (EF_RENDERING()) {
+        return new ArrayBuffer(0);
+      }
+
       const mediaEngine = await getLatestMediaEngine(host, signal);
 
       // Get scrub rendition using the proper interface method

package/src/elements/EFMedia/videoTasks/makeScrubVideoInputTask.ts

@@ -1,5 +1,5 @@
 import { Task } from "@lit/task";
-
+import { EF_RENDERING } from "../../../EF_RENDERING";
 import { EFMedia } from "../../EFMedia";
 import type { EFVideo } from "../../EFVideo";
 import { BufferedSeekingInput } from "../BufferedSeekingInput";
@@ -20,6 +20,10 @@ export const makeScrubVideoInputTask = (host: EFVideo): InputTask => {
     },
     onComplete: (_value) => {},
     task: async () => {
+      if (EF_RENDERING()) {
+        console.info("Scrub not available in rendering mode");
+      }
+
       const initSegment =
         await host.scrubVideoInitSegmentFetchTask.taskComplete;
       const segment = await host.scrubVideoSegmentFetchTask.taskComplete;

package/src/elements/EFMedia/videoTasks/makeScrubVideoSegmentFetchTask.ts

@@ -1,4 +1,5 @@
 import { Task } from "@lit/task";
+import { EF_RENDERING } from "../../../EF_RENDERING";
 import type { MediaEngine } from "../../../transcoding/types";
 import type { EFVideo } from "../../EFVideo";
 import { getLatestMediaEngine } from "../tasks/makeMediaEngineTask";
@@ -17,6 +18,10 @@ export const makeScrubVideoSegmentFetchTask = (
     },
     onComplete: (_value) => {},
     task: async (_, { signal }) => {
+      if (EF_RENDERING()) {
+        return new ArrayBuffer(0);
+      }
+
       const mediaEngine = await getLatestMediaEngine(host, signal);
       const segmentId = await host.scrubVideoSegmentIdTask.taskComplete;
       if (segmentId === undefined) {

package/src/elements/EFMedia/videoTasks/makeScrubVideoSegmentIdTask.ts

@@ -1,4 +1,5 @@
 import { Task } from "@lit/task";
+import { EF_RENDERING } from "../../../EF_RENDERING";
 import type { MediaEngine } from "../../../transcoding/types";
 import type { EFVideo } from "../../EFVideo";
 import { getLatestMediaEngine } from "../tasks/makeMediaEngineTask";
@@ -13,6 +14,10 @@ export const makeScrubVideoSegmentIdTask = (
     },
     onComplete: (_value) => {},
     task: async ([, targetSeekTimeMs], { signal }) => {
+      if (EF_RENDERING()) {
+        return undefined;
+      }
+
       const mediaEngine = await getLatestMediaEngine(host, signal);
       signal.throwIfAborted(); // Abort if a new seek started
 

package/src/elements/EFMedia/videoTasks/makeUnifiedVideoSeekTask.ts

@@ -1,5 +1,6 @@
 import { Task } from "@lit/task";
 import type { VideoSample } from "mediabunny";
+import { EF_RENDERING } from "../../../EF_RENDERING";
 import type { VideoRendition } from "../../../transcoding/types";
 import type { EFVideo } from "../../EFVideo";
 import { getLatestMediaEngine } from "../tasks/makeMediaEngineTask";
@@ -24,6 +25,16 @@ export const makeUnifiedVideoSeekTask = (
       const mediaEngine = await getLatestMediaEngine(host, signal);
       if (!mediaEngine) return undefined;
 
+      // In rendering mode, skip all the scrub logic and go straight to main
+      if (EF_RENDERING()) {
+        return await getMainVideoSample(
+          host,
+          mediaEngine,
+          desiredSeekTimeMs,
+          signal,
+        );
+      }
+
       // FIRST: Check if main quality content is already cached
       const mainRendition = mediaEngine.videoRendition;
       if (mainRendition) {

package/src/utils/LRUCache.test.ts

@@ -244,7 +244,9 @@ describe("OrderedLRUCache", () => {
     expect(allItems.map((item) => item.key)).toEqual([100, 200, 300]); // 200±500 = [-300,700] contains all
   });
 
-  test("performance characteristics with large dataset", () => {
+  // This test is cute, but we can't perfectly controll wall time
+  // in CI, so it's flaky.
+  test.skip("performance characteristics with large dataset", () => {
     const cache = new OrderedLRUCache<number, string>(1000);
 
     // Insert many items