@livepeer-frameworks/player-core 0.1.0 → 0.1.2

package/dist/cjs/styles/index.js

@@ -0,0 +1,57 @@
+'use strict';
+
+let stylesInjected = false;
+const STYLE_URL = "player.css";
+/**
+ * Ensures the compiled player stylesheet is imported once. When bundling with
+ * tools that respect package `style` fields, simply importing the module is enough.
+ * For host environments that do not, calling this helper will inject a link tag.
+ */
+function ensurePlayerStyles() {
+    if (typeof document === "undefined")
+        return;
+    if (stylesInjected)
+        return;
+    const existing = document.querySelector('link[data-fw-player-style="true"]');
+    if (existing) {
+        stylesInjected = true;
+        return;
+    }
+    const link = document.createElement("link");
+    link.rel = "stylesheet";
+    link.href = getStylesheetUrl();
+    link.setAttribute("data-fw-player-style", "true");
+    document.head.appendChild(link);
+    stylesInjected = true;
+}
+/**
+ * For SSR-first apps, inject the CSS manually and mark it as applied.
+ */
+function injectPlayerStyles(href) {
+    if (typeof document === "undefined")
+        return;
+    stylesInjected = true;
+    const link = document.createElement("link");
+    link.rel = "stylesheet";
+    link.href = href ?? getStylesheetUrl();
+    link.setAttribute("data-fw-player-style", "true");
+    document.head.appendChild(link);
+}
+function getStylesheetUrl() {
+    const current = typeof document !== "undefined" ? document.currentScript : null;
+    const src = current && "src" in current ? current.src : undefined;
+    if (!src)
+        return STYLE_URL;
+    try {
+        const url = new URL(src);
+        url.pathname = url.pathname.replace(/\/[^/]*$/, `/${STYLE_URL}`);
+        return url.toString();
+    }
+    catch {
+        return STYLE_URL;
+    }
+}
+
+exports.ensurePlayerStyles = ensurePlayerStyles;
+exports.injectPlayerStyles = injectPlayerStyles;
+//# sourceMappingURL=index.js.map

package/dist/cjs/styles/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/styles/index.ts"],"sourcesContent":["let stylesInjected = false;\nconst STYLE_URL = \"player.css\";\n\n/**\n * Ensures the compiled player stylesheet is imported once. When bundling with\n * tools that respect package `style` fields, simply importing the module is enough.\n * For host environments that do not, calling this helper will inject a link tag.\n */\nexport function ensurePlayerStyles(): void {\n  if (typeof document === \"undefined\") return;\n  if (stylesInjected) return;\n  const existing = document.querySelector<HTMLLinkElement>('link[data-fw-player-style=\"true\"]');\n  if (existing) {\n    stylesInjected = true;\n    return;\n  }\n\n  const link = document.createElement(\"link\");\n  link.rel = \"stylesheet\";\n  link.href = getStylesheetUrl();\n  link.setAttribute(\"data-fw-player-style\", \"true\");\n  document.head.appendChild(link);\n  stylesInjected = true;\n}\n\n/**\n * For SSR-first apps, inject the CSS manually and mark it as applied.\n */\nexport function injectPlayerStyles(href?: string): void {\n  if (typeof document === \"undefined\") return;\n  stylesInjected = true;\n  const link = document.createElement(\"link\");\n  link.rel = \"stylesheet\";\n  link.href = href ?? getStylesheetUrl();\n  link.setAttribute(\"data-fw-player-style\", \"true\");\n  document.head.appendChild(link);\n}\n\nfunction getStylesheetUrl(): string {\n  const current = typeof document !== \"undefined\" ? document.currentScript : null;\n  const src = current && \"src\" in current ? (current as HTMLScriptElement).src : undefined;\n  if (!src) return STYLE_URL;\n  try {\n    const url = new URL(src);\n    url.pathname = url.pathname.replace(/\\/[^/]*$/, `/${STYLE_URL}`);\n    return url.toString();\n  } catch {\n    return STYLE_URL;\n  }\n}\n\nexport default ensurePlayerStyles;\n"],"names":[],"mappings":";;AAAA,IAAI,cAAc,GAAG,KAAK;AAC1B,MAAM,SAAS,GAAG,YAAY;AAE9B;;;;AAIG;SACa,kBAAkB,GAAA;IAChC,IAAI,OAAO,QAAQ,KAAK,WAAW;QAAE;AACrC,IAAA,IAAI,cAAc;QAAE;IACpB,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAkB,mCAAmC,CAAC;IAC7F,IAAI,QAAQ,EAAE;QACZ,cAAc,GAAG,IAAI;QACrB;IACF;IAEA,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC;AAC3C,IAAA,IAAI,CAAC,GAAG,GAAG,YAAY;AACvB,IAAA,IAAI,CAAC,IAAI,GAAG,gBAAgB,EAAE;AAC9B,IAAA,IAAI,CAAC,YAAY,CAAC,sBAAsB,EAAE,MAAM,CAAC;AACjD,IAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;IAC/B,cAAc,GAAG,IAAI;AACvB;AAEA;;AAEG;AACG,SAAU,kBAAkB,CAAC,IAAa,EAAA;IAC9C,IAAI,OAAO,QAAQ,KAAK,WAAW;QAAE;IACrC,cAAc,GAAG,IAAI;IACrB,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC;AAC3C,IAAA,IAAI,CAAC,GAAG,GAAG,YAAY;AACvB,IAAA,IAAI,CAAC,IAAI,GAAG,IAAI,IAAI,gBAAgB,EAAE;AACtC,IAAA,IAAI,CAAC,YAAY,CAAC,sBAAsB,EAAE,MAAM,CAAC;AACjD,IAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;AACjC;AAEA,SAAS,gBAAgB,GAAA;AACvB,IAAA,MAAM,OAAO,GAAG,OAAO,QAAQ,KAAK,WAAW,GAAG,QAAQ,CAAC,aAAa,GAAG,IAAI;AAC/E,IAAA,MAAM,GAAG,GAAG,OAAO,IAAI,KAAK,IAAI,OAAO,GAAI,OAA6B,CAAC,GAAG,GAAG,SAAS;AACxF,IAAA,IAAI,CAAC,GAAG;AAAE,QAAA,OAAO,SAAS;AAC1B,IAAA,IAAI;AACF,QAAA,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,GAAG,CAAC;AACxB,QAAA,GAAG,CAAC,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC,OAAO,CAAC,UAAU,EAAE,CAAA,CAAA,EAAI,SAAS,CAAA,CAAE,CAAC;AAChE,QAAA,OAAO,GAAG,CAAC,QAAQ,EAAE;IACvB;AAAE,IAAA,MAAM;AACN,QAAA,OAAO,SAAS;IAClB;AACF;;;;;"}

