@vocalstack/player 0.1.0-alpha.7 → 0.1.0-alpha.71

package/dist/ui/DailymotionFollow.d.ts

@@ -0,0 +1,8 @@
+export declare function DailymotionFollow({ video, player: playerId, t, playing, seekN, onToggle }: {
+    video: string;
+    player?: string | null;
+    t: number;
+    playing: boolean;
+    seekN: number;
+    onToggle?: () => void;
+}): import("react").JSX.Element | null;

package/dist/ui/EmbedFollow.d.ts

@@ -0,0 +1,8 @@
+export declare function EmbedFollow({ url, t, playing, seekN, title, onToggle }: {
+    url: string;
+    t: number;
+    playing: boolean;
+    seekN: number;
+    title: string;
+    onToggle?: () => void;
+}): import("react").JSX.Element | null;

package/dist/ui/FacebookFollow.d.ts

@@ -0,0 +1,7 @@
+export declare function FacebookFollow({ url, t, playing, seekN, onToggle }: {
+    url: string;
+    t: number;
+    playing: boolean;
+    seekN: number;
+    onToggle?: () => void;
+}): import("react").JSX.Element;

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,34 @@
+export interface IdlePrefs {
+    lang: string | null;
+    subtitles: boolean;
+    speakerLabels: boolean;
+    wordHighlight: boolean;
+    translateAudio: boolean;
+    voices: 'cloned' | 'synthetic';
+    removeBackground: boolean;
+    muted: boolean;
+    spoken: string | null;
+    speakers: 'auto' | 'on' | 'off';
+}
+export declare const CLONE_CONSENT_KEY = "vsp.cloneConsent";
+export declare const hasCloneConsent: () => boolean;
+export declare const grantCloneConsent: () => void;
+export declare function CloneConsent({ onYes, onNo }: {
+    onYes: () => void;
+    onNo: () => void;
+}): import("react").JSX.Element;
+export declare function CloneToggle({ on, onChange }: {
+    on: boolean;
+    onChange: (on: boolean) => void;
+}): import("react").JSX.Element;
+export declare const IDLE_DEFAULTS: IdlePrefs;
+export declare function useIdleControls(prefs: IdlePrefs, set: (p: Partial<IdlePrefs>) => void, pre?: boolean): {
+    chip: import("react").JSX.Element;
+    sheets: import("react").JSX.Element;
+    sheetOpen: boolean;
+    openSettings: () => void;
+    openTx: () => void;
+    txSummary: string;
+    cloneToggle: import("react").JSX.Element | null;
+    modal: import("react").JSX.Element | null;
+};

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,23 +1,47 @@
 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 TxChoice {
+    voices: 'cloned' | 'synthetic';
+    spoken: string | null;
+    speakers: 'auto' | 'on' | 'off';
+}
+export declare function txChoiceOf(p: IdlePrefs): TxChoice;
 export interface Connect {
     busy: boolean;
     status: PopupStatus | null;
     err: string | null;
     connected: boolean;
     connect: () => void;
-    start: (url: string, ask: boolean) => void;
+    start: (url: string, ask: boolean, opts?: TxChoice) => void;
+    clear: () => void;
 }
 export declare function useConnect(appUrl: string | undefined, onReady: (s: Started) => void): Connect;
