unified-video-framework 1.4.151 → 1.4.153

package/packages/web/dist/react/components/ChapterProgress.js

@@ -0,0 +1,101 @@
+import React, { useMemo } from 'react';
+import { SEGMENT_COLORS } from "../../chapters/types/ChapterTypes.js";
+export const ChapterProgress = ({ chapters, progress = 0, buffered = 0, showMarkers = true, markerColors = {}, onMarkerClick, onProgressClick, className = '', style = {}, interactive = true }) => {
+    const markers = useMemo(() => {
+        if (!chapters || !showMarkers)
+            return [];
+        const colors = { ...SEGMENT_COLORS, ...markerColors };
+        return chapters.segments
+            .filter(segment => segment.type !== 'content')
+            .map(segment => ({
+            segment,
+            position: (segment.startTime / chapters.duration) * 100,
+            color: colors[segment.type] || '#ffffff',
+            label: segment.title || segment.type
+        }))
+            .sort((a, b) => a.position - b.position);
+    }, [chapters, showMarkers, markerColors]);
+    const handleProgressClick = (event) => {
+        if (!interactive || !onProgressClick)
+            return;
+        const rect = event.currentTarget.getBoundingClientRect();
+        const x = event.clientX - rect.left;
+        const percentage = (x / rect.width) * 100;
+        onProgressClick(Math.max(0, Math.min(100, percentage)));
+    };
+    const handleMarkerClick = (event, segment) => {
+        event.stopPropagation();
+        onMarkerClick?.(segment);
+    };
+    const progressClasses = [
+        'uvf-chapter-progress',
+        interactive ? 'interactive' : '',
+        className
+    ].filter(Boolean).join(' ');
+    return (React.createElement("div", { className: progressClasses, style: {
+            position: 'relative',
+            width: '100%',
+            height: '4px',
+            backgroundColor: 'rgba(255, 255, 255, 0.2)',
+            borderRadius: '2px',
+            cursor: interactive ? 'pointer' : 'default',
+            ...style
+        }, onClick: handleProgressClick },
+        React.createElement("div", { className: "uvf-chapter-progress-buffered", style: {
+                position: 'absolute',
+                top: 0,
+                left: 0,
+                height: '100%',
+                width: `${Math.max(0, Math.min(100, buffered))}%`,
+                backgroundColor: 'rgba(255, 255, 255, 0.4)',
+                borderRadius: 'inherit',
+                transition: 'width 0.3s ease'
+            } }),
+        React.createElement("div", { className: "uvf-chapter-progress-current", style: {
+                position: 'absolute',
+                top: 0,
+                left: 0,
+                height: '100%',
+                width: `${Math.max(0, Math.min(100, progress))}%`,
+                background: 'linear-gradient(90deg, var(--uvf-accent-1, #ff5722) 0%, var(--uvf-accent-2, #ff8a50) 100%)',
+                borderRadius: 'inherit',
+                transition: 'width 0.1s ease'
+            } }),
+        markers.map((marker, index) => (React.createElement("div", { key: `${marker.segment.id}-${index}`, className: `uvf-chapter-progress-marker uvf-marker-${marker.segment.type}`, style: {
+                position: 'absolute',
+                top: '50%',
+                left: `${marker.position}%`,
+                width: '3px',
+                height: '150%',
+                backgroundColor: marker.color,
+                transform: 'translate(-50%, -50%)',
+                cursor: 'pointer',
+                borderRadius: '1px',
+                zIndex: 10,
+                transition: 'all 0.2s ease'
+            }, title: `${marker.label} (${formatTime(marker.segment.startTime)})`, onClick: (e) => handleMarkerClick(e, marker.segment), onMouseEnter: (e) => {
+                const element = e.currentTarget;
+                element.style.width = '4px';
+                element.style.height = '200%';
+                element.style.boxShadow = `0 0 8px ${marker.color}`;
+            }, onMouseLeave: (e) => {
+                const element = e.currentTarget;
+                element.style.width = '3px';
+                element.style.height = '150%';
+                element.style.boxShadow = 'none';
+            } })))));
+};
+function formatTime(seconds) {
+    if (!seconds || isNaN(seconds))
+        return '0:00';
+    const hours = Math.floor(seconds / 3600);
+    const minutes = Math.floor((seconds % 3600) / 60);
+    const secs = Math.floor(seconds % 60);
+    if (hours > 0) {
+        return `${hours}:${minutes.toString().padStart(2, '0')}:${secs.toString().padStart(2, '0')}`;
+    }
+    else {
+        return `${minutes}:${secs.toString().padStart(2, '0')}`;
+    }
+}
+//# sourceMappingURL=ChapterProgress.js.map

