unified-video-framework 1.4.444 → 1.4.446

package/packages/web/dist/react/examples/live-stream-ads-example.js

@@ -1,177 +0,0 @@
-import React, { useState } from 'react';
-import { WebPlayerView } from "../WebPlayerView.js";
-export const LiveStreamAdsExample = () => {
-    const [adEvents, setAdEvents] = useState([]);
-    const [mode, setMode] = useState('periodic');
-    const logAdEvent = (event) => {
-        console.log(`[Ad Event] ${event}`);
-        setAdEvents(prev => [...prev, `${new Date().toLocaleTimeString()}: ${event}`].slice(-10));
-    };
-    return (React.createElement("div", { style: { height: '100vh', display: 'flex', flexDirection: 'column' } },
-        React.createElement("div", { style: { padding: '20px', backgroundColor: '#f5f5f5', borderBottom: '1px solid #ddd' } },
-            React.createElement("h2", { style: { margin: '0 0 15px 0' } }, "Live Stream Ads - Example"),
-            React.createElement("div", { style: { display: 'flex', gap: '10px', marginBottom: '10px' } },
-                React.createElement("button", { onClick: () => setMode('metadata'), style: {
-                        padding: '10px 20px',
-                        backgroundColor: mode === 'metadata' ? '#007bff' : '#6c757d',
-                        color: 'white',
-                        border: 'none',
-                        borderRadius: '4px',
-                        cursor: 'pointer'
-                    } }, "Metadata Mode"),
-                React.createElement("button", { onClick: () => setMode('periodic'), style: {
-                        padding: '10px 20px',
-                        backgroundColor: mode === 'periodic' ? '#007bff' : '#6c757d',
-                        color: 'white',
-                        border: 'none',
-                        borderRadius: '4px',
-                        cursor: 'pointer'
-                    } }, "Periodic Mode (Every 2 min)"),
-                React.createElement("button", { onClick: () => setMode('hybrid'), style: {
-                        padding: '10px 20px',
-                        backgroundColor: mode === 'hybrid' ? '#007bff' : '#6c757d',
-                        color: 'white',
-                        border: 'none',
-                        borderRadius: '4px',
-                        cursor: 'pointer'
-                    } }, "Hybrid Mode")),
-            React.createElement("div", { style: { fontSize: '14px', color: '#666' } },
-                React.createElement("strong", null, "Current Mode:"),
-                " ",
-                mode,
-                mode === 'metadata' && ' - Detects #EXT-X-DATERANGE tags in HLS stream',
-                mode === 'periodic' && ' - Shows ads every 2 minutes of playback',
-                mode === 'hybrid' && ' - Uses both metadata detection AND periodic fallback')),
-        React.createElement("div", { style: { flex: 1, position: 'relative', backgroundColor: '#000' } },
-            React.createElement(WebPlayerView, { url: "https://stream.example.com/live.m3u8", type: "hls", autoPlay: false, controls: true, muted: true, googleAds: {
-                    adTagUrl: 'https://pubads.g.doubleclick.net/gampad/ads?iu=/21775744923/external/single_ad_samples&sz=640x480&cust_params=sample_ct%3Dlinear&output=vast&unviewed_position_start=1&env=vp&impl=s&correlator=',
-                    liveAdBreakMode: mode,
-                    periodicAdInterval: 120,
-                    syncToLiveEdge: true,
-                    liveEdgeOffset: 3,
-                    metadataConfig: {
-                        detectDateRange: true,
-                        detectID3: true,
-                        adClassNames: ['com.google.ads', 'ads', 'ad-break']
-                    },
-                    onAdStart: () => {
-                        logAdEvent(`🎬 Ad Started (Mode: ${mode})`);
-                    },
-                    onAdEnd: () => {
-                        logAdEvent('✅ Ad Ended - Resuming Live Stream');
-                    },
-                    onAdError: (error) => {
-                        logAdEvent(`❌ Ad Error: ${error?.getMessage?.() || error}`);
-                    },
-                    onAllAdsComplete: () => {
-                        logAdEvent('✅ All Ads in Pod Completed');
-                    },
-                    onLiveAdBreakDetected: (metadata) => {
-                        logAdEvent(`📍 Live Ad Cue Detected: ${JSON.stringify(metadata).slice(0, 50)}...`);
-                    },
-                    onAdBreakScheduled: (scheduledTime) => {
-                        logAdEvent(`⏰ Ad Break Scheduled at ${scheduledTime.toFixed(0)}s playback time`);
-                    },
-                }, onReady: (player) => {
-                    console.log('Player ready with live stream ads');
-                    logAdEvent('🎥 Player Ready');
-                }, onError: (error) => {
-                    console.error('Player error:', error);
-                    logAdEvent(`❌ Player Error: ${error instanceof Error ? error.message : String(error)}`);
-                }, onTimeUpdate: (time) => {
-                } })),
-        React.createElement("div", { style: {
-                padding: '20px',
-                backgroundColor: '#f9f9f9',
-                borderTop: '1px solid #ddd',
-                maxHeight: '200px',
-                overflowY: 'auto',
-            } },
-            React.createElement("h3", { style: { margin: '0 0 10px 0', fontSize: '16px' } }, "Live Ad Events Log:"),
-            adEvents.length === 0 ? (React.createElement("p", { style: { color: '#999', margin: 0 } }, "No ad events yet. Play the video to see ads.")) : (React.createElement("ul", { style: { margin: 0, padding: '0 0 0 20px' } }, adEvents.map((event, index) => (React.createElement("li", { key: index, style: { fontSize: '14px', marginBottom: '5px' } }, event)))))),
-        React.createElement("div", { style: {
-                padding: '20px',
-                backgroundColor: '#e7f3ff',
-                borderTop: '1px solid #b3d9ff'
-            } },
-            React.createElement("h3", { style: { margin: '0 0 10px 0', fontSize: '16px' } }, "\uD83D\uDCA1 Implementation Notes:"),
-            React.createElement("ul", { style: { margin: 0, paddingLeft: '20px', fontSize: '14px' } },
-                React.createElement("li", null,
-                    React.createElement("strong", null, "Metadata Mode:"),
-                    " Requires HLS stream with #EXT-X-DATERANGE tags or ID3 metadata. Your encoder must embed ad cues in the manifest."),
-                React.createElement("li", null,
-                    React.createElement("strong", null, "Periodic Mode:"),
-                    " Works with any live stream. Ads trigger every X seconds of actual playback. Simple but users see ads at different times (not synchronized)."),
-                React.createElement("li", null,
-                    React.createElement("strong", null, "Hybrid Mode:"),
-                    " Uses metadata when available, falls back to periodic timer. Best of both worlds!"),
-                React.createElement("li", null,
-                    React.createElement("strong", null, "Live Edge Sync:"),
-                    " After ads, player jumps to live edge (catches up to \"now\"). Disable if you want DVR-style behavior (continue from where paused).")))));
-};
-export const MetadataLiveAdsExample = () => {
-    return (React.createElement(WebPlayerView, { url: "https://stream.example.com/live.m3u8", type: "hls", googleAds: {
-            adTagUrl: 'https://pubads.g.doubleclick.net/...',
-            liveAdBreakMode: 'metadata',
-            metadataConfig: {
-                detectDateRange: true,
-                detectID3: true,
-                adClassNames: ['com.google.ads', 'ads']
-            },
-            syncToLiveEdge: true,
-            liveEdgeOffset: 3,
-            onLiveAdBreakDetected: (metadata) => {
-                console.log('Ad cue detected:', metadata);
-            }
-        } }));
-};
-export const PeriodicLiveAdsExample = () => {
-    return (React.createElement(WebPlayerView, { url: "https://stream.example.com/live.m3u8", type: "hls", googleAds: {
-            adTagUrl: 'https://pubads.g.doubleclick.net/...',
-            liveAdBreakMode: 'periodic',
-            periodicAdInterval: 300,
-            syncToLiveEdge: true,
-            onAdBreakScheduled: (scheduledTime) => {
-                console.log(`Next ad at ${scheduledTime}s playback time`);
-            }
-        } }));
-};
-export const HybridLiveAdsExample = () => {
-    return (React.createElement(WebPlayerView, { url: "https://stream.example.com/live.m3u8", type: "hls", googleAds: {
-            adTagUrl: 'https://pubads.g.doubleclick.net/...',
-            liveAdBreakMode: 'hybrid',
-            metadataConfig: {
-                detectDateRange: true,
-                detectID3: true
-            },
-            periodicAdInterval: 300,
-            syncToLiveEdge: true,
-            onLiveAdBreakDetected: (metadata) => {
-                console.log('✅ Metadata ad cue detected');
-            },
-            onAdBreakScheduled: (scheduledTime) => {
-                console.log('⏰ Fallback periodic ad scheduled');
-            }
-        } }));
-};
-export const BackendControlledLiveAdsExample = () => {
-    const [adConfig, setAdConfig] = useState(null);
-    React.useEffect(() => {
-        fetch('/api/live-stream/ad-config')
-            .then(res => res.json())
-            .then(config => {
-            setAdConfig(config);
-        });
-    }, []);
-    if (!adConfig)
-        return React.createElement("div", null, "Loading...");
-    return (React.createElement(WebPlayerView, { url: adConfig.streamUrl, type: "hls", googleAds: {
-            adTagUrl: adConfig.adTagUrl,
-            liveAdBreakMode: adConfig.mode,
-            periodicAdInterval: adConfig.periodicInterval,
-            metadataConfig: adConfig.metadataConfig,
-            syncToLiveEdge: true
-        } }));
-};
-export default LiveStreamAdsExample;
-//# sourceMappingURL=live-stream-ads-example.js.map

