@livepeer-frameworks/player-wc 0.1.9 → 0.2.1

package/dist/cjs/controllers/player-controller-host.js

@@ -1,364 +0,0 @@
-'use strict';
-
-var playerCore = require('@livepeer-frameworks/player-core');
-
-const initialState = {
-    state: "booting",
-    streamState: null,
-    endpoints: null,
-    metadata: null,
-    videoElement: null,
-    currentTime: 0,
-    duration: NaN,
-    isPlaying: false,
-    isPaused: true,
-    isBuffering: false,
-    isMuted: true,
-    volume: 1,
-    error: null,
-    errorDetails: null,
-    isPassiveError: false,
-    hasPlaybackStarted: false,
-    isHoldingSpeed: false,
-    holdSpeed: 2,
-    isHovering: false,
-    shouldShowControls: false,
-    isLoopEnabled: false,
-    isFullscreen: false,
-    isPiPActive: false,
-    isEffectivelyLive: false,
-    shouldShowIdleScreen: true,
-    currentPlayerInfo: null,
-    currentSourceInfo: null,
-    playbackQuality: null,
-    subtitlesEnabled: false,
-    qualities: [],
-    textTracks: [],
-    streamInfo: null,
-    toast: null,
-};
-class PlayerControllerHost {
-    constructor(host) {
-        this.controller = null;
-        this.unsubs = [];
-        this.currentConfig = null;
-        this.s = { ...initialState };
-        this.host = host;
-        host.addController(this);
-    }
-    // ---- Configuration & Lifecycle ----
-    configure(config) {
-        this.currentConfig = config;
-    }
-    async attach(container) {
-        if (!this.currentConfig)
-            return;
-        this.teardown();
-        const controller = new playerCore.PlayerController({
-            contentId: this.currentConfig.contentId,
-            contentType: this.currentConfig.contentType,
-            endpoints: this.currentConfig.endpoints,
-            gatewayUrl: this.currentConfig.gatewayUrl,
-            mistUrl: this.currentConfig.mistUrl,
-            authToken: this.currentConfig.authToken,
-            autoplay: this.currentConfig.autoplay,
-            muted: this.currentConfig.muted,
-            controls: this.currentConfig.controls,
-            poster: this.currentConfig.poster,
-            debug: this.currentConfig.debug,
-        });
-        this.controller = controller;
-        this.subscribeToEvents(controller);
-        this.update({ isLoopEnabled: controller.isLoopEnabled() });
-        try {
-            await controller.attach(container);
-        }
-        catch (err) {
-            console.warn("[PlayerControllerHost] Attach failed:", err);
-        }
-    }
-    hostConnected() {
-        // Controller attachment happens in firstUpdated of the host element
-    }
-    hostDisconnected() {
-        this.teardown();
-        this.s = { ...initialState };
-    }
-    teardown() {
-        this.unsubs.forEach((fn) => fn());
-        this.unsubs = [];
-        this.controller?.destroy();
-        this.controller = null;
-    }
-    // ---- State Updates ----
-    update(partial) {
-        Object.assign(this.s, partial);
-        this.host.requestUpdate();
-    }
-    syncState() {
-        if (!this.controller)
-            return;
-        const c = this.controller;
-        this.update({
-            isPlaying: c.isPlaying(),
-            isPaused: c.isPaused(),
-            isBuffering: c.isBuffering(),
-            isMuted: c.isMuted(),
-            volume: c.getVolume(),
-            hasPlaybackStarted: c.hasPlaybackStarted(),
-            shouldShowControls: c.shouldShowControls(),
-            shouldShowIdleScreen: c.shouldShowIdleScreen(),
-            playbackQuality: c.getPlaybackQuality(),
-            isLoopEnabled: c.isLoopEnabled(),
-            subtitlesEnabled: c.isSubtitlesEnabled(),
-            qualities: c.getQualities(),
-            textTracks: c.getTextTracks(),
-            streamInfo: c.getStreamInfo(),
-        });
-    }
-    // ---- Event Subscriptions (mirrors usePlayerController exactly) ----
-    subscribeToEvents(controller) {
-        const u = this.unsubs;
-        u.push(controller.on("stateChange", ({ state }) => {
-            this.update({ state });
-            this.dispatchEvent("fw-state-change", { state });
-        }));
-        u.push(controller.on("streamStateChange", ({ state: streamState }) => {
-            this.update({
-                streamState,
-                metadata: controller.getMetadata(),
-                isEffectivelyLive: controller.isEffectivelyLive(),
-                shouldShowIdleScreen: controller.shouldShowIdleScreen(),
-            });
-            this.dispatchEvent("fw-stream-state", { state: streamState });
-        }));
-        u.push(controller.on("timeUpdate", ({ currentTime, duration }) => {
-            const next = {
-                currentTime,
-                duration,
-                shouldShowControls: controller.shouldShowControls(),
-            };
-            if (this.s.qualities.length === 0) {
-                const qualities = controller.getQualities();
-                if (qualities.length > 0) {
-                    next.qualities = qualities;
-                }
-            }
-            this.update(next);
-            this.dispatchEvent("fw-time-update", { currentTime, duration });
-        }));
-        u.push(controller.on("error", ({ error }) => {
-            this.update({
-                error,
-                isPassiveError: controller.isPassiveError(),
-            });
-            this.dispatchEvent("fw-error", { error });
-        }));
-        u.push(controller.on("errorCleared", () => {
-            this.update({ error: null, isPassiveError: false });
-        }));
-        u.push(controller.on("ready", ({ videoElement }) => {
-            this.update({
-                videoElement,
-                endpoints: controller.getEndpoints(),
-                metadata: controller.getMetadata(),
-                streamInfo: controller.getStreamInfo(),
-                isEffectivelyLive: controller.isEffectivelyLive(),
-                shouldShowIdleScreen: controller.shouldShowIdleScreen(),
-                currentPlayerInfo: controller.getCurrentPlayerInfo(),
-                currentSourceInfo: controller.getCurrentSourceInfo(),
-                qualities: controller.getQualities(),
-                textTracks: controller.getTextTracks(),
-            });
-            this.dispatchEvent("fw-ready", { videoElement });
-            this.syncState();
-            const handleVideoEvent = () => {
-                if (this.controller?.shouldSuppressVideoEvents?.())
-                    return;
-                this.syncState();
-            };
-            videoElement.addEventListener("play", handleVideoEvent);
-            videoElement.addEventListener("pause", handleVideoEvent);
-            videoElement.addEventListener("waiting", handleVideoEvent);
-            videoElement.addEventListener("playing", handleVideoEvent);
-            u.push(() => {
-                videoElement.removeEventListener("play", handleVideoEvent);
-                videoElement.removeEventListener("pause", handleVideoEvent);
-                videoElement.removeEventListener("waiting", handleVideoEvent);
-                videoElement.removeEventListener("playing", handleVideoEvent);
-            });
-        }));
-        u.push(controller.on("playerSelected", ({ player: _player, source }) => {
-            this.update({
-                currentPlayerInfo: controller.getCurrentPlayerInfo(),
-                currentSourceInfo: { url: source.url, type: source.type },
-                qualities: controller.getQualities(),
-                textTracks: controller.getTextTracks(),
-            });
-            this.syncState();
-        }));
-        u.push(controller.on("volumeChange", ({ volume, muted }) => {
-            this.update({ volume, isMuted: muted });
-            this.dispatchEvent("fw-volume-change", { volume, muted });
-        }));
-        u.push(controller.on("loopChange", ({ isLoopEnabled }) => {
-            this.update({ isLoopEnabled });
-        }));
-        u.push(controller.on("fullscreenChange", ({ isFullscreen }) => {
-            this.update({ isFullscreen });
-            this.dispatchEvent("fw-fullscreen-change", { isFullscreen });
-        }));
-        u.push(controller.on("pipChange", ({ isPiP }) => {
-            this.update({ isPiPActive: isPiP });
-            this.dispatchEvent("fw-pip-change", { isPiP });
-        }));
-        u.push(controller.on("holdSpeedStart", ({ speed }) => {
-            this.update({ isHoldingSpeed: true, holdSpeed: speed });
-        }));
-        u.push(controller.on("holdSpeedEnd", () => {
-            this.update({ isHoldingSpeed: false });
-        }));
-        u.push(controller.on("hoverStart", () => {
-            this.update({ isHovering: true, shouldShowControls: true });
-        }));
-        u.push(controller.on("hoverEnd", () => {
-            this.update({
-                isHovering: false,
-                shouldShowControls: controller.shouldShowControls(),
-            });
-        }));
-        u.push(controller.on("captionsChange", ({ enabled }) => {
-            this.update({ subtitlesEnabled: enabled, textTracks: controller.getTextTracks() });
-        }));
-        u.push(controller.on("protocolSwapped", (data) => {
-            const message = `Switched to ${data.toProtocol}`;
-            this.update({ toast: { message, timestamp: Date.now() } });
-            this.dispatchEvent("fw-protocol-swapped", data);
-        }));
-        u.push(controller.on("playbackFailed", (data) => {
-            this.update({
-                error: data.message,
-                errorDetails: data.details ?? null,
-                isPassiveError: false,
-            });
-            this.dispatchEvent("fw-playback-failed", {
-                code: data.code,
-                message: data.message,
-            });
-        }));
-    }
-    // ---- Event Dispatching ----
-    dispatchEvent(name, detail) {
-        this.host.dispatchEvent(new CustomEvent(name, { detail, bubbles: true, composed: true }));
-    }
-    // ---- Action Methods ----
-    async play() {
-        await this.controller?.play();
-    }
-    pause() {
-        this.controller?.pause();
-    }
-    togglePlay() {
-        this.controller?.togglePlay();
-    }
-    seek(time) {
-        this.controller?.seek(time);
-    }
-    seekBy(delta) {
-        this.controller?.seekBy(delta);
-    }
-    jumpToLive() {
-        this.controller?.jumpToLive();
-    }
-    setVolume(volume) {
-        this.controller?.setVolume(volume);
-    }
-    toggleMute() {
-        this.controller?.toggleMute();
-    }
-    toggleLoop() {
-        this.controller?.toggleLoop();
-    }
-    async toggleFullscreen() {
-        await this.controller?.toggleFullscreen();
-    }
-    async togglePiP() {
-        await this.controller?.togglePictureInPicture();
-    }
-    toggleSubtitles() {
-        this.controller?.toggleSubtitles();
-    }
-    clearError() {
-        this.controller?.clearError();
-        this.update({ error: null, errorDetails: null, isPassiveError: false });
-    }
-    dismissToast() {
-        this.update({ toast: null });
-    }
-    async retry() {
-        await this.controller?.retry();
-    }
-    async reload() {
-        await this.controller?.reload();
-    }
-    getQualities() {
-        return this.controller?.getQualities() ?? [];
-    }
-    selectQuality(id) {
-        this.controller?.selectQuality(id);
-    }
-    getTextTracks() {
-        return this.controller?.getTextTracks() ?? [];
-    }
-    selectTextTrack(id) {
-        this.controller?.selectTextTrack(id);
-    }
-    setPlaybackRate(rate) {
-        this.controller?.setPlaybackRate(rate);
-    }
-    getSeekableStart() {
-        return this.controller?.getSeekableStart() ?? 0;
-    }
-    getLiveEdge() {
-        return this.controller?.getLiveEdge() ?? 0;
-    }
-    canSeekStream() {
-        return this.controller?.canSeekStream() ?? false;
-    }
-    getBufferedRanges() {
-        return this.controller?.getBufferedRanges() ?? null;
-    }
-    async getStats() {
-        return this.controller?.getStats();
-    }
-    handleMouseEnter() {
-        this.controller?.handleMouseEnter();
-        this.update({ isHovering: true, shouldShowControls: true });
-    }
-    handleMouseLeave() {
-        this.controller?.handleMouseLeave();
-        this.update({
-            isHovering: false,
-            shouldShowControls: this.controller?.shouldShowControls() ?? false,
-        });
-    }
-    handleMouseMove() {
-        this.controller?.handleMouseMove();
-        if (this.controller) {
-            this.update({ shouldShowControls: this.controller.shouldShowControls() });
-        }
-    }
-    handleTouchStart() {
-        this.controller?.handleTouchStart();
-        this.update({ shouldShowControls: true });
-    }
-    async setDevModeOptions(options) {
-        await this.controller?.setDevModeOptions(options);
-    }
-    getController() {
-        return this.controller;
-    }
-}
-
-exports.PlayerControllerHost = PlayerControllerHost;
-//# sourceMappingURL=player-controller-host.js.map

