@livepeer-frameworks/player-wc 0.1.9 → 0.2.2

package/src/controllers/player-controller-host.ts

@@ -5,6 +5,7 @@
 import type { ReactiveController, ReactiveControllerHost } from "lit";
 import {
   PlayerController,
+  createTranslator,
   type PlayerControllerConfig,
   type PlayerState,
   type StreamState,
@@ -13,6 +14,8 @@ import {
   type ContentEndpoints,
   type ContentMetadata,
   type ClassifiedError,
+  type TranslateFn,
+  type I18nConfig,
 } from "@livepeer-frameworks/player-core";
 
 export interface PlayerControllerHostState {
@@ -105,11 +108,20 @@ export class PlayerControllerHost implements ReactiveController {
 
   s: PlayerControllerHostState = { ...initialState };
 
+  /** Translation function, updated when locale changes. */
+  t: TranslateFn = createTranslator({ locale: "en" });
+
   constructor(host: HostElement) {
     this.host = host;
     host.addController(this);
   }
 
+  /** Rebuild the translator when locale or custom translations change. */
+  updateTranslator(config: I18nConfig) {
+    this.t = createTranslator(config);
+    this.host.requestUpdate();
+  }
+
   // ---- Configuration & Lifecycle ----
 
   configure(config: PlayerControllerConfig) {
@@ -434,6 +446,12 @@ export class PlayerControllerHost implements ReactiveController {
   async retry() {
     await this.controller?.retry();
   }
+  async tryNextSource() {
+    await this.controller?.retryWithFallback();
+  }
+  canAttemptFallback(): boolean {
+    return this.controller?.canAttemptFallback() ?? false;
+  }
   async reload() {
     await this.controller?.reload();
   }

package/src/index.ts

@@ -30,6 +30,16 @@ export { FwSkipIndicator } from "./components/fw-skip-indicator.js";
 export { FwSpeedIndicator } from "./components/fw-speed-indicator.js";
 export { FwContextMenu } from "./components/fw-context-menu.js";
 
+// Composable control elements
+export {
+  FwPlayButton,
+  FwSkipButton,
+  FwVolumeControl as FwVolumeButton,
+  FwTimeDisplay,
+  FwLiveBadge,
+  FwFullscreenButton,
+} from "./components/controls/index.js";
+
 // Controller
 export { PlayerControllerHost } from "./controllers/player-controller-host.js";
 export type { PlayerControllerHostState } from "./controllers/player-controller-host.js";