@livepeer-frameworks/player-svelte 0.1.1 → 0.1.2

package/dist/icons/FullscreenExitIcon.svelte

@@ -8,11 +8,7 @@
     class?: string;
   }
 
-  let {
-    size = 16,
-    color = 'currentColor',
-    class: className = '',
-  }: Props = $props();
+  let { size = 16, color = "currentColor", class: className = "" }: Props = $props();
 </script>
 
 <svg

package/dist/icons/FullscreenIcon.svelte

@@ -8,11 +8,7 @@
     class?: string;
   }
 
-  let {
-    size = 16,
-    color = 'currentColor',
-    class: className = '',
-  }: Props = $props();
+  let { size = 16, color = "currentColor", class: className = "" }: Props = $props();
 </script>
 
 <svg

package/dist/icons/PauseIcon.svelte

@@ -8,11 +8,7 @@
     class?: string;
   }
 
-  let {
-    size = 16,
-    color = 'currentColor',
-    class: className = '',
-  }: Props = $props();
+  let { size = 16, color = "currentColor", class: className = "" }: Props = $props();
 </script>
 
 <svg

package/dist/icons/PictureInPictureIcon.svelte

@@ -8,11 +8,7 @@
     class?: string;
   }
 
-  let {
-    size = 16,
-    color = 'currentColor',
-    class: className = '',
-  }: Props = $props();
+  let { size = 16, color = "currentColor", class: className = "" }: Props = $props();
 </script>
 
 <svg
@@ -23,6 +19,16 @@
   class={className}
   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="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>

package/dist/icons/PlayIcon.svelte

@@ -8,11 +8,7 @@
     class?: string;
   }
 
-  let {
-    size = 16,
-    color = 'currentColor',
-    class: className = '',
-  }: Props = $props();
+  let { size = 16, color = "currentColor", class: className = "" }: Props = $props();
 </script>
 
 <svg

package/dist/icons/SeekToLiveIcon.svelte

@@ -8,11 +8,7 @@
     class?: string;
   }
 
-  let {
-    size = 16,
-    color = 'currentColor',
-    class: className = '',
-  }: Props = $props();
+  let { size = 16, color = "currentColor", class: className = "" }: Props = $props();
 </script>
 
 <svg

package/dist/icons/SettingsIcon.svelte

@@ -8,11 +8,7 @@
     class?: string;
   }
 
-  let {
-    size = 16,
-    color = 'currentColor',
-    class: className = '',
-  }: Props = $props();
+  let { size = 16, color = "currentColor", class: className = "" }: Props = $props();
 </script>
 
 <svg

package/dist/icons/SkipBackIcon.svelte

@@ -8,11 +8,7 @@
     class?: string;
   }
 
-  let {
-    size = 16,
-    color = 'currentColor',
-    class: className = '',
-  }: Props = $props();
+  let { size = 16, color = "currentColor", class: className = "" }: Props = $props();
 </script>
 
 <svg

package/dist/icons/SkipForwardIcon.svelte

@@ -8,11 +8,7 @@
     class?: string;
   }
 
-  let {
-    size = 16,
-    color = 'currentColor',
-    class: className = '',
-  }: Props = $props();
+  let { size = 16, color = "currentColor", class: className = "" }: Props = $props();
 </script>
 
 <svg

package/dist/icons/StatsIcon.svelte

@@ -8,11 +8,7 @@
     class?: string;
   }
 
-  let {
-    size = 16,
-    color = 'currentColor',
-    class: className = '',
-  }: Props = $props();
+  let { size = 16, color = "currentColor", class: className = "" }: Props = $props();
 </script>
 
 <svg

package/dist/icons/VolumeOffIcon.svelte

@@ -8,11 +8,7 @@
     class?: string;
   }
 
-  let {
-    size = 16,
-    color = 'currentColor',
-    class: className = '',
-  }: Props = $props();
+  let { size = 16, color = "currentColor", class: className = "" }: Props = $props();
 </script>
 
 <svg

package/dist/icons/VolumeUpIcon.svelte

@@ -8,11 +8,7 @@
     class?: string;
   }
 
-  let {
-    size = 16,
-    color = 'currentColor',
-    class: className = '',
-  }: Props = $props();
+  let { size = 16, color = "currentColor", class: className = "" }: Props = $props();
 </script>
 
 <svg

package/dist/icons/index.d.ts

@@ -3,15 +3,15 @@
  *
  * Port of src/components/Icons.tsx
  */