package/packages/web/dist/react/examples/live-stream-ads-example.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"live-stream-ads-example.js","sourceRoot":"","sources":["../../../src/react/examples/live-stream-ads-example.tsx"],"names":[],"mappings":"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"}

package/packages/web/dist/react/hooks/useChapters.d.ts

@@ -1,29 +0,0 @@
-import { VideoSegment, VideoChapters, ChapterConfig, SegmentType } from '../../chapters/types/ChapterTypes';
-export interface UseChaptersOptions {
-    videoElement?: HTMLVideoElement | null;
-    chapters?: VideoChapters;
-    config?: ChapterConfig;
-    onSegmentEntered?: (segment: VideoSegment) => void;
-    onSegmentSkipped?: (fromSegment: VideoSegment, toSegment?: VideoSegment) => void;
-    onSkipButtonShown?: (segment: VideoSegment) => void;
-    onSkipButtonHidden?: (segment: VideoSegment) => void;
-}
-export interface UseChaptersResult {
-    currentSegment: VideoSegment | null;
-    chapters: VideoChapters | null;
-    isSkipButtonVisible: boolean;
-    loadChapters: (chapters: VideoChapters) => Promise<void>;
-    skipToSegment: (segmentId: string) => void;
-    skipCurrentSegment: () => void;
-    getSegmentsByType: (type: SegmentType) => VideoSegment[];
-    hasSegmentType: (type: SegmentType) => boolean;
-    getChapterMarkers: () => Array<{
-        position: number;
-        segment: VideoSegment;
-        color: string;
-    }>;
-    formatTime: (seconds: number) => string;
-    isInSegment: (segmentId: string) => boolean;
-}
-export declare function useChapters(options?: UseChaptersOptions): UseChaptersResult;
-//# sourceMappingURL=useChapters.d.ts.map