package/dist/cjs/vanilla/FrameWorksPlayer.js

@@ -0,0 +1,269 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var PlayerController = require('../core/PlayerController.js');
+
+/**
+ * FrameWorksPlayer.ts
+ *
+ * Vanilla JavaScript wrapper for PlayerController.
+ * Use this class in non-React environments (Svelte, Vue, plain HTML, etc.)
+ *
+ * @example
+ * ```typescript
+ * import { FrameWorksPlayer } from '@livepeer-frameworks/player-core/vanilla';
+ * import '@livepeer-frameworks/player-core/player.css';
+ *
+ * const player = new FrameWorksPlayer('#player', {
+ *   contentId: 'pk_...',
+ *   contentType: 'live',
+ *   gatewayUrl: 'https://gateway.example.com/graphql',
+ *   onStateChange: (state) => console.log('State:', state),
+ * });
+ *
+ * // Control playback
+ * player.play();
+ * player.setVolume(0.5);
+ *
+ * // Clean up
+ * player.destroy();
+ * ```
+ */
+// ============================================================================
+// FrameWorksPlayer Class
+// ============================================================================
+/**
+ * Vanilla JavaScript player class.
+ *
+ * This is a thin wrapper around PlayerController that provides a
+ * constructor-based API suitable for non-React frameworks.
+ */
+class FrameWorksPlayer {
+    /**
+     * Create a new player instance.
+     *
+     * @param container - DOM element or CSS selector to mount the player
+     * @param options - Player options and callbacks
+     */
+    constructor(container, options) {
+        this.cleanupFns = [];
+        this.isDestroyed = false;
+        // Resolve container
+        if (typeof container === "string") {
+            this.container = document.querySelector(container);
+        }
+        else if (container instanceof HTMLElement) {
+            this.container = container;
+        }
+        else {
+            throw new Error("Container element not found or invalid");
+        }
+        if (!this.container) {
+            throw new Error("Container element not found");
+        }
+        // Normalize options (support both new and legacy config formats)
+        const normalizedOptions = this.normalizeOptions(options);
+        // Create controller config
+        const config = {
+            contentId: normalizedOptions.contentId,
+            contentType: normalizedOptions.contentType,
+            endpoints: normalizedOptions.endpoints,
+            gatewayUrl: normalizedOptions.gatewayUrl,
+            authToken: normalizedOptions.authToken,
+            autoplay: normalizedOptions.autoplay ?? true,
+            muted: normalizedOptions.muted ?? true,
+            controls: normalizedOptions.controls ?? true,
+            poster: normalizedOptions.poster,
+            debug: normalizedOptions.debug,
+        };
+        // Create controller
+        this.controller = new PlayerController.PlayerController(config);
+        // Wire up callbacks
+        this.setupCallbacks(normalizedOptions);
+        // Auto-attach to container
+        this.controller.attach(this.container).catch((err) => {
+            console.error("[FrameWorksPlayer] Failed to attach:", err);
+            normalizedOptions.onError?.(err instanceof Error ? err.message : String(err));
+        });
+    }
+    // ============================================================================
+    // Playback Control (delegated to controller)
+    // ============================================================================
+    /** Start playback */
+    play() {
+        return this.controller.play();
+    }
+    /** Pause playback */
+    pause() {
+        this.controller.pause();
+    }
+    /** Seek to time in seconds */
+    seek(time) {
+        this.controller.seek(time);
+    }
+    /** Set volume (0-1) */
+    setVolume(volume) {
+        this.controller.setVolume(volume);
+    }
+    /** Set muted state */
+    setMuted(muted) {
+        this.controller.setMuted(muted);
+    }
+    /** Set playback rate */
+    setPlaybackRate(rate) {
+        this.controller.setPlaybackRate(rate);
+    }
+    /** Jump to live edge (for live streams) */
+    jumpToLive() {
+        this.controller.jumpToLive();
+    }
+    /** Request fullscreen */
+    requestFullscreen() {
+        return this.controller.requestFullscreen();
+    }
+    /** Request Picture-in-Picture */
+    requestPiP() {
+        return this.controller.requestPiP();
+    }
+    // ============================================================================
+    // State Getters (delegated to controller)
+    // ============================================================================
+    /** Get current player state */
+    getState() {
+        return this.controller.getState();
+    }
+    /** Get current stream state (for live streams) */
+    getStreamState() {
+        return this.controller.getStreamState();
+    }
+    /** Get video element (null if not ready) */
+    getVideoElement() {
+        return this.controller.getVideoElement();
+    }
+    /** Check if player is ready */
+    isReady() {
+        return this.controller.isReady();
+    }
+    /** Get current time in seconds */
+    getCurrentTime() {
+        return this.controller.getCurrentTime();
+    }
+    /** Get duration in seconds */
+    getDuration() {
+        return this.controller.getDuration();
+    }
+    /** Check if paused */
+    isPaused() {
+        return this.controller.isPaused();
+    }
+    /** Check if muted */
+    isMuted() {
+        return this.controller.isMuted();
+    }
+    // ============================================================================
+    // Advanced Control
+    // ============================================================================
+    /** Retry playback after error */
+    retry() {
+        return this.controller.retry();
+    }
+    /** Get content metadata (title, description, duration, viewers, etc.) */
+    getMetadata() {
+        return this.controller.getMetadata();
+    }
+    /** Get playback statistics */
+    getStats() {
+        return this.controller.getStats();
+    }
+    /** Get current latency (for live streams) */
+    getLatency() {
+        return this.controller.getLatency();
+    }
+    // ============================================================================
+    // Event Subscription
+    // ============================================================================
+    /**
+     * Subscribe to a player event.
+     * @param event - Event name
+     * @param listener - Callback function
+     * @returns Unsubscribe function
+     */
+    on(event, listener) {
+        return this.controller.on(event, listener);
+    }
+    // ============================================================================
+    // Cleanup
+    // ============================================================================
+    /** Destroy the player and clean up resources */
+    destroy() {
+        if (this.isDestroyed)
+            return;
+        this.cleanupFns.forEach((fn) => {
+            try {
+                fn();
+            }
+            catch { }
+        });
+        this.cleanupFns = [];
+        this.controller.destroy();
+        this.isDestroyed = true;
+    }
+    // ============================================================================
+    // Private Methods
+    // ============================================================================
+    normalizeOptions(options) {
+        // Check if it's legacy format (has nested `options` property)
+        if ("options" in options && typeof options.options === "object") {
+            const legacy = options;
+            return {
+                contentId: legacy.contentId,
+                contentType: legacy.contentType,
+                poster: legacy.thumbnailUrl || undefined,
+                gatewayUrl: legacy.options?.gatewayUrl,
+                authToken: legacy.options?.authToken,
+                autoplay: legacy.options?.autoplay,
+                muted: legacy.options?.muted,
+                controls: legacy.options?.controls,
+                debug: legacy.options?.debug,
+            };
+        }
+        return options;
+    }
+    setupCallbacks(options) {
+        if (options.onStateChange) {
+            const unsub = this.controller.on("stateChange", ({ state, context }) => {
+                options.onStateChange(state, context);
+            });
+            this.cleanupFns.push(unsub);
+        }
+        if (options.onStreamStateChange) {
+            const unsub = this.controller.on("streamStateChange", ({ state }) => {
+                options.onStreamStateChange(state);
+            });
+            this.cleanupFns.push(unsub);
+        }
+        if (options.onTimeUpdate) {
+            const unsub = this.controller.on("timeUpdate", ({ currentTime, duration }) => {
+                options.onTimeUpdate(currentTime, duration);
+            });
+            this.cleanupFns.push(unsub);
+        }
+        if (options.onError) {
+            const unsub = this.controller.on("error", ({ error }) => {
+                options.onError(error);
+            });
+            this.cleanupFns.push(unsub);
+        }
+        if (options.onReady) {
+            const unsub = this.controller.on("ready", ({ videoElement }) => {
+                options.onReady(videoElement);
+            });
+            this.cleanupFns.push(unsub);
+        }
+    }
+}
+
+exports.FrameWorksPlayer = FrameWorksPlayer;
+exports.default = FrameWorksPlayer;
+//# sourceMappingURL=FrameWorksPlayer.js.map

