@djangocfg/ui-nextjs 2.1.65 → 2.1.67
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +13 -8
- package/src/blocks/SplitHero/SplitHeroMedia.tsx +2 -1
- package/src/stores/index.ts +8 -0
- package/src/stores/mediaCache.ts +464 -0
- package/src/tools/AudioPlayer/@refactoring/00-PLAN.md +148 -0
- package/src/tools/AudioPlayer/@refactoring/01-TYPES.md +301 -0
- package/src/tools/AudioPlayer/@refactoring/02-HOOKS.md +281 -0
- package/src/tools/AudioPlayer/@refactoring/03-CONTEXT.md +328 -0
- package/src/tools/AudioPlayer/@refactoring/04-COMPONENTS.md +251 -0
- package/src/tools/AudioPlayer/@refactoring/05-EFFECTS.md +427 -0
- package/src/tools/AudioPlayer/@refactoring/06-UTILS-AND-INDEX.md +193 -0
- package/src/tools/AudioPlayer/@refactoring/07-EXECUTION-CHECKLIST.md +146 -0
- package/src/tools/AudioPlayer/README.md +325 -0
- package/src/tools/AudioPlayer/components/AudioEqualizer.tsx +200 -0
- package/src/tools/AudioPlayer/components/AudioPlayer.tsx +231 -0
- package/src/tools/AudioPlayer/components/AudioShortcutsPopover.tsx +99 -0
- package/src/tools/AudioPlayer/components/ReactiveCover/AudioReactiveCover.tsx +147 -0
- package/src/tools/AudioPlayer/components/ReactiveCover/effects/GlowEffect.tsx +110 -0
- package/src/tools/AudioPlayer/components/ReactiveCover/effects/MeshEffect.tsx +58 -0
- package/src/tools/AudioPlayer/components/ReactiveCover/effects/OrbsEffect.tsx +45 -0
- package/src/tools/AudioPlayer/components/ReactiveCover/effects/SpotlightEffect.tsx +82 -0
- package/src/tools/AudioPlayer/components/ReactiveCover/effects/index.ts +8 -0
- package/src/tools/AudioPlayer/components/ReactiveCover/index.ts +6 -0
- package/src/tools/AudioPlayer/components/SimpleAudioPlayer.tsx +280 -0
- package/src/tools/AudioPlayer/components/VisualizationToggle.tsx +64 -0
- package/src/tools/AudioPlayer/components/index.ts +21 -0
- package/src/tools/AudioPlayer/context/AudioProvider.tsx +292 -0
- package/src/tools/AudioPlayer/context/index.ts +11 -0
- package/src/tools/AudioPlayer/context/selectors.ts +96 -0
- package/src/tools/AudioPlayer/effects/index.ts +412 -0
- package/src/tools/AudioPlayer/hooks/index.ts +29 -0
- package/src/tools/AudioPlayer/hooks/useAudioAnalysis.ts +110 -0
- package/src/tools/AudioPlayer/hooks/useAudioHotkeys.ts +149 -0
- package/src/tools/AudioPlayer/hooks/useSharedWebAudio.ts +106 -0
- package/src/tools/AudioPlayer/hooks/useVisualization.tsx +201 -0
- package/src/tools/AudioPlayer/index.ts +139 -0
- package/src/tools/AudioPlayer/types/audio.ts +107 -0
- package/src/tools/AudioPlayer/types/components.ts +98 -0
- package/src/tools/AudioPlayer/types/effects.ts +73 -0
- package/src/tools/AudioPlayer/types/index.ts +35 -0
- package/src/tools/AudioPlayer/utils/formatTime.ts +10 -0
- package/src/tools/AudioPlayer/utils/index.ts +5 -0
- package/src/tools/ImageViewer/@refactoring/00-PLAN.md +71 -0
- package/src/tools/ImageViewer/@refactoring/01-TYPES.md +121 -0
- package/src/tools/ImageViewer/@refactoring/02-UTILS.md +143 -0
- package/src/tools/ImageViewer/@refactoring/03-HOOKS.md +261 -0
- package/src/tools/ImageViewer/@refactoring/04-COMPONENTS.md +427 -0
- package/src/tools/ImageViewer/@refactoring/05-EXECUTION-CHECKLIST.md +126 -0
- package/src/tools/ImageViewer/README.md +174 -0
- package/src/tools/ImageViewer/components/ImageInfo.tsx +44 -0
- package/src/tools/ImageViewer/components/ImageToolbar.tsx +150 -0
- package/src/tools/ImageViewer/components/ImageViewer.tsx +235 -0
- package/src/tools/ImageViewer/components/index.ts +7 -0
- package/src/tools/ImageViewer/hooks/index.ts +9 -0
- package/src/tools/ImageViewer/hooks/useImageLoading.ts +153 -0
- package/src/tools/ImageViewer/hooks/useImageTransform.ts +101 -0
- package/src/tools/ImageViewer/index.ts +60 -0
- package/src/tools/ImageViewer/types.ts +75 -0
- package/src/tools/ImageViewer/utils/constants.ts +59 -0
- package/src/tools/ImageViewer/utils/index.ts +16 -0
- package/src/tools/ImageViewer/utils/lqip.ts +47 -0
- package/src/tools/VideoPlayer/@refactoring/00-PLAN.md +91 -0
- package/src/tools/VideoPlayer/@refactoring/01-TYPES.md +284 -0
- package/src/tools/VideoPlayer/@refactoring/02-UTILS.md +141 -0
- package/src/tools/VideoPlayer/@refactoring/03-HOOKS.md +178 -0
- package/src/tools/VideoPlayer/@refactoring/04-COMPONENTS.md +95 -0
- package/src/tools/VideoPlayer/@refactoring/05-EXECUTION-CHECKLIST.md +139 -0
- package/src/tools/VideoPlayer/README.md +212 -187
- package/src/tools/VideoPlayer/{VideoControls.tsx → components/VideoControls.tsx} +8 -9
- package/src/tools/VideoPlayer/components/VideoErrorFallback.tsx +174 -0
- package/src/tools/VideoPlayer/components/VideoPlayer.tsx +201 -0
- package/src/tools/VideoPlayer/components/index.ts +14 -0
- package/src/tools/VideoPlayer/context/VideoPlayerContext.tsx +52 -0
- package/src/tools/VideoPlayer/context/index.ts +8 -0
- package/src/tools/VideoPlayer/hooks/index.ts +9 -0
- package/src/tools/VideoPlayer/hooks/useVideoPositionCache.ts +109 -0
- package/src/tools/VideoPlayer/index.ts +70 -9
- package/src/tools/VideoPlayer/providers/NativeProvider.tsx +206 -0
- package/src/tools/VideoPlayer/providers/StreamProvider.tsx +401 -0
- package/src/tools/VideoPlayer/providers/VidstackProvider.tsx +332 -0
- package/src/tools/VideoPlayer/providers/index.ts +8 -0
- package/src/tools/VideoPlayer/types/index.ts +38 -0
- package/src/tools/VideoPlayer/types/player.ts +116 -0
- package/src/tools/VideoPlayer/types/provider.ts +93 -0
- package/src/tools/VideoPlayer/types/sources.ts +97 -0
- package/src/tools/VideoPlayer/utils/fileSource.ts +78 -0
- package/src/tools/VideoPlayer/utils/index.ts +11 -0
- package/src/tools/VideoPlayer/utils/resolvers.ts +75 -0
- package/src/tools/index.ts +92 -4
- package/src/tools/VideoPlayer/NativePlayer.tsx +0 -141
- package/src/tools/VideoPlayer/VideoPlayer.tsx +0 -231
- package/src/tools/VideoPlayer/types.ts +0 -118
|
@@ -1,118 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* VideoPlayer Types - Professional Vidstack Implementation
|
|
3
|
-
*/
|
|
4
|
-
|
|
5
|
-
export interface VideoSource {
|
|
6
|
-
/** Video URL - supports YouTube, Vimeo, MP4, HLS, etc. */
|
|
7
|
-
url: string;
|
|
8
|
-
/** Video title */
|
|
9
|
-
title?: string;
|
|
10
|
-
/** Video description */
|
|
11
|
-
description?: string;
|
|
12
|
-
/** Custom poster/thumbnail URL */
|
|
13
|
-
poster?: string;
|
|
14
|
-
/** Video duration in seconds */
|
|
15
|
-
duration?: number;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
export interface VideoPlayerProps {
|
|
19
|
-
/** Video source configuration */
|
|
20
|
-
source: VideoSource;
|
|
21
|
-
/** Aspect ratio (default: 16/9) */
|
|
22
|
-
aspectRatio?: number;
|
|
23
|
-
/** Auto-play video */
|
|
24
|
-
autoplay?: boolean;
|
|
25
|
-
/** Mute video by default */
|
|
26
|
-
muted?: boolean;
|
|
27
|
-
/** Play video inline on mobile */
|
|
28
|
-
playsInline?: boolean;
|
|
29
|
-
/** Show custom controls */
|
|
30
|
-
controls?: boolean;
|
|
31
|
-
/** Custom CSS class */
|
|
32
|
-
className?: string;
|
|
33
|
-
/** Show video info */
|
|
34
|
-
showInfo?: boolean;
|
|
35
|
-
/** Player theme */
|
|
36
|
-
theme?: 'default' | 'minimal' | 'modern';
|
|
37
|
-
/** Event callbacks */
|
|
38
|
-
onPlay?: () => void;
|
|
39
|
-
onPause?: () => void;
|
|
40
|
-
onEnded?: () => void;
|
|
41
|
-
onError?: (error: string) => void;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
export interface VideoPlayerRef {
|
|
45
|
-
/** Play video */
|
|
46
|
-
play: () => void;
|
|
47
|
-
/** Pause video */
|
|
48
|
-
pause: () => void;
|
|
49
|
-
/** Toggle play/pause */
|
|
50
|
-
togglePlay: () => void;
|
|
51
|
-
/** Seek to time */
|
|
52
|
-
seekTo: (time: number) => void;
|
|
53
|
-
/** Set volume (0-1) */
|
|
54
|
-
setVolume: (volume: number) => void;
|
|
55
|
-
/** Toggle mute */
|
|
56
|
-
toggleMute: () => void;
|
|
57
|
-
/** Enter fullscreen */
|
|
58
|
-
enterFullscreen: () => void;
|
|
59
|
-
/** Exit fullscreen */
|
|
60
|
-
exitFullscreen: () => void;
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
/**
|
|
64
|
-
* NativePlayer Types - Lightweight HTML5 video player
|
|
65
|
-
*/
|
|
66
|
-
|
|
67
|
-
export interface NativePlayerProps {
|
|
68
|
-
/** Video source URL (MP4, WebM) */
|
|
69
|
-
src: string;
|
|
70
|
-
/** Poster/thumbnail image URL */
|
|
71
|
-
poster?: string;
|
|
72
|
-
/** Aspect ratio (default: 16/9) */
|
|
73
|
-
aspectRatio?: number;
|
|
74
|
-
/** Auto-play video (default: true) */
|
|
75
|
-
autoPlay?: boolean;
|
|
76
|
-
/** Mute video (default: true) */
|
|
77
|
-
muted?: boolean;
|
|
78
|
-
/** Loop video (default: true) */
|
|
79
|
-
loop?: boolean;
|
|
80
|
-
/** Play video inline on mobile (default: true) */
|
|
81
|
-
playsInline?: boolean;
|
|
82
|
-
/** Preload strategy (default: 'auto') */
|
|
83
|
-
preload?: 'auto' | 'metadata' | 'none';
|
|
84
|
-
/** Show native browser controls (default: false) */
|
|
85
|
-
controls?: boolean;
|
|
86
|
-
/** Disable right-click context menu (default: true) */
|
|
87
|
-
disableContextMenu?: boolean;
|
|
88
|
-
/** Show preloader while video loads (default: true) */
|
|
89
|
-
showPreloader?: boolean;
|
|
90
|
-
/** Preloader timeout in ms - hide even if not loaded (default: 5000) */
|
|
91
|
-
preloaderTimeout?: number;
|
|
92
|
-
/** Container className */
|
|
93
|
-
className?: string;
|
|
94
|
-
/** Video element className */
|
|
95
|
-
videoClassName?: string;
|
|
96
|
-
/** Preloader overlay className */
|
|
97
|
-
preloaderClassName?: string;
|
|
98
|
-
/** Event callbacks */
|
|
99
|
-
onLoadStart?: () => void;
|
|
100
|
-
onCanPlay?: () => void;
|
|
101
|
-
onPlaying?: () => void;
|
|
102
|
-
onEnded?: () => void;
|
|
103
|
-
onError?: (e: React.SyntheticEvent<HTMLVideoElement, Event>) => void;
|
|
104
|
-
}
|
|
105
|
-
|
|
106
|
-
export interface NativePlayerRef {
|
|
107
|
-
/** Play video */
|
|
108
|
-
play: () => Promise<void> | undefined;
|
|
109
|
-
/** Pause video */
|
|
110
|
-
pause: () => void;
|
|
111
|
-
/** Current playback time in seconds */
|
|
112
|
-
currentTime: number;
|
|
113
|
-
/** Whether video is paused */
|
|
114
|
-
paused: boolean;
|
|
115
|
-
/** Direct access to video element */
|
|
116
|
-
element: HTMLVideoElement | null;
|
|
117
|
-
}
|
|
118
|
-
|