package/dist/cjs/controllers/player-controller-host.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"player-controller-host.js","sources":["../../../../src/controllers/player-controller-host.ts"],"sourcesContent":["/**\n * PlayerControllerHost — Lit ReactiveController wrapping the headless PlayerController.\n * Direct port of usePlayerController.ts from player-react.\n */\nimport type { ReactiveController, ReactiveControllerHost } from \"lit\";\nimport {\n  PlayerController,\n  type PlayerControllerConfig,\n  type PlayerState,\n  type StreamState,\n  type StreamInfo,\n  type PlaybackQuality,\n  type ContentEndpoints,\n  type ContentMetadata,\n  type ClassifiedError,\n} from \"@livepeer-frameworks/player-core\";\n\nexport interface PlayerControllerHostState {\n  state: PlayerState;\n  streamState: StreamState | null;\n  endpoints: ContentEndpoints | null;\n  metadata: ContentMetadata | null;\n  videoElement: HTMLVideoElement | null;\n  currentTime: number;\n  duration: number;\n  isPlaying: boolean;\n  isPaused: boolean;\n  isBuffering: boolean;\n  isMuted: boolean;\n  volume: number;\n  error: string | null;\n  errorDetails: ClassifiedError[\"details\"] | null;\n  isPassiveError: boolean;\n  hasPlaybackStarted: boolean;\n  isHoldingSpeed: boolean;\n  holdSpeed: number;\n  isHovering: boolean;\n  shouldShowControls: boolean;\n  isLoopEnabled: boolean;\n  isFullscreen: boolean;\n  isPiPActive: boolean;\n  isEffectivelyLive: boolean;\n  shouldShowIdleScreen: boolean;\n  currentPlayerInfo: { name: string; shortname: string } | null;\n  currentSourceInfo: { url: string; type: string } | null;\n  playbackQuality: PlaybackQuality | null;\n  subtitlesEnabled: boolean;\n  qualities: Array<{\n    id: string;\n    label: string;\n    bitrate?: number;\n    width?: number;\n    height?: number;\n    isAuto?: boolean;\n    active?: boolean;\n  }>;\n  textTracks: Array<{ id: string; label: string; lang?: string; active: boolean }>;\n  streamInfo: StreamInfo | null;\n  toast: { message: string; timestamp: number } | null;\n}\n\nconst initialState: PlayerControllerHostState = {\n  state: \"booting\",\n  streamState: null,\n  endpoints: null,\n  metadata: null,\n  videoElement: null,\n  currentTime: 0,\n  duration: NaN,\n  isPlaying: false,\n  isPaused: true,\n  isBuffering: false,\n  isMuted: true,\n  volume: 1,\n  error: null,\n  errorDetails: null,\n  isPassiveError: false,\n  hasPlaybackStarted: false,\n  isHoldingSpeed: false,\n  holdSpeed: 2,\n  isHovering: false,\n  shouldShowControls: false,\n  isLoopEnabled: false,\n  isFullscreen: false,\n  isPiPActive: false,\n  isEffectivelyLive: false,\n  shouldShowIdleScreen: true,\n  currentPlayerInfo: null,\n  currentSourceInfo: null,\n  playbackQuality: null,\n  subtitlesEnabled: false,\n  qualities: [],\n  textTracks: [],\n  streamInfo: null,\n  toast: null,\n};\n\ntype HostElement = ReactiveControllerHost & HTMLElement;\n\nexport class PlayerControllerHost implements ReactiveController {\n  host: HostElement;\n  private controller: PlayerController | null = null;\n  private unsubs: Array<() => void> = [];\n  private currentConfig: PlayerControllerConfig | null = null;\n\n  s: PlayerControllerHostState = { ...initialState };\n\n  constructor(host: HostElement) {\n    this.host = host;\n    host.addController(this);\n  }\n\n  // ---- Configuration & Lifecycle ----\n\n  configure(config: PlayerControllerConfig) {\n    this.currentConfig = config;\n  }\n\n  async attach(container: HTMLDivElement) {\n    if (!this.currentConfig) return;\n    this.teardown();\n\n    const controller = new PlayerController({\n      contentId: this.currentConfig.contentId,\n      contentType: this.currentConfig.contentType,\n      endpoints: this.currentConfig.endpoints,\n      gatewayUrl: this.currentConfig.gatewayUrl,\n      mistUrl: this.currentConfig.mistUrl,\n      authToken: this.currentConfig.authToken,\n      autoplay: this.currentConfig.autoplay,\n      muted: this.currentConfig.muted,\n      controls: this.currentConfig.controls,\n      poster: this.currentConfig.poster,\n      debug: this.currentConfig.debug,\n    });\n\n    this.controller = controller;\n    this.subscribeToEvents(controller);\n\n    this.update({ isLoopEnabled: controller.isLoopEnabled() });\n\n    try {\n      await controller.attach(container);\n    } catch (err) {\n      console.warn(\"[PlayerControllerHost] Attach failed:\", err);\n    }\n  }\n\n  hostConnected() {\n    // Controller attachment happens in firstUpdated of the host element\n  }\n\n  hostDisconnected() {\n    this.teardown();\n    this.s = { ...initialState };\n  }\n\n  private teardown() {\n    this.unsubs.forEach((fn) => fn());\n    this.unsubs = [];\n    this.controller?.destroy();\n    this.controller = null;\n  }\n\n  // ---- State Updates ----\n\n  private update(partial: Partial<PlayerControllerHostState>) {\n    Object.assign(this.s, partial);\n    this.host.requestUpdate();\n  }\n\n  private syncState() {\n    if (!this.controller) return;\n    const c = this.controller;\n    this.update({\n      isPlaying: c.isPlaying(),\n      isPaused: c.isPaused(),\n      isBuffering: c.isBuffering(),\n      isMuted: c.isMuted(),\n      volume: c.getVolume(),\n      hasPlaybackStarted: c.hasPlaybackStarted(),\n      shouldShowControls: c.shouldShowControls(),\n      shouldShowIdleScreen: c.shouldShowIdleScreen(),\n      playbackQuality: c.getPlaybackQuality(),\n      isLoopEnabled: c.isLoopEnabled(),\n      subtitlesEnabled: c.isSubtitlesEnabled(),\n      qualities: c.getQualities(),\n      textTracks: c.getTextTracks(),\n      streamInfo: c.getStreamInfo(),\n    });\n  }\n\n  // ---- Event Subscriptions (mirrors usePlayerController exactly) ----\n\n  private subscribeToEvents(controller: PlayerController) {\n    const u = this.unsubs;\n\n    u.push(\n      controller.on(\"stateChange\", ({ state }) => {\n        this.update({ state });\n        this.dispatchEvent(\"fw-state-change\", { state });\n      })\n    );\n\n    u.push(\n      controller.on(\"streamStateChange\", ({ state: streamState }) => {\n        this.update({\n          streamState,\n          metadata: controller.getMetadata(),\n          isEffectivelyLive: controller.isEffectivelyLive(),\n          shouldShowIdleScreen: controller.shouldShowIdleScreen(),\n        });\n        this.dispatchEvent(\"fw-stream-state\", { state: streamState });\n      })\n    );\n\n    u.push(\n      controller.on(\"timeUpdate\", ({ currentTime, duration }) => {\n        const next: Partial<PlayerControllerHostState> = {\n          currentTime,\n          duration,\n          shouldShowControls: controller.shouldShowControls(),\n        };\n        if (this.s.qualities.length === 0) {\n          const qualities = controller.getQualities();\n          if (qualities.length > 0) {\n            next.qualities = qualities;\n          }\n        }\n        this.update(next);\n        this.dispatchEvent(\"fw-time-update\", { currentTime, duration });\n      })\n    );\n\n    u.push(\n      controller.on(\"error\", ({ error }) => {\n        this.update({\n          error,\n          isPassiveError: controller.isPassiveError(),\n        });\n        this.dispatchEvent(\"fw-error\", { error });\n      })\n    );\n\n    u.push(\n      controller.on(\"errorCleared\", () => {\n        this.update({ error: null, isPassiveError: false });\n      })\n    );\n\n    u.push(\n      controller.on(\"ready\", ({ videoElement }) => {\n        this.update({\n          videoElement,\n          endpoints: controller.getEndpoints(),\n          metadata: controller.getMetadata(),\n          streamInfo: controller.getStreamInfo(),\n          isEffectivelyLive: controller.isEffectivelyLive(),\n          shouldShowIdleScreen: controller.shouldShowIdleScreen(),\n          currentPlayerInfo: controller.getCurrentPlayerInfo(),\n          currentSourceInfo: controller.getCurrentSourceInfo(),\n          qualities: controller.getQualities(),\n          textTracks: controller.getTextTracks(),\n        });\n        this.dispatchEvent(\"fw-ready\", { videoElement });\n        this.syncState();\n\n        const handleVideoEvent = () => {\n          if (this.controller?.shouldSuppressVideoEvents?.()) return;\n          this.syncState();\n        };\n        videoElement.addEventListener(\"play\", handleVideoEvent);\n        videoElement.addEventListener(\"pause\", handleVideoEvent);\n        videoElement.addEventListener(\"waiting\", handleVideoEvent);\n        videoElement.addEventListener(\"playing\", handleVideoEvent);\n        u.push(() => {\n          videoElement.removeEventListener(\"play\", handleVideoEvent);\n          videoElement.removeEventListener(\"pause\", handleVideoEvent);\n          videoElement.removeEventListener(\"waiting\", handleVideoEvent);\n          videoElement.removeEventListener(\"playing\", handleVideoEvent);\n        });\n      })\n    );\n\n    u.push(\n      controller.on(\"playerSelected\", ({ player: _player, source }) => {\n        this.update({\n          currentPlayerInfo: controller.getCurrentPlayerInfo(),\n          currentSourceInfo: { url: source.url, type: source.type },\n          qualities: controller.getQualities(),\n          textTracks: controller.getTextTracks(),\n        });\n        this.syncState();\n      })\n    );\n\n    u.push(\n      controller.on(\"volumeChange\", ({ volume, muted }) => {\n        this.update({ volume, isMuted: muted });\n        this.dispatchEvent(\"fw-volume-change\", { volume, muted });\n      })\n    );\n\n    u.push(\n      controller.on(\"loopChange\", ({ isLoopEnabled }) => {\n        this.update({ isLoopEnabled });\n      })\n    );\n\n    u.push(\n      controller.on(\"fullscreenChange\", ({ isFullscreen }) => {\n        this.update({ isFullscreen });\n        this.dispatchEvent(\"fw-fullscreen-change\", { isFullscreen });\n      })\n    );\n\n    u.push(\n      controller.on(\"pipChange\", ({ isPiP }) => {\n        this.update({ isPiPActive: isPiP });\n        this.dispatchEvent(\"fw-pip-change\", { isPiP });\n      })\n    );\n\n    u.push(\n      controller.on(\"holdSpeedStart\", ({ speed }) => {\n        this.update({ isHoldingSpeed: true, holdSpeed: speed });\n      })\n    );\n\n    u.push(\n      controller.on(\"holdSpeedEnd\", () => {\n        this.update({ isHoldingSpeed: false });\n      })\n    );\n\n    u.push(\n      controller.on(\"hoverStart\", () => {\n        this.update({ isHovering: true, shouldShowControls: true });\n      })\n    );\n\n    u.push(\n      controller.on(\"hoverEnd\", () => {\n        this.update({\n          isHovering: false,\n          shouldShowControls: controller.shouldShowControls(),\n        });\n      })\n    );\n\n    u.push(\n      controller.on(\"captionsChange\", ({ enabled }) => {\n        this.update({ subtitlesEnabled: enabled, textTracks: controller.getTextTracks() });\n      })\n    );\n\n    u.push(\n      controller.on(\"protocolSwapped\", (data) => {\n        const message = `Switched to ${data.toProtocol}`;\n        this.update({ toast: { message, timestamp: Date.now() } });\n        this.dispatchEvent(\"fw-protocol-swapped\", data);\n      })\n    );\n\n    u.push(\n      controller.on(\"playbackFailed\", (data) => {\n        this.update({\n          error: data.message,\n          errorDetails: data.details ?? null,\n          isPassiveError: false,\n        });\n        this.dispatchEvent(\"fw-playback-failed\", {\n          code: data.code,\n          message: data.message,\n        });\n      })\n    );\n  }\n\n  // ---- Event Dispatching ----\n\n  private dispatchEvent(name: string, detail: unknown) {\n    this.host.dispatchEvent(new CustomEvent(name, { detail, bubbles: true, composed: true }));\n  }\n\n  // ---- Action Methods ----\n\n  async play() {\n    await this.controller?.play();\n  }\n  pause() {\n    this.controller?.pause();\n  }\n  togglePlay() {\n    this.controller?.togglePlay();\n  }\n  seek(time: number) {\n    this.controller?.seek(time);\n  }\n  seekBy(delta: number) {\n    this.controller?.seekBy(delta);\n  }\n  jumpToLive() {\n    this.controller?.jumpToLive();\n  }\n  setVolume(volume: number) {\n    this.controller?.setVolume(volume);\n  }\n  toggleMute() {\n    this.controller?.toggleMute();\n  }\n  toggleLoop() {\n    this.controller?.toggleLoop();\n  }\n  async toggleFullscreen() {\n    await this.controller?.toggleFullscreen();\n  }\n  async togglePiP() {\n    await this.controller?.togglePictureInPicture();\n  }\n  toggleSubtitles() {\n    this.controller?.toggleSubtitles();\n  }\n\n  clearError() {\n    this.controller?.clearError();\n    this.update({ error: null, errorDetails: null, isPassiveError: false });\n  }\n\n  dismissToast() {\n    this.update({ toast: null });\n  }\n\n  async retry() {\n    await this.controller?.retry();\n  }\n  async reload() {\n    await this.controller?.reload();\n  }\n\n  getQualities() {\n    return this.controller?.getQualities() ?? [];\n  }\n  selectQuality(id: string) {\n    this.controller?.selectQuality(id);\n  }\n  getTextTracks() {\n    return this.controller?.getTextTracks() ?? [];\n  }\n  selectTextTrack(id: string | null) {\n    this.controller?.selectTextTrack(id);\n  }\n  setPlaybackRate(rate: number) {\n    this.controller?.setPlaybackRate(rate);\n  }\n  getSeekableStart() {\n    return this.controller?.getSeekableStart() ?? 0;\n  }\n  getLiveEdge() {\n    return this.controller?.getLiveEdge() ?? 0;\n  }\n  canSeekStream() {\n    return this.controller?.canSeekStream() ?? false;\n  }\n  getBufferedRanges() {\n    return this.controller?.getBufferedRanges() ?? null;\n  }\n  async getStats() {\n    return this.controller?.getStats();\n  }\n\n  handleMouseEnter() {\n    this.controller?.handleMouseEnter();\n    this.update({ isHovering: true, shouldShowControls: true });\n  }\n  handleMouseLeave() {\n    this.controller?.handleMouseLeave();\n    this.update({\n      isHovering: false,\n      shouldShowControls: this.controller?.shouldShowControls() ?? false,\n    });\n  }\n  handleMouseMove() {\n    this.controller?.handleMouseMove();\n    if (this.controller) {\n      this.update({ shouldShowControls: this.controller.shouldShowControls() });\n    }\n  }\n  handleTouchStart() {\n    this.controller?.handleTouchStart();\n    this.update({ shouldShowControls: true });\n  }\n\n  async setDevModeOptions(options: {\n    forcePlayer?: string;\n    forceType?: string;\n    forceSource?: number;\n    playbackMode?: \"auto\" | \"low-latency\" | \"quality\" | \"vod\";\n  }) {\n    await this.controller?.setDevModeOptions(options);\n  }\n\n  getController(): PlayerController | null {\n    return this.controller;\n  }\n}\n"],"names":["PlayerController"],"mappings":"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"}