package/packages/web/dist/react/hooks/useCommerceSync.d.ts

@@ -1,8 +0,0 @@
-import { VCManifest, VCCue } from "../types/VideoCommerceTypes";
-export declare function resolveActiveCues(manifest: VCManifest | undefined, t: number, paused: boolean): VCCue[];
-export declare function useCommerceSync(manifest: VCManifest | undefined, time: number, paused: boolean): {
-    activeCues: VCCue[];
-    activeOverlays: import("../types/VideoCommerceTypes").VCOverlayInstruction[];
-    activeProducts: import("../types/VideoCommerceTypes").VCProduct[];
-};
-//# sourceMappingURL=useCommerceSync.d.ts.map

package/packages/web/dist/react/types/EPGTypes.d.ts

@@ -1,101 +0,0 @@
-/// <reference types="react" />
-export interface EPGProgram {
-    id: number | string;
-    title: string;
-    description: string;
-    since: string;
-    till: string;
-    image?: string;
-    category?: string;
-    rating?: string;
-    isFavorite?: boolean;
-    isRecording?: boolean;
-    hasReminder?: boolean;
-    hasCatchup?: boolean;
-    metadata?: Record<string, any>;
-}
-export interface EPGProgramRow {
-    programTitle: string;
-    channelLogo?: string;
-    channelId?: string | number;
-    data: EPGProgram[];
-}
-export interface EPGData {
-    timeline: EPGProgramRow[];
-}
-export interface EPGTimeSlot {
-    hour: number;
-    label: string;
-    timestamp: number;
-}
-export interface EPGAction {
-    type: 'favorite' | 'record' | 'reminder' | 'catchup';
-    program: EPGProgram;
-    channel: EPGProgramRow;
-}
-export interface EPGNavigationState {
-    currentTimeOffset: number;
-    visibleTimeRange: {
-        start: number;
-        end: number;
-    };
-    scrollPosition: {
-        horizontal: number;
-        vertical: number;
-    };
-}
-export interface EPGConfig {
-    timeSlotDuration: number;
-    visibleHours: number;
-    enableInfiniteScroll: boolean;
-    lazyLoadThreshold: number;
-    showChannelLogos: boolean;
-    showProgramImages: boolean;
-    compactMode: boolean;
-    onFavorite?: (program: EPGProgram, channel: EPGProgramRow) => void | Promise<void>;
-    onRecord?: (program: EPGProgram, channel: EPGProgramRow) => void | Promise<void>;
-    onSetReminder?: (program: EPGProgram, channel: EPGProgramRow) => void | Promise<void>;
-    onCatchup?: (program: EPGProgram, channel: EPGProgramRow) => void | Promise<void>;
-    onProgramSelect?: (program: EPGProgram, channel: EPGProgramRow) => void;
-    onChannelSelect?: (channel: EPGProgramRow) => void;
-}
-export interface EPGProps {
-    data: EPGData;
-    config?: Partial<EPGConfig>;
-    visible?: boolean;
-    onToggle?: (visible: boolean) => void;
-    className?: string;
-    style?: React.CSSProperties;
-}
-export interface EPGContextType {
-    epgData: EPGData | null;
-    config: EPGConfig;
-    navigation: EPGNavigationState;
-    selectedProgram: EPGProgram | null;
-    currentTime: number;
-    selectProgram: (program: EPGProgram | null, channel?: EPGProgramRow) => void;
-    navigateTime: (direction: 'left' | 'right' | 'today') => void;
-    scrollTo: (time: number) => void;
-    executeAction: (action: EPGAction) => void | Promise<void>;
-    isLoading: boolean;
-    error: string | null;
-}
-export interface EPGComponentProps {
-    className?: string;
-    style?: React.CSSProperties;
-}
-export interface TimeRange {
-    start: number;
-    end: number;
-    duration: number;
-}
-export interface ProgramBlock extends TimeRange {
-    program: EPGProgram;
-    channel: EPGProgramRow;
-    width: number;
-    left: number;
-}
-export type EPGViewMode = 'grid' | 'list' | 'compact';
-export type EPGSortBy = 'time' | 'channel' | 'category' | 'rating';
-export type EPGFilterType = 'all' | 'favorites' | 'recordings' | 'reminders' | 'category';
-//# sourceMappingURL=EPGTypes.d.ts.map