-export { default as PlayIcon } from './PlayIcon.svelte';
-export { default as PauseIcon } from './PauseIcon.svelte';
-export { default as SkipBackIcon } from './SkipBackIcon.svelte';
-export { default as SkipForwardIcon } from './SkipForwardIcon.svelte';
-export { default as VolumeUpIcon } from './VolumeUpIcon.svelte';
-export { default as VolumeOffIcon } from './VolumeOffIcon.svelte';
-export { default as FullscreenIcon } from './FullscreenIcon.svelte';
-export { default as FullscreenExitIcon } from './FullscreenExitIcon.svelte';
-export { default as SettingsIcon } from './SettingsIcon.svelte';
-export { default as StatsIcon } from './StatsIcon.svelte';
-export { default as PictureInPictureIcon } from './PictureInPictureIcon.svelte';
-export { default as SeekToLiveIcon } from './SeekToLiveIcon.svelte';
+export { default as PlayIcon } from "./PlayIcon.svelte";
+export { default as PauseIcon } from "./PauseIcon.svelte";
+export { default as SkipBackIcon } from "./SkipBackIcon.svelte";
+export { default as SkipForwardIcon } from "./SkipForwardIcon.svelte";
+export { default as VolumeUpIcon } from "./VolumeUpIcon.svelte";
+export { default as VolumeOffIcon } from "./VolumeOffIcon.svelte";
+export { default as FullscreenIcon } from "./FullscreenIcon.svelte";
+export { default as FullscreenExitIcon } from "./FullscreenExitIcon.svelte";
+export { default as SettingsIcon } from "./SettingsIcon.svelte";
+export { default as StatsIcon } from "./StatsIcon.svelte";
+export { default as PictureInPictureIcon } from "./PictureInPictureIcon.svelte";
+export { default as SeekToLiveIcon } from "./SeekToLiveIcon.svelte";

package/dist/icons/index.js

@@ -3,15 +3,15 @@
  *
  * Port of src/components/Icons.tsx
  */
-export { default as PlayIcon } from './PlayIcon.svelte';
-export { default as PauseIcon } from './PauseIcon.svelte';
-export { default as SkipBackIcon } from './SkipBackIcon.svelte';
-export { default as SkipForwardIcon } from './SkipForwardIcon.svelte';
-export { default as VolumeUpIcon } from './VolumeUpIcon.svelte';
-export { default as VolumeOffIcon } from './VolumeOffIcon.svelte';
-export { default as FullscreenIcon } from './FullscreenIcon.svelte';
-export { default as FullscreenExitIcon } from './FullscreenExitIcon.svelte';
-export { default as SettingsIcon } from './SettingsIcon.svelte';
-export { default as StatsIcon } from './StatsIcon.svelte';
-export { default as PictureInPictureIcon } from './PictureInPictureIcon.svelte';
-export { default as SeekToLiveIcon } from './SeekToLiveIcon.svelte';
+export { default as PlayIcon } from "./PlayIcon.svelte";
+export { default as PauseIcon } from "./PauseIcon.svelte";
+export { default as SkipBackIcon } from "./SkipBackIcon.svelte";
+export { default as SkipForwardIcon } from "./SkipForwardIcon.svelte";
+export { default as VolumeUpIcon } from "./VolumeUpIcon.svelte";
+export { default as VolumeOffIcon } from "./VolumeOffIcon.svelte";
+export { default as FullscreenIcon } from "./FullscreenIcon.svelte";
+export { default as FullscreenExitIcon } from "./FullscreenExitIcon.svelte";
+export { default as SettingsIcon } from "./SettingsIcon.svelte";
+export { default as StatsIcon } from "./StatsIcon.svelte";
+export { default as PictureInPictureIcon } from "./PictureInPictureIcon.svelte";
+export { default as SeekToLiveIcon } from "./SeekToLiveIcon.svelte";

package/dist/index.d.ts

