@editframe/elements 0.24.1-beta.0 → 0.25.0-beta.0

package/dist/elements/EFCaptions.d.ts

@@ -1,119 +1,128 @@
-import { Task, TaskStatus } from '@lit/task';
-import { LitElement, PropertyValueMap } from 'lit';
-import { EFAudio } from './EFAudio.js';
-import { EFVideo } from './EFVideo.js';
-export interface WordSegment {
-    text: string;
-    start: number;
-    end: number;
+import { TemporalMixinInterface } from "./EFTemporal.js";
+import { EFSourceMixinInterface } from "./EFSourceMixin.js";
+import { FetchMixinInterface } from "./FetchMixin.js";
+import { EFAudio } from "./EFAudio.js";
+import { EFVideo } from "./EFVideo.js";
+import { Task, TaskStatus } from "@lit/task";
+import * as lit3 from "lit";
+import { LitElement, PropertyValueMap } from "lit";
+import * as lit_html3 from "lit-html";
+
+//#region src/elements/EFCaptions.d.ts
+interface WordSegment {
+  text: string;
+  start: number;
+  end: number;
 }
-export interface Segment {
-    start: number;
-    end: number;
-    text: string;
+interface Segment {
+  start: number;
+  end: number;
+  text: string;
 }
-export interface Caption {
-    segments: Segment[];
-    word_segments: WordSegment[];
+interface Caption {
+  segments: Segment[];
+  word_segments: WordSegment[];
 }
-declare const EFCaptionsActiveWord_base: (new (...args: any[]) => import('./EFTemporal.js').TemporalMixinInterface) & typeof LitElement;
-export declare class EFCaptionsActiveWord extends EFCaptionsActiveWord_base {
-    static styles: import('lit').CSSResult[];
-    render(): import('lit-html').TemplateResult<1> | undefined;
-    wordStartMs: number;
-    wordEndMs: number;
-    wordText: string;
-    wordIndex: number;
-    hidden: boolean;
-    get startTimeMs(): number;
-    get endTimeMs(): number;
-    get durationMs(): number;
+declare const EFCaptionsActiveWord_base: (new (...args: any[]) => TemporalMixinInterface) & typeof LitElement;
+declare class EFCaptionsActiveWord extends EFCaptionsActiveWord_base {
+  static styles: lit3.CSSResult[];
+  render(): lit_html3.TemplateResult<1> | undefined;
+  wordStartMs: number;
+  wordEndMs: number;
+  wordText: string;
+  wordIndex: number;
+  hidden: boolean;
+  get startTimeMs(): number;
+  get endTimeMs(): number;
+  get durationMs(): number;
 }
-declare const EFCaptionsSegment_base: (new (...args: any[]) => import('./EFTemporal.js').TemporalMixinInterface) & typeof LitElement;
-export declare class EFCaptionsSegment extends EFCaptionsSegment_base {
-    static styles: import('lit').CSSResult[];
-    render(): import('lit-html').TemplateResult<1> | undefined;
-    segmentStartMs: number;
-    segmentEndMs: number;
-    segmentText: string;
-    hidden: boolean;
-    get startTimeMs(): number;
-    get endTimeMs(): number;
-    get durationMs(): number;
+declare const EFCaptionsSegment_base: (new (...args: any[]) => TemporalMixinInterface) & typeof LitElement;
+declare class EFCaptionsSegment extends EFCaptionsSegment_base {
+  static styles: lit3.CSSResult[];
+  render(): lit_html3.TemplateResult<1> | undefined;
+  segmentStartMs: number;
+  segmentEndMs: number;
+  segmentText: string;
+  hidden: boolean;
+  get startTimeMs(): number;
+  get endTimeMs(): number;
+  get durationMs(): number;
 }
-export declare class EFCaptionsBeforeActiveWord extends EFCaptionsSegment {
-    static styles: import('lit').CSSResult[];
-    render(): import('lit-html').TemplateResult<1> | undefined;
-    hidden: boolean;
-    segmentText: string;
-    segmentStartMs: number;
-    segmentEndMs: number;
-    get startTimeMs(): number;
-    get endTimeMs(): number;
-    get durationMs(): number;
+declare class EFCaptionsBeforeActiveWord extends EFCaptionsSegment {
+  static styles: lit3.CSSResult[];
+  render(): lit_html3.TemplateResult<1> | undefined;
+  hidden: boolean;
+  segmentText: string;
+  segmentStartMs: number;
+  segmentEndMs: number;
+  get startTimeMs(): number;
+  get endTimeMs(): number;
+  get durationMs(): number;
 }
-export declare class EFCaptionsAfterActiveWord extends EFCaptionsSegment {
-    static styles: import('lit').CSSResult[];
-    render(): import('lit-html').TemplateResult<1> | undefined;
-    hidden: boolean;
-    segmentText: string;
-    segmentStartMs: number;
-    segmentEndMs: number;
-    get startTimeMs(): number;
-    get endTimeMs(): number;
-    get durationMs(): number;
+declare class EFCaptionsAfterActiveWord extends EFCaptionsSegment {
+  static styles: lit3.CSSResult[];
+  render(): lit_html3.TemplateResult<1> | undefined;
+  hidden: boolean;
+  segmentText: string;
+  segmentStartMs: number;
+  segmentEndMs: number;
+  get startTimeMs(): number;
+  get endTimeMs(): number;
+  get durationMs(): number;
 }
-declare const EFCaptions_base: (new (...args: any[]) => import('./EFSourceMixin.js').EFSourceMixinInterface) & (new (...args: any[]) => import('./EFTemporal.js').TemporalMixinInterface) & (new (...args: any[]) => import('./FetchMixin.js').FetchMixinInterface) & typeof LitElement;
-export declare class EFCaptions extends EFCaptions_base {
-    static styles: import('lit').CSSResult[];
-    targetSelector: string;
-    set target(value: string);
-    wordStyle: string;
-    /**
-     * URL or path to a JSON file containing custom captions data.
-     * The JSON should conform to the Caption interface with 'segments' and 'word_segments' arrays.
-     */
-    captionsSrc: string;
-    /**
-     * Direct captions data object. Takes priority over captions-src and captions-script.
-     * Should conform to the Caption interface with 'segments' and 'word_segments' arrays.
-     */
-    captionsData: Caption | null;
-    /**
-     * ID of a <script> element containing JSON captions data.
-     * The script's textContent should be valid JSON conforming to the Caption interface.
-     */
-    captionsScript: string;
-    activeWordContainers: HTMLCollectionOf<EFCaptionsActiveWord>;
-    segmentContainers: HTMLCollectionOf<EFCaptionsSegment>;
-    beforeActiveWordContainers: HTMLCollectionOf<EFCaptionsBeforeActiveWord>;
-    afterActiveWordContainers: HTMLCollectionOf<EFCaptionsAfterActiveWord>;
-    render(): import('lit-html').TemplateResult<1>;
-    transcriptionsPath(): string | null;
-    captionsPath(): string | null;
-    protected md5SumLoader: Task<readonly [string, typeof fetch], string | null | undefined>;
-    private transcriptionDataTask;
-    private transcriptionFragmentPath;
-    private fragmentIndexTask;
-    private customCaptionsDataTask;
-    private transcriptionFragmentDataTask;
-    unifiedCaptionsDataTask: Task<readonly [Caption | null | undefined, Caption | null | undefined], Caption | null | undefined>;
-    frameTask: Task<readonly [TaskStatus, number], void>;
-    connectedCallback(): void;
-    protected updated(changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
-    updateTextContainers(): void;
-    get targetElement(): EFAudio | EFVideo | null;
-    get hasCustomCaptionsData(): boolean;
-    get intrinsicDurationMs(): number | undefined;
-    get hasOwnDuration(): boolean;
+declare const EFCaptions_base: (new (...args: any[]) => EFSourceMixinInterface) & (new (...args: any[]) => TemporalMixinInterface) & (new (...args: any[]) => FetchMixinInterface) & typeof LitElement;
+declare class EFCaptions extends EFCaptions_base {
+  static styles: lit3.CSSResult[];
+  targetSelector: string;
+  set target(value: string);
+  wordStyle: string;
+  /**
+   * URL or path to a JSON file containing custom captions data.
+   * The JSON should conform to the Caption interface with 'segments' and 'word_segments' arrays.
+   */
+  captionsSrc: string;
+  /**
+   * Direct captions data object. Takes priority over captions-src and captions-script.
+   * Should conform to the Caption interface with 'segments' and 'word_segments' arrays.
+   */
+  captionsData: Caption | null;
+  /**
+   * ID of a <script> element containing JSON captions data.
+   * The script's textContent should be valid JSON conforming to the Caption interface.
+   */
+  captionsScript: string;
+  activeWordContainers: HTMLCollectionOf<EFCaptionsActiveWord>;
+  segmentContainers: HTMLCollectionOf<EFCaptionsSegment>;
+  beforeActiveWordContainers: HTMLCollectionOf<EFCaptionsBeforeActiveWord>;
+  afterActiveWordContainers: HTMLCollectionOf<EFCaptionsAfterActiveWord>;
+  render(): lit_html3.TemplateResult<1>;
+  transcriptionsPath(): string | null;
+  captionsPath(): string | null;
+  protected md5SumLoader: Task<readonly [string, typeof fetch], string | null | undefined>;
+  private transcriptionDataTask;
+  private transcriptionFragmentPath;
+  private fragmentIndexTask;
+  private customCaptionsDataTask;
+  private transcriptionFragmentDataTask;
+  unifiedCaptionsDataTask: Task<readonly [Caption | null | undefined, Caption | null | undefined], Caption | null | undefined>;
+  frameTask: Task<readonly [TaskStatus, number], void>;
+  connectedCallback(): void;
+  protected updated(changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
+  updateTextContainers(): void;
+  get targetElement(): EFAudio | EFVideo | null;
+  get hasCustomCaptionsData(): boolean;
+  get intrinsicDurationMs(): number | undefined;
+  get hasOwnDuration(): boolean;
 }
 declare global {
-    interface HTMLElementTagNameMap {
-        "ef-captions": EFCaptions;
-        "ef-captions-active-word": EFCaptionsActiveWord;
-        "ef-captions-segment": EFCaptionsSegment;
-        "ef-captions-before-active-word": EFCaptionsBeforeActiveWord;
-        "ef-captions-after-active-word": EFCaptionsAfterActiveWord;
-    }
+  interface HTMLElementTagNameMap {
+    "ef-captions": EFCaptions;
+    "ef-captions-active-word": EFCaptionsActiveWord;
+    "ef-captions-segment": EFCaptionsSegment;
+    "ef-captions-before-active-word": EFCaptionsBeforeActiveWord;
+    "ef-captions-after-active-word": EFCaptionsAfterActiveWord;
+  }
 }
-export {};
+//#endregion
+export { Caption, EFCaptions, EFCaptionsActiveWord, EFCaptionsAfterActiveWord, EFCaptionsBeforeActiveWord, EFCaptionsSegment };
+//# sourceMappingURL=EFCaptions.d.ts.map

package/dist/elements/EFCaptions.js

@@ -10,14 +10,16 @@ import { CrossUpdateController } from "./CrossUpdateController.js";
 import { Task, TaskStatus } from "@lit/task";
 import { LitElement, css, html } from "lit";
 import { customElement, property } from "lit/decorators.js";
-var stopWords = new Set([
+
+//#region src/elements/EFCaptions.ts
+const stopWords = new Set([
 	"",
 	".",
 	"!",
 	"?",
 	","
 ]);
-var EFCaptionsActiveWord = class EFCaptionsActiveWord$1 extends EFTemporal(LitElement) {
+let EFCaptionsActiveWord = class EFCaptionsActiveWord$1 extends EFTemporal(LitElement) {
 	constructor(..._args) {
 		super(..._args);
 		this.wordStartMs = 0;
@@ -80,7 +82,7 @@ __decorate([property({
 	reflect: true
 })], EFCaptionsActiveWord.prototype, "hidden", void 0);
 EFCaptionsActiveWord = __decorate([customElement("ef-captions-active-word")], EFCaptionsActiveWord);
-var EFCaptionsSegment = class EFCaptionsSegment$1 extends EFTemporal(LitElement) {
+let EFCaptionsSegment = class EFCaptionsSegment$1 extends EFTemporal(LitElement) {
 	constructor(..._args2) {
 		super(..._args2);
 		this.segmentStartMs = 0;
@@ -132,7 +134,7 @@ __decorate([property({
 	reflect: true
 })], EFCaptionsSegment.prototype, "hidden", void 0);
 EFCaptionsSegment = __decorate([customElement("ef-captions-segment")], EFCaptionsSegment);
-var EFCaptionsBeforeActiveWord = class EFCaptionsBeforeActiveWord$1 extends EFCaptionsSegment {
+let EFCaptionsBeforeActiveWord = class EFCaptionsBeforeActiveWord$1 extends EFCaptionsSegment {
 	constructor(..._args3) {
 		super(..._args3);
 		this.hidden = false;
@@ -190,7 +192,7 @@ __decorate([property({
 	attribute: false
 })], EFCaptionsBeforeActiveWord.prototype, "segmentEndMs", void 0);
 EFCaptionsBeforeActiveWord = __decorate([customElement("ef-captions-before-active-word")], EFCaptionsBeforeActiveWord);
-var EFCaptionsAfterActiveWord = class EFCaptionsAfterActiveWord$1 extends EFCaptionsSegment {
+let EFCaptionsAfterActiveWord = class EFCaptionsAfterActiveWord$1 extends EFCaptionsSegment {
 	constructor(..._args4) {
 		super(..._args4);
 		this.hidden = false;
@@ -247,7 +249,7 @@ __decorate([property({
 	attribute: false
 })], EFCaptionsAfterActiveWord.prototype, "segmentEndMs", void 0);
 EFCaptionsAfterActiveWord = __decorate([customElement("ef-captions-after-active-word")], EFCaptionsAfterActiveWord);
-var EFCaptions = class EFCaptions$1 extends EFSourceMixin(EFTemporal(FetchMixin(LitElement)), { assetType: "caption_files" }) {
+let EFCaptions = class EFCaptions$1 extends EFSourceMixin(EFTemporal(FetchMixin(LitElement)), { assetType: "caption_files" }) {
 	constructor(..._args5) {
 		super(..._args5);
 		this.targetSelector = "";
@@ -557,4 +559,7 @@ __decorate([property({
 	reflect: true
 })], EFCaptions.prototype, "captionsScript", void 0);
 EFCaptions = __decorate([customElement("ef-captions")], EFCaptions);
+
+//#endregion
 export { EFCaptions, EFCaptionsActiveWord, EFCaptionsAfterActiveWord, EFCaptionsBeforeActiveWord, EFCaptionsSegment };
+//# sourceMappingURL=EFCaptions.js.map

package/dist/elements/EFCaptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EFCaptions.js","names":["EFCaptionsActiveWord","EFCaptionsSegment","EFCaptionsBeforeActiveWord","EFCaptionsAfterActiveWord","EFCaptions","captionsData: Caption | null"],"sources":["../../src/elements/EFCaptions.ts"],"sourcesContent":["import { Task, TaskStatus } from \"@lit/task\";\nimport { css, html, LitElement, type PropertyValueMap } from \"lit\";\nimport { customElement, property } from \"lit/decorators.js\";\nimport type { GetISOBMFFFileTranscriptionResult } from \"../../../api/src/index.js\";\nimport { EF_INTERACTIVE } from \"../EF_INTERACTIVE.js\";\nimport { CrossUpdateController } from \"./CrossUpdateController.js\";\nimport { EFAudio } from \"./EFAudio.js\";\nimport { EFSourceMixin } from \"./EFSourceMixin.js\";\nimport { EFTemporal, flushStartTimeMsCache } from \"./EFTemporal.js\";\nimport { flushSequenceDurationCache } from \"./EFTimegroup.js\";\nimport { EFVideo } from \"./EFVideo.js\";\nimport { FetchMixin } from \"./FetchMixin.js\";\n\nexport interface WordSegment {\n  text: string;\n  start: number;\n  end: number;\n}\n\nexport interface Segment {\n  start: number;\n  end: number;\n  text: string;\n}\n\nexport interface Caption {\n  segments: Segment[];\n  word_segments: WordSegment[];\n}\n\nconst stopWords = new Set([\"\", \".\", \"!\", \"?\", \",\"]);\n\n@customElement(\"ef-captions-active-word\")\nexport class EFCaptionsActiveWord extends EFTemporal(LitElement) {\n  static styles = [\n    css`\n      :host {\n        display: inline-block;\n        white-space: normal;\n        line-height: 1;\n      }\n      :host([hidden]) {\n        opacity: 0;\n        pointer-events: none;\n      }\n    `,\n  ];\n\n  render() {\n    if (stopWords.has(this.wordText)) {\n      this.hidden = true;\n      return undefined;\n    }\n    this.hidden = false;\n\n    // Set deterministic --ef-word-seed value based on word index\n    const seed = (this.wordIndex * 9007) % 233; // Prime numbers for better distribution\n    const seedValue = seed / 233; // Normalize to 0-1 range\n    this.style.setProperty(\"--ef-word-seed\", seedValue.toString());\n\n    return html`${this.wordText}`;\n  }\n\n  @property({ type: Number, attribute: false })\n  wordStartMs = 0;\n\n  @property({ type: Number, attribute: false })\n  wordEndMs = 0;\n\n  @property({ type: String, attribute: false })\n  wordText = \"\";\n\n  @property({ type: Number, attribute: false })\n  wordIndex = 0;\n\n  @property({ type: Boolean, reflect: true })\n  hidden = false;\n\n  get startTimeMs() {\n    // Get parent captions element's absolute start time, then add our local offset\n    const parentCaptions = this.closest(\"ef-captions\") as EFCaptions;\n    const parentStartTime = parentCaptions?.startTimeMs || 0;\n    return parentStartTime + (this.wordStartMs || 0);\n  }\n\n  get endTimeMs() {\n    const parentCaptions = this.closest(\"ef-captions\") as EFCaptions;\n    const parentStartTime = parentCaptions?.startTimeMs || 0;\n    return parentStartTime + (this.wordEndMs || 0);\n  }\n\n  get durationMs(): number {\n    return this.wordEndMs - this.wordStartMs;\n  }\n}\n\n@customElement(\"ef-captions-segment\")\nexport class EFCaptionsSegment extends EFTemporal(LitElement) {\n  static styles = [\n    css`\n      :host {\n        display: inline-block;\n        white-space: normal;\n        line-height: 1;\n      }\n    `,\n  ];\n\n  render() {\n    if (stopWords.has(this.segmentText)) {\n      this.hidden = true;\n      return undefined;\n    }\n    this.hidden = false;\n    return html`${this.segmentText}`;\n  }\n\n  @property({ type: Number, attribute: false })\n  segmentStartMs = 0;\n\n  @property({ type: Number, attribute: false })\n  segmentEndMs = 0;\n\n  @property({ type: String, attribute: false })\n  segmentText = \"\";\n\n  @property({ type: Boolean, reflect: true })\n  hidden = false;\n\n  get startTimeMs() {\n    // Get parent captions element's absolute start time, then add our local offset\n    const parentCaptions = this.closest(\"ef-captions\") as EFCaptions;\n    const parentStartTime = parentCaptions?.startTimeMs || 0;\n    return parentStartTime + (this.segmentStartMs || 0);\n  }\n\n  get endTimeMs() {\n    const parentCaptions = this.closest(\"ef-captions\") as EFCaptions;\n    const parentStartTime = parentCaptions?.startTimeMs || 0;\n    return parentStartTime + (this.segmentEndMs || 0);\n  }\n\n  get durationMs(): number {\n    return this.segmentEndMs - this.segmentStartMs;\n  }\n}\n\n@customElement(\"ef-captions-before-active-word\")\nexport class EFCaptionsBeforeActiveWord extends EFCaptionsSegment {\n  static styles = [\n    css`\n      :host {\n        display: inline-block;\n        white-space: pre;\n        line-height: 1;\n      }\n      :host([hidden]) {\n        opacity: 0;\n        pointer-events: none;\n      }\n    `,\n  ];\n\n  render() {\n    if (stopWords.has(this.segmentText)) {\n      this.hidden = true;\n      return undefined;\n    }\n    this.hidden = false;\n\n    // Check if there's an active word by looking for sibling active word element\n    const activeWord = this.closest(\"ef-captions\")?.querySelector(\n      \"ef-captions-active-word\",\n    );\n    const hasActiveWord = activeWord?.wordText && !activeWord.hidden;\n\n    return html`${this.segmentText}${hasActiveWord ? \" \" : \"\"}`;\n  }\n\n  @property({ type: Boolean, reflect: true })\n  hidden = false;\n\n  @property({ type: String, attribute: false })\n  segmentText = \"\";\n\n  @property({ type: Number, attribute: false })\n  segmentStartMs = 0;\n\n  @property({ type: Number, attribute: false })\n  segmentEndMs = 0;\n\n  get startTimeMs() {\n    // Get parent captions element's absolute start time, then add our local offset\n    const parentCaptions = this.closest(\"ef-captions\") as EFCaptions;\n    const parentStartTime = parentCaptions?.startTimeMs || 0;\n    return parentStartTime + (this.segmentStartMs || 0);\n  }\n\n  get endTimeMs() {\n    const parentCaptions = this.closest(\"ef-captions\") as EFCaptions;\n    const parentStartTime = parentCaptions?.startTimeMs || 0;\n    return parentStartTime + (this.segmentEndMs || 0);\n  }\n\n  get durationMs(): number {\n    return this.segmentEndMs - this.segmentStartMs;\n  }\n}\n\n@customElement(\"ef-captions-after-active-word\")\nexport class EFCaptionsAfterActiveWord extends EFCaptionsSegment {\n  static styles = [\n    css`\n      :host {\n        display: inline-block;\n        white-space: pre;\n        line-height: 1;\n      }\n      :host([hidden]) {\n        opacity: 0;\n        pointer-events: none;\n      }\n    `,\n  ];\n\n  render() {\n    if (stopWords.has(this.segmentText)) {\n      this.hidden = true;\n      return undefined;\n    }\n    this.hidden = false;\n\n    // Check if there's an active word by looking for sibling active word element\n    const activeWord = this.closest(\"ef-captions\")?.querySelector(\n      \"ef-captions-active-word\",\n    );\n    const hasActiveWord = activeWord?.wordText && !activeWord.hidden;\n\n    return html`${hasActiveWord ? \" \" : \"\"}${this.segmentText}`;\n  }\n\n  @property({ type: Boolean, reflect: true })\n  hidden = false;\n\n  @property({ type: String, attribute: false })\n  segmentText = \"\";\n\n  @property({ type: Number, attribute: false })\n  segmentStartMs = 0;\n\n  @property({ type: Number, attribute: false })\n  segmentEndMs = 0;\n\n  get startTimeMs() {\n    // Get parent captions element's absolute start time, then add our local offset\n    const parentCaptions = this.closest(\"ef-captions\") as EFCaptions;\n    const parentStartTime = parentCaptions?.startTimeMs || 0;\n    return parentStartTime + (this.segmentStartMs || 0);\n  }\n\n  get endTimeMs() {\n    const parentCaptions = this.closest(\"ef-captions\") as EFCaptions;\n    const parentStartTime = parentCaptions?.startTimeMs || 0;\n    return parentStartTime + (this.segmentEndMs || 0);\n  }\n\n  get durationMs(): number {\n    return this.segmentEndMs - this.segmentStartMs;\n  }\n}\n\n@customElement(\"ef-captions\")\nexport class EFCaptions extends EFSourceMixin(\n  EFTemporal(FetchMixin(LitElement)),\n  { assetType: \"caption_files\" },\n) {\n  static styles = [\n    css`\n      :host {\n        display: inline-flex;\n        white-space: normal;\n        line-height: 1;\n        gap: 0;\n      }\n      ::slotted(*) {\n        display: inline-block;\n        margin: 0;\n        padding: 0;\n      }\n    `,\n  ];\n\n  @property({ type: String, attribute: \"target\", reflect: true })\n  targetSelector = \"\";\n\n  set target(value: string) {\n    this.targetSelector = value;\n  }\n\n  @property({ attribute: \"word-style\" })\n  wordStyle = \"\";\n\n  /**\n   * URL or path to a JSON file containing custom captions data.\n   * The JSON should conform to the Caption interface with 'segments' and 'word_segments' arrays.\n   */\n  @property({ type: String, attribute: \"captions-src\", reflect: true })\n  captionsSrc = \"\";\n\n  /**\n   * Direct captions data object. Takes priority over captions-src and captions-script.\n   * Should conform to the Caption interface with 'segments' and 'word_segments' arrays.\n   */\n  @property({ type: Object, attribute: false })\n  captionsData: Caption | null = null;\n\n  /**\n   * ID of a <script> element containing JSON captions data.\n   * The script's textContent should be valid JSON conforming to the Caption interface.\n   */\n  @property({ type: String, attribute: \"captions-script\", reflect: true })\n  captionsScript = \"\";\n\n  activeWordContainers = this.getElementsByTagName(\"ef-captions-active-word\");\n  segmentContainers = this.getElementsByTagName(\"ef-captions-segment\");\n  beforeActiveWordContainers = this.getElementsByTagName(\n    \"ef-captions-before-active-word\",\n  );\n  afterActiveWordContainers = this.getElementsByTagName(\n    \"ef-captions-after-active-word\",\n  );\n\n  render() {\n    return html`<slot></slot>`;\n  }\n\n  transcriptionsPath() {\n    if (!this.targetElement) {\n      return null;\n    }\n    if (this.targetElement.assetId) {\n      return `${this.apiHost}/api/v1/isobmff_files/${this.targetElement.assetId}/transcription`;\n    }\n    return null;\n  }\n\n  captionsPath() {\n    if (!this.targetElement) {\n      return null;\n    }\n    if (this.targetElement.assetId) {\n      return `${this.apiHost}/api/v1/caption_files/${this.targetElement.assetId}`;\n    }\n    const targetSrc = this.targetElement.src;\n    return `/@ef-captions/${targetSrc}`;\n  }\n\n  protected md5SumLoader = new Task(this, {\n    autoRun: false,\n    args: () => [this.target, this.fetch] as const,\n    task: async ([_target, fetch], { signal }) => {\n      if (!this.targetElement) {\n        return null;\n      }\n      const md5Path = `/@ef-asset/${this.targetElement.src ?? \"\"}`;\n      const response = await fetch(md5Path, { method: \"HEAD\", signal });\n      return response.headers.get(\"etag\") ?? undefined;\n    },\n  });\n\n  private transcriptionDataTask = new Task(this, {\n    autoRun: EF_INTERACTIVE,\n    args: () =>\n      [\n        this.transcriptionsPath(),\n        this.fetch,\n        this.hasCustomCaptionsData,\n      ] as const,\n    task: async ([transcriptionsPath, fetch, hasCustomData], { signal }) => {\n      // Skip transcription if we have custom captions data\n      if (hasCustomData || !transcriptionsPath) {\n        return null;\n      }\n      const response = await fetch(transcriptionsPath, { signal });\n      return response.json() as any as GetISOBMFFFileTranscriptionResult;\n    },\n  });\n\n  private transcriptionFragmentPath(\n    transcriptionId: string,\n    fragmentIndex: number,\n  ) {\n    return `${this.apiHost}/api/v1/transcriptions/${transcriptionId}/fragments/${fragmentIndex}`;\n  }\n\n  private fragmentIndexTask = new Task(this, {\n    autoRun: EF_INTERACTIVE,\n    args: () =>\n      [this.transcriptionDataTask.value, this.ownCurrentTimeMs] as const,\n    task: async ([transcription, ownCurrentTimeMs]) => {\n      if (!transcription) {\n        return null;\n      }\n      const fragmentIndex = Math.floor(\n        ownCurrentTimeMs / transcription.work_slice_ms,\n      );\n      return fragmentIndex;\n    },\n  });\n\n  private customCaptionsDataTask = new Task(this, {\n    autoRun: EF_INTERACTIVE,\n    args: () =>\n      [\n        this.captionsSrc,\n        this.captionsData,\n        this.captionsScript,\n        this.fetch,\n      ] as const,\n    task: async (\n      [captionsSrc, captionsData, captionsScript, fetch],\n      { signal },\n    ) => {\n      // Priority: direct data > script reference > URL source\n      if (captionsData) {\n        return captionsData;\n      }\n\n      if (captionsScript) {\n        const scriptElement = document.getElementById(captionsScript);\n        if (scriptElement?.textContent) {\n          try {\n            return JSON.parse(scriptElement.textContent) as Caption;\n          } catch (error) {\n            console.error(\n              `Failed to parse captions from script #${captionsScript}:`,\n              error,\n            );\n            return null;\n          }\n        }\n      }\n\n      if (captionsSrc) {\n        try {\n          const response = await fetch(captionsSrc, { signal });\n          return (await response.json()) as Caption;\n        } catch (error) {\n          console.error(`Failed to load captions from ${captionsSrc}:`, error);\n          return null;\n        }\n      }\n\n      return null;\n    },\n  });\n\n  private transcriptionFragmentDataTask = new Task(this, {\n    autoRun: EF_INTERACTIVE,\n    args: () =>\n      [\n        this.transcriptionDataTask.value,\n        this.fragmentIndexTask.value,\n        this.fetch,\n      ] as const,\n    task: async ([transcription, fragmentIndex, fetch], { signal }) => {\n      if (\n        transcription === null ||\n        transcription === undefined ||\n        fragmentIndex === null ||\n        fragmentIndex === undefined\n      ) {\n        return null;\n      }\n      const fragmentPath = this.transcriptionFragmentPath(\n        transcription.id,\n        fragmentIndex,\n      );\n      const response = await fetch(fragmentPath, { signal });\n      return response.json() as any as Caption;\n    },\n  });\n\n  unifiedCaptionsDataTask = new Task(this, {\n    autoRun: EF_INTERACTIVE,\n    args: () =>\n      [\n        this.customCaptionsDataTask.value,\n        this.transcriptionFragmentDataTask.value,\n      ] as const,\n    task: async ([_customData, _transcriptionData]) => {\n      if (this.customCaptionsDataTask.status === TaskStatus.PENDING) {\n        await this.customCaptionsDataTask.taskComplete;\n      }\n      if (this.transcriptionFragmentDataTask.status === TaskStatus.PENDING) {\n        await this.transcriptionFragmentDataTask.taskComplete;\n      }\n      return (\n        this.customCaptionsDataTask.value ||\n        this.transcriptionFragmentDataTask.value\n      );\n    },\n  });\n\n  frameTask = new Task(this, {\n    autoRun: EF_INTERACTIVE,\n    args: () => [this.unifiedCaptionsDataTask.status, this.ownCurrentTimeMs],\n    task: async () => {\n      await this.unifiedCaptionsDataTask.taskComplete;\n      // Trigger updateTextContainers when data is ready or time changes\n      this.updateTextContainers();\n    },\n  });\n\n  connectedCallback() {\n    super.connectedCallback();\n\n    // Try to get target element safely\n    const target = this.targetSelector\n      ? document.getElementById(this.targetSelector)\n      : null;\n    if (target && (target instanceof EFAudio || target instanceof EFVideo)) {\n      new CrossUpdateController(target, this);\n    }\n    // For standalone captions with custom data, ensure proper timeline sync\n    else if (this.hasCustomCaptionsData && this.rootTimegroup) {\n      new CrossUpdateController(this.rootTimegroup, this);\n    }\n\n    // Prevent display:none from being set on caption elements\n    // This maintains constant width in the parent flex container\n    const observer = new MutationObserver(() => {\n      if (this.style.display === \"none\") {\n        // Remove the display:none and use opacity instead\n        this.style.removeProperty(\"display\");\n        this.style.opacity = \"0\";\n        this.style.pointerEvents = \"none\";\n      }\n    });\n    observer.observe(this, { attributes: true, attributeFilter: [\"style\"] });\n  }\n\n  protected updated(\n    changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>,\n  ): void {\n    this.updateTextContainers();\n\n    // Force duration recalculation when custom captions data changes\n    if (\n      changedProperties.has(\"captionsData\") ||\n      changedProperties.has(\"captionsSrc\") ||\n      changedProperties.has(\"captionsScript\")\n    ) {\n      this.requestUpdate(\"intrinsicDurationMs\");\n\n      // Flush sequence duration cache and notify parent timegroups that child duration has changed\n      flushSequenceDurationCache();\n      flushStartTimeMsCache();\n\n      // Notify parent timegroup to recalculate its duration\n      if (this.parentTimegroup) {\n        this.parentTimegroup.requestUpdate(\"durationMs\");\n        this.parentTimegroup.requestUpdate(\"currentTime\");\n      }\n    }\n\n    // Update captions when timeline position changes\n    if (changedProperties.has(\"ownCurrentTimeMs\")) {\n      this.updateTextContainers();\n    }\n  }\n\n  updateTextContainers() {\n    const captionsData = this.unifiedCaptionsDataTask.value as Caption;\n    if (!captionsData) {\n      return;\n    }\n\n    // Use ownCurrentTimeMs which is synchronized with the timegroup\n    const currentTimeMs = this.ownCurrentTimeMs;\n    const currentTimeSec = currentTimeMs / 1000;\n\n    // Find the current word from word_segments\n    // Use exclusive end boundary to prevent overlap at exact boundaries\n    const currentWord = captionsData.word_segments.find(\n      (word) => currentTimeSec >= word.start && currentTimeSec < word.end,\n    );\n\n    // Find the current segment\n    // Use exclusive end boundary to prevent overlap at exact boundaries\n    const currentSegment = captionsData.segments.find(\n      (segment) =>\n        currentTimeSec >= segment.start && currentTimeSec < segment.end,\n    );\n\n    for (const wordContainer of this.activeWordContainers) {\n      if (currentWord) {\n        wordContainer.wordText = currentWord.text;\n        wordContainer.wordStartMs = currentWord.start * 1000;\n        wordContainer.wordEndMs = currentWord.end * 1000;\n        // Set word index for deterministic animation variation\n        const wordIndex = captionsData.word_segments.findIndex(\n          (w) =>\n            w.start === currentWord.start &&\n            w.end === currentWord.end &&\n            w.text === currentWord.text,\n        );\n        wordContainer.wordIndex = wordIndex >= 0 ? wordIndex : 0;\n        // Force re-render to update hidden property\n        wordContainer.requestUpdate();\n      } else {\n        // No active word - maintain layout with invisible placeholder\n        wordContainer.wordText = \"\"; // Empty when no active word\n        wordContainer.wordStartMs = 0;\n        wordContainer.wordEndMs = 0;\n        wordContainer.requestUpdate();\n      }\n    }\n\n    for (const segmentContainer of this.segmentContainers) {\n      if (currentSegment) {\n        segmentContainer.segmentText = currentSegment.text;\n        segmentContainer.segmentStartMs = currentSegment.start * 1000;\n        segmentContainer.segmentEndMs = currentSegment.end * 1000;\n      } else {\n        // No active segment - clear the container\n        segmentContainer.segmentText = \"\";\n        segmentContainer.segmentStartMs = 0;\n        segmentContainer.segmentEndMs = 0;\n      }\n      segmentContainer.requestUpdate();\n    }\n\n    // Process context for both word and segment cases\n    if (currentWord && currentSegment) {\n      // Find all word segments that fall within the current segment's time range\n      const segmentWords = captionsData.word_segments.filter(\n        (word) =>\n          word.start >= currentSegment.start && word.end <= currentSegment.end,\n      );\n\n      // Find the index of the current word within the segment's word segments\n      const currentWordIndex = segmentWords.findIndex(\n        (word) =>\n          word.start === currentWord.start && word.end === currentWord.end,\n      );\n\n      if (currentWordIndex !== -1) {\n        // Get words before the current word\n        const beforeWords = segmentWords\n          .slice(0, currentWordIndex)\n          .map((w) => w.text.trim())\n          .join(\" \");\n\n        // Get words after the current word\n        const afterWords = segmentWords\n          .slice(currentWordIndex + 1)\n          .map((w) => w.text.trim())\n          .join(\" \");\n\n        // Update before containers - should be visible at the same time as active word\n        for (const container of this.beforeActiveWordContainers) {\n          container.segmentText = beforeWords;\n          container.segmentStartMs = currentWord.start * 1000;\n          container.segmentEndMs = currentWord.end * 1000;\n          container.requestUpdate();\n        }\n\n        // Update after containers - should be visible at the same time as active word\n        for (const container of this.afterActiveWordContainers) {\n          container.segmentText = afterWords;\n          container.segmentStartMs = currentWord.start * 1000;\n          container.segmentEndMs = currentWord.end * 1000;\n          container.requestUpdate();\n        }\n      }\n    } else if (currentSegment) {\n      // No active word but we have an active segment\n      const segmentWords = captionsData.word_segments.filter(\n        (word) =>\n          word.start >= currentSegment.start && word.end <= currentSegment.end,\n      );\n\n      // Check if we're before the first word or after the last word\n      const firstWord = segmentWords[0];\n      const isBeforeFirstWord = firstWord && currentTimeSec < firstWord.start;\n\n      if (isBeforeFirstWord) {\n        // Before first word starts - show all words in \"after\" container (they're all upcoming)\n        const allWords = segmentWords.map((w) => w.text.trim()).join(\" \");\n\n        for (const container of this.beforeActiveWordContainers) {\n          container.segmentText = \"\"; // Nothing before yet\n          container.segmentStartMs = currentSegment.start * 1000;\n          container.segmentEndMs = currentSegment.end * 1000;\n          container.requestUpdate();\n        }\n\n        for (const container of this.afterActiveWordContainers) {\n          container.segmentText = allWords; // All words are upcoming\n          container.segmentStartMs = currentSegment.start * 1000;\n          container.segmentEndMs = currentSegment.end * 1000;\n          container.requestUpdate();\n        }\n      } else {\n        // After last word ends - show all completed words in \"before\" container\n        const allCompletedWords = segmentWords\n          .map((w) => w.text.trim())\n          .join(\" \");\n\n        for (const container of this.beforeActiveWordContainers) {\n          container.segmentText = allCompletedWords;\n          container.segmentStartMs = currentSegment.start * 1000;\n          container.segmentEndMs = currentSegment.end * 1000;\n          container.requestUpdate();\n        }\n\n        for (const container of this.afterActiveWordContainers) {\n          container.segmentText = \"\";\n          container.segmentStartMs = currentSegment.start * 1000;\n          container.segmentEndMs = currentSegment.end * 1000;\n          container.requestUpdate();\n        }\n      }\n    } else {\n      // No active segment or word - clear all context containers\n      for (const container of this.beforeActiveWordContainers) {\n        container.segmentText = \"\";\n        container.segmentStartMs = 0;\n        container.segmentEndMs = 0;\n        container.requestUpdate();\n      }\n\n      for (const container of this.afterActiveWordContainers) {\n        container.segmentText = \"\";\n        container.segmentStartMs = 0;\n        container.segmentEndMs = 0;\n        container.requestUpdate();\n      }\n    }\n  }\n\n  get targetElement() {\n    const target = document.getElementById(this.targetSelector ?? \"\");\n    if (target instanceof EFAudio || target instanceof EFVideo) {\n      return target;\n    }\n    // When using custom captions data, a target is not required\n    if (this.hasCustomCaptionsData) {\n      return null;\n    }\n    return null;\n  }\n\n  get hasCustomCaptionsData(): boolean {\n    return !!(this.captionsData || this.captionsSrc || this.captionsScript);\n  }\n\n  // Follow the exact EFMedia pattern for safe duration integration\n  get intrinsicDurationMs(): number | undefined {\n    // Direct access to custom captions data - avoiding complex task dependencies\n    // Priority: direct data > script reference > external file\n    let captionsData: Caption | null = null;\n\n    if (this.captionsData) {\n      captionsData = this.captionsData;\n    } else if (this.captionsScript) {\n      const scriptElement = document.getElementById(this.captionsScript);\n      if (scriptElement?.textContent) {\n        try {\n          captionsData = JSON.parse(scriptElement.textContent) as Caption;\n        } catch {\n          // Invalid JSON, fall through to return undefined\n        }\n      }\n    } else if (this.customCaptionsDataTask.value) {\n      captionsData = this.customCaptionsDataTask.value as Caption;\n    }\n\n    if (!captionsData) {\n      return undefined;\n    }\n\n    if (\n      captionsData.segments.length === 0 &&\n      captionsData.word_segments.length === 0\n    ) {\n      return 0;\n    }\n\n    // Find the maximum end time from both segments and word_segments\n    const maxSegmentEnd =\n      captionsData.segments.length > 0\n        ? Math.max(...captionsData.segments.map((s) => s.end))\n        : 0;\n    const maxWordEnd =\n      captionsData.word_segments.length > 0\n        ? Math.max(...captionsData.word_segments.map((w) => w.end))\n        : 0;\n\n    return Math.max(maxSegmentEnd, maxWordEnd) * 1000; // Convert to milliseconds\n  }\n\n  // Follow the exact EFMedia pattern for safe duration integration\n  get hasOwnDuration(): boolean {\n    // Simple check - if we have any form of custom captions data, we have our own duration\n    return !!(\n      this.captionsData ||\n      this.captionsScript ||\n      this.customCaptionsDataTask.value\n    );\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"ef-captions\": EFCaptions;\n    \"ef-captions-active-word\": EFCaptionsActiveWord;\n    \"ef-captions-segment\": EFCaptionsSegment;\n    \"ef-captions-before-active-word\": EFCaptionsBeforeActiveWord;\n    \"ef-captions-after-active-word\": EFCaptionsAfterActiveWord;\n  }\n}\n"],"mappings":"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"}

package/dist/elements/EFImage.d.ts

@@ -1,23 +1,34 @@
-import { Task } from '@lit/task';
-import { LitElement } from 'lit';
-declare const EFImage_base: (new (...args: any[]) => import('./EFTemporal.js').TemporalMixinInterface) & (new (...args: any[]) => import('./EFSourceMixin.js').EFSourceMixinInterface) & (new (...args: any[]) => import('./FetchMixin.js').FetchMixinInterface) & typeof LitElement;
-export declare class EFImage extends EFImage_base {
-    #private;
-    static styles: import('lit').CSSResult[];
-    imageRef: import('lit-html/directives/ref.js').Ref<HTMLImageElement>;
-    canvasRef: import('lit-html/directives/ref.js').Ref<HTMLCanvasElement>;
-    set assetId(value: string | null);
-    get assetId(): string | null;
-    render(): import('lit-html').TemplateResult<1>;
-    private isDirectUrl;
-    assetPath(): string;
-    get hasOwnDuration(): boolean;
-    fetchImage: Task<readonly [string, typeof fetch], void>;
-    frameTask: Task<readonly [import('@lit/task').TaskStatus], void>;
+import { TemporalMixinInterface } from "./EFTemporal.js";
+import { EFSourceMixinInterface } from "./EFSourceMixin.js";
+import { FetchMixinInterface } from "./FetchMixin.js";
+import * as _lit_task0 from "@lit/task";
+import { Task } from "@lit/task";
+import * as lit0 from "lit";
+import { LitElement } from "lit";
+import * as lit_html0 from "lit-html";
+import * as lit_html_directives_ref_js0 from "lit-html/directives/ref.js";
+
+//#region src/elements/EFImage.d.ts
+declare const EFImage_base: (new (...args: any[]) => TemporalMixinInterface) & (new (...args: any[]) => EFSourceMixinInterface) & (new (...args: any[]) => FetchMixinInterface) & typeof LitElement;
+declare class EFImage extends EFImage_base {
+  #private;
+  static styles: lit0.CSSResult[];
+  imageRef: lit_html_directives_ref_js0.Ref<HTMLImageElement>;
+  canvasRef: lit_html_directives_ref_js0.Ref<HTMLCanvasElement>;
+  set assetId(value: string | null);
+  get assetId(): string | null;
+  render(): lit_html0.TemplateResult<1>;
+  private isDirectUrl;
+  assetPath(): string;
+  get hasOwnDuration(): boolean;
+  fetchImage: Task<readonly [string, typeof fetch], void>;
+  frameTask: Task<readonly [_lit_task0.TaskStatus], void>;
 }
 declare global {
-    interface HTMLElementTagNameMap {
-        "ef-image": EFImage;
-    }
+  interface HTMLElementTagNameMap {
+    "ef-image": EFImage;
+  }
 }
-export {};
+//#endregion
+export { EFImage };
+//# sourceMappingURL=EFImage.d.ts.map

package/dist/elements/EFImage.js

@@ -7,7 +7,9 @@ import { Task } from "@lit/task";
 import { LitElement, css, html } from "lit";
 import { customElement, property } from "lit/decorators.js";
 import { createRef, ref } from "lit/directives/ref.js";
-var EFImage = class EFImage$1 extends EFTemporal(EFSourceMixin(FetchMixin(LitElement), { assetType: "image_files" })) {
+
+//#region src/elements/EFImage.ts
+let EFImage = class EFImage$1 extends EFTemporal(EFSourceMixin(FetchMixin(LitElement), { assetType: "image_files" })) {
 	constructor(..._args) {
 		super(..._args);
 		this.imageRef = createRef();
@@ -85,4 +87,7 @@ __decorate([property({
 	reflect: true
 })], EFImage.prototype, "assetId", null);
 EFImage = __decorate([customElement("ef-image")], EFImage);
+
+//#endregion
 export { EFImage };
+//# sourceMappingURL=EFImage.js.map

package/dist/elements/EFImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EFImage.js","names":["EFImage","#assetId"],"sources":["../../src/elements/EFImage.ts"],"sourcesContent":["import { Task } from \"@lit/task\";\nimport { css, html, LitElement } from \"lit\";\nimport { customElement, property } from \"lit/decorators.js\";\nimport { createRef, ref } from \"lit/directives/ref.js\";\nimport { EF_INTERACTIVE } from \"../EF_INTERACTIVE.js\";\nimport { EFSourceMixin } from \"./EFSourceMixin.js\";\nimport { EFTemporal } from \"./EFTemporal.js\";\nimport { FetchMixin } from \"./FetchMixin.js\";\n\n@customElement(\"ef-image\")\nexport class EFImage extends EFTemporal(\n  EFSourceMixin(FetchMixin(LitElement), {\n    assetType: \"image_files\",\n  }),\n) {\n  static styles = [\n    css`\n      :host {\n        display: block;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n      canvas, img {\n        position: static;\n        all: initial;\n        width: 100%;\n        height: 100%;\n      }\n    `,\n  ];\n\n  imageRef = createRef<HTMLImageElement>();\n  canvasRef = createRef<HTMLCanvasElement>();\n\n  #assetId: string | null = null;\n  @property({ type: String, attribute: \"asset-id\", reflect: true })\n  set assetId(value: string | null) {\n    this.#assetId = value;\n  }\n\n  get assetId() {\n    return this.#assetId ?? this.getAttribute(\"asset-id\");\n  }\n\n  render() {\n    const assetPath = this.assetPath();\n    const isDirectUrl = this.isDirectUrl(assetPath);\n    return isDirectUrl\n      ? html`<img ${ref(this.imageRef)} src=${assetPath} />`\n      : html`<canvas ${ref(this.canvasRef)}></canvas>`;\n  }\n\n  private isDirectUrl(src: string): boolean {\n    return src.startsWith(\"http://\") || src.startsWith(\"https://\");\n  }\n\n  assetPath() {\n    if (this.assetId) {\n      return `${this.apiHost}/api/v1/image_files/${this.assetId}`;\n    }\n    if (this.isDirectUrl(this.src)) {\n      return this.src;\n    }\n    return `/@ef-image/${this.src}`;\n  }\n\n  get hasOwnDuration() {\n    return this.hasExplicitDuration;\n  }\n\n  fetchImage = new Task(this, {\n    autoRun: EF_INTERACTIVE,\n    args: () => [this.assetPath(), this.fetch] as const,\n    task: async ([assetPath, fetch], { signal }) => {\n      // For direct URLs, skip task - src is set directly in render\n      if (this.isDirectUrl(assetPath)) {\n        return;\n      }\n\n      // For asset-id and local files, use canvas as before\n      const response = await fetch(assetPath, { signal });\n      const image = new Image();\n      image.src = URL.createObjectURL(await response.blob());\n\n      await new Promise((resolve, reject) => {\n        image.onload = resolve;\n        image.onerror = reject;\n      });\n\n      if (!this.canvasRef.value) throw new Error(\"Canvas not ready\");\n      const ctx = this.canvasRef.value.getContext(\"2d\");\n      if (!ctx) throw new Error(\"Canvas 2d context not ready\");\n      this.canvasRef.value.width = image.width;\n      this.canvasRef.value.height = image.height;\n      ctx.drawImage(image, 0, 0);\n    },\n  });\n\n  frameTask = new Task(this, {\n    autoRun: EF_INTERACTIVE,\n    args: () => [this.fetchImage.status] as const,\n    task: async () => {\n      await this.fetchImage.taskComplete;\n    },\n  });\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"ef-image\": EFImage;\n  }\n}\n"],"mappings":";;;;;;;;;;;AAUO,oBAAMA,kBAAgB,WAC3B,cAAc,WAAW,WAAW,EAAE,EACpC,WAAW,eACZ,CAAC,CACH,CAAC;;;kBAkBW,WAA6B;mBAC5B,WAA8B;oBAsC7B,IAAI,KAAK,MAAM;GAC1B,SAAS;GACT,YAAY,CAAC,KAAK,WAAW,EAAE,KAAK,MAAM;GAC1C,MAAM,OAAO,CAAC,WAAW,QAAQ,EAAE,aAAa;AAE9C,QAAI,KAAK,YAAY,UAAU,CAC7B;IAIF,MAAM,WAAW,MAAM,MAAM,WAAW,EAAE,QAAQ,CAAC;IACnD,MAAM,QAAQ,IAAI,OAAO;AACzB,UAAM,MAAM,IAAI,gBAAgB,MAAM,SAAS,MAAM,CAAC;AAEtD,UAAM,IAAI,SAAS,SAAS,WAAW;AACrC,WAAM,SAAS;AACf,WAAM,UAAU;MAChB;AAEF,QAAI,CAAC,KAAK,UAAU,MAAO,OAAM,IAAI,MAAM,mBAAmB;IAC9D,MAAM,MAAM,KAAK,UAAU,MAAM,WAAW,KAAK;AACjD,QAAI,CAAC,IAAK,OAAM,IAAI,MAAM,8BAA8B;AACxD,SAAK,UAAU,MAAM,QAAQ,MAAM;AACnC,SAAK,UAAU,MAAM,SAAS,MAAM;AACpC,QAAI,UAAU,OAAO,GAAG,EAAE;;GAE7B,CAAC;mBAEU,IAAI,KAAK,MAAM;GACzB,SAAS;GACT,YAAY,CAAC,KAAK,WAAW,OAAO;GACpC,MAAM,YAAY;AAChB,UAAM,KAAK,WAAW;;GAEzB,CAAC;;;gBA1Fc,CACd,GAAG;;;;;;;;;;;;;MAcJ;;CAKD,WAA0B;CAC1B,IACI,QAAQ,OAAsB;AAChC,QAAKC,UAAW;;CAGlB,IAAI,UAAU;AACZ,SAAO,MAAKA,WAAY,KAAK,aAAa,WAAW;;CAGvD,SAAS;EACP,MAAM,YAAY,KAAK,WAAW;AAElC,SADoB,KAAK,YAAY,UAAU,GAE3C,IAAI,QAAQ,IAAI,KAAK,SAAS,CAAC,OAAO,UAAU,OAChD,IAAI,WAAW,IAAI,KAAK,UAAU,CAAC;;CAGzC,AAAQ,YAAY,KAAsB;AACxC,SAAO,IAAI,WAAW,UAAU,IAAI,IAAI,WAAW,WAAW;;CAGhE,YAAY;AACV,MAAI,KAAK,QACP,QAAO,GAAG,KAAK,QAAQ,sBAAsB,KAAK;AAEpD,MAAI,KAAK,YAAY,KAAK,IAAI,CAC5B,QAAO,KAAK;AAEd,SAAO,cAAc,KAAK;;CAG5B,IAAI,iBAAiB;AACnB,SAAO,KAAK;;;YAhCb,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAY,SAAS;CAAM,CAAC;sBA3BlE,cAAc,WAAW"}

package/dist/elements/EFMedia/AssetIdMediaEngine.js

@@ -1,4 +1,6 @@
 import { AssetMediaEngine } from "./AssetMediaEngine.js";
+
+//#region src/elements/EFMedia/AssetIdMediaEngine.ts
 var AssetIdMediaEngine = class AssetIdMediaEngine extends AssetMediaEngine {
 	static async fetchByAssetId(host, _urlGenerator, assetId, apiHost) {
 		const url = `${apiHost}/api/v1/isobmff_files/${assetId}/index`;
@@ -47,4 +49,7 @@ var AssetIdMediaEngine = class AssetIdMediaEngine extends AssetMediaEngine {
 		return globalTimestamps.map((globalMs) => (globalMs - segmentStartMs) / 1e3);
 	}
 };
+
+//#endregion
 export { AssetIdMediaEngine };
+//# sourceMappingURL=AssetIdMediaEngine.js.map

package/dist/elements/EFMedia/AssetIdMediaEngine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetIdMediaEngine.js","names":["assetId: string","apiHost: string","paths: InitSegmentPaths"],"sources":["../../../src/elements/EFMedia/AssetIdMediaEngine.ts"],"sourcesContent":["import type { TrackFragmentIndex } from \"@editframe/assets\";\nimport type {\n  InitSegmentPaths,\n  MediaEngine,\n  VideoRendition,\n} from \"../../transcoding/types\";\nimport type { UrlGenerator } from \"../../transcoding/utils/UrlGenerator\";\nimport type { EFMedia } from \"../EFMedia\";\nimport { AssetMediaEngine } from \"./AssetMediaEngine\";\n\nexport class AssetIdMediaEngine\n  extends AssetMediaEngine\n  implements MediaEngine\n{\n  static async fetchByAssetId(\n    host: EFMedia,\n    _urlGenerator: UrlGenerator,\n    assetId: string,\n    apiHost: string,\n  ) {\n    const url = `${apiHost}/api/v1/isobmff_files/${assetId}/index`;\n    const response = await host.fetch(url);\n    const data = (await response.json()) as Record<number, TrackFragmentIndex>;\n    return new AssetIdMediaEngine(host, assetId, data, apiHost);\n  }\n\n  constructor(\n    host: EFMedia,\n    public assetId: string,\n    data: Record<number, TrackFragmentIndex>,\n    private apiHost: string,\n  ) {\n    // Pass assetId as src to parent constructor for compatibility\n    super(host, assetId);\n    // Initialize data after parent constructor\n    this.data = data;\n\n    // Calculate duration from the data\n    const longestFragment = Object.values(this.data).reduce(\n      (max, fragment) => Math.max(max, fragment.duration / fragment.timescale),\n      0,\n    );\n    this.durationMs = longestFragment * 1000;\n  }\n\n  // Override URL-building methods to use API endpoints instead of file paths\n  get initSegmentPaths() {\n    const paths: InitSegmentPaths = {};\n\n    if (this.audioTrackIndex !== undefined) {\n      paths.audio = {\n        path: `${this.apiHost}/api/v1/isobmff_tracks/${this.assetId}/${this.audioTrackIndex.track}`,\n        pos: this.audioTrackIndex.initSegment.offset,\n        size: this.audioTrackIndex.initSegment.size,\n      };\n    }\n\n    if (this.videoTrackIndex !== undefined) {\n      paths.video = {\n        path: `${this.apiHost}/api/v1/isobmff_tracks/${this.assetId}/${this.videoTrackIndex.track}`,\n        pos: this.videoTrackIndex.initSegment.offset,\n        size: this.videoTrackIndex.initSegment.size,\n      };\n    }\n\n    return paths;\n  }\n\n  get templates() {\n    return {\n      initSegment: `${this.apiHost}/api/v1/isobmff_tracks/${this.assetId}/{trackId}`,\n      mediaSegment: `${this.apiHost}/api/v1/isobmff_tracks/${this.assetId}/{trackId}`,\n    };\n  }\n\n  buildInitSegmentUrl(trackId: number) {\n    return `${this.apiHost}/api/v1/isobmff_tracks/${this.assetId}/${trackId}`;\n  }\n\n  buildMediaSegmentUrl(trackId: number, _segmentId: number) {\n    return `${this.apiHost}/api/v1/isobmff_tracks/${this.assetId}/${trackId}`;\n  }\n\n  convertToSegmentRelativeTimestamps(\n    globalTimestamps: number[],\n    segmentId: number,\n    rendition: VideoRendition,\n  ): number[] {\n    if (!rendition.trackId) {\n      throw new Error(\n        \"[convertToSegmentRelativeTimestamps] Track ID is required for asset metadata\",\n      );\n    }\n    // For AssetMediaEngine, we need to calculate the actual segment start time\n    // using the precise segment boundaries from the track fragment index\n    const trackData = this.data[rendition.trackId];\n    if (!trackData) {\n      throw new Error(\"Track not found\");\n    }\n    const segment = trackData.segments?.[segmentId];\n    if (!segment) {\n      throw new Error(\"Segment not found\");\n    }\n    const segmentStartMs = (segment.cts / trackData.timescale) * 1000;\n\n    return globalTimestamps.map(\n      (globalMs) => (globalMs - segmentStartMs) / 1000,\n    );\n  }\n}\n"],"mappings":";;;AAUA,IAAa,qBAAb,MAAa,2BACH,iBAEV;CACE,aAAa,eACX,MACA,eACA,SACA,SACA;EACA,MAAM,MAAM,GAAG,QAAQ,wBAAwB,QAAQ;AAGvD,SAAO,IAAI,mBAAmB,MAAM,SADtB,OADG,MAAM,KAAK,MAAM,IAAI,EACT,MAAM,EACgB,QAAQ;;CAG7D,YACE,MACA,AAAOA,SACP,MACA,AAAQC,SACR;AAEA,QAAM,MAAM,QAAQ;EALb;EAEC;AAKR,OAAK,OAAO;AAOZ,OAAK,aAJmB,OAAO,OAAO,KAAK,KAAK,CAAC,QAC9C,KAAK,aAAa,KAAK,IAAI,KAAK,SAAS,WAAW,SAAS,UAAU,EACxE,EACD,GACmC;;CAItC,IAAI,mBAAmB;EACrB,MAAMC,QAA0B,EAAE;AAElC,MAAI,KAAK,oBAAoB,OAC3B,OAAM,QAAQ;GACZ,MAAM,GAAG,KAAK,QAAQ,yBAAyB,KAAK,QAAQ,GAAG,KAAK,gBAAgB;GACpF,KAAK,KAAK,gBAAgB,YAAY;GACtC,MAAM,KAAK,gBAAgB,YAAY;GACxC;AAGH,MAAI,KAAK,oBAAoB,OAC3B,OAAM,QAAQ;GACZ,MAAM,GAAG,KAAK,QAAQ,yBAAyB,KAAK,QAAQ,GAAG,KAAK,gBAAgB;GACpF,KAAK,KAAK,gBAAgB,YAAY;GACtC,MAAM,KAAK,gBAAgB,YAAY;GACxC;AAGH,SAAO;;CAGT,IAAI,YAAY;AACd,SAAO;GACL,aAAa,GAAG,KAAK,QAAQ,yBAAyB,KAAK,QAAQ;GACnE,cAAc,GAAG,KAAK,QAAQ,yBAAyB,KAAK,QAAQ;GACrE;;CAGH,oBAAoB,SAAiB;AACnC,SAAO,GAAG,KAAK,QAAQ,yBAAyB,KAAK,QAAQ,GAAG;;CAGlE,qBAAqB,SAAiB,YAAoB;AACxD,SAAO,GAAG,KAAK,QAAQ,yBAAyB,KAAK,QAAQ,GAAG;;CAGlE,mCACE,kBACA,WACA,WACU;AACV,MAAI,CAAC,UAAU,QACb,OAAM,IAAI,MACR,+EACD;EAIH,MAAM,YAAY,KAAK,KAAK,UAAU;AACtC,MAAI,CAAC,UACH,OAAM,IAAI,MAAM,kBAAkB;EAEpC,MAAM,UAAU,UAAU,WAAW;AACrC,MAAI,CAAC,QACH,OAAM,IAAI,MAAM,oBAAoB;EAEtC,MAAM,iBAAkB,QAAQ,MAAM,UAAU,YAAa;AAE7D,SAAO,iBAAiB,KACrB,cAAc,WAAW,kBAAkB,IAC7C"}

package/dist/elements/EFMedia/AssetMediaEngine.js

@@ -1,6 +1,8 @@
 import { withSpan } from "../../otel/tracingHelpers.js";
 import { BaseMediaEngine } from "./BaseMediaEngine.js";
 import { convertToScaledTime, roundToMilliseconds } from "./shared/PrecisionUtils.js";
+
+//#region src/elements/EFMedia/AssetMediaEngine.ts
 var AssetMediaEngine = class AssetMediaEngine extends BaseMediaEngine {
 	constructor(host, src) {
 		super(host);
@@ -97,6 +99,9 @@ var AssetMediaEngine = class AssetMediaEngine extends BaseMediaEngine {
 			return this.fetchMediaWithHeaders(url, headers, signal);
 		});
 	}
+	/**
+	* Calculate audio segments for variable-duration segments using track fragment index
+	*/
 	calculateAudioSegmentRange(fromMs, toMs, rendition, _durationMs) {
 		if (fromMs >= toMs || !rendition.trackId) {
 			console.warn(`calculateAudioSegmentRange: invalid fromMs ${fromMs} toMs ${toMs} rendition ${JSON.stringify(rendition)}`);
@@ -159,6 +164,10 @@ var AssetMediaEngine = class AssetMediaEngine extends BaseMediaEngine {
 		return nearestSegmentIndex;
 	}
 	getScrubVideoRendition() {}
+	/**
+	* Get preferred buffer configuration for this media engine
+	* AssetMediaEngine uses lower buffering since segments are already optimized
+	*/
 	getBufferConfig() {
 		return {
 			videoBufferDurationMs: 2e3,
@@ -179,4 +188,7 @@ var AssetMediaEngine = class AssetMediaEngine extends BaseMediaEngine {
 		}
 	}
 };
+
+//#endregion
 export { AssetMediaEngine };
+//# sourceMappingURL=AssetMediaEngine.js.map

package/dist/elements/EFMedia/AssetMediaEngine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetMediaEngine.js","names":["paths: InitSegmentPaths","segmentRanges: SegmentTimeRange[]","distance: number"],"sources":["../../../src/elements/EFMedia/AssetMediaEngine.ts"],"sourcesContent":["import type { TrackFragmentIndex } from \"@editframe/assets\";\n\nimport { withSpan } from \"../../otel/tracingHelpers.js\";\nimport type {\n  AudioRendition,\n  InitSegmentPaths,\n  MediaEngine,\n  SegmentTimeRange,\n  VideoRendition,\n} from \"../../transcoding/types\";\nimport type { UrlGenerator } from \"../../transcoding/utils/UrlGenerator\";\nimport type { EFMedia } from \"../EFMedia\";\nimport { BaseMediaEngine } from \"./BaseMediaEngine\";\nimport type { MediaRendition } from \"./shared/MediaTaskUtils\";\nimport {\n  convertToScaledTime,\n  roundToMilliseconds,\n} from \"./shared/PrecisionUtils\";\n\nexport class AssetMediaEngine extends BaseMediaEngine implements MediaEngine {\n  public src: string;\n  protected data: Record<number, TrackFragmentIndex> = {};\n  durationMs = 0;\n\n  constructor(host: EFMedia, src: string) {\n    super(host);\n    this.src = src;\n  }\n\n  static async fetch(host: EFMedia, urlGenerator: UrlGenerator, src: string) {\n    const engine = new AssetMediaEngine(host, src);\n    const url = urlGenerator.generateTrackFragmentIndexUrl(src);\n    const data = await engine.fetchManifest(url);\n    engine.data = data as Record<number, TrackFragmentIndex>;\n\n    // Calculate duration from the data\n    const longestFragment = Object.values(engine.data).reduce(\n      (max, fragment) => Math.max(max, fragment.duration / fragment.timescale),\n      0,\n    );\n    engine.durationMs = longestFragment * 1000;\n\n    if (src.startsWith(\"/\")) {\n      engine.src = src.slice(1);\n    }\n    return engine;\n  }\n\n  get audioTrackIndex() {\n    return Object.values(this.data).find((track) => track.type === \"audio\");\n  }\n\n  get videoTrackIndex() {\n    return Object.values(this.data).find((track) => track.type === \"video\");\n  }\n\n  get videoRendition() {\n    const videoTrack = this.videoTrackIndex;\n\n    if (!videoTrack || videoTrack.track === undefined) {\n      return undefined;\n    }\n\n    return {\n      trackId: videoTrack.track,\n      src: this.src,\n      startTimeOffsetMs: videoTrack.startTimeOffsetMs,\n    };\n  }\n\n  get audioRendition() {\n    const audioTrack = this.audioTrackIndex;\n\n    if (!audioTrack || audioTrack.track === undefined) {\n      return undefined;\n    }\n\n    return {\n      trackId: audioTrack.track,\n      src: this.src,\n    };\n  }\n\n  get initSegmentPaths() {\n    const paths: InitSegmentPaths = {};\n\n    if (this.audioTrackIndex !== undefined) {\n      paths.audio = {\n        path: `@ef-track/${this.audioTrackIndex.track}.m4s`,\n        pos: this.audioTrackIndex.initSegment.offset,\n        size: this.audioTrackIndex.initSegment.size,\n      };\n    }\n\n    if (this.videoTrackIndex !== undefined) {\n      paths.video = {\n        path: `/@ef-track/${this.videoTrackIndex.track}.m4s`,\n        pos: this.videoTrackIndex.initSegment.offset,\n        size: this.videoTrackIndex.initSegment.size,\n      };\n    }\n\n    return paths;\n  }\n\n  get templates() {\n    return {\n      initSegment: \"/@ef-track/{src}?trackId={trackId}\",\n      mediaSegment: \"/@ef-track/{src}?trackId={trackId}\",\n    };\n  }\n\n  buildInitSegmentUrl(trackId: number) {\n    return `/@ef-track/${this.src}?trackId=${trackId}`;\n  }\n\n  buildMediaSegmentUrl(trackId: number, segmentId: number) {\n    return `/@ef-track/${this.src}?trackId=${trackId}&segmentId=${segmentId}`;\n  }\n\n  async fetchInitSegment(\n    rendition: { trackId: number | undefined; src: string },\n    signal: AbortSignal,\n  ) {\n    return withSpan(\n      \"assetEngine.fetchInitSegment\",\n      {\n        trackId: rendition.trackId || -1,\n        src: rendition.src,\n      },\n      undefined,\n      async (span) => {\n        if (!rendition.trackId) {\n          throw new Error(\n            \"[fetchInitSegment] Track ID is required for asset metadata\",\n          );\n        }\n        const url = this.buildInitSegmentUrl(rendition.trackId);\n        const initSegment = this.data[rendition.trackId]?.initSegment;\n        if (!initSegment) {\n          throw new Error(\"Init segment not found\");\n        }\n\n        span.setAttribute(\"offset\", initSegment.offset);\n        span.setAttribute(\"size\", initSegment.size);\n\n        // Use unified fetch method with Range headers\n        const headers = {\n          Range: `bytes=${initSegment.offset}-${initSegment.offset + initSegment.size - 1}`,\n        };\n\n        return this.fetchMediaWithHeaders(url, headers, signal);\n      },\n    );\n  }\n\n  async fetchMediaSegment(\n    segmentId: number,\n    rendition: { trackId: number | undefined; src: string },\n    signal?: AbortSignal,\n  ) {\n    return withSpan(\n      \"assetEngine.fetchMediaSegment\",\n      {\n        segmentId,\n        trackId: rendition.trackId || -1,\n        src: rendition.src,\n      },\n      undefined,\n      async (span) => {\n        if (!rendition.trackId) {\n          throw new Error(\n            \"[fetchMediaSegment] Track ID is required for asset metadata\",\n          );\n        }\n        if (segmentId === undefined) {\n          throw new Error(\"Segment ID is not available\");\n        }\n        const url = this.buildMediaSegmentUrl(rendition.trackId, segmentId);\n        const mediaSegment = this.data[rendition.trackId]?.segments[segmentId];\n        if (!mediaSegment) {\n          throw new Error(\"Media segment not found\");\n        }\n\n        span.setAttribute(\"offset\", mediaSegment.offset);\n        span.setAttribute(\"size\", mediaSegment.size);\n\n        // Use unified fetch method with Range headers\n        const headers = {\n          Range: `bytes=${mediaSegment.offset}-${mediaSegment.offset + mediaSegment.size - 1}`,\n        };\n\n        return this.fetchMediaWithHeaders(url, headers, signal);\n      },\n    );\n  }\n\n  /**\n   * Calculate audio segments for variable-duration segments using track fragment index\n   */\n  calculateAudioSegmentRange(\n    fromMs: number,\n    toMs: number,\n    rendition: AudioRendition,\n    _durationMs: number,\n  ): SegmentTimeRange[] {\n    if (fromMs >= toMs || !rendition.trackId) {\n      console.warn(\n        `calculateAudioSegmentRange: invalid fromMs ${fromMs} toMs ${toMs} rendition ${JSON.stringify(\n          rendition,\n        )}`,\n      );\n      return [];\n    }\n\n    const track = this.data[rendition.trackId];\n    if (!track) {\n      console.warn(\n        `calculateAudioSegmentRange: track not found for rendition ${JSON.stringify(\n          rendition,\n        )}`,\n      );\n      return [];\n    }\n\n    const { timescale, segments } = track;\n    const segmentRanges: SegmentTimeRange[] = [];\n\n    for (let i = 0; i < segments.length; i++) {\n      // biome-ignore lint/style/noNonNullAssertion: we know the segment is not null\n      const segment = segments[i]!;\n      const segmentStartTime = segment.cts;\n      const segmentEndTime = segment.cts + segment.duration;\n\n      // Convert to milliseconds\n      const segmentStartMs = (segmentStartTime / timescale) * 1000;\n      const segmentEndMs = (segmentEndTime / timescale) * 1000;\n\n      // Check if segment overlaps with requested time range\n      if (segmentStartMs < toMs && segmentEndMs > fromMs) {\n        segmentRanges.push({\n          segmentId: i, // AssetMediaEngine uses 0-based segment IDs\n          startMs: segmentStartMs,\n          endMs: segmentEndMs,\n        });\n      }\n    }\n    if (segmentRanges.length === 0) {\n      console.warn(\n        `calculateAudioSegmentRange: no segments found for fromMs ${fromMs} toMs ${toMs} rendition ${JSON.stringify(\n          {\n            rendition,\n            track,\n          },\n        )}`,\n      );\n    }\n\n    return segmentRanges;\n  }\n\n  computeSegmentId(seekTimeMs: number, rendition: MediaRendition) {\n    if (!rendition.trackId) {\n      console.warn(\n        `computeSegmentId: trackId not found for rendition ${JSON.stringify(\n          rendition,\n        )}`,\n      );\n      throw new Error(\n        \"[computeSegmentId] Track ID is required for asset metadata\",\n      );\n    }\n    const track = this.data[rendition.trackId];\n    if (!track) {\n      throw new Error(\"Track not found\");\n    }\n    const { timescale, segments } = track;\n\n    // Apply startTimeOffsetMs to map user timeline to media timeline for segment selection\n    const startTimeOffsetMs =\n      (\"startTimeOffsetMs\" in rendition && rendition.startTimeOffsetMs) || 0;\n\n    const offsetSeekTimeMs = roundToMilliseconds(\n      seekTimeMs + startTimeOffsetMs,\n    );\n    // Convert to timescale units using consistent precision\n    const scaledSeekTime = convertToScaledTime(offsetSeekTimeMs, timescale);\n\n    // Find the segment that contains the actual seek time\n    for (let i = segments.length - 1; i >= 0; i--) {\n      // biome-ignore lint/style/noNonNullAssertion: we know the segment is not null\n      const segment = segments[i]!;\n      const segmentEndTime = segment.cts + segment.duration;\n\n      // Check if the seek time falls within this segment\n      if (segment.cts <= scaledSeekTime && scaledSeekTime < segmentEndTime) {\n        return i;\n      }\n    }\n\n    // Handle gaps: if no exact segment contains the time, find the nearest one\n    // This handles cases where seek time falls between segments (like 8041.667ms)\n    let nearestSegmentIndex = 0;\n    let nearestDistance = Number.MAX_SAFE_INTEGER;\n\n    for (let i = 0; i < segments.length; i++) {\n      // biome-ignore lint/style/noNonNullAssertion: we know the segment is not null\n      const segment = segments[i]!;\n      const segmentStartTime = segment.cts;\n      const segmentEndTime = segment.cts + segment.duration;\n\n      let distance: number;\n      if (scaledSeekTime < segmentStartTime) {\n        // Time is before this segment\n        distance = segmentStartTime - scaledSeekTime;\n      } else if (scaledSeekTime >= segmentEndTime) {\n        // Time is after this segment\n        distance = scaledSeekTime - segmentEndTime;\n      } else {\n        // Time is within this segment (should have been caught above, but just in case)\n        return i;\n      }\n\n      if (distance < nearestDistance) {\n        nearestDistance = distance;\n        nearestSegmentIndex = i;\n      }\n    }\n\n    return nearestSegmentIndex;\n  }\n\n  getScrubVideoRendition(): VideoRendition | undefined {\n    // AssetMediaEngine does not have a dedicated scrub track\n    return undefined;\n  }\n\n  /**\n   * Get preferred buffer configuration for this media engine\n   * AssetMediaEngine uses lower buffering since segments are already optimized\n   */\n  getBufferConfig() {\n    return {\n      // Buffer just 1 segment ahead (~2 seconds) for assets\n      videoBufferDurationMs: 2000,\n      audioBufferDurationMs: 2000,\n      maxVideoBufferFetches: 1,\n      maxAudioBufferFetches: 1,\n    };\n  }\n\n  // AssetMediaEngine inherits the default extractThumbnails from BaseMediaEngine\n  // which provides a clear warning that this engine type is not supported\n\n  convertToSegmentRelativeTimestamps(\n    globalTimestamps: number[],\n    segmentId: number,\n    rendition: VideoRendition,\n  ): number[] {\n    {\n      // Asset: MediaBunny expects segment-relative timestamps in seconds\n      // This is because Asset segments are independent timeline fragments\n\n      if (!rendition.trackId) {\n        throw new Error(\"Track ID is required for asset metadata\");\n      }\n      // For AssetMediaEngine, we need to calculate the actual segment start time\n      // using the precise segment boundaries from the track fragment index\n      const trackData = this.data[rendition.trackId];\n      if (!trackData) {\n        throw new Error(\"Track not found\");\n      }\n      const segment = trackData.segments?.[segmentId];\n      if (!segment) {\n        throw new Error(\"Segment not found\");\n      }\n      const segmentStartMs = (segment.cts / trackData.timescale) * 1000;\n\n      return globalTimestamps.map(\n        (globalMs) => (globalMs - segmentStartMs) / 1000,\n      );\n    }\n  }\n}\n"],"mappings":"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"}