package/packages/web/dist/react/types/FlashNewsTickerTypes.d.ts

@@ -1,146 +0,0 @@
-export type TickerStyleVariant = 'simple' | 'broadcast';
-export type TickerLayoutStyle = 'simple' | 'broadcast' | 'two-line' | 'professional';
-export type IntroAnimationType = 'none' | 'slide-in' | 'scale' | 'flash' | 'pulse' | 'shake';
-export type ItemTransitionType = 'fade' | 'slide' | 'none';
-export type BroadcastTheme = 'breaking-red' | 'breaking-blue' | 'alert-red' | 'news-blue' | 'custom';
-export interface TopLineConfig {
-    mode?: 'static' | 'scroll';
-    multiLine?: boolean;
-    maxLines?: number;
-    forceMultiLine?: boolean;
-    breakAt?: number | string;
-    minHeight?: number;
-    fontSize?: number;
-    lineHeight?: number;
-    textColor?: string;
-    backgroundColor?: string;
-    padding?: number;
-}
-export interface BottomLineConfig {
-    speed?: number;
-    height?: number;
-    fontSize?: number;
-    textColor?: string;
-    backgroundColor?: string;
-}
-export interface TwoLineDisplayConfig {
-    enabled?: boolean;
-    topLine?: TopLineConfig;
-    bottomLine?: BottomLineConfig;
-    showSeparator?: boolean;
-    separatorColor?: string;
-}
-export type SeparatorType = 'line' | 'pulse-line' | 'chevron' | 'diamond' | 'dot';
-export interface DecorativeShapesConfig {
-    headerSeparator?: {
-        type?: SeparatorType;
-        animated?: boolean;
-        color?: string;
-        width?: number;
-        height?: number;
-    };
-}
-export interface ItemCyclingConfig {
-    enabled?: boolean;
-    defaultDuration?: number;
-    transitionType?: ItemTransitionType;
-    transitionDuration?: number;
-    showProgress?: boolean;
-    progressColor?: string;
-    progressHeight?: number;
-    pauseOnHover?: boolean;
-}
-export interface BroadcastStyleConfig {
-    theme?: BroadcastTheme;
-    layoutStyle?: TickerLayoutStyle;
-    headerText?: string;
-    showGlobe?: boolean;
-    showLiveBadge?: boolean;
-    headerColor?: string;
-    headerTextColor?: string;
-    bodyColor?: string;
-    headerHeight?: number;
-    headerFontSize?: number;
-    subHeaderText?: string;
-    animateGlobe?: boolean;
-    pulseLiveBadge?: boolean;
-    twoLineDisplay?: TwoLineDisplayConfig;
-    decorativeShapes?: DecorativeShapesConfig;
-    defaultIntroAnimation?: IntroAnimationType;
-    defaultIntroDuration?: number;
-}
-export interface FlashNewsTickerItem {
-    id: string;
-    text: string;
-    html?: string;
-    headline?: string;
-    headlineHtml?: string;
-    priority?: number;
-    startTime?: number;
-    endTime?: number;
-    duration?: number;
-    showIntro?: boolean;
-    introText?: string;
-    introAnimation?: IntroAnimationType;
-    introDuration?: number;
-    metadata?: Record<string, any>;
-}
-export interface TickerDisplayConfig {
-    items: FlashNewsTickerItem[];
-    height?: number;
-    backgroundColor?: string;
-    textColor?: string;
-    fontSize?: number;
-    fontWeight?: number | string;
-    speed?: number;
-    gap?: number;
-    separator?: string;
-    offset?: number;
-    styleVariant?: TickerStyleVariant;
-    broadcastStyle?: BroadcastStyleConfig;
-}
-export interface FlashNewsTickerConfig {
-    enabled?: boolean;
-    items?: FlashNewsTickerItem[];
-    position?: 'top' | 'bottom' | 'both';
-    styleVariant?: TickerStyleVariant;
-    broadcastStyle?: BroadcastStyleConfig;
-    itemCycling?: ItemCyclingConfig;
-    topConfig?: TickerDisplayConfig;
-    bottomConfig?: TickerDisplayConfig;
-    height?: number;
-    backgroundColor?: string;
-    textColor?: string;
-    fontSize?: number;
-    fontWeight?: number | string;
-    speed?: number;
-    pauseOnHover?: boolean;
-    gap?: number;
-    loop?: boolean;
-    separator?: string;
-    variant?: 'standard' | 'breaking' | 'live' | 'broadcast1' | 'custom';
-    badgeText?: string;
-    badgeColor?: string;
-    badgeTextColor?: string;
-    accentColor?: string;
-    pulseBadge?: boolean;
-    iconUrl?: string;
-    headline?: string;
-    secondaryItems?: FlashNewsTickerItem[];
-    topOffset?: number;
-    bottomOffset?: number;
-}
-export interface FlashNewsTickerAPI {
-    show: () => void;
-    hide: () => void;
-    isVisible: () => boolean;
-    updateItems: (items: FlashNewsTickerItem[]) => void;
-    addItem: (item: FlashNewsTickerItem) => void;
-    removeItem: (itemId: string) => void;
-    clearItems: () => void;
-    updateConfig: (config: Partial<FlashNewsTickerConfig>) => void;
-    pause: () => void;
-    resume: () => void;
-    isPaused: () => boolean;
-}
-//# sourceMappingURL=FlashNewsTickerTypes.d.ts.map