@@ -24,27 +24,27 @@
  * />
  * ```
  */
-export { default as Button } from './ui/Button.svelte';
-export { default as Badge } from './ui/Badge.svelte';
-export { default as Slider } from './ui/Slider.svelte';
-export { default as Player } from './Player.svelte';
-export { default as PlayerControls } from './PlayerControls.svelte';
-export { default as SeekBar } from './SeekBar.svelte';
-export { default as SpeedIndicator } from './SpeedIndicator.svelte';
-export { default as SkipIndicator } from './SkipIndicator.svelte';
-export { default as IdleScreen } from './IdleScreen.svelte';
-export { default as LoadingScreen } from './LoadingScreen.svelte';
-export { default as StreamStateOverlay } from './StreamStateOverlay.svelte';
-export { default as SubtitleRenderer } from './SubtitleRenderer.svelte';
-export { default as DvdLogo } from './DvdLogo.svelte';
-export { default as TitleOverlay } from './TitleOverlay.svelte';
-export { default as ThumbnailOverlay } from './ThumbnailOverlay.svelte';
-export { default as StatsPanel } from './StatsPanel.svelte';
-export { default as DevModePanel } from './DevModePanel.svelte';
-export * from './icons';
-export * from './stores';
-export * from './ui/context-menu';
-export type { SkipDirection } from './types';
-export { PlayerController, PlayerManager, globalPlayerManager } from '@livepeer-frameworks/player-core';
-export type { PlayerControllerConfig, PlayerControllerEvents } from '@livepeer-frameworks/player-core';
-export type { PlayerState, PlayerStateContext, StreamState, StreamStatus, ContentMetadata, ContentEndpoints, EndpointInfo, PlaybackMode, PlaybackQuality, MistStreamInfo, PlayerOptions, PlayerMetadata, PlayerSelection, PlayerCombination, PlayerManagerOptions, PlayerManagerEvents, } from '@livepeer-frameworks/player-core';
+export { default as Button } from "./ui/Button.svelte";
+export { default as Badge } from "./ui/Badge.svelte";
+export { default as Slider } from "./ui/Slider.svelte";
+export { default as Player } from "./Player.svelte";
+export { default as PlayerControls } from "./PlayerControls.svelte";
+export { default as SeekBar } from "./SeekBar.svelte";
+export { default as SpeedIndicator } from "./SpeedIndicator.svelte";
+export { default as SkipIndicator } from "./SkipIndicator.svelte";
+export { default as IdleScreen } from "./IdleScreen.svelte";
+export { default as LoadingScreen } from "./LoadingScreen.svelte";
+export { default as StreamStateOverlay } from "./StreamStateOverlay.svelte";
+export { default as SubtitleRenderer } from "./SubtitleRenderer.svelte";
+export { default as DvdLogo } from "./DvdLogo.svelte";
+export { default as TitleOverlay } from "./TitleOverlay.svelte";
+export { default as ThumbnailOverlay } from "./ThumbnailOverlay.svelte";
+export { default as StatsPanel } from "./StatsPanel.svelte";
+export { default as DevModePanel } from "./DevModePanel.svelte";
+export * from "./icons";
+export * from "./stores";
+export * from "./ui/context-menu";
+export type { SkipDirection } from "./types";
+export { PlayerController, PlayerManager, globalPlayerManager, } from "@livepeer-frameworks/player-core";
+export type { PlayerControllerConfig, PlayerControllerEvents, } from "@livepeer-frameworks/player-core";
+export type { PlayerState, PlayerStateContext, StreamState, StreamStatus, ContentMetadata, ContentEndpoints, EndpointInfo, PlaybackMode, PlaybackQuality, MistStreamInfo, PlayerOptions, PlayerMetadata, PlayerSelection, PlayerCombination, PlayerManagerOptions, PlayerManagerEvents, } from "@livepeer-frameworks/player-core";

package/dist/index.js

@@ -25,30 +25,30 @@
  * ```
  */
 // UI primitives
-export { default as Button } from './ui/Button.svelte';
-export { default as Badge } from './ui/Badge.svelte';
-export { default as Slider } from './ui/Slider.svelte';
+export { default as Button } from "./ui/Button.svelte";
+export { default as Badge } from "./ui/Badge.svelte";
+export { default as Slider } from "./ui/Slider.svelte";
 // Main components
-export { default as Player } from './Player.svelte';
-export { default as PlayerControls } from './PlayerControls.svelte';
-export { default as SeekBar } from './SeekBar.svelte';
+export { default as Player } from "./Player.svelte";
+export { default as PlayerControls } from "./PlayerControls.svelte";
+export { default as SeekBar } from "./SeekBar.svelte";
 // Overlay components
