@editframe/elements 0.18.8-beta.0 → 0.18.20-beta.0

package/dist/elements/MediaController.d.ts

@@ -1,30 +0,0 @@
-import { ReactiveController, ReactiveControllerHost } from 'lit';
-export declare class MediaController implements ReactiveController {
-    #private;
-    private host;
-    constructor(host: ReactiveControllerHost & {
-        src: string;
-        assetId: string | null;
-        mode: "asset" | "jit-transcode" | "auto";
-    });
-    get mode(): "asset" | "jit-transcode";
-    get src(): string | null;
-    set src(value: string | null);
-    get assetId(): string | null;
-    set assetId(value: string | null);
-    changes: Map<string, {
-        oldValue: any;
-        newValue: any;
-    }> | null;
-    updatePending: boolean;
-    trackUpdate(key: string, oldValue: any, newValue: any): void;
-    endUpdate(): void;
-    handleUpdate(changes: Map<string, {
-        oldValue: any;
-        newValue: any;
-    }>): void;
-    hostUpdated(): void;
-    hostConnected(): void;
-    hostDisconnected(): void;
-    updated(): void;
-}

package/src/elements/EFMedia/BaseMediaEngine.test.ts

@@ -1,164 +0,0 @@
-import { beforeEach, describe, expect, it, vi } from "vitest";
-import { EFMedia } from "../EFMedia.js";
-import { BaseMediaEngine } from "./BaseMediaEngine.js";
-
-// Test implementation of BaseMediaEngine for testing
-class TestMediaEngine extends BaseMediaEngine {
-  fetchMediaSegmentImpl = vi.fn();
-
-  get host() {
-    return new EFMedia();
-  }
-
-  get videoRendition() {
-    return {
-      trackId: 1,
-      src: "test-video.mp4",
-      segmentDurationMs: 2000,
-    };
-  }
-
-  get audioRendition() {
-    return {
-      trackId: 2,
-      src: "test-audio.mp4",
-      segmentDurationMs: 1000,
-    };
-  }
-}
-
-describe("BaseMediaEngine deduplication", () => {
-  let engine: TestMediaEngine;
-  const mockSegmentData = new ArrayBuffer(1024);
-
-  beforeEach(() => {
-    engine = new TestMediaEngine();
-    engine.fetchMediaSegmentImpl.mockResolvedValue(mockSegmentData);
-  });
-
-  it("should fetch segment successfully", async () => {
-    const rendition = { trackId: 1, src: "test.mp4" };
-    const result = await engine.fetchMediaSegment(1, rendition);
-
-    expect(result).toBe(mockSegmentData);
-    expect(engine.fetchMediaSegmentImpl).toHaveBeenCalledWith(1, rendition);
-    expect(engine.fetchMediaSegmentImpl).toHaveBeenCalledTimes(1);
-  });
-
-  it("should deduplicate concurrent requests for same segment", async () => {
-    const rendition = { trackId: 1, src: "test.mp4" };
-
-    // Make two concurrent requests for the same segment
-    const [result1, result2] = await Promise.all([
-      engine.fetchMediaSegment(1, rendition),
-      engine.fetchMediaSegment(1, rendition),
-    ]);
-
-    // Both should return the same result
-    expect(result1).toBe(mockSegmentData);
-    expect(result2).toBe(mockSegmentData);
-
-    // But fetchMediaSegmentImpl should only be called once due to deduplication
-    expect(engine.fetchMediaSegmentImpl).toHaveBeenCalledTimes(1);
-    expect(engine.fetchMediaSegmentImpl).toHaveBeenCalledWith(1, rendition);
-  });
-
-  it("should handle different segments as separate requests", async () => {
-    const rendition = { trackId: 1, src: "test.mp4" };
-
-    // Make concurrent requests for different segments
-    const [result1, result2] = await Promise.all([
-      engine.fetchMediaSegment(1, rendition),
-      engine.fetchMediaSegment(2, rendition),
-    ]);
-
-    expect(result1).toBe(mockSegmentData);
-    expect(result2).toBe(mockSegmentData);
-
-    // Should call fetchMediaSegmentImpl twice for different segments
-    expect(engine.fetchMediaSegmentImpl).toHaveBeenCalledTimes(2);
-    expect(engine.fetchMediaSegmentImpl).toHaveBeenCalledWith(1, rendition);
-    expect(engine.fetchMediaSegmentImpl).toHaveBeenCalledWith(2, rendition);
-  });
-
-  it("should handle different renditions as separate requests", async () => {
-    const rendition1 = { trackId: 1, src: "test1.mp4" };
-    const rendition2 = { trackId: 2, src: "test2.mp4" };
-
-    // Make concurrent requests for same segment but different renditions
-    const [result1, result2] = await Promise.all([
-      engine.fetchMediaSegment(1, rendition1),
-      engine.fetchMediaSegment(1, rendition2),
-    ]);
-
-    expect(result1).toBe(mockSegmentData);
-    expect(result2).toBe(mockSegmentData);
-
-    // Should call fetchMediaSegmentImpl twice for different renditions
-    expect(engine.fetchMediaSegmentImpl).toHaveBeenCalledTimes(2);
-    expect(engine.fetchMediaSegmentImpl).toHaveBeenCalledWith(1, rendition1);
-    expect(engine.fetchMediaSegmentImpl).toHaveBeenCalledWith(1, rendition2);
-  });
-
-  it("should propagate errors correctly", async () => {
-    const error = new Error("Fetch failed");
-    engine.fetchMediaSegmentImpl.mockRejectedValue(error);
-
-    const rendition = { trackId: 1, src: "test.mp4" };
-
-    await expect(engine.fetchMediaSegment(1, rendition)).rejects.toThrow(
-      "Fetch failed",
-    );
-    expect(engine.fetchMediaSegmentImpl).toHaveBeenCalledWith(1, rendition);
-  });
-
-  it("should retry failed requests after error", async () => {
-    const rendition = { trackId: 1, src: "test.mp4" };
-    const error = new Error("First attempt failed");
-
-    // First request fails
-    engine.fetchMediaSegmentImpl.mockRejectedValueOnce(error);
-    await expect(engine.fetchMediaSegment(1, rendition)).rejects.toThrow(
-      "First attempt failed",
-    );
-
-    // Second request should succeed (not deduplicated since first failed)
-    engine.fetchMediaSegmentImpl.mockResolvedValue(mockSegmentData);
-    const result = await engine.fetchMediaSegment(1, rendition);
-
-    expect(result).toBe(mockSegmentData);
-    expect(engine.fetchMediaSegmentImpl).toHaveBeenCalledTimes(2);
-  });
-
-  it("should track pending requests correctly", () => {
-    const rendition = { trackId: 1, src: "test.mp4" };
-
-    // Start a request but don't await it
-    const promise = engine.fetchMediaSegment(1, rendition);
-
-    // Should detect that segment is being fetched
-    expect(engine.isSegmentBeingFetched(1, rendition)).toBe(true);
-    expect(engine.getActiveSegmentRequestCount()).toBe(1);
-
-    // Different segment should not be detected as being fetched
-    expect(engine.isSegmentBeingFetched(2, rendition)).toBe(false);
-
-    return promise.then(() => {
-      // After completion, should no longer be detected as being fetched
-      expect(engine.isSegmentBeingFetched(1, rendition)).toBe(false);
-      expect(engine.getActiveSegmentRequestCount()).toBe(0);
-    });
-  });
-
-  it("should cancel all requests correctly", async () => {
-    const rendition = { trackId: 1, src: "test.mp4" };
-
-    // Start a request
-    engine.fetchMediaSegment(1, rendition);
-    expect(engine.getActiveSegmentRequestCount()).toBe(1);
-
-    // Cancel all requests
-    engine.cancelAllSegmentRequests();
-    expect(engine.getActiveSegmentRequestCount()).toBe(0);
-  });
-});