package/packages/web/dist/react/types/VideoCommerceTypes.d.ts

@@ -1,109 +0,0 @@
-export type OverlayType = "badge" | "side-list" | "pause-layer" | "cta";
-export type TriggerType = "time" | "userAction" | "cue";
-export interface VCManifest {
-    version: "1.0";
-    videoId?: string;
-    products: VCProduct[];
-    cues: VCCue[];
-    ui?: {
-        panel?: {
-            position?: "right" | "left" | "bottom";
-            width?: number;
-            autoOpen?: "onProduct" | "onPause" | "never";
-            dedupeAcrossCues?: boolean;
-            showOnlyActive?: boolean;
-            sort?: "timeline" | "priceAsc" | "priceDesc";
-        };
-    };
-}
-export interface VCProduct {
-    id: string;
-    title: string;
-    brand?: string;
-    thumbnails: {
-        square?: string;
-        portrait?: string;
-        landscape?: string;
-    };
-    pricing: {
-        currency: string;
-        amount: number;
-        compareAt?: number;
-        priceText?: string;
-    };
-    variants?: Array<{
-        id: string;
-        label: string;
-    }>;
-    deeplink: {
-        pdpUrl: string;
-        addToCartUrl?: string;
-        buyNowUrl?: string;
-    };
-    inventory?: {
-        inStock: boolean;
-        qty?: number;
-        backorder?: boolean;
-    };
-    rating?: {
-        value: number;
-        count: number;
-    };
-}
-export interface VCCue {
-    id: string;
-    trigger: {
-        type: TriggerType;
-        time?: {
-            start: number;
-            end?: number;
-        };
-        userAction?: "pause" | "resume";
-        cueName?: string;
-    };
-    overlays: VCOverlayInstruction[];
-    analytics?: {
-        label?: string;
-        campaignId?: string;
-    };
-}
-export type Placement = {
-    mode: "dock";
-    edge: "bottom" | "top" | "left" | "right";
-} | {
-    mode: "anchor";
-    x: number;
-    y: number;
-};
-export interface VCOverlayInstruction {
-    id: string;
-    overlayType: OverlayType;
-    productRefs: Array<{
-        productId: string;
-        weight?: number;
-    }>;
-    placement?: Placement;
-    style?: {
-        theme?: "light" | "dark" | "auto";
-        badge?: {
-            showPrice?: boolean;
-            showThumb?: boolean;
-            label?: string;
-        };
-        list?: {
-            itemsPerPage?: number;
-            layout?: "grid" | "rail";
-        };
-    };
-    behavior?: {
-        autoShow?: boolean;
-        autoHideOn?: Array<"seek" | "pause" | "play" | "end">;
-        dismissible?: boolean;
-        zIndex?: number;
-    };
-}
-export interface VCEvent {
-    type: "vc_impression" | "vc_cue_enter" | "vc_cue_exit" | "vc_overlay_show" | "vc_overlay_hide" | "vc_product_impression" | "vc_product_click";
-    payload: Record<string, any>;
-}
-//# sourceMappingURL=VideoCommerceTypes.d.ts.map