-export { default as SpeedIndicator } from './SpeedIndicator.svelte';
-export { default as SkipIndicator } from './SkipIndicator.svelte';
-export { default as IdleScreen } from './IdleScreen.svelte';
-export { default as LoadingScreen } from './LoadingScreen.svelte';
-export { default as StreamStateOverlay } from './StreamStateOverlay.svelte';
-export { default as SubtitleRenderer } from './SubtitleRenderer.svelte';
-export { default as DvdLogo } from './DvdLogo.svelte';
-export { default as TitleOverlay } from './TitleOverlay.svelte';
-export { default as ThumbnailOverlay } from './ThumbnailOverlay.svelte';
-export { default as StatsPanel } from './StatsPanel.svelte';
-export { default as DevModePanel } from './DevModePanel.svelte';
+export { default as SpeedIndicator } from "./SpeedIndicator.svelte";
+export { default as SkipIndicator } from "./SkipIndicator.svelte";
+export { default as IdleScreen } from "./IdleScreen.svelte";
+export { default as LoadingScreen } from "./LoadingScreen.svelte";
+export { default as StreamStateOverlay } from "./StreamStateOverlay.svelte";
+export { default as SubtitleRenderer } from "./SubtitleRenderer.svelte";
+export { default as DvdLogo } from "./DvdLogo.svelte";
+export { default as TitleOverlay } from "./TitleOverlay.svelte";
+export { default as ThumbnailOverlay } from "./ThumbnailOverlay.svelte";
+export { default as StatsPanel } from "./StatsPanel.svelte";
+export { default as DevModePanel } from "./DevModePanel.svelte";
 // Icon components
-export * from './icons';
+export * from "./icons";
 // Stores
-export * from './stores';
+export * from "./stores";
 // Context menu components
-export * from './ui/context-menu';
+export * from "./ui/context-menu";
 // Re-export core types and classes for Svelte users
-export { PlayerController, PlayerManager, globalPlayerManager } from '@livepeer-frameworks/player-core';
+export { PlayerController, PlayerManager, globalPlayerManager, } from "@livepeer-frameworks/player-core";

package/dist/stores/index.d.ts

@@ -7,9 +7,9 @@
  * - Player instance context sharing
  * - Playback quality monitoring
  */
-export { createStreamStateManager, createDerivedStreamStatus, createDerivedIsOnline, createDerivedStreamInfo, type StreamStateOptions, type StreamStateStore, } from './streamState';
-export { createEndpointResolver, createDerivedEndpoints, createDerivedPrimaryEndpoint, createDerivedMetadata, createDerivedStatus, type ViewerEndpointsOptions, type ViewerEndpointsStore, type ViewerEndpointsState, type EndpointStatus, } from './viewerEndpoints';
-export { createPlayerContext, setPlayerContextInComponent, getPlayerContextFromComponent, getPlayerContextOrFallback, createDerivedVideoElement, createDerivedIsReady, createDerivedPlayerInfo, type PlayerContextState, type PlayerContextStore, } from './playerContext';
-export { createPlaybackQualityMonitor, createDerivedQualityScore, createDerivedStallCount, createDerivedFrameDropRate, createDerivedBitrate, createDerivedLatency, type PlaybackQualityOptions, type PlaybackQualityStore, } from './playbackQuality';
-export { createPlayerSelectionStore, createDerivedSelection, createDerivedCombinations, createDerivedReady, createDerivedSelectedPlayer, createDerivedSelectedSourceType, createDerivedCompatibleCombinations, createDerivedIncompatibleCombinations, type PlayerSelectionOptions, type PlayerSelectionState, type PlayerSelectionStore, } from './playerSelection';
-export { createPlayerControllerStore, createDerivedState, createDerivedIsPlaying, createDerivedCurrentTime, createDerivedDuration, createDerivedError, createDerivedVideoElement as createDerivedControllerVideoElement, createDerivedShouldShowControls, createDerivedShouldShowIdleScreen, type PlayerControllerStoreConfig, type PlayerControllerState, type PlayerControllerStore, } from './playerController';
+export { createStreamStateManager, createDerivedStreamStatus, createDerivedIsOnline, createDerivedStreamInfo, type StreamStateOptions, type StreamStateStore, } from "./streamState";
+export { createEndpointResolver, createDerivedEndpoints, createDerivedPrimaryEndpoint, createDerivedMetadata, createDerivedStatus, type ViewerEndpointsOptions, type ViewerEndpointsStore, type ViewerEndpointsState, type EndpointStatus, } from "./viewerEndpoints";
+export { createPlayerContext, setPlayerContextInComponent, getPlayerContextFromComponent, getPlayerContextOrFallback, createDerivedVideoElement, createDerivedIsReady, createDerivedPlayerInfo, type PlayerContextState, type PlayerContextStore, } from "./playerContext";
+export { createPlaybackQualityMonitor, createDerivedQualityScore, createDerivedStallCount, createDerivedFrameDropRate, createDerivedBitrate, createDerivedLatency, type PlaybackQualityOptions, type PlaybackQualityStore, } from "./playbackQuality";
+export { createPlayerSelectionStore, createDerivedSelection, createDerivedCombinations, createDerivedReady, createDerivedSelectedPlayer, createDerivedSelectedSourceType, createDerivedCompatibleCombinations, createDerivedIncompatibleCombinations, type PlayerSelectionOptions, type PlayerSelectionState, type PlayerSelectionStore, } from "./playerSelection";
+export { createPlayerControllerStore, createDerivedState, createDerivedIsPlaying, createDerivedCurrentTime, createDerivedDuration, createDerivedError, createDerivedVideoElement as createDerivedControllerVideoElement, createDerivedShouldShowControls, createDerivedShouldShowIdleScreen, type PlayerControllerStoreConfig, type PlayerControllerState, type PlayerControllerStore, } from "./playerController";