package/dist/cjs/define.js

@@ -1,53 +0,0 @@
-'use strict';
-
-var fwPlayer = require('./components/fw-player.js');
-var fwPlayerControls = require('./components/fw-player-controls.js');
-var fwSeekBar = require('./components/fw-seek-bar.js');
-var fwVolumeControl = require('./components/fw-volume-control.js');
-var fwSettingsMenu = require('./components/fw-settings-menu.js');
-var fwIdleScreen = require('./components/fw-idle-screen.js');
-var fwLoadingSpinner = require('./components/fw-loading-spinner.js');
-var fwLoadingScreen = require('./components/fw-loading-screen.js');
-var fwStreamStateOverlay = require('./components/fw-stream-state-overlay.js');
-var fwThumbnailOverlay = require('./components/fw-thumbnail-overlay.js');
-var fwDvdLogo = require('./components/fw-dvd-logo.js');
-var fwTitleOverlay = require('./components/fw-title-overlay.js');
-var fwErrorOverlay = require('./components/fw-error-overlay.js');
-var fwToast = require('./components/fw-toast.js');
-var fwStatsPanel = require('./components/fw-stats-panel.js');
-var fwDevModePanel = require('./components/fw-dev-mode-panel.js');
-var fwSubtitleRenderer = require('./components/fw-subtitle-renderer.js');
-var fwSkipIndicator = require('./components/fw-skip-indicator.js');
-var fwSpeedIndicator = require('./components/fw-speed-indicator.js');
-var fwContextMenu = require('./components/fw-context-menu.js');
-
-/**
- * Side-effect import that registers all custom elements.
- * Usage: import '@livepeer-frameworks/player-wc/define';
- */
-function safeDefine(name, ctor) {
-    if (!customElements.get(name)) {
-        customElements.define(name, ctor);
-    }
-}
-safeDefine("fw-player", fwPlayer.FwPlayer);
-safeDefine("fw-player-controls", fwPlayerControls.FwPlayerControls);
-safeDefine("fw-seek-bar", fwSeekBar.FwSeekBar);
-safeDefine("fw-volume-control", fwVolumeControl.FwVolumeControl);
-safeDefine("fw-settings-menu", fwSettingsMenu.FwSettingsMenu);
-safeDefine("fw-idle-screen", fwIdleScreen.FwIdleScreen);
-safeDefine("fw-loading-spinner", fwLoadingSpinner.FwLoadingSpinner);
-safeDefine("fw-loading-screen", fwLoadingScreen.FwLoadingScreen);
-safeDefine("fw-stream-state-overlay", fwStreamStateOverlay.FwStreamStateOverlay);
-safeDefine("fw-thumbnail-overlay", fwThumbnailOverlay.FwThumbnailOverlay);
-safeDefine("fw-dvd-logo", fwDvdLogo.FwDvdLogo);
-safeDefine("fw-title-overlay", fwTitleOverlay.FwTitleOverlay);
-safeDefine("fw-error-overlay", fwErrorOverlay.FwErrorOverlay);
-safeDefine("fw-toast", fwToast.FwToast);
-safeDefine("fw-stats-panel", fwStatsPanel.FwStatsPanel);
-safeDefine("fw-dev-mode-panel", fwDevModePanel.FwDevModePanel);
-safeDefine("fw-subtitle-renderer", fwSubtitleRenderer.FwSubtitleRenderer);
-safeDefine("fw-skip-indicator", fwSkipIndicator.FwSkipIndicator);
-safeDefine("fw-speed-indicator", fwSpeedIndicator.FwSpeedIndicator);
-safeDefine("fw-context-menu", fwContextMenu.FwContextMenu);
-//# sourceMappingURL=define.js.map

