@vocalstack/player 0.1.0-alpha.5 → 0.1.0-alpha.50

package/dist/ui/FileFollow.d.ts

@@ -0,0 +1,10 @@
+export type FollowSetup = (v: HTMLVideoElement, fail: () => void) => (() => void) | void;
+export declare function FileFollow({ src, setup, t, playing, seekN, onToggle, seekOver }: {
+    src?: string;
+    setup?: FollowSetup;
+    t: number;
+    playing: boolean;
+    seekN: number;
+    onToggle?: () => void;
+    seekOver?: number;
+}): import("react").JSX.Element | null;

package/dist/ui/IdleSettings.d.ts

@@ -0,0 +1,17 @@
+export interface IdlePrefs {
+    lang: string | null;
+    subtitles: boolean;
+    speakerLabels: boolean;
+    wordHighlight: boolean;
+    translateAudio: boolean;
+    voices: 'cloned' | 'synthetic';
+    removeBackground: boolean;
+    muted: boolean;
+}
+export declare const IDLE_DEFAULTS: IdlePrefs;
+export declare function useIdleControls(prefs: IdlePrefs, set: (p: Partial<IdlePrefs>) => void): {
+    chip: import("react").JSX.Element;
+    sheets: import("react").JSX.Element;
+    sheetOpen: boolean;
+    openSettings: () => void;
+};

package/dist/ui/Providers.d.ts

@@ -0,0 +1 @@
+export declare function ProviderGrid(): import("react").JSX.Element;

package/dist/ui/SiteIcon.d.ts

@@ -0,0 +1,9 @@
+import type { CSSProperties } from 'react';
+import type { Site } from '../core/sites';
+export declare function SiteIcon({ site, size, tinted, style, className }: {
+    site: Site;
+    size?: number;
+    tinted?: boolean;
+    style?: CSSProperties;
+    className?: string;
+}): import("react").JSX.Element;

package/dist/ui/SourceGate.d.ts

@@ -1,19 +1,39 @@
 import { type PopupStatus, type Started } from '../data/connect';
+import { type IdlePrefs } from './IdleSettings';
+export interface IdleState {
+    prefs: IdlePrefs;
+    set: (p: Partial<IdlePrefs>) => void;
+    shareUrl?: string;
+}
 export declare function hostOf(src: string): string;
 export interface Connect {
     busy: boolean;
     status: PopupStatus | null;
     err: string | null;
+    connected: boolean;
+    connect: () => void;
     start: (url: string, ask: boolean) => void;
 }
 export declare function useConnect(appUrl: string | undefined, onReady: (s: Started) => void): Connect;