package/dist/stores/index.js

@@ -8,14 +8,14 @@
  * - Playback quality monitoring
  */
 // Stream state (MistServer polling)
-export { createStreamStateManager, createDerivedStreamStatus, createDerivedIsOnline, createDerivedStreamInfo, } from './streamState';
+export { createStreamStateManager, createDerivedStreamStatus, createDerivedIsOnline, createDerivedStreamInfo, } from "./streamState";
 // Viewer endpoints (Gateway resolution)
-export { createEndpointResolver, createDerivedEndpoints, createDerivedPrimaryEndpoint, createDerivedMetadata, createDerivedStatus, } from './viewerEndpoints';
+export { createEndpointResolver, createDerivedEndpoints, createDerivedPrimaryEndpoint, createDerivedMetadata, createDerivedStatus, } from "./viewerEndpoints";
 // Player context (instance sharing)
-export { createPlayerContext, setPlayerContextInComponent, getPlayerContextFromComponent, getPlayerContextOrFallback, createDerivedVideoElement, createDerivedIsReady, createDerivedPlayerInfo, } from './playerContext';
+export { createPlayerContext, setPlayerContextInComponent, getPlayerContextFromComponent, getPlayerContextOrFallback, createDerivedVideoElement, createDerivedIsReady, createDerivedPlayerInfo, } from "./playerContext";
 // Playback quality monitoring
-export { createPlaybackQualityMonitor, createDerivedQualityScore, createDerivedStallCount, createDerivedFrameDropRate, createDerivedBitrate, createDerivedLatency, } from './playbackQuality';
+export { createPlaybackQualityMonitor, createDerivedQualityScore, createDerivedStallCount, createDerivedFrameDropRate, createDerivedBitrate, createDerivedLatency, } from "./playbackQuality";
 // Player selection (event-driven, cached)
-export { createPlayerSelectionStore, createDerivedSelection, createDerivedCombinations, createDerivedReady, createDerivedSelectedPlayer, createDerivedSelectedSourceType, createDerivedCompatibleCombinations, createDerivedIncompatibleCombinations, } from './playerSelection';
+export { createPlayerSelectionStore, createDerivedSelection, createDerivedCombinations, createDerivedReady, createDerivedSelectedPlayer, createDerivedSelectedSourceType, createDerivedCompatibleCombinations, createDerivedIncompatibleCombinations, } from "./playerSelection";
 // PlayerController store (central orchestrator)
-export { createPlayerControllerStore, createDerivedState, createDerivedIsPlaying, createDerivedCurrentTime, createDerivedDuration, createDerivedError, createDerivedVideoElement as createDerivedControllerVideoElement, createDerivedShouldShowControls, createDerivedShouldShowIdleScreen, } from './playerController';
+export { createPlayerControllerStore, createDerivedState, createDerivedIsPlaying, createDerivedCurrentTime, createDerivedDuration, createDerivedError, createDerivedVideoElement as createDerivedControllerVideoElement, createDerivedShouldShowControls, createDerivedShouldShowIdleScreen, } from "./playerController";

package/dist/stores/playbackQuality.d.ts