package/dist/cjs/vanilla/FrameWorksPlayer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FrameWorksPlayer.js","sources":["../../../../src/vanilla/FrameWorksPlayer.ts"],"sourcesContent":["/**\n * FrameWorksPlayer.ts\n *\n * Vanilla JavaScript wrapper for PlayerController.\n * Use this class in non-React environments (Svelte, Vue, plain HTML, etc.)\n *\n * @example\n * ```typescript\n * import { FrameWorksPlayer } from '@livepeer-frameworks/player-core/vanilla';\n * import '@livepeer-frameworks/player-core/player.css';\n *\n * const player = new FrameWorksPlayer('#player', {\n *   contentId: 'pk_...',\n *   contentType: 'live',\n *   gatewayUrl: 'https://gateway.example.com/graphql',\n *   onStateChange: (state) => console.log('State:', state),\n * });\n *\n * // Control playback\n * player.play();\n * player.setVolume(0.5);\n *\n * // Clean up\n * player.destroy();\n * ```\n */\n\nimport type { PlayerControllerConfig, PlayerControllerEvents } from \"../core/PlayerController\";\nimport { PlayerController } from \"../core/PlayerController\";\nimport type {\n  PlayerState,\n  PlayerStateContext,\n  StreamState,\n  ContentEndpoints,\n  ContentType,\n} from \"../types\";\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface FrameWorksPlayerOptions {\n  /** Content identifier (stream name) */\n  contentId: string;\n  /** Content type */\n  contentType?: ContentType;\n\n  /** Pre-resolved endpoints (skip gateway) */\n  endpoints?: ContentEndpoints;\n\n  /** Gateway URL (required if endpoints not provided) */\n  gatewayUrl?: string;\n  /** Auth token for private streams */\n  authToken?: string;\n\n  /** Playback options */\n  autoplay?: boolean;\n  muted?: boolean;\n  controls?: boolean;\n  poster?: string;\n\n  /** Debug logging */\n  debug?: boolean;\n\n  // Event callbacks\n  /** Called when player state changes */\n  onStateChange?: (state: PlayerState, context?: PlayerStateContext) => void;\n  /** Called when stream state changes (for live streams) */\n  onStreamStateChange?: (state: StreamState) => void;\n  /** Called on time update during playback */\n  onTimeUpdate?: (currentTime: number, duration: number) => void;\n  /** Called on error */\n  onError?: (error: string) => void;\n  /** Called when player is ready */\n  onReady?: (videoElement: HTMLVideoElement) => void;\n}\n\n// Legacy config format for backward compatibility with Svelte wrapper\ninterface LegacyConfig {\n  contentId: string;\n  contentType?: ContentType;\n  thumbnailUrl?: string | null;\n  options?: {\n    gatewayUrl?: string;\n    autoplay?: boolean;\n    muted?: boolean;\n    controls?: boolean;\n    debug?: boolean;\n    authToken?: string;\n  };\n}\n\n// ============================================================================\n// FrameWorksPlayer Class\n// ============================================================================\n\n/**\n * Vanilla JavaScript player class.\n *\n * This is a thin wrapper around PlayerController that provides a\n * constructor-based API suitable for non-React frameworks.\n */\nexport class FrameWorksPlayer {\n  private controller: PlayerController;\n  private container: HTMLElement;\n  private cleanupFns: Array<() => void> = [];\n  private isDestroyed: boolean = false;\n\n  /**\n   * Create a new player instance.\n   *\n   * @param container - DOM element or CSS selector to mount the player\n   * @param options - Player options and callbacks\n   */\n  constructor(\n    container: HTMLElement | string | null,\n    options: FrameWorksPlayerOptions | LegacyConfig\n  ) {\n    // Resolve container\n    if (typeof container === \"string\") {\n      this.container = document.querySelector(container) as HTMLElement;\n    } else if (container instanceof HTMLElement) {\n      this.container = container;\n    } else {\n      throw new Error(\"Container element not found or invalid\");\n    }\n\n    if (!this.container) {\n      throw new Error(\"Container element not found\");\n    }\n\n    // Normalize options (support both new and legacy config formats)\n    const normalizedOptions = this.normalizeOptions(options);\n\n    // Create controller config\n    const config: PlayerControllerConfig = {\n      contentId: normalizedOptions.contentId,\n      contentType: normalizedOptions.contentType,\n      endpoints: normalizedOptions.endpoints,\n      gatewayUrl: normalizedOptions.gatewayUrl,\n      authToken: normalizedOptions.authToken,\n      autoplay: normalizedOptions.autoplay ?? true,\n      muted: normalizedOptions.muted ?? true,\n      controls: normalizedOptions.controls ?? true,\n      poster: normalizedOptions.poster,\n      debug: normalizedOptions.debug,\n    };\n\n    // Create controller\n    this.controller = new PlayerController(config);\n\n    // Wire up callbacks\n    this.setupCallbacks(normalizedOptions);\n\n    // Auto-attach to container\n    this.controller.attach(this.container).catch((err) => {\n      console.error(\"[FrameWorksPlayer] Failed to attach:\", err);\n      normalizedOptions.onError?.(err instanceof Error ? err.message : String(err));\n    });\n  }\n\n  // ============================================================================\n  // Playback Control (delegated to controller)\n  // ============================================================================\n\n  /** Start playback */\n  play(): Promise<void> {\n    return this.controller.play();\n  }\n\n  /** Pause playback */\n  pause(): void {\n    this.controller.pause();\n  }\n\n  /** Seek to time in seconds */\n  seek(time: number): void {\n    this.controller.seek(time);\n  }\n\n  /** Set volume (0-1) */\n  setVolume(volume: number): void {\n    this.controller.setVolume(volume);\n  }\n\n  /** Set muted state */\n  setMuted(muted: boolean): void {\n    this.controller.setMuted(muted);\n  }\n\n  /** Set playback rate */\n  setPlaybackRate(rate: number): void {\n    this.controller.setPlaybackRate(rate);\n  }\n\n  /** Jump to live edge (for live streams) */\n  jumpToLive(): void {\n    this.controller.jumpToLive();\n  }\n\n  /** Request fullscreen */\n  requestFullscreen(): Promise<void> {\n    return this.controller.requestFullscreen();\n  }\n\n  /** Request Picture-in-Picture */\n  requestPiP(): Promise<void> {\n    return this.controller.requestPiP();\n  }\n\n  // ============================================================================\n  // State Getters (delegated to controller)\n  // ============================================================================\n\n  /** Get current player state */\n  getState(): PlayerState {\n    return this.controller.getState();\n  }\n\n  /** Get current stream state (for live streams) */\n  getStreamState(): StreamState | null {\n    return this.controller.getStreamState();\n  }\n\n  /** Get video element (null if not ready) */\n  getVideoElement(): HTMLVideoElement | null {\n    return this.controller.getVideoElement();\n  }\n\n  /** Check if player is ready */\n  isReady(): boolean {\n    return this.controller.isReady();\n  }\n\n  /** Get current time in seconds */\n  getCurrentTime(): number {\n    return this.controller.getCurrentTime();\n  }\n\n  /** Get duration in seconds */\n  getDuration(): number {\n    return this.controller.getDuration();\n  }\n\n  /** Check if paused */\n  isPaused(): boolean {\n    return this.controller.isPaused();\n  }\n\n  /** Check if muted */\n  isMuted(): boolean {\n    return this.controller.isMuted();\n  }\n\n  // ============================================================================\n  // Advanced Control\n  // ============================================================================\n\n  /** Retry playback after error */\n  retry(): Promise<void> {\n    return this.controller.retry();\n  }\n\n  /** Get content metadata (title, description, duration, viewers, etc.) */\n  getMetadata() {\n    return this.controller.getMetadata();\n  }\n\n  /** Get playback statistics */\n  getStats(): Promise<unknown> {\n    return this.controller.getStats();\n  }\n\n  /** Get current latency (for live streams) */\n  getLatency(): Promise<unknown> {\n    return this.controller.getLatency();\n  }\n\n  // ============================================================================\n  // Event Subscription\n  // ============================================================================\n\n  /**\n   * Subscribe to a player event.\n   * @param event - Event name\n   * @param listener - Callback function\n   * @returns Unsubscribe function\n   */\n  on<K extends keyof PlayerControllerEvents>(\n    event: K,\n    listener: (data: PlayerControllerEvents[K]) => void\n  ): () => void {\n    return this.controller.on(event, listener);\n  }\n\n  // ============================================================================\n  // Cleanup\n  // ============================================================================\n\n  /** Destroy the player and clean up resources */\n  destroy(): void {\n    if (this.isDestroyed) return;\n\n    this.cleanupFns.forEach((fn) => {\n      try {\n        fn();\n      } catch {}\n    });\n    this.cleanupFns = [];\n\n    this.controller.destroy();\n    this.isDestroyed = true;\n  }\n\n  // ============================================================================\n  // Private Methods\n  // ============================================================================\n\n  private normalizeOptions(\n    options: FrameWorksPlayerOptions | LegacyConfig\n  ): FrameWorksPlayerOptions {\n    // Check if it's legacy format (has nested `options` property)\n    if (\"options\" in options && typeof options.options === \"object\") {\n      const legacy = options as LegacyConfig;\n      return {\n        contentId: legacy.contentId,\n        contentType: legacy.contentType,\n        poster: legacy.thumbnailUrl || undefined,\n        gatewayUrl: legacy.options?.gatewayUrl,\n        authToken: legacy.options?.authToken,\n        autoplay: legacy.options?.autoplay,\n        muted: legacy.options?.muted,\n        controls: legacy.options?.controls,\n        debug: legacy.options?.debug,\n      };\n    }\n\n    return options as FrameWorksPlayerOptions;\n  }\n\n  private setupCallbacks(options: FrameWorksPlayerOptions): void {\n    if (options.onStateChange) {\n      const unsub = this.controller.on(\"stateChange\", ({ state, context }) => {\n        options.onStateChange!(state, context);\n      });\n      this.cleanupFns.push(unsub);\n    }\n\n    if (options.onStreamStateChange) {\n      const unsub = this.controller.on(\"streamStateChange\", ({ state }) => {\n        options.onStreamStateChange!(state);\n      });\n      this.cleanupFns.push(unsub);\n    }\n\n    if (options.onTimeUpdate) {\n      const unsub = this.controller.on(\"timeUpdate\", ({ currentTime, duration }) => {\n        options.onTimeUpdate!(currentTime, duration);\n      });\n      this.cleanupFns.push(unsub);\n    }\n\n    if (options.onError) {\n      const unsub = this.controller.on(\"error\", ({ error }) => {\n        options.onError!(error);\n      });\n      this.cleanupFns.push(unsub);\n    }\n\n    if (options.onReady) {\n      const unsub = this.controller.on(\"ready\", ({ videoElement }) => {\n        options.onReady!(videoElement);\n      });\n      this.cleanupFns.push(unsub);\n    }\n  }\n}\n\nexport default FrameWorksPlayer;\n"],"names":["PlayerController"],"mappings":"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"}

package/dist/cjs/vanilla.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var FrameWorksPlayer = require('./vanilla/FrameWorksPlayer.js');
+
+
+
+exports.FrameWorksPlayer = FrameWorksPlayer.FrameWorksPlayer;
+exports.default = FrameWorksPlayer.FrameWorksPlayer;
+//# sourceMappingURL=vanilla.js.map

package/dist/cjs/vanilla.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vanilla.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}