@vocalstack/player 0.1.0-alpha.4 → 0.1.0-alpha.41

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,8 +1,39 @@
-import { type Started } from '../data/connect';
+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 declare function SourceGate({ src, appUrl, title, onReady }: {
+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({ idle, src, ask, connect, page, poster, onClear }: {
+    idle: IdleState;
     src: string;
-    appUrl?: string;
-    title?: string;
-    onReady: (s: Started) => void;
+    ask: boolean;
+    connect: Connect;
+    page: boolean;
+    poster?: string | null;
+    onClear?: () => void;
+}): import("react").JSX.Element;
+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

@@ -116,9 +116,11 @@ export interface VoiceSheetHooks {
     castNoClone?: (sp: CastMember, ctx: VoiceSheetCtx) => boolean;
     castShort?: (sp: CastMember, ctx: VoiceSheetCtx) => boolean;
     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;
@@ -153,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;
@@ -183,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/dist/ui/shared.d.ts

@@ -137,13 +137,14 @@ export declare function speakerRoster(rows: {
 export declare function castKey(map: Map<number, string>): string;
 export declare function parseCast(key: string | null | undefined): Map<number, string> | null;
 export declare function autoCast(roster: CastMember[], voices: AvailableVoice[], clones?: boolean): Map<number, string>;
-export declare function SpeakerCast({ roster, selected, onSelect, noClone, building, short, sexOf, t }: {
+export declare function SpeakerCast({ roster, selected, onSelect, noClone, building, short, warn, sexOf, t }: {
     roster: CastMember[];
     selected: number | null;
     onSelect: (key: number) => void;
     noClone: (p: CastMember) => boolean;
     building?: (p: CastMember) => boolean;
     short?: (p: CastMember) => boolean;
+    warn?: (p: CastMember) => string | null;
     sexOf: (p: CastMember) => 'male' | 'female' | null;
     t: Strings;
 }): import("react").JSX.Element | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vocalstack/player",
-  "version": "0.1.0-alpha.4",
+  "version": "0.1.0-alpha.41",
   "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",