@@ -3,8 +3,8 @@
  *
  * Wraps QualityMonitor for reactive quality metrics.
  */
-import { type Readable } from 'svelte/store';
-import { type PlaybackQuality } from '@livepeer-frameworks/player-core';
+import { type Readable } from "svelte/store";
+import { type PlaybackQuality } from "@livepeer-frameworks/player-core";
 export interface PlaybackQualityOptions {
     sampleInterval?: number;
     enabled?: boolean;

package/dist/stores/playbackQuality.js

@@ -3,8 +3,8 @@
  *
  * Wraps QualityMonitor for reactive quality metrics.
  */
-import { writable, derived } from 'svelte/store';
-import { QualityMonitor } from '@livepeer-frameworks/player-core';
+import { writable, derived } from "svelte/store";
+import { QualityMonitor } from "@livepeer-frameworks/player-core";
 /**
  * Create a playback quality monitoring store.
  *
@@ -81,18 +81,18 @@ export function createPlaybackQualityMonitor(options = {}) {
 }
 // Convenience derived stores
 export function createDerivedQualityScore(store) {
-    return derived(store, $quality => $quality?.score ?? 100);
+    return derived(store, ($quality) => $quality?.score ?? 100);
 }
 export function createDerivedStallCount(store) {
-    return derived(store, $quality => $quality?.stallCount ?? 0);
+    return derived(store, ($quality) => $quality?.stallCount ?? 0);
 }
 export function createDerivedFrameDropRate(store) {
-    return derived(store, $quality => $quality?.frameDropRate ?? 0);
+    return derived(store, ($quality) => $quality?.frameDropRate ?? 0);
 }
 export function createDerivedBitrate(store) {
-    return derived(store, $quality => $quality?.bitrate ?? 0);
+    return derived(store, ($quality) => $quality?.bitrate ?? 0);
 }
 export function createDerivedLatency(store) {
-    return derived(store, $quality => $quality?.latency);
+    return derived(store, ($quality) => $quality?.latency);
 }
 export default createPlaybackQualityMonitor;

package/dist/stores/playerContext.d.ts

@@ -3,8 +3,8 @@
  *
  * Port of PlayerContext.tsx React context to Svelte 5 stores.
  */
-import { type Readable } from 'svelte/store';
-import { type StreamInfo, type IPlayer } from '@livepeer-frameworks/player-core';
+import { type Readable } from "svelte/store";
+import { type StreamInfo, type IPlayer } from "@livepeer-frameworks/player-core";
 export interface PlayerContextState {
     /** Current video element (if available) */
     videoElement: HTMLVideoElement | null;

package/dist/stores/playerContext.js

@@ -3,11 +3,11 @@
  *
  * Port of PlayerContext.tsx React context to Svelte 5 stores.
  */
-import { writable, derived } from 'svelte/store';
-import { getContext, setContext } from 'svelte';
-import { globalPlayerManager } from '@livepeer-frameworks/player-core';
+import { writable, derived } from "svelte/store";
+import { getContext, setContext } from "svelte";
+import { globalPlayerManager, } from "@livepeer-frameworks/player-core";
 // Context key
-const PLAYER_CONTEXT_KEY = Symbol('player-context');
+const PLAYER_CONTEXT_KEY = Symbol("player-context");
 const initialState = {
     videoElement: null,
     player: null,
@@ -41,10 +41,10 @@ const initialState = {
 export function createPlayerContext() {
     const store = writable(initialState);
     function setVideoElement(el) {
-        store.update(s => ({ ...s, videoElement: el }));
+        store.update((s) => ({ ...s, videoElement: el }));
     }
     function setPlayer(player) {
-        store.update(s => ({
+        store.update((s) => ({
             ...s,
             player,
             playerName: player?.capability.name ?? null,
@@ -52,13 +52,13 @@ export function createPlayerContext() {
         }));
     }
     function setSource(type, url) {
-        store.update(s => ({ ...s, sourceType: type, sourceUrl: url }));
+        store.update((s) => ({ ...s, sourceType: type, sourceUrl: url }));
     }
     function setStreamInfo(info) {
-        store.update(s => ({ ...s, streamInfo: info }));
+        store.update((s) => ({ ...s, streamInfo: info }));
     }
     function setReady(ready) {
-        store.update(s => ({ ...s, isReady: ready }));
+        store.update((s) => ({ ...s, isReady: ready }));
     }
     function reset() {
         store.set(initialState);
@@ -105,7 +105,7 @@ function createFallbackContext() {
     function syncState() {
         const player = globalPlayerManager.getCurrentPlayer();
         const videoEl = player?.getVideoElement() ?? null;
-        store.update(s => ({
+        store.update((s) => ({
             ...s,
             videoElement: videoEl,
             player: player ?? null,
@@ -126,8 +126,8 @@ function createFallbackContext() {
             // Initial sync
             syncState();
             // Subscribe to events
-            globalPlayerManager.on('playerInitialized', handleInitialized);
-            globalPlayerManager.on('selection-changed', handleSelectionChanged);
+            globalPlayerManager.on("playerInitialized", handleInitialized);
+            globalPlayerManager.on("selection-changed", handleSelectionChanged);
         }
         const unsubscribe = originalSubscribe(run, invalidate);
         return () => {
@@ -135,8 +135,8 @@ function createFallbackContext() {
             subscribers--;
             if (subscribers === 0) {
                 // Unsubscribe from events
-                globalPlayerManager.off('playerInitialized', handleInitialized);
-                globalPlayerManager.off('selection-changed', handleSelectionChanged);
+                globalPlayerManager.off("playerInitialized", handleInitialized);
+                globalPlayerManager.off("selection-changed", handleSelectionChanged);
             }
         };
     };
@@ -152,13 +152,13 @@ function createFallbackContext() {
 }
 // Convenience derived stores
 export function createDerivedVideoElement(store) {
-    return derived(store, $state => $state.videoElement);
+    return derived(store, ($state) => $state.videoElement);
 }
 export function createDerivedIsReady(store) {
-    return derived(store, $state => $state.isReady);
+    return derived(store, ($state) => $state.isReady);
 }
 export function createDerivedPlayerInfo(store) {
-    return derived(store, $state => ({
+    return derived(store, ($state) => ({
         name: $state.playerName,
         shortname: $state.playerShortname,
     }));

package/dist/stores/playerController.d.ts

@@ -2,9 +2,9 @@
  * Svelte store for PlayerController - wraps the core PlayerController
  * for declarative usage in Svelte 5 components.
  */
-import { type Readable } from 'svelte/store';
-import { PlayerController, type PlayerControllerConfig, type PlayerState, type StreamState, type PlaybackQuality, type ContentEndpoints, type ContentMetadata } from '@livepeer-frameworks/player-core';
-export interface PlayerControllerStoreConfig extends Omit<PlayerControllerConfig, 'playerManager'> {
+import { type Readable } from "svelte/store";
+import { PlayerController, type PlayerControllerConfig, type PlayerState, type StreamState, type PlaybackQuality, type ContentEndpoints, type ContentMetadata, type ClassifiedError } from "@livepeer-frameworks/player-core";
+export interface PlayerControllerStoreConfig extends Omit<PlayerControllerConfig, "playerManager"> {
     /** Enable/disable the store */
     enabled?: boolean;
 }
@@ -35,6 +35,8 @@ export interface PlayerControllerState {
     volume: number;
     /** Error text */
     error: string | null;
+    /** Error details for debugging */
+    errorDetails: ClassifiedError["details"] | null;
     /** Is passive error */
     isPassiveError: boolean;
     /** Has playback ever started */
@@ -71,6 +73,11 @@ export interface PlayerControllerState {
     playbackQuality: PlaybackQuality | null;
     /** Subtitles enabled */
     subtitlesEnabled: boolean;
+    /** Toast message to display (auto-dismisses) */
+    toast: {
+        message: string;
+        timestamp: number;
+    } | null;
 }
 export interface PlayerControllerStore extends Readable<PlayerControllerState> {
     /** Get controller instance */
@@ -105,6 +112,8 @@ export interface PlayerControllerStore extends Readable<PlayerControllerState> {
     toggleSubtitles: () => void;
     /** Clear error */
     clearError: () => void;
+    /** Dismiss toast notification */
+    dismissToast: () => void;
     /** Retry playback */
     retry: () => Promise<void>;
     /** Reload player */
@@ -130,7 +139,7 @@ export interface PlayerControllerStore extends Readable<PlayerControllerState> {
         forcePlayer?: string;
         forceType?: string;
         forceSource?: number;
-        playbackMode?: 'auto' | 'low-latency' | 'quality' | 'vod';
+        playbackMode?: "auto" | "low-latency" | "quality" | "vod";
     }) => Promise<void>;
 }
 /**