package/packages/web/dist/react/components/ChapterProgress.js.map

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

package/packages/web/dist/react/components/SkipButton.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { VideoSegment, SkipButtonPosition } from '../../chapters/types/ChapterTypes';
+export interface SkipButtonProps {
+    segment: VideoSegment | null;
+    visible?: boolean;
+    position?: SkipButtonPosition;
+    autoHideDelay?: number;
+    skipLabel?: string;
+    onSkip?: (segment: VideoSegment) => void;
+    onShow?: (segment: VideoSegment) => void;
+    onHide?: (segment: VideoSegment, reason: string) => void;
+    className?: string;
+    style?: React.CSSProperties;
+    enableAutoSkip?: boolean;
+    autoSkipDelay?: number;
+}
+export declare const SkipButton: React.FC<SkipButtonProps>;
+//# sourceMappingURL=SkipButton.d.ts.map

package/packages/web/dist/react/components/SkipButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkipButton.d.ts","sourceRoot":"","sources":["../../../src/react/components/SkipButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,EACL,YAAY,EACZ,kBAAkB,EAEnB,MAAM,mCAAmC,CAAC;AAE3C,MAAM,WAAW,eAAe;IAE9B,OAAO,EAAE,YAAY,GAAG,IAAI,CAAC;IAG7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAGlB,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAG9B,aAAa,CAAC,EAAE,MAAM,CAAC;IAGvB,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IAGzC,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IAGzC,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAGzD,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAG5B,cAAc,CAAC,EAAE,OAAO,CAAC;IAGzB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAoOhD,CAAC"}

package/packages/web/dist/react/components/SkipButton.js