-export declare function SourceGate({ src, ask, connect, onClear }: {
+export declare function SourceGate({ idle, src, ask, connect, page, poster, onClear }: {
+    idle: IdleState;
     src: string;
     ask: boolean;
     connect: Connect;
+    page: boolean;
+    poster?: string | null;
     onClear?: () => void;
 }): import("react").JSX.Element;
-export declare function StartCard({ connect, onPick }: {
+export declare function StartCard({ idle, connect, page, poster, onPick }: {
+    idle: IdleState;
     connect: Connect;
+    page: boolean;
+    poster?: string | null;
     onPick: (url: string) => void;
 }): import("react").JSX.Element;
+export declare function ErrorGate({ idle, message, onRetry, page }: {
+    idle: IdleState;
+    message: string;
+    onRetry: () => void;
+    page: boolean;
+}): import("react").JSX.Element;

package/dist/ui/VocalStackPlayer.d.ts

@@ -20,6 +20,22 @@ export interface PlayerControls {
     fullscreen?: boolean;
     settings?: boolean;
 }
+export interface PlaybackState {
+    t: number;
+    dur: number;
+    playing: boolean;
+    idx: number;
+    seekN: number;
+    lang: string | null;
+    muted: boolean;
+}
+export interface PlayerHandle {
+    seek: (t: number) => void;
+    play: () => void;
+    pause: () => void;
+    toggle: () => void;
+    toggleMute: () => void;
+}
 export interface VocalStackPlayerProps {
     id?: string;
     src?: string;
@@ -38,11 +54,16 @@ export interface VocalStackPlayerProps {
     syncUrl?: boolean;
     endCard?: EndCardOptions | false;
     appUrl?: string;
+    poster?: string | null;
+    voice?: string | null;
     settingsExtra?: ReactNode;
     shareUrl?: (t: number | null) => string;
+    onShare?: () => void;
     onSource?: (s: LoadedSource) => void;
     onProgress?: (pct: number | null) => void;
     onError?: (e: ErrorLike) => void;
+    onPlayback?: (s: PlaybackState) => void;
+    compact?: boolean;
     className?: string;
 }
-export declare function VocalStackPlayer(props: VocalStackPlayerProps): import("react").JSX.Element;
+export declare const VocalStackPlayer: import("react").ForwardRefExoticComponent<VocalStackPlayerProps & import("react").RefAttributes<PlayerHandle>>;

package/dist/ui/core.d.ts

@@ -118,8 +118,9 @@ export interface VoiceSheetHooks {
     castBuilding?: (sp: CastMember, ctx: VoiceSheetCtx) => boolean;
     castWarn?: (sp: CastMember, ctx: VoiceSheetCtx) => string | null;
 }
-export declare function useTxVoice({ recordingId, model, rows, lenS, ended, cred, langs, srcLang, canTranslate, pickedLang, setPickedLang, side, hearOriginal, timed, stockVoices, stickyPicker, pickerBusy, voiceSheet }: {
+export declare function useTxVoice({ recordingId, model, rows, lenS, ended, cred, langs, srcLang, canTranslate, pickedLang, setPickedLang, side, hearOriginal, timed, stockVoices, stickyPicker, pickerBusy, voiceSheet, forcedVoice }: {
     voiceSheet?: VoiceSheetHooks;
+    forcedVoice?: string | null;
     hearOriginal?: boolean;
     stockVoices?: boolean;
     stickyPicker?: boolean;
@@ -154,6 +155,7 @@ export declare function useTxVoice({ recordingId, model, rows, lenS, ended, cred
     player: TxPlayer;
     chip: import("react").JSX.Element | null;
     voiceBtn: import("react").JSX.Element;
+    voiceWaiting: boolean;
     sheets: import("react").JSX.Element | null;
     sidePanel: import("react").JSX.Element | null;
     voicesMine: boolean;
@@ -184,6 +186,7 @@ export declare function useTxVoice({ recordingId, model, rows, lenS, ended, cred
     resetCast: () => void;
     readLang: string | null;
     readVoiceKey: string;
+    pickedVoiceKey: string | null;
     readVoiceName: string;
     canSpeak: boolean;
     requestTrack: () => Promise<void>;

package/dist/ui/full.d.ts

@@ -17,6 +17,7 @@ export type VoicesBtn = {
     on: boolean;
     title: string;
     onClick: () => void;
+    busy?: boolean;
 };
 export type PlayerTransport = {
     prevOn: boolean;
@@ -41,7 +42,8 @@ export declare function MiniPlayer({ pos, transport, chip, voices, onShare, onFu
     onFull: () => void;
     copied: React.ReactNode;
 }): import("react").JSX.Element;
-export declare function FullVideo({ noFull, page, picture, title, desk, pos, sub, wait, pct, mute, cc, ad, chip, transport, picker, sheet, voices, voicesBtn, sheetOpen, onShare, onSettings, paused, copied, onTouch, onClose }: {
+export declare function FullVideo({ compact, noFull, page, picture, title, desk, pos, sub, wait, pct, mute, cc, ad, chip, transport, picker, sheet, voices, voicesBtn, sheetOpen, onShare, onSettings, paused, copied, onTouch, onClose }: {
+    compact?: boolean;
     noFull?: boolean;
     page?: boolean;
     onTouch: () => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vocalstack/player",
-  "version": "0.1.0-alpha.5",
+  "version": "0.1.0-alpha.50",
   "description": "VocalStack video and transcript player for React: synced transcript, subtitles, spoken translations and background sound, over the public VocalStack API.",
   "license": "MIT",
   "type": "module",
@@ -36,7 +36,8 @@
     "react-dom": ">=18"
   },
   "dependencies": {
-    "@vocalstack/js-sdk": "^2.0.0-alpha.1"
+    "@vocalstack/js-sdk": "^2.0.0-alpha.1",
+    "hls.js": "^1.5.20"
   },
   "devDependencies": {
     "@types/node": "^24.0.0",