package/packages/web/dist/react/utils/EPGUtils.d.ts

@@ -1,21 +0,0 @@
-import type { EPGProgram, EPGTimeSlot, ProgramBlock, EPGProgramRow } from '../types/EPGTypes';
-export declare const parseTime: (isoString: string) => number;
-export declare const formatTime: (timestamp: number, format?: '12h' | '24h') => string;
-export declare const formatDateTime: (timestamp: number) => string;
-export declare const getProgramDuration: (program: EPGProgram) => number;
-export declare const generateTimeSlots: (startTime: number, visibleHours: number, slotDuration?: number) => EPGTimeSlot[];
-export declare const calculateProgramBlock: (program: EPGProgram, channel: EPGProgramRow, timelineStart: number, timelineEnd: number, containerWidth: number, channelHeight?: number) => ProgramBlock | null;
-export declare const isProgramLive: (program: EPGProgram, currentTime?: number) => boolean;
-export declare const getProgramProgress: (program: EPGProgram, currentTime?: number) => number;
-export declare const findProgramAtTime: (channel: EPGProgramRow, timestamp: number) => EPGProgram | null;
-export declare const getCurrentTimePosition: (currentTime: number, timelineStart: number, timelineEnd: number, containerWidth: number) => number;
-export declare const snapToTimeSlot: (timestamp: number, slotDuration?: number) => number;
-export declare const calculateOptimalTimeRange: (currentTime?: number, visibleHours?: number) => {
-    start: number;
-    end: number;
-};
-export declare const getProgramsInRange: (channels: EPGProgramRow[], startTime: number, endTime: number, paddingHours?: number) => EPGProgramRow[];
-export declare const calculateScrollPosition: (targetTime: number, timelineStart: number, timelineEnd: number, containerWidth: number, visibleWidth: number) => number;
-export declare const debounce: <T extends (...args: any[]) => any>(func: T, wait: number) => (...args: Parameters<T>) => void;
-export declare const throttle: <T extends (...args: any[]) => any>(func: T, limit: number) => (...args: Parameters<T>) => void;
-//# sourceMappingURL=EPGUtils.d.ts.map