package/dist/cjs/define.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"define.js","sources":["../../../src/define.ts"],"sourcesContent":["/**\n * Side-effect import that registers all custom elements.\n * Usage: import '@livepeer-frameworks/player-wc/define';\n */\nimport { FwPlayer } from \"./components/fw-player.js\";\nimport { FwPlayerControls } from \"./components/fw-player-controls.js\";\nimport { FwSeekBar } from \"./components/fw-seek-bar.js\";\nimport { FwVolumeControl } from \"./components/fw-volume-control.js\";\nimport { FwSettingsMenu } from \"./components/fw-settings-menu.js\";\nimport { FwIdleScreen } from \"./components/fw-idle-screen.js\";\nimport { FwLoadingSpinner } from \"./components/fw-loading-spinner.js\";\nimport { FwLoadingScreen } from \"./components/fw-loading-screen.js\";\nimport { FwStreamStateOverlay } from \"./components/fw-stream-state-overlay.js\";\nimport { FwThumbnailOverlay } from \"./components/fw-thumbnail-overlay.js\";\nimport { FwDvdLogo } from \"./components/fw-dvd-logo.js\";\nimport { FwTitleOverlay } from \"./components/fw-title-overlay.js\";\nimport { FwErrorOverlay } from \"./components/fw-error-overlay.js\";\nimport { FwToast } from \"./components/fw-toast.js\";\nimport { FwStatsPanel } from \"./components/fw-stats-panel.js\";\nimport { FwDevModePanel } from \"./components/fw-dev-mode-panel.js\";\nimport { FwSubtitleRenderer } from \"./components/fw-subtitle-renderer.js\";\nimport { FwSkipIndicator } from \"./components/fw-skip-indicator.js\";\nimport { FwSpeedIndicator } from \"./components/fw-speed-indicator.js\";\nimport { FwContextMenu } from \"./components/fw-context-menu.js\";\n\nfunction safeDefine(name: string, ctor: CustomElementConstructor) {\n  if (!customElements.get(name)) {\n    customElements.define(name, ctor);\n  }\n}\n\nsafeDefine(\"fw-player\", FwPlayer);\nsafeDefine(\"fw-player-controls\", FwPlayerControls);\nsafeDefine(\"fw-seek-bar\", FwSeekBar);\nsafeDefine(\"fw-volume-control\", FwVolumeControl);\nsafeDefine(\"fw-settings-menu\", FwSettingsMenu);\nsafeDefine(\"fw-idle-screen\", FwIdleScreen);\nsafeDefine(\"fw-loading-spinner\", FwLoadingSpinner);\nsafeDefine(\"fw-loading-screen\", FwLoadingScreen);\nsafeDefine(\"fw-stream-state-overlay\", FwStreamStateOverlay);\nsafeDefine(\"fw-thumbnail-overlay\", FwThumbnailOverlay);\nsafeDefine(\"fw-dvd-logo\", FwDvdLogo);\nsafeDefine(\"fw-title-overlay\", FwTitleOverlay);\nsafeDefine(\"fw-error-overlay\", FwErrorOverlay);\nsafeDefine(\"fw-toast\", FwToast);\nsafeDefine(\"fw-stats-panel\", FwStatsPanel);\nsafeDefine(\"fw-dev-mode-panel\", FwDevModePanel);\nsafeDefine(\"fw-subtitle-renderer\", FwSubtitleRenderer);\nsafeDefine(\"fw-skip-indicator\", FwSkipIndicator);\nsafeDefine(\"fw-speed-indicator\", FwSpeedIndicator);\nsafeDefine(\"fw-context-menu\", FwContextMenu);\n"],"names":["FwPlayer","FwPlayerControls","FwSeekBar","FwVolumeControl","FwSettingsMenu","FwIdleScreen","FwLoadingSpinner","FwLoadingScreen","FwStreamStateOverlay","FwThumbnailOverlay","FwDvdLogo","FwTitleOverlay","FwErrorOverlay","FwToast","FwStatsPanel","FwDevModePanel","FwSubtitleRenderer","FwSkipIndicator","FwSpeedIndicator","FwContextMenu"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;;AAGG;AAsBH,SAAS,UAAU,CAAC,IAAY,EAAE,IAA8B,EAAA;IAC9D,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;AAC7B,QAAA,cAAc,CAAC,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC;IACnC;AACF;AAEA,UAAU,CAAC,WAAW,EAAEA,iBAAQ,CAAC;AACjC,UAAU,CAAC,oBAAoB,EAAEC,iCAAgB,CAAC;AAClD,UAAU,CAAC,aAAa,EAAEC,mBAAS,CAAC;AACpC,UAAU,CAAC,mBAAmB,EAAEC,+BAAe,CAAC;AAChD,UAAU,CAAC,kBAAkB,EAAEC,6BAAc,CAAC;AAC9C,UAAU,CAAC,gBAAgB,EAAEC,yBAAY,CAAC;AAC1C,UAAU,CAAC,oBAAoB,EAAEC,iCAAgB,CAAC;AAClD,UAAU,CAAC,mBAAmB,EAAEC,+BAAe,CAAC;AAChD,UAAU,CAAC,yBAAyB,EAAEC,yCAAoB,CAAC;AAC3D,UAAU,CAAC,sBAAsB,EAAEC,qCAAkB,CAAC;AACtD,UAAU,CAAC,aAAa,EAAEC,mBAAS,CAAC;AACpC,UAAU,CAAC,kBAAkB,EAAEC,6BAAc,CAAC;AAC9C,UAAU,CAAC,kBAAkB,EAAEC,6BAAc,CAAC;AAC9C,UAAU,CAAC,UAAU,EAAEC,eAAO,CAAC;AAC/B,UAAU,CAAC,gBAAgB,EAAEC,yBAAY,CAAC;AAC1C,UAAU,CAAC,mBAAmB,EAAEC,6BAAc,CAAC;AAC/C,UAAU,CAAC,sBAAsB,EAAEC,qCAAkB,CAAC;AACtD,UAAU,CAAC,mBAAmB,EAAEC,+BAAe,CAAC;AAChD,UAAU,CAAC,oBAAoB,EAAEC,iCAAgB,CAAC;AAClD,UAAU,CAAC,iBAAiB,EAAEC,2BAAa,CAAC;;"}

package/dist/cjs/icons/index.js

@@ -1,180 +0,0 @@
-'use strict';
-
-var lit = require('lit');
-
-/**
- * SVG icons as Lit html template functions.
- * Port of Icons.tsx from player-react.
- */
-const playIcon = (size = 16, color = "currentColor") => lit.html `
-  <svg width="${size}" height="${size}" viewBox="0 0 24 24" fill="none" aria-hidden="true">
-    <path d="M8 5v14l11-7z" fill="${color}" />
-  </svg>
-`;
-const pauseIcon = (size = 16, color = "currentColor") => lit.html `
-  <svg width="${size}" height="${size}" viewBox="0 0 24 24" fill="none" aria-hidden="true">
-    <rect x="6" y="4" width="4" height="16" fill="${color}" />
-    <rect x="14" y="4" width="4" height="16" fill="${color}" />
-  </svg>
-`;
-const skipBackIcon = (size = 16, color = "currentColor") => lit.html `
-  <svg width="${size}" height="${size}" viewBox="0 0 24 24" fill="none" aria-hidden="true">
-    <path
-      d="M12 5V1L7 6l5 5V7c3.31 0 6 2.69 6 6s-2.69 6-6 6-6-2.69-6-6H4c0 4.42 3.58 8 8 8s8-3.58 8-8-3.58-8-8-8z"
-      fill="${color}"
-    />
-    ${lit.svg `<text x="12" y="15" font-size="7" font-weight="bold" fill="${color}" text-anchor="middle">10</text>`}
-  </svg>
-`;
-const skipForwardIcon = (size = 16, color = "currentColor") => lit.html `
-  <svg width="${size}" height="${size}" viewBox="0 0 24 24" fill="none" aria-hidden="true">
-    <path
-      d="M12 5V1l5 5-5 5V7c-3.31 0-6 2.69-6 6s2.69 6 6 6 6-2.69 6-6h2c0 4.42-3.58 8-8 8s-8-3.58-8-8 3.58-8 8-8z"
-      fill="${color}"
-    />
-    ${lit.svg `<text x="12" y="15" font-size="7" font-weight="bold" fill="${color}" text-anchor="middle">10</text>`}
-  </svg>
-`;
-const volumeUpIcon = (size = 16, color = "currentColor") => lit.html `
-  <svg width="${size}" height="${size}" viewBox="0 0 24 24" fill="none" aria-hidden="true">
-    <polygon points="11,5 6,9 2,9 2,15 6,15 11,19" fill="${color}" />
-    <path
-      d="M19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07"
-      stroke="${color}"
-      stroke-width="2"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-  </svg>
-`;
-const volumeOffIcon = (size = 16, color = "currentColor") => lit.html `
-  <svg width="${size}" height="${size}" viewBox="0 0 24 24" fill="none" aria-hidden="true">
-    <polygon points="11,5 6,9 2,9 2,15 6,15 11,19" fill="${color}" />
-    <line
-      x1="23"
-      y1="9"
-      x2="17"
-      y2="15"
-      stroke="${color}"
-      stroke-width="2"
-      stroke-linecap="round"
-    />
-    <line
-      x1="17"
-      y1="9"
-      x2="23"
-      y2="15"
-      stroke="${color}"
-      stroke-width="2"
-      stroke-linecap="round"
-    />
-  </svg>
-`;
-const fullscreenIcon = (size = 16, color = "currentColor") => lit.html `
-  <svg width="${size}" height="${size}" viewBox="0 0 24 24" fill="none" aria-hidden="true">
-    <path
-      d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3M3 16v3a2 2 0 0 0 2 2h3m8 0h3a2 2 0 0 0 2-2v-3"
-      stroke="${color}"
-      stroke-width="2"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-  </svg>
-`;
-const fullscreenExitIcon = (size = 16, color = "currentColor") => lit.html `
-  <svg width="${size}" height="${size}" viewBox="0 0 24 24" fill="none" aria-hidden="true">
-    <path
-      d="M8 3v3a2 2 0 0 1-2 2H3M21 8h-3a2 2 0 0 1-2-2V3M3 16h3a2 2 0 0 1 2 2v3M16 21v-3a2 2 0 0 1 2-2h3"
-      stroke="${color}"
-      stroke-width="2"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-  </svg>
-`;
-const pictureInPictureIcon = (size = 16, color = "currentColor") => lit.html `
-  <svg width="${size}" height="${size}" viewBox="0 0 24 24" fill="none" aria-hidden="true">
-    <rect
-      x="2"
-      y="3"
-      width="20"
-      height="14"
-      rx="2"
-      ry="2"
-      stroke="${color}"
-      stroke-width="2"
-      fill="none"
-    />
-    <rect x="8" y="10" width="10" height="6" rx="1" ry="1" fill="${color}" />
-  </svg>
-`;
-const settingsIcon = (size = 16, color = "currentColor") => lit.html `
-  <svg width="${size}" height="${size}" viewBox="0 0 24 24" fill="none" aria-hidden="true">
-    <path
-      d="M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z"
-      stroke="${color}"
-      stroke-width="2"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-    <path
-      d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1Z"
-      stroke="${color}"
-      stroke-width="2"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-  </svg>
-`;
-const statsIcon = (size = 16, color = "currentColor") => lit.html `
-  <svg width="${size}" height="${size}" viewBox="0 0 24 24" fill="none" aria-hidden="true">
-    <rect x="4" y="13" width="4" height="7" fill="${color}" />
-    <rect x="10" y="9" width="4" height="11" fill="${color}" />
-    <rect x="16" y="4" width="4" height="16" fill="${color}" />
-  </svg>
-`;
-const seekToLiveIcon = (size = 16, color = "currentColor") => lit.html `
-  <svg width="${size}" height="${size}" viewBox="0 0 24 24" fill="none" aria-hidden="true">
-    <path d="M5 5v14l11-7z" fill="${color}" />
-    <rect x="17" y="5" width="3" height="14" fill="${color}" />
-  </svg>
-`;
-const closeIcon = (size = 12, color = "currentColor") => lit.html `
-  <svg width="${size}" height="${size}" viewBox="0 0 12 12" fill="none" aria-hidden="true">
-    <path d="M9 3L3 9M3 3L9 9" stroke="${color}" stroke-width="1.5" stroke-linecap="round" />
-  </svg>
-`;
-const loopIcon = (size = 14, color = "currentColor") => lit.html `
-  <svg
-    width="${size}"
-    height="${size}"
-    viewBox="0 0 24 24"
-    fill="none"
-    stroke="${color}"
-    stroke-width="2"
-    stroke-linecap="round"
-    stroke-linejoin="round"
-    aria-hidden="true"
-  >
-    <polyline points="17 1 21 5 17 9"></polyline>
-    <path d="M3 11V9a4 4 0 0 1 4-4h14"></path>
-    <polyline points="7 23 3 19 7 15"></polyline>
-    <path d="M21 13v2a4 4 0 0 1-4 4H3"></path>
-  </svg>
-`;
-
-exports.closeIcon = closeIcon;
-exports.fullscreenExitIcon = fullscreenExitIcon;
-exports.fullscreenIcon = fullscreenIcon;
-exports.loopIcon = loopIcon;
-exports.pauseIcon = pauseIcon;
-exports.pictureInPictureIcon = pictureInPictureIcon;
-exports.playIcon = playIcon;
-exports.seekToLiveIcon = seekToLiveIcon;
-exports.settingsIcon = settingsIcon;
-exports.skipBackIcon = skipBackIcon;
-exports.skipForwardIcon = skipForwardIcon;
-exports.statsIcon = statsIcon;
-exports.volumeOffIcon = volumeOffIcon;
-exports.volumeUpIcon = volumeUpIcon;
-//# sourceMappingURL=index.js.map