@@ -0,0 +1,156 @@
+import React, { useState, useEffect, useRef } from 'react';
+import { DEFAULT_SKIP_LABELS } from "../../chapters/types/ChapterTypes.js";
+export const SkipButton = ({ segment, visible = false, position = 'bottom-right', autoHideDelay = 5000, skipLabel, onSkip, onShow, onHide, className = '', style = {}, enableAutoSkip = false, autoSkipDelay = 10 }) => {
+    const [isVisible, setIsVisible] = useState(visible);
+    const [isAutoSkip, setIsAutoSkip] = useState(false);
+    const [countdown, setCountdown] = useState(null);
+    const autoHideTimeoutRef = useRef(null);
+    const autoSkipTimeoutRef = useRef(null);
+    const countdownIntervalRef = useRef(null);
+    const previousSegmentRef = useRef(null);
+    const clearTimeouts = () => {
+        if (autoHideTimeoutRef.current) {
+            clearTimeout(autoHideTimeoutRef.current);
+            autoHideTimeoutRef.current = null;
+        }
+        if (autoSkipTimeoutRef.current) {
+            clearTimeout(autoSkipTimeoutRef.current);
+            autoSkipTimeoutRef.current = null;
+        }
+        if (countdownIntervalRef.current) {
+            clearInterval(countdownIntervalRef.current);
+            countdownIntervalRef.current = null;
+        }
+    };
+    const startAutoSkip = (segment, delay) => {
+        setIsAutoSkip(true);
+        setCountdown(delay);
+        countdownIntervalRef.current = setInterval(() => {
+            setCountdown((prev) => {
+                if (prev === null || prev <= 1) {
+                    clearTimeouts();
+                    onSkip?.(segment);
+                    handleHide('timeout');
+                    return null;
+                }
+                return prev - 1;
+            });
+        }, 1000);
+        autoSkipTimeoutRef.current = setTimeout(() => {
+            clearTimeouts();
+            onSkip?.(segment);
+            handleHide('timeout');
+        }, delay * 1000);
+    };
+    const handleSkip = () => {
+        if (!segment)
+            return;
+        clearTimeouts();
+        onSkip?.(segment);
+        handleHide('user-action');
+    };
+    const handleShow = () => {
+        if (!segment)
+            return;
+        setIsVisible(true);
+        onShow?.(segment);
+        if (autoHideDelay > 0) {
+            autoHideTimeoutRef.current = setTimeout(() => {
+                handleHide('timeout');
+            }, autoHideDelay);
+        }
+        if (enableAutoSkip && segment.autoSkip && segment.autoSkipDelay) {
+            startAutoSkip(segment, segment.autoSkipDelay);
+        }
+    };
+    const handleHide = (reason = 'manual') => {
+        if (!segment)
+            return;
+        clearTimeouts();
+        setIsVisible(false);
+        setIsAutoSkip(false);
+        setCountdown(null);
+        onHide?.(segment, reason);
+    };
+    useEffect(() => {
+        if (visible && segment && segment !== previousSegmentRef.current) {
+            previousSegmentRef.current = segment;
+            handleShow();
+        }
+        else if (!visible || !segment) {
+            if (previousSegmentRef.current) {
+                handleHide('segment-end');
+            }
+            previousSegmentRef.current = null;
+        }
+    }, [visible, segment]);
+    useEffect(() => {
+        return () => {
+            clearTimeouts();
+        };
+    }, []);
+    if (!segment || !isVisible) {
+        return null;
+    }
+    const buttonText = skipLabel || segment.skipLabel || DEFAULT_SKIP_LABELS[segment.type];
+    const displayText = isAutoSkip && countdown !== null
+        ? `${buttonText} (${countdown})`
+        : buttonText;
+    const positionClass = `uvf-skip-button-${position}`;
+    const segmentClass = `uvf-skip-${segment.type}`;
+    const autoSkipClass = isAutoSkip ? 'auto-skip' : '';
+    const countdownClass = isAutoSkip && countdown !== null ? 'countdown' : '';
+    const buttonClasses = [
+        'uvf-skip-button',
+        'visible',
+        positionClass,
+        segmentClass,
+        autoSkipClass,
+        countdownClass,
+        className
+    ].filter(Boolean).join(' ');
+    const defaultStyles = {
+        position: 'absolute',
+        zIndex: 1000,
+        ...style
+    };
+    switch (position) {
+        case 'bottom-right':
+            Object.assign(defaultStyles, {
+                bottom: '100px',
+                right: '30px'
+            });
+            break;
+        case 'bottom-left':
+            Object.assign(defaultStyles, {
+                bottom: '100px',
+                left: '30px'
+            });
+            break;
+        case 'top-right':
+            Object.assign(defaultStyles, {
+                top: '30px',
+                right: '30px'
+            });
+            break;
+        case 'top-left':
+            Object.assign(defaultStyles, {
+                top: '30px',
+                left: '30px'
+            });
+            break;
+    }
+    return (React.createElement("button", { type: "button", className: buttonClasses, style: defaultStyles, onClick: handleSkip, "aria-label": `${buttonText} - ${segment.title || segment.type}` },
+        displayText,
+        isAutoSkip && countdown !== null && (React.createElement("div", { className: "uvf-skip-countdown-progress", style: {
+                position: 'absolute',
+                bottom: 0,
+                left: 0,
+                height: '3px',
+                backgroundColor: 'currentColor',
+                width: `${((autoSkipDelay - countdown) / autoSkipDelay) * 100}%`,
+                transition: 'width 1s linear',
+                borderRadius: '0 0 6px 6px'
+            } }))));
+};
+//# sourceMappingURL=SkipButton.js.map

package/packages/web/dist/react/components/SkipButton.js.map

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

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