package/packages/web/dist/test/epg-test.d.ts

@@ -1,3 +0,0 @@
-declare function runEPGTests(): void;
-export { runEPGTests };
-//# sourceMappingURL=epg-test.d.ts.map

package/packages/web/dist/utils/YouTubeExtractor.d.ts

@@ -1,38 +0,0 @@
-export interface YouTubeVideoInfo {
-    videoId: string;
-    title: string;
-    duration: number;
-    thumbnail: string;
-    streamUrl: string;
-    format: 'mp4' | 'webm';
-}
-export declare class YouTubeExtractor {
-    private static readonly YOUTUBE_REGEX;
-    private static readonly YOUTUBE_NOEMBED_API;
-    private static readonly YOUTUBE_API_ENDPOINT;
-    static isYouTubeUrl(url: string): boolean;
-    static extractVideoId(url: string): string | null;
-    static getVideoMetadata(url: string): Promise<{
-        title: string;
-        thumbnail: string;
-        duration?: number;
-    }>;
-    static getEmbedUrl(videoId: string, showControls?: boolean): string;
-    static getDirectStreamUrl(videoId: string, backendEndpoint?: string): Promise<string | null>;
-    private static getFallbackStreamUrl;
-    static prepareYouTubeSource(url: string, backendEndpoint?: string): Promise<{
-        url: string;
-        type: string;
-        title: string;
-        thumbnail: string;
-        duration: number | undefined;
-        videoId: string;
-        isYouTube: boolean;
-        metadata: {
-            source: string;
-            videoId: string;
-        };
-    }>;
-}
-export default YouTubeExtractor;
-//# sourceMappingURL=YouTubeExtractor.d.ts.map