-export declare function SourceGate({ src, ask, connect, page, 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, page, onPick }: {
+export declare function StartCard({ idle, connect, page, poster, onPick, onShare }: {
+    idle: IdleState;
     connect: Connect;
     page: boolean;
+    poster?: string | null;
     onPick: (url: string) => void;
+    onShare?: (code: string) => Promise<boolean>;
+}): 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/VidyardFollow.d.ts

@@ -0,0 +1,7 @@
+export declare function VidyardFollow({ uuid, t, playing, seekN, onToggle }: {
+    uuid: string;
+    t: number;
+    playing: boolean;
+    seekN: number;
+    onToggle?: () => void;
+}): import("react").JSX.Element;

package/dist/ui/VimeoFollow.d.ts

@@ -0,0 +1,9 @@
+export declare function VimeoFollow({ id, h, t, playing, seekN, title, onToggle }: {
+    id: string;
+    h?: string | null;
+    t: number;
+    playing: boolean;
+    seekN: number;
+    title: string;
+    onToggle?: () => void;
+}): import("react").JSX.Element | null;

package/dist/ui/VocalStackPlayer.d.ts

@@ -20,8 +20,29 @@ 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;
+    load: (link: string, opts?: {
+        poster?: string | null;
+    }) => void;
+    clear: () => void;
+}
 export interface VocalStackPlayerProps {
     id?: string;
+    recording?: string | null;
     src?: string;
     token?: TokenSource | null;
     baseUrl?: string | null;
@@ -32,17 +53,25 @@ export interface VocalStackPlayerProps {
     settings?: PlayerSettings;
     initial?: PlayerSettings;
     onSettingsChange?: (s: Required<PlayerSettings>) => void;
+    find?: string;
+    onFindChange?: (q: string) => void;
     controls?: PlayerControls;
     autoplay?: boolean;
     startAt?: number | null;
     syncUrl?: boolean;
     endCard?: EndCardOptions | false;
     appUrl?: string;
+    poster?: string | null;
+    dailymotionPlayer?: string;
+    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/WistiaFollow.d.ts

@@ -0,0 +1,7 @@
+export declare function WistiaFollow({ id, t, playing, seekN, onToggle }: {
+    id: string;
+    t: number;
+    playing: boolean;
+    seekN: number;
+    onToggle?: () => void;
+}): import("react").JSX.Element;

package/dist/ui/core.d.ts

@@ -4,6 +4,7 @@ import { type ErrorLike } from '../data/transcript';
 import { type Model, type Row, type Word } from '../core/transcript';
 import { type ReadPos, type VoiceClip } from '../core/voiceplayer';
 import { type PlayPos } from '../core/playPosition';
+import { type Gap } from '../core/streamTime';
 import { type AvailableVoice, type CastMember } from './shared';
 export declare function lineWords(rows: Row[], i: number, lang?: string | null): Word[];
 export declare function spokenWordOf(player: Pick<TxPlayer, 't' | 'idx' | 'engaged' | 'wordSync' | 'clipPos'>, i: number, words: Word[]): number | null;
@@ -16,10 +17,16 @@ export interface YtLead {
         state?: number;
         ready?: boolean;
         muted?: boolean;
+        liveEnd?: number;
+        liveAt?: {
+            t: number;
+            wall: number;
+        };
     }) => void;
     bind: (cmd: ((func: string, args?: unknown[]) => void) | null) => void;
 }
-export declare function YtFollow({ ytId, title, t, playing: wantPlay, seekN, onToggle, onAd, endT, onGone, onKnown, lead, onTime, waiting }: {
+export declare function YtFollow({ busy, ytId, title, t, playing: wantPlay, seekN, onToggle, onAd, endT, onGone, onKnown, lead, onTime, waiting }: {
+    busy?: boolean;
     waiting?: boolean;
     onTime?: (t: number) => void;
     lead?: YtLead;
@@ -55,6 +62,7 @@ export interface TxPlayer {
     clipPos?: ReadPos | null;
     has: boolean;
     preparing?: boolean;
+    settling?: boolean;
     starting?: number | null;
     autoplay?: () => Promise<boolean | null>;
     edgeWait?: boolean;
@@ -80,10 +88,11 @@ export interface TxPlayer {
     silence?: (on: boolean) => void;
 }
 export declare function useDuck(players: TxPlayer[], ducked: boolean): void;
-export declare function useYtLead(rows: Row[], lenS: number | null, offsetS: number, edgeS: number | null): {
+export declare function useYtLead(rows: Row[], lenS: number | null, offsetS: number, edgeS: number | null, gaps?: readonly Gap[], liveStartMs?: number | null, liveMediaAtMs?: number | null, liveRec?: boolean): {
     player: TxPlayer;
     lead: YtLead;
     setVideoSound: (on: boolean) => void;
+    offset: number;
 };
 export declare function useTxPlayer(url: string | null, available: boolean, rows: Row[], lenS: number | null, offsetS?: number, edgeS?: number | null): TxPlayer;
 export declare const NO_SEEK: () => void;
@@ -118,8 +127,10 @@ 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, consent }: {
+    consent?: boolean;
     voiceSheet?: VoiceSheetHooks;
+    forcedVoice?: string | null;
     hearOriginal?: boolean;
     stockVoices?: boolean;
     stickyPicker?: boolean;
@@ -154,6 +165,10 @@ export declare function useTxVoice({ recordingId, model, rows, lenS, ended, cred
     player: TxPlayer;
     chip: import("react").JSX.Element | null;
     voiceBtn: import("react").JSX.Element;
+    nearRow: import("react").Dispatch<import("react").SetStateAction<number | null>>;
+    clipsReady: boolean;
+    clipFor: (id: number | null | undefined) => boolean;
+    voiceWaiting: boolean;
     sheets: import("react").JSX.Element | null;
     sidePanel: import("react").JSX.Element | null;
     voicesMine: boolean;
@@ -184,28 +199,15 @@ 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>;
     hasClone: boolean;
     clips: VoiceClip[];
+    wordTimes: Record<string, [number, number][]> | undefined;
     setNear: import("react").Dispatch<import("react").SetStateAction<number | null>>;
     closePicker: () => void;
-    langList: {
-        value: string | null;
-        onSelect: (c: string | null) => void;
-        languages: {
-            code: string;
-            label: string;
-            native: string;
-            flag: string;
-            voice: boolean;
-        }[];
-        searchPlaceholder: string;
-        none: string;
-        pinned: string[];
-        recent: string[];
-    };
 };
 export declare function TxLines({ model, rows, player, fixed, applied, onFixOpen, onWord, onFix, fixMode, fixingId, marks, fixBadges, tail, tailFg, running, desk, feedRef, listener, showLabels, find, findOpen, lang, warm, onVisible, wordHl }: {
     model: Model;
@@ -234,14 +236,19 @@ export declare function TxLines({ model, rows, player, fixed, applied, onFixOpen
     onVisible?: (ids: number[]) => void;
     wordHl?: boolean;
 }): import("react").JSX.Element;
+export interface FindState {
+    hits: number;
+    at: number;
+    step: (dir: 1 | -1) => void;
+}
 export declare function TxFind({ open, q, onQ, onClose, hits, desk, inline, flash }: {
     open: boolean;
     q: string;
     onQ: (q: string) => void;
     onClose: () => void;
-    hits: number;
+    hits: number | FindState;
     desk: boolean;
     inline?: boolean;
     flash?: string | null;
 }): import("react").JSX.Element;
-export declare function useFindPull(feedRef: React.RefObject<HTMLDivElement>, rows: Row[], open: boolean, q: string, setOpen: (v: boolean) => void): number;
+export declare function useFindPull(feedRef: React.RefObject<HTMLDivElement>, rows: Row[], open: boolean, q: string, setOpen: (v: boolean) => void, lang?: string | null): FindState;

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,10 @@ 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({ topLeft, modal, 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 }: {
+    topLeft?: React.ReactNode;
+    modal?: React.ReactNode;
+    compact?: boolean;
     noFull?: boolean;
     page?: boolean;
     onTouch: () => void;

package/dist/ui/shared.d.ts

@@ -191,7 +191,8 @@ export declare function useVoiceCatalogue(lang: string | null, active: boolean,
     voices: AvailableVoice[];
 } | null;
 export declare function namedCount(model: Model): number;
-export declare function useArchiveVoice({ recordingId, lang, ended, cred, pickedVoice, sentenceIds }: {
+export declare function useArchiveVoice({ recordingId, lang, ended, cred, pickedVoice, sentenceIds, consent }: {
+    consent?: boolean;
     recordingId: string | null;
     lang: string | null;
     ended: boolean;

package/package.json

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