@@ -0,0 +1,29 @@
+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/useChapters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChapters.d.ts","sourceRoot":"","sources":["../../../src/react/hooks/useChapters.ts"],"names":[],"mappings":"AAKA,OAAO,EACL,YAAY,EACZ,aAAa,EACb,aAAa,EAEb,WAAW,EACZ,MAAM,mCAAmC,CAAC;AAE3C,MAAM,WAAW,kBAAkB;IACjC,YAAY,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IACnD,gBAAgB,CAAC,EAAE,CAAC,WAAW,EAAE,YAAY,EAAE,SAAS,CAAC,EAAE,YAAY,KAAK,IAAI,CAAC;IACjF,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IACpD,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;CACtD;AAED,MAAM,WAAW,iBAAiB;IAEhC,cAAc,EAAE,YAAY,GAAG,IAAI,CAAC;IACpC,QAAQ,EAAE,aAAa,GAAG,IAAI,CAAC;IAC/B,mBAAmB,EAAE,OAAO,CAAC;IAG7B,YAAY,EAAE,CAAC,QAAQ,EAAE,aAAa,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACzD,aAAa,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAG/B,iBAAiB,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,YAAY,EAAE,CAAC;IACzD,cAAc,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,OAAO,CAAC;IAC/C,iBAAiB,EAAE,MAAM,KAAK,CAAC;QAC7B,QAAQ,EAAE,MAAM,CAAC;QACjB,OAAO,EAAE,YAAY,CAAC;QACtB,KAAK,EAAE,MAAM,CAAC;KACf,CAAC,CAAC;IAGH,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,WAAW,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC;CAC7C;AAED,wBAAgB,WAAW,CAAC,OAAO,GAAE,kBAAuB,GAAG,iBAAiB,CAmQ/E"}

package/packages/web/dist/react/hooks/useChapters.js