package/src/elements/MediaController.ts

@@ -1,98 +0,0 @@
-import type { ReactiveController, ReactiveControllerHost } from "lit";
-
-export class MediaController implements ReactiveController {
-  #src: string | null = null;
-  #assetId: string | null = null;
-
-  constructor(
-    private host: ReactiveControllerHost & {
-      src: string;
-      assetId: string | null;
-      mode: "asset" | "jit-transcode" | "auto";
-    },
-  ) {
-    this.host.addController(this);
-  }
-
-  get mode() {
-    const actualMode = this.host.mode;
-    if (actualMode === "asset" || actualMode === "jit-transcode") {
-      return actualMode;
-    }
-
-    if (this.host.assetId) {
-      return "asset";
-    }
-
-    if (!this.host.src) {
-      return "asset";
-    }
-
-    return "asset";
-  }
-
-  get src() {
-    return this.#src;
-  }
-
-  set src(value: string | null) {
-    if (this.#src !== value) {
-      this.trackUpdate("src", this.#src, value);
-      this.#src = value;
-    }
-  }
-
-  get assetId() {
-    return this.#assetId;
-  }
-  set assetId(value: string | null) {
-    if (this.#assetId !== value) {
-      this.trackUpdate("assetId", this.#assetId, value);
-      this.#assetId = value;
-    }
-  }
-
-  changes: Map<string, { oldValue: any; newValue: any }> | null = null;
-  updatePending = false;
-
-  trackUpdate(key: string, oldValue: any, newValue: any) {
-    this.changes ??= new Map<string, { oldValue: any; newValue: any }>();
-    this.changes.set(key, { oldValue, newValue });
-    if (!this.updatePending) {
-      this.updatePending = true;
-      queueMicrotask(() => {
-        this.endUpdate();
-      });
-    }
-  }
-
-  endUpdate() {
-    try {
-      if (this.changes) {
-        this.handleUpdate(this.changes);
-      }
-    } finally {
-      this.changes = null;
-      this.updatePending = false;
-    }
-  }
-
-  handleUpdate(changes: Map<string, { oldValue: any; newValue: any }>) {
-    if (changes.has("src") || changes.has("assetId") || changes.has("mode")) {
-    }
-  }
-
-  hostUpdated(): void {
-    this.src = this.host.src;
-    this.assetId = this.host.assetId;
-  }
-
-  hostConnected() {
-    this.src = this.host.src;
-    this.assetId = this.host.assetId;
-  }
-
-  hostDisconnected() {}
-
-  updated() {}
-}

package/test/__cache__/GET__api_v1_transcode_audio_1_mp4_url_http_3A_2F_2Fweb_3A3000_2Fhead_moov_480p_mp4_bytes_0__9ed2d25c675aa6bb6ff5b3ae23887c71/metadata.json

@@ -1,22 +0,0 @@
-{
-  "statusCode": 200,
-  "headers": {
-    "access-control-allow-headers": "Origin, X-Requested-With, Content-Type, Accept, Authorization, Range",
-    "access-control-allow-methods": "GET, POST, PUT, DELETE, OPTIONS",
-    "access-control-allow-origin": "*",
-    "access-control-expose-headers": "Content-Length, Content-Range, X-Cache, X-Actual-Start-Time, X-Actual-Duration, X-Transcode-Time-Ms, X-Total-Server-Time-Ms",
-    "cache-control": "public, max-age=3600",
-    "connection": "close",
-    "content-length": "33661",
-    "content-type": "video/mp4",
-    "date": "Tue, 05 Aug 2025 17:32:32 GMT",
-    "x-cache": "HIT",
-    "x-powered-by": "Express",
-    "x-total-server-time-ms": "3",
-    "x-transcode-time-ms": "0"
-  },
-  "url": "/api/v1/transcode/audio/1.mp4?url=http%3A%2F%2Fweb%3A3000%2Fhead-moov-480p.mp4",
-  "method": "GET",
-  "range": "bytes=0-",
-  "timestamp": "2025-08-05T17:32:32.538Z"
-}

package/test/__cache__/GET__api_v1_transcode_audio_2_mp4_url_http_3A_2F_2Fweb_3A3000_2Fhead_moov_480p_mp4_bytes_0__d5a3309a2bf756dd6e304807eb402f56/metadata.json

@@ -1,22 +0,0 @@
-{
-  "statusCode": 200,
-  "headers": {
-    "access-control-allow-headers": "Origin, X-Requested-With, Content-Type, Accept, Authorization, Range",
-    "access-control-allow-methods": "GET, POST, PUT, DELETE, OPTIONS",
-    "access-control-allow-origin": "*",
-    "access-control-expose-headers": "Content-Length, Content-Range, X-Cache, X-Actual-Start-Time, X-Actual-Duration, X-Transcode-Time-Ms, X-Total-Server-Time-Ms",
-    "cache-control": "public, max-age=3600",
-    "connection": "close",
-    "content-length": "33206",
-    "content-type": "video/mp4",
-    "date": "Tue, 05 Aug 2025 17:32:40 GMT",
-    "x-cache": "MISS",
-    "x-powered-by": "Express",
-    "x-total-server-time-ms": "215",
-    "x-transcode-time-ms": "209"
-  },
-  "url": "/api/v1/transcode/audio/2.mp4?url=http%3A%2F%2Fweb%3A3000%2Fhead-moov-480p.mp4",
-  "method": "GET",
-  "range": "bytes=0-",
-  "timestamp": "2025-08-05T17:32:40.581Z"
-}

package/test/__cache__/GET__api_v1_transcode_audio_3_mp4_url_http_3A_2F_2Fweb_3A3000_2Fhead_moov_480p_mp4_bytes_0__773254bb671e3466fca8677139fb239e/metadata.json

@@ -1,22 +0,0 @@
-{
-  "statusCode": 200,
-  "headers": {
-    "access-control-allow-headers": "Origin, X-Requested-With, Content-Type, Accept, Authorization, Range",
-    "access-control-allow-methods": "GET, POST, PUT, DELETE, OPTIONS",
-    "access-control-allow-origin": "*",
-    "access-control-expose-headers": "Content-Length, Content-Range, X-Cache, X-Actual-Start-Time, X-Actual-Duration, X-Transcode-Time-Ms, X-Total-Server-Time-Ms",
-    "cache-control": "public, max-age=3600",
-    "connection": "close",
-    "content-length": "32900",
-    "content-type": "video/mp4",
-    "date": "Tue, 05 Aug 2025 18:58:23 GMT",
-    "x-cache": "MISS",
-    "x-powered-by": "Express",
-    "x-total-server-time-ms": "280",
-    "x-transcode-time-ms": "265"
-  },
-  "url": "/api/v1/transcode/audio/3.mp4?url=http%3A%2F%2Fweb%3A3000%2Fhead-moov-480p.mp4",
-  "method": "GET",
-  "range": "bytes=0-",
-  "timestamp": "2025-08-05T18:58:23.587Z"
-}