@@ -0,0 +1,158 @@
+import { useState, useEffect, useCallback, useRef } from 'react';
+export function useChapters(options = {}) {
+    const { videoElement, chapters: initialChapters, config = { enabled: true }, onSegmentEntered, onSegmentSkipped, onSkipButtonShown, onSkipButtonHidden } = options;
+    const [currentSegment, setCurrentSegment] = useState(null);
+    const [chapters, setChapters] = useState(initialChapters || null);
+    const [isSkipButtonVisible, setIsSkipButtonVisible] = useState(false);
+    const timeUpdateHandlerRef = useRef(null);
+    const previousSegmentRef = useRef(null);
+    const getCurrentSegment = useCallback((currentTime) => {
+        if (!chapters)
+            return null;
+        return chapters.segments.find(segment => currentTime >= segment.startTime && currentTime < segment.endTime) || null;
+    }, [chapters]);
+    const handleTimeUpdate = useCallback(() => {
+        if (!videoElement || !chapters)
+            return;
+        const newSegment = getCurrentSegment(videoElement.currentTime);
+        if (newSegment !== currentSegment) {
+            if (currentSegment) {
+                setIsSkipButtonVisible(false);
+                onSkipButtonHidden?.(currentSegment);
+            }
+            previousSegmentRef.current = currentSegment;
+            setCurrentSegment(newSegment);
+            if (newSegment) {
+                onSegmentEntered?.(newSegment);
+                if (shouldShowSkipButton(newSegment)) {
+                    setIsSkipButtonVisible(true);
+                    onSkipButtonShown?.(newSegment);
+                }
+            }
+        }
+    }, [videoElement, chapters, currentSegment, onSegmentEntered, onSkipButtonShown, onSkipButtonHidden, getCurrentSegment]);
+    const shouldShowSkipButton = useCallback((segment) => {
+        if (!config.userPreferences?.showSkipButtons) {
+            return false;
+        }
+        if (segment.type === 'content') {
+            return segment.showSkipButton === true;
+        }
+        return segment.showSkipButton !== false;
+    }, [config]);
+    useEffect(() => {
+        if (!videoElement)
+            return;
+        const handler = () => handleTimeUpdate();
+        timeUpdateHandlerRef.current = handler;
+        videoElement.addEventListener('timeupdate', handler);
+        return () => {
+            videoElement.removeEventListener('timeupdate', handler);
+        };
+    }, [videoElement, handleTimeUpdate]);
+    const loadChapters = useCallback(async (newChapters) => {
+        if (!newChapters.videoId || !newChapters.duration || !Array.isArray(newChapters.segments)) {
+            throw new Error('Invalid chapters data');
+        }
+        const sortedChapters = {
+            ...newChapters,
+            segments: [...newChapters.segments].sort((a, b) => a.startTime - b.startTime)
+        };
+        setChapters(sortedChapters);
+        if (videoElement) {
+            const segment = getCurrentSegment(videoElement.currentTime);
+            setCurrentSegment(segment);
+        }
+    }, [videoElement, getCurrentSegment]);
+    const skipToSegment = useCallback((segmentId) => {
+        if (!chapters || !videoElement)
+            return;
+        const segment = chapters.segments.find(s => s.id === segmentId);
+        if (!segment)
+            return;
+        const fromSegment = currentSegment;
+        if (fromSegment) {
+            onSegmentSkipped?.(fromSegment, segment);
+        }
+        videoElement.currentTime = segment.startTime;
+    }, [chapters, videoElement, currentSegment, onSegmentSkipped]);
+    const skipCurrentSegment = useCallback(() => {
+        if (!currentSegment || !chapters || !videoElement)
+            return;
+        const sortedSegments = [...chapters.segments].sort((a, b) => a.startTime - b.startTime);
+        const currentIndex = sortedSegments.findIndex(s => s.id === currentSegment.id);
+        if (currentIndex === -1)
+            return;
+        let nextSegment;
+        for (let i = currentIndex + 1; i < sortedSegments.length; i++) {
+            if (sortedSegments[i].type === 'content') {
+                nextSegment = sortedSegments[i];
+                break;
+            }
+        }
+        const targetTime = nextSegment ? nextSegment.startTime : currentSegment.endTime;
+        onSegmentSkipped?.(currentSegment, nextSegment);
+        videoElement.currentTime = targetTime;
+    }, [currentSegment, chapters, videoElement, onSegmentSkipped]);
+    const getSegmentsByType = useCallback((type) => {
+        if (!chapters)
+            return [];
+        return chapters.segments.filter(segment => segment.type === type);
+    }, [chapters]);
+    const hasSegmentType = useCallback((type) => {
+        return getSegmentsByType(type).length > 0;
+    }, [getSegmentsByType]);
+    const getChapterMarkers = useCallback(() => {
+        if (!chapters)
+            return [];
+        const segmentColors = {
+            intro: '#ff5722',
+            recap: '#ffc107',
+            content: '#4caf50',
+            credits: '#9c27b0',
+            ad: '#f44336'
+        };
+        return chapters.segments
+            .filter(segment => segment.type !== 'content')
+            .map(segment => ({
+            position: (segment.startTime / chapters.duration) * 100,
+            segment,
+            color: segmentColors[segment.type]
+        }));
+    }, [chapters]);
+    const formatTime = useCallback((seconds) => {
+        if (!seconds || isNaN(seconds))
+            return '00:00';
+        const hours = Math.floor(seconds / 3600);
+        const minutes = Math.floor((seconds % 3600) / 60);
+        const secs = Math.floor(seconds % 60);
+        if (hours > 0) {
+            return `${hours}:${minutes.toString().padStart(2, '0')}:${secs.toString().padStart(2, '0')}`;
+        }
+        else {
+            return `${minutes.toString().padStart(2, '0')}:${secs.toString().padStart(2, '0')}`;
+        }
+    }, []);
+    const isInSegment = useCallback((segmentId) => {
+        return currentSegment?.id === segmentId;
+    }, [currentSegment]);
+    useEffect(() => {
+        if (initialChapters) {
+            loadChapters(initialChapters);
+        }
+    }, [initialChapters, loadChapters]);
+    return {
+        currentSegment,
+        chapters,
+        isSkipButtonVisible,
+        loadChapters,
+        skipToSegment,
+        skipCurrentSegment,
+        getSegmentsByType,
+        hasSegmentType,
+        getChapterMarkers,
+        formatTime,
+        isInSegment
+    };
+}
+//# sourceMappingURL=useChapters.js.map

package/packages/web/dist/react/hooks/useChapters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChapters.js","sourceRoot":"","sources":["../../../src/react/hooks/useChapters.ts"],"names":[],"mappings":"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"}

package/packages/web/package.json

@@ -1,6 +1,6 @@
 {
-  "name": "@unified-video/web",
-  "version": "1.0.0",
+  "name": "unified-video-web",
+  "version": "1.0.1",
   "description": "Web implementation of Unified Video Framework",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -16,7 +16,7 @@
     "lint": "eslint src --ext .ts,.tsx,.js"
   },
   "dependencies": {
-    "@unified-video/core": "file:../core"
+    "unified-video-core": "^1.0.1"
   },
   "peerDependencies": {
     "dashjs": "^4.0.0",

package/packages/web/src/SecureVideoPlayer.ts

@@ -8,7 +8,7 @@ import {
   PlayerConfig,
   PlayerError,
   Quality
-} from '@unified-video/core';
+} from 'unified-video-core';
 
 // Extended configuration for secure player
 export interface SecurePlayerConfig {