unified-video-framework 1.4.151 → 1.4.153
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 +1 -1
- package/packages/core/dist/chapter-manager.d.ts +39 -0
- package/packages/core/dist/chapter-manager.d.ts.map +1 -0
- package/packages/core/dist/chapter-manager.js +173 -0
- package/packages/core/dist/chapter-manager.js.map +1 -0
- package/packages/core/dist/index.d.ts +2 -0
- package/packages/core/dist/index.d.ts.map +1 -1
- package/packages/core/dist/index.js +1 -0
- package/packages/core/dist/index.js.map +1 -1
- package/packages/core/dist/interfaces/IVideoPlayer.d.ts +10 -0
- package/packages/core/dist/interfaces/IVideoPlayer.d.ts.map +1 -1
- package/packages/core/dist/interfaces.d.ts +33 -1
- package/packages/core/dist/interfaces.d.ts.map +1 -1
- package/packages/core/package.json +2 -2
- package/packages/core/src/chapter-manager.ts +290 -0
- package/packages/core/src/index.ts +4 -0
- package/packages/core/src/interfaces/IVideoPlayer.ts +11 -0
- package/packages/core/src/interfaces.ts +47 -1
- package/packages/web/dist/WebPlayer.d.ts +24 -1
- package/packages/web/dist/WebPlayer.d.ts.map +1 -1
- package/packages/web/dist/WebPlayer.js +472 -1
- package/packages/web/dist/WebPlayer.js.map +1 -1
- package/packages/web/dist/chapters/ChapterManager.d.ts +38 -0
- package/packages/web/dist/chapters/ChapterManager.d.ts.map +1 -0
- package/packages/web/dist/chapters/ChapterManager.js +291 -0
- package/packages/web/dist/chapters/ChapterManager.js.map +1 -0
- package/packages/web/dist/chapters/SkipButtonController.d.ts +31 -0
- package/packages/web/dist/chapters/SkipButtonController.d.ts.map +1 -0
- package/packages/web/dist/chapters/SkipButtonController.js +213 -0
- package/packages/web/dist/chapters/SkipButtonController.js.map +1 -0
- package/packages/web/dist/chapters/UserPreferencesManager.d.ts +25 -0
- package/packages/web/dist/chapters/UserPreferencesManager.d.ts.map +1 -0
- package/packages/web/dist/chapters/UserPreferencesManager.js +232 -0
- package/packages/web/dist/chapters/UserPreferencesManager.js.map +1 -0
- package/packages/web/dist/chapters/index.d.ts +12 -0
- package/packages/web/dist/chapters/index.d.ts.map +1 -0
- package/packages/web/dist/chapters/index.js +8 -0
- package/packages/web/dist/chapters/index.js.map +1 -0
- package/packages/web/dist/chapters/types/ChapterTypes.d.ts +98 -0
- package/packages/web/dist/chapters/types/ChapterTypes.d.ts.map +1 -0
- package/packages/web/dist/chapters/types/ChapterTypes.js +31 -0
- package/packages/web/dist/chapters/types/ChapterTypes.js.map +1 -0
- package/packages/web/dist/index.d.ts +1 -1
- package/packages/web/dist/index.d.ts.map +1 -1
- package/packages/web/dist/index.js +1 -1
- package/packages/web/dist/index.js.map +1 -1
- package/packages/web/dist/paywall/EmailAuthController.d.ts +1 -1
- package/packages/web/dist/paywall/EmailAuthController.d.ts.map +1 -1
- package/packages/web/dist/paywall/PaywallController.d.ts +1 -1
- package/packages/web/dist/paywall/PaywallController.d.ts.map +1 -1
- package/packages/web/dist/react/WebPlayerView.d.ts +2 -2
- package/packages/web/dist/react/WebPlayerView.d.ts.map +1 -1
- package/packages/web/dist/react/WebPlayerViewWithEPG.d.ts +2 -2
- package/packages/web/dist/react/WebPlayerViewWithEPG.d.ts.map +1 -1
- package/packages/web/dist/react/components/ChapterProgress.d.ts +22 -0
- package/packages/web/dist/react/components/ChapterProgress.d.ts.map +1 -0
- package/packages/web/dist/react/components/ChapterProgress.js +101 -0
- package/packages/web/dist/react/components/ChapterProgress.js.map +1 -0
- package/packages/web/dist/react/components/SkipButton.d.ts +18 -0
- package/packages/web/dist/react/components/SkipButton.d.ts.map +1 -0
- package/packages/web/dist/react/components/SkipButton.js +156 -0
- package/packages/web/dist/react/components/SkipButton.js.map +1 -0
- package/packages/web/dist/react/hooks/useChapters.d.ts +29 -0
- package/packages/web/dist/react/hooks/useChapters.d.ts.map +1 -0
- package/packages/web/dist/react/hooks/useChapters.js +158 -0
- package/packages/web/dist/react/hooks/useChapters.js.map +1 -0
- package/packages/web/package.json +3 -3
- package/packages/web/src/SecureVideoPlayer.ts +1 -1
- package/packages/web/src/WebPlayer.ts +587 -3
- package/packages/web/src/__tests__/WebPlayer.test.ts +1 -1
- package/packages/web/src/__tests__/epg-integration.test.ts +1 -1
- package/packages/web/src/chapters/ChapterManager.ts +464 -0
- package/packages/web/src/chapters/SkipButtonController.ts +353 -0
- package/packages/web/src/chapters/UserPreferencesManager.ts +324 -0
- package/packages/web/src/chapters/index.ts +34 -0
- package/packages/web/src/chapters/types/ChapterTypes.ts +236 -0
- package/packages/web/src/index.ts +1 -1
- package/packages/web/src/paywall/EmailAuthController.ts +1 -1
- package/packages/web/src/paywall/PaywallController.ts +1 -1
- package/packages/web/src/react/EPG.ts +1 -1
- package/packages/web/src/react/WebPlayerView.tsx +2 -2
- package/packages/web/src/react/WebPlayerViewWithEPG.tsx +3 -3
- package/packages/web/src/react/components/ChapterProgress.tsx +207 -0
- package/packages/web/src/react/components/EPGNavigationControls.tsx +1 -1
- package/packages/web/src/react/components/EPGOverlay-improved-positioning.tsx +1 -1
- package/packages/web/src/react/components/EPGOverlay.tsx +1 -1
- package/packages/web/src/react/components/EPGProgramGrid.tsx +1 -1
- package/packages/web/src/react/components/EPGTimelineHeader.tsx +1 -1
- package/packages/web/src/react/components/SkipButton.tsx +278 -0
- package/packages/web/src/react/hooks/useChapters.ts +308 -0
- package/packages/web/src/react/types/EPGTypes.ts +1 -1
- package/packages/web/src/react/utils/EPGUtils.ts +1 -1
- package/packages/web/src/test/epg-test.ts +1 -1
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { VideoSegment, VideoChapters, ChapterConfig, ChapterEvents, ChapterMarker, SegmentType } from './types/ChapterTypes';
|
|
2
|
+
export declare class ChapterManager {
|
|
3
|
+
private playerContainer;
|
|
4
|
+
private videoElement;
|
|
5
|
+
private chapters;
|
|
6
|
+
private currentSegment;
|
|
7
|
+
private previousSegment;
|
|
8
|
+
private skipButtonController;
|
|
9
|
+
private config;
|
|
10
|
+
private eventListeners;
|
|
11
|
+
private isDestroyed;
|
|
12
|
+
constructor(playerContainer: HTMLElement, videoElement: HTMLVideoElement, config?: ChapterConfig);
|
|
13
|
+
loadChapters(chapters: VideoChapters): Promise<void>;
|
|
14
|
+
loadChaptersFromUrl(url: string): Promise<void>;
|
|
15
|
+
getCurrentSegment(currentTime: number): VideoSegment | null;
|
|
16
|
+
skipToNextSegment(currentSegment: VideoSegment): void;
|
|
17
|
+
skipToSegment(segmentId: string): void;
|
|
18
|
+
getSegments(): VideoSegment[];
|
|
19
|
+
getSegment(segmentId: string): VideoSegment | null;
|
|
20
|
+
getSegmentsByType(type: SegmentType): VideoSegment[];
|
|
21
|
+
getChapterMarkers(): ChapterMarker[];
|
|
22
|
+
updateConfig(newConfig: Partial<ChapterConfig>): void;
|
|
23
|
+
on<K extends keyof ChapterEvents>(event: K, listener: (data: ChapterEvents[K]) => void): void;
|
|
24
|
+
off<K extends keyof ChapterEvents>(event: K, listener: (data: ChapterEvents[K]) => void): void;
|
|
25
|
+
destroy(): void;
|
|
26
|
+
hasChapters(): boolean;
|
|
27
|
+
getChapters(): VideoChapters | null;
|
|
28
|
+
private setupTimeUpdateListener;
|
|
29
|
+
private checkCurrentSegment;
|
|
30
|
+
private shouldShowSkipButton;
|
|
31
|
+
private getNextContentSegment;
|
|
32
|
+
private sortSegments;
|
|
33
|
+
private validateChapters;
|
|
34
|
+
private updateChapterMarkers;
|
|
35
|
+
private removeChapterMarkers;
|
|
36
|
+
private emit;
|
|
37
|
+
}
|
|
38
|
+
//# sourceMappingURL=ChapterManager.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChapterManager.d.ts","sourceRoot":"","sources":["../../src/chapters/ChapterManager.ts"],"names":[],"mappings":"AAIA,OAAO,EACL,YAAY,EACZ,aAAa,EACb,aAAa,EACb,aAAa,EACb,aAAa,EACb,WAAW,EAGZ,MAAM,sBAAsB,CAAC;AAG9B,qBAAa,cAAc;IAUvB,OAAO,CAAC,eAAe;IACvB,OAAO,CAAC,YAAY;IAVtB,OAAO,CAAC,QAAQ,CAA8B;IAC9C,OAAO,CAAC,cAAc,CAA6B;IACnD,OAAO,CAAC,eAAe,CAA6B;IACpD,OAAO,CAAC,oBAAoB,CAAuB;IACnD,OAAO,CAAC,MAAM,CAAgB;IAC9B,OAAO,CAAC,cAAc,CAAmD;IACzE,OAAO,CAAC,WAAW,CAAS;gBAGlB,eAAe,EAAE,WAAW,EAC5B,YAAY,EAAE,gBAAgB,EACtC,MAAM,GAAE,aAAsC;IAgCnC,YAAY,CAAC,QAAQ,EAAE,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC;IAiCpD,mBAAmB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAsBrD,iBAAiB,CAAC,WAAW,EAAE,MAAM,GAAG,YAAY,GAAG,IAAI;IAW3D,iBAAiB,CAAC,cAAc,EAAE,YAAY,GAAG,IAAI;IAqBrD,aAAa,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI;IAyBtC,WAAW,IAAI,YAAY,EAAE;IAO7B,UAAU,CAAC,SAAS,EAAE,MAAM,GAAG,YAAY,GAAG,IAAI;IAQlD,iBAAiB,CAAC,IAAI,EAAE,WAAW,GAAG,YAAY,EAAE;IAQpD,iBAAiB,IAAI,aAAa,EAAE;IAgBpC,YAAY,CAAC,SAAS,EAAE,OAAO,CAAC,aAAa,CAAC,GAAG,IAAI;IAqBrD,EAAE,CAAC,CAAC,SAAS,MAAM,aAAa,EAAE,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,IAAI,GAAG,IAAI;IAU7F,GAAG,CAAC,CAAC,SAAS,MAAM,aAAa,EAAE,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,IAAI,GAAG,IAAI;IAa9F,OAAO,IAAI,IAAI;IAaf,WAAW,IAAI,OAAO;IAOtB,WAAW,IAAI,aAAa,GAAG,IAAI;IAO1C,OAAO,CAAC,uBAAuB;IAY/B,OAAO,CAAC,mBAAmB;IA4C3B,OAAO,CAAC,oBAAoB;IAa5B,OAAO,CAAC,qBAAqB;IAqB7B,OAAO,CAAC,YAAY;IASpB,OAAO,CAAC,gBAAgB;IAoCxB,OAAO,CAAC,oBAAoB;IA0B5B,OAAO,CAAC,oBAAoB;IAQ5B,OAAO,CAAC,IAAI;CAYb"}
|
|
@@ -0,0 +1,291 @@
|
|
|
1
|
+
import { DEFAULT_CHAPTER_CONFIG, SEGMENT_COLORS } from "./types/ChapterTypes.js";
|
|
2
|
+
import { SkipButtonController } from "./SkipButtonController.js";
|
|
3
|
+
export class ChapterManager {
|
|
4
|
+
constructor(playerContainer, videoElement, config = DEFAULT_CHAPTER_CONFIG) {
|
|
5
|
+
this.playerContainer = playerContainer;
|
|
6
|
+
this.videoElement = videoElement;
|
|
7
|
+
this.chapters = null;
|
|
8
|
+
this.currentSegment = null;
|
|
9
|
+
this.previousSegment = null;
|
|
10
|
+
this.eventListeners = new Map();
|
|
11
|
+
this.isDestroyed = false;
|
|
12
|
+
this.config = { ...DEFAULT_CHAPTER_CONFIG, ...config };
|
|
13
|
+
this.skipButtonController = new SkipButtonController(playerContainer, this.config, (segment) => this.skipToNextSegment(segment), (segment) => this.emit('skipButtonShown', { segment, currentTime: this.videoElement.currentTime }), (segment, reason) => this.emit('skipButtonHidden', {
|
|
14
|
+
segment,
|
|
15
|
+
currentTime: this.videoElement.currentTime,
|
|
16
|
+
reason: reason
|
|
17
|
+
}));
|
|
18
|
+
this.setupTimeUpdateListener();
|
|
19
|
+
if (this.config.data) {
|
|
20
|
+
this.loadChapters(this.config.data);
|
|
21
|
+
}
|
|
22
|
+
else if (this.config.dataUrl) {
|
|
23
|
+
this.loadChaptersFromUrl(this.config.dataUrl);
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
async loadChapters(chapters) {
|
|
27
|
+
try {
|
|
28
|
+
this.validateChapters(chapters);
|
|
29
|
+
this.chapters = chapters;
|
|
30
|
+
this.sortSegments();
|
|
31
|
+
this.emit('chaptersLoaded', {
|
|
32
|
+
chapters: this.chapters,
|
|
33
|
+
segmentCount: this.chapters.segments.length
|
|
34
|
+
});
|
|
35
|
+
if (this.config.showChapterMarkers) {
|
|
36
|
+
this.updateChapterMarkers();
|
|
37
|
+
}
|
|
38
|
+
this.checkCurrentSegment(this.videoElement.currentTime);
|
|
39
|
+
}
|
|
40
|
+
catch (error) {
|
|
41
|
+
this.emit('chaptersLoadError', {
|
|
42
|
+
error: error
|
|
43
|
+
});
|
|
44
|
+
throw error;
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
async loadChaptersFromUrl(url) {
|
|
48
|
+
try {
|
|
49
|
+
const response = await fetch(url);
|
|
50
|
+
if (!response.ok) {
|
|
51
|
+
throw new Error(`Failed to load chapters: ${response.statusText}`);
|
|
52
|
+
}
|
|
53
|
+
const chapters = await response.json();
|
|
54
|
+
await this.loadChapters(chapters);
|
|
55
|
+
}
|
|
56
|
+
catch (error) {
|
|
57
|
+
this.emit('chaptersLoadError', {
|
|
58
|
+
error: error,
|
|
59
|
+
url
|
|
60
|
+
});
|
|
61
|
+
throw error;
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
getCurrentSegment(currentTime) {
|
|
65
|
+
if (!this.chapters)
|
|
66
|
+
return null;
|
|
67
|
+
return this.chapters.segments.find(segment => currentTime >= segment.startTime && currentTime < segment.endTime) || null;
|
|
68
|
+
}
|
|
69
|
+
skipToNextSegment(currentSegment) {
|
|
70
|
+
if (!this.chapters)
|
|
71
|
+
return;
|
|
72
|
+
const nextSegment = this.getNextContentSegment(currentSegment);
|
|
73
|
+
const targetTime = nextSegment ? nextSegment.startTime : currentSegment.endTime;
|
|
74
|
+
this.emit('segmentSkipped', {
|
|
75
|
+
fromSegment: currentSegment,
|
|
76
|
+
toSegment: nextSegment || undefined,
|
|
77
|
+
skipMethod: 'button',
|
|
78
|
+
currentTime: this.videoElement.currentTime
|
|
79
|
+
});
|
|
80
|
+
this.videoElement.currentTime = targetTime;
|
|
81
|
+
}
|
|
82
|
+
skipToSegment(segmentId) {
|
|
83
|
+
if (!this.chapters)
|
|
84
|
+
return;
|
|
85
|
+
const segment = this.chapters.segments.find(s => s.id === segmentId);
|
|
86
|
+
if (!segment)
|
|
87
|
+
return;
|
|
88
|
+
const fromSegment = this.currentSegment;
|
|
89
|
+
if (fromSegment) {
|
|
90
|
+
this.emit('segmentSkipped', {
|
|
91
|
+
fromSegment,
|
|
92
|
+
toSegment: segment,
|
|
93
|
+
skipMethod: 'manual',
|
|
94
|
+
currentTime: this.videoElement.currentTime
|
|
95
|
+
});
|
|
96
|
+
}
|
|
97
|
+
this.videoElement.currentTime = segment.startTime;
|
|
98
|
+
}
|
|
99
|
+
getSegments() {
|
|
100
|
+
return this.chapters?.segments || [];
|
|
101
|
+
}
|
|
102
|
+
getSegment(segmentId) {
|
|
103
|
+
if (!this.chapters)
|
|
104
|
+
return null;
|
|
105
|
+
return this.chapters.segments.find(s => s.id === segmentId) || null;
|
|
106
|
+
}
|
|
107
|
+
getSegmentsByType(type) {
|
|
108
|
+
if (!this.chapters)
|
|
109
|
+
return [];
|
|
110
|
+
return this.chapters.segments.filter(s => s.type === type);
|
|
111
|
+
}
|
|
112
|
+
getChapterMarkers() {
|
|
113
|
+
if (!this.chapters || !this.config.showChapterMarkers)
|
|
114
|
+
return [];
|
|
115
|
+
return this.chapters.segments
|
|
116
|
+
.filter(segment => segment.type !== 'content')
|
|
117
|
+
.map(segment => ({
|
|
118
|
+
segment,
|
|
119
|
+
position: (segment.startTime / this.chapters.duration) * 100,
|
|
120
|
+
color: SEGMENT_COLORS[segment.type],
|
|
121
|
+
label: segment.title || segment.type
|
|
122
|
+
}));
|
|
123
|
+
}
|
|
124
|
+
updateConfig(newConfig) {
|
|
125
|
+
this.config = { ...this.config, ...newConfig };
|
|
126
|
+
if (newConfig.skipButtonPosition) {
|
|
127
|
+
this.skipButtonController.updatePosition(newConfig.skipButtonPosition);
|
|
128
|
+
}
|
|
129
|
+
if ('showChapterMarkers' in newConfig) {
|
|
130
|
+
if (newConfig.showChapterMarkers) {
|
|
131
|
+
this.updateChapterMarkers();
|
|
132
|
+
}
|
|
133
|
+
else {
|
|
134
|
+
this.removeChapterMarkers();
|
|
135
|
+
}
|
|
136
|
+
}
|
|
137
|
+
}
|
|
138
|
+
on(event, listener) {
|
|
139
|
+
if (!this.eventListeners.has(event)) {
|
|
140
|
+
this.eventListeners.set(event, []);
|
|
141
|
+
}
|
|
142
|
+
this.eventListeners.get(event).push(listener);
|
|
143
|
+
}
|
|
144
|
+
off(event, listener) {
|
|
145
|
+
const listeners = this.eventListeners.get(event);
|
|
146
|
+
if (listeners) {
|
|
147
|
+
const index = listeners.indexOf(listener);
|
|
148
|
+
if (index > -1) {
|
|
149
|
+
listeners.splice(index, 1);
|
|
150
|
+
}
|
|
151
|
+
}
|
|
152
|
+
}
|
|
153
|
+
destroy() {
|
|
154
|
+
this.isDestroyed = true;
|
|
155
|
+
this.skipButtonController.destroy();
|
|
156
|
+
this.removeChapterMarkers();
|
|
157
|
+
this.eventListeners.clear();
|
|
158
|
+
this.chapters = null;
|
|
159
|
+
this.currentSegment = null;
|
|
160
|
+
this.previousSegment = null;
|
|
161
|
+
}
|
|
162
|
+
hasChapters() {
|
|
163
|
+
return this.chapters !== null && this.chapters.segments.length > 0;
|
|
164
|
+
}
|
|
165
|
+
getChapters() {
|
|
166
|
+
return this.chapters;
|
|
167
|
+
}
|
|
168
|
+
setupTimeUpdateListener() {
|
|
169
|
+
const handleTimeUpdate = () => {
|
|
170
|
+
if (this.isDestroyed)
|
|
171
|
+
return;
|
|
172
|
+
this.checkCurrentSegment(this.videoElement.currentTime);
|
|
173
|
+
};
|
|
174
|
+
this.videoElement.addEventListener('timeupdate', handleTimeUpdate);
|
|
175
|
+
}
|
|
176
|
+
checkCurrentSegment(currentTime) {
|
|
177
|
+
if (!this.chapters)
|
|
178
|
+
return;
|
|
179
|
+
const newSegment = this.getCurrentSegment(currentTime);
|
|
180
|
+
if (newSegment !== this.currentSegment) {
|
|
181
|
+
if (this.currentSegment) {
|
|
182
|
+
this.emit('segmentExited', {
|
|
183
|
+
segment: this.currentSegment,
|
|
184
|
+
currentTime,
|
|
185
|
+
nextSegment: newSegment || undefined
|
|
186
|
+
});
|
|
187
|
+
if (this.shouldShowSkipButton(this.currentSegment)) {
|
|
188
|
+
this.skipButtonController.hideSkipButton('segment-end');
|
|
189
|
+
}
|
|
190
|
+
}
|
|
191
|
+
this.previousSegment = this.currentSegment;
|
|
192
|
+
this.currentSegment = newSegment;
|
|
193
|
+
if (this.currentSegment) {
|
|
194
|
+
this.emit('segmentEntered', {
|
|
195
|
+
segment: this.currentSegment,
|
|
196
|
+
currentTime,
|
|
197
|
+
previousSegment: this.previousSegment || undefined
|
|
198
|
+
});
|
|
199
|
+
if (this.shouldShowSkipButton(this.currentSegment)) {
|
|
200
|
+
this.skipButtonController.showSkipButton(this.currentSegment, currentTime);
|
|
201
|
+
}
|
|
202
|
+
}
|
|
203
|
+
}
|
|
204
|
+
}
|
|
205
|
+
shouldShowSkipButton(segment) {
|
|
206
|
+
if (segment.type === 'content') {
|
|
207
|
+
return segment.showSkipButton === true;
|
|
208
|
+
}
|
|
209
|
+
return segment.showSkipButton !== false;
|
|
210
|
+
}
|
|
211
|
+
getNextContentSegment(currentSegment) {
|
|
212
|
+
if (!this.chapters)
|
|
213
|
+
return null;
|
|
214
|
+
const sortedSegments = [...this.chapters.segments].sort((a, b) => a.startTime - b.startTime);
|
|
215
|
+
const currentIndex = sortedSegments.findIndex(s => s.id === currentSegment.id);
|
|
216
|
+
if (currentIndex === -1)
|
|
217
|
+
return null;
|
|
218
|
+
for (let i = currentIndex + 1; i < sortedSegments.length; i++) {
|
|
219
|
+
if (sortedSegments[i].type === 'content') {
|
|
220
|
+
return sortedSegments[i];
|
|
221
|
+
}
|
|
222
|
+
}
|
|
223
|
+
return null;
|
|
224
|
+
}
|
|
225
|
+
sortSegments() {
|
|
226
|
+
if (this.chapters) {
|
|
227
|
+
this.chapters.segments.sort((a, b) => a.startTime - b.startTime);
|
|
228
|
+
}
|
|
229
|
+
}
|
|
230
|
+
validateChapters(chapters) {
|
|
231
|
+
if (!chapters.videoId) {
|
|
232
|
+
throw new Error('Chapters must have a videoId');
|
|
233
|
+
}
|
|
234
|
+
if (!chapters.duration || chapters.duration <= 0) {
|
|
235
|
+
throw new Error('Chapters must have a valid duration');
|
|
236
|
+
}
|
|
237
|
+
if (!Array.isArray(chapters.segments)) {
|
|
238
|
+
throw new Error('Chapters must have a segments array');
|
|
239
|
+
}
|
|
240
|
+
chapters.segments.forEach((segment, index) => {
|
|
241
|
+
if (!segment.id) {
|
|
242
|
+
throw new Error(`Segment at index ${index} must have an id`);
|
|
243
|
+
}
|
|
244
|
+
if (!segment.type) {
|
|
245
|
+
throw new Error(`Segment at index ${index} must have a type`);
|
|
246
|
+
}
|
|
247
|
+
if (segment.startTime < 0 || segment.endTime <= segment.startTime) {
|
|
248
|
+
throw new Error(`Segment at index ${index} has invalid time range`);
|
|
249
|
+
}
|
|
250
|
+
if (segment.endTime > chapters.duration) {
|
|
251
|
+
throw new Error(`Segment at index ${index} extends beyond video duration`);
|
|
252
|
+
}
|
|
253
|
+
});
|
|
254
|
+
}
|
|
255
|
+
updateChapterMarkers() {
|
|
256
|
+
if (!this.chapters || !this.config.showChapterMarkers)
|
|
257
|
+
return;
|
|
258
|
+
const progressBar = this.playerContainer.querySelector('.uvf-progress-bar');
|
|
259
|
+
if (!progressBar)
|
|
260
|
+
return;
|
|
261
|
+
this.removeChapterMarkers();
|
|
262
|
+
const markers = this.getChapterMarkers();
|
|
263
|
+
markers.forEach(marker => {
|
|
264
|
+
const markerElement = document.createElement('div');
|
|
265
|
+
markerElement.className = `uvf-chapter-marker uvf-chapter-marker-${marker.segment.type}`;
|
|
266
|
+
markerElement.style.left = `${marker.position}%`;
|
|
267
|
+
markerElement.style.backgroundColor = marker.color || SEGMENT_COLORS[marker.segment.type];
|
|
268
|
+
markerElement.setAttribute('title', marker.label || '');
|
|
269
|
+
markerElement.setAttribute('data-segment-id', marker.segment.id);
|
|
270
|
+
progressBar.appendChild(markerElement);
|
|
271
|
+
});
|
|
272
|
+
}
|
|
273
|
+
removeChapterMarkers() {
|
|
274
|
+
const markers = this.playerContainer.querySelectorAll('.uvf-chapter-marker');
|
|
275
|
+
markers.forEach(marker => marker.remove());
|
|
276
|
+
}
|
|
277
|
+
emit(event, data) {
|
|
278
|
+
const listeners = this.eventListeners.get(event);
|
|
279
|
+
if (listeners) {
|
|
280
|
+
listeners.forEach(listener => {
|
|
281
|
+
try {
|
|
282
|
+
listener(data);
|
|
283
|
+
}
|
|
284
|
+
catch (error) {
|
|
285
|
+
console.error(`Error in chapter event listener for ${event}:`, error);
|
|
286
|
+
}
|
|
287
|
+
});
|
|
288
|
+
}
|
|
289
|
+
}
|
|
290
|
+
}
|
|
291
|
+
//# sourceMappingURL=ChapterManager.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChapterManager.js","sourceRoot":"","sources":["../../src/chapters/ChapterManager.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { VideoSegment, SkipButtonState, SkipButtonPosition, ChapterConfig } from './types/ChapterTypes';
|
|
2
|
+
export declare class SkipButtonController {
|
|
3
|
+
private playerContainer;
|
|
4
|
+
private config;
|
|
5
|
+
private onSkip;
|
|
6
|
+
private onButtonShown;
|
|
7
|
+
private onButtonHidden;
|
|
8
|
+
private skipButton;
|
|
9
|
+
private currentSegment;
|
|
10
|
+
private autoSkipTimeout;
|
|
11
|
+
private hideTimeout;
|
|
12
|
+
private countdownInterval;
|
|
13
|
+
private state;
|
|
14
|
+
constructor(playerContainer: HTMLElement, config: ChapterConfig, onSkip: (segment: VideoSegment) => void, onButtonShown: (segment: VideoSegment) => void, onButtonHidden: (segment: VideoSegment, reason: string) => void);
|
|
15
|
+
showSkipButton(segment: VideoSegment, currentTime: number): void;
|
|
16
|
+
hideSkipButton(reason?: 'timeout' | 'segment-end' | 'user-action' | 'manual'): void;
|
|
17
|
+
updatePosition(position: SkipButtonPosition): void;
|
|
18
|
+
isVisible(): boolean;
|
|
19
|
+
getState(): SkipButtonState;
|
|
20
|
+
destroy(): void;
|
|
21
|
+
private createSkipButton;
|
|
22
|
+
private updateSkipButton;
|
|
23
|
+
private applyPositionStyles;
|
|
24
|
+
private showButton;
|
|
25
|
+
private hideButton;
|
|
26
|
+
private handleAutoSkip;
|
|
27
|
+
private startAutoSkipCountdown;
|
|
28
|
+
private handleAutoHide;
|
|
29
|
+
private clearTimeouts;
|
|
30
|
+
}
|
|
31
|
+
//# sourceMappingURL=SkipButtonController.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SkipButtonController.d.ts","sourceRoot":"","sources":["../../src/chapters/SkipButtonController.ts"],"names":[],"mappings":"AAIA,OAAO,EACL,YAAY,EACZ,eAAe,EACf,kBAAkB,EAClB,aAAa,EAEd,MAAM,sBAAsB,CAAC;AAE9B,qBAAa,oBAAoB;IAS7B,OAAO,CAAC,eAAe;IACvB,OAAO,CAAC,MAAM;IACd,OAAO,CAAC,MAAM;IACd,OAAO,CAAC,aAAa;IACrB,OAAO,CAAC,cAAc;IAZxB,OAAO,CAAC,UAAU,CAA4B;IAC9C,OAAO,CAAC,cAAc,CAA6B;IACnD,OAAO,CAAC,eAAe,CAA+B;IACtD,OAAO,CAAC,WAAW,CAA+B;IAClD,OAAO,CAAC,iBAAiB,CAA+B;IACxD,OAAO,CAAC,KAAK,CAAkB;gBAGrB,eAAe,EAAE,WAAW,EAC5B,MAAM,EAAE,aAAa,EACrB,MAAM,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,EACvC,aAAa,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,EAC9C,cAAc,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI;IAYlE,cAAc,CAAC,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,GAAG,IAAI;IAqChE,cAAc,CAAC,MAAM,GAAE,SAAS,GAAG,aAAa,GAAG,aAAa,GAAG,QAAmB,GAAG,IAAI;IAqB7F,cAAc,CAAC,QAAQ,EAAE,kBAAkB,GAAG,IAAI;IAUlD,SAAS,IAAI,OAAO;IAOpB,QAAQ,IAAI,eAAe;IAO3B,OAAO,IAAI,IAAI;IActB,OAAO,CAAC,gBAAgB;IA4BxB,OAAO,CAAC,gBAAgB;IAoBxB,OAAO,CAAC,mBAAmB;IAmD3B,OAAO,CAAC,UAAU;IAUlB,OAAO,CAAC,UAAU;IAUlB,OAAO,CAAC,cAAc;IA2BtB,OAAO,CAAC,sBAAsB;IA0C9B,OAAO,CAAC,cAAc;IAatB,OAAO,CAAC,aAAa;CAkBtB"}
|
|
@@ -0,0 +1,213 @@
|
|
|
1
|
+
import { DEFAULT_SKIP_LABELS } from "./types/ChapterTypes.js";
|
|
2
|
+
export class SkipButtonController {
|
|
3
|
+
constructor(playerContainer, config, onSkip, onButtonShown, onButtonHidden) {
|
|
4
|
+
this.playerContainer = playerContainer;
|
|
5
|
+
this.config = config;
|
|
6
|
+
this.onSkip = onSkip;
|
|
7
|
+
this.onButtonShown = onButtonShown;
|
|
8
|
+
this.onButtonHidden = onButtonHidden;
|
|
9
|
+
this.skipButton = null;
|
|
10
|
+
this.currentSegment = null;
|
|
11
|
+
this.autoSkipTimeout = null;
|
|
12
|
+
this.hideTimeout = null;
|
|
13
|
+
this.countdownInterval = null;
|
|
14
|
+
this.state = {
|
|
15
|
+
visible: false,
|
|
16
|
+
segment: null,
|
|
17
|
+
position: config.skipButtonPosition || 'bottom-right'
|
|
18
|
+
};
|
|
19
|
+
}
|
|
20
|
+
showSkipButton(segment, currentTime) {
|
|
21
|
+
if (!this.config.userPreferences?.showSkipButtons) {
|
|
22
|
+
return;
|
|
23
|
+
}
|
|
24
|
+
if (segment.showSkipButton === false) {
|
|
25
|
+
return;
|
|
26
|
+
}
|
|
27
|
+
this.currentSegment = segment;
|
|
28
|
+
this.state.segment = segment;
|
|
29
|
+
if (!this.skipButton) {
|
|
30
|
+
this.skipButton = this.createSkipButton();
|
|
31
|
+
this.playerContainer.appendChild(this.skipButton);
|
|
32
|
+
}
|
|
33
|
+
this.updateSkipButton(segment);
|
|
34
|
+
this.showButton();
|
|
35
|
+
this.handleAutoSkip(segment, currentTime);
|
|
36
|
+
this.handleAutoHide();
|
|
37
|
+
this.onButtonShown(segment);
|
|
38
|
+
}
|
|
39
|
+
hideSkipButton(reason = 'manual') {
|
|
40
|
+
if (!this.skipButton || !this.state.visible) {
|
|
41
|
+
return;
|
|
42
|
+
}
|
|
43
|
+
this.hideButton();
|
|
44
|
+
this.clearTimeouts();
|
|
45
|
+
if (this.currentSegment) {
|
|
46
|
+
this.onButtonHidden(this.currentSegment, reason);
|
|
47
|
+
}
|
|
48
|
+
this.state.visible = false;
|
|
49
|
+
this.state.segment = null;
|
|
50
|
+
this.currentSegment = null;
|
|
51
|
+
}
|
|
52
|
+
updatePosition(position) {
|
|
53
|
+
this.state.position = position;
|
|
54
|
+
if (this.skipButton) {
|
|
55
|
+
this.applyPositionStyles(this.skipButton, position);
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
isVisible() {
|
|
59
|
+
return this.state.visible;
|
|
60
|
+
}
|
|
61
|
+
getState() {
|
|
62
|
+
return { ...this.state };
|
|
63
|
+
}
|
|
64
|
+
destroy() {
|
|
65
|
+
this.clearTimeouts();
|
|
66
|
+
if (this.skipButton) {
|
|
67
|
+
this.skipButton.remove();
|
|
68
|
+
this.skipButton = null;
|
|
69
|
+
}
|
|
70
|
+
this.currentSegment = null;
|
|
71
|
+
this.state.visible = false;
|
|
72
|
+
this.state.segment = null;
|
|
73
|
+
}
|
|
74
|
+
createSkipButton() {
|
|
75
|
+
const button = document.createElement('button');
|
|
76
|
+
button.className = 'uvf-skip-button';
|
|
77
|
+
button.setAttribute('type', 'button');
|
|
78
|
+
button.setAttribute('aria-label', 'Skip segment');
|
|
79
|
+
this.applyPositionStyles(button, this.state.position);
|
|
80
|
+
button.addEventListener('click', () => {
|
|
81
|
+
if (this.currentSegment) {
|
|
82
|
+
this.onSkip(this.currentSegment);
|
|
83
|
+
this.hideSkipButton('user-action');
|
|
84
|
+
}
|
|
85
|
+
});
|
|
86
|
+
if (this.config.customStyles?.skipButton) {
|
|
87
|
+
Object.assign(button.style, this.config.customStyles.skipButton);
|
|
88
|
+
}
|
|
89
|
+
return button;
|
|
90
|
+
}
|
|
91
|
+
updateSkipButton(segment) {
|
|
92
|
+
if (!this.skipButton)
|
|
93
|
+
return;
|
|
94
|
+
const skipLabel = segment.skipLabel || DEFAULT_SKIP_LABELS[segment.type];
|
|
95
|
+
this.skipButton.textContent = skipLabel;
|
|
96
|
+
this.skipButton.setAttribute('aria-label', `${skipLabel} - ${segment.title || segment.type}`);
|
|
97
|
+
this.skipButton.className = `uvf-skip-button uvf-skip-${segment.type}`;
|
|
98
|
+
this.skipButton.classList.add(`uvf-skip-button-${this.state.position}`);
|
|
99
|
+
}
|
|
100
|
+
applyPositionStyles(button, position) {
|
|
101
|
+
button.classList.remove('uvf-skip-button-bottom-right', 'uvf-skip-button-bottom-left', 'uvf-skip-button-top-right', 'uvf-skip-button-top-left');
|
|
102
|
+
button.classList.add(`uvf-skip-button-${position}`);
|
|
103
|
+
const styles = {
|
|
104
|
+
position: 'absolute',
|
|
105
|
+
zIndex: '1000'
|
|
106
|
+
};
|
|
107
|
+
switch (position) {
|
|
108
|
+
case 'bottom-right':
|
|
109
|
+
Object.assign(styles, {
|
|
110
|
+
bottom: '100px',
|
|
111
|
+
right: '30px'
|
|
112
|
+
});
|
|
113
|
+
break;
|
|
114
|
+
case 'bottom-left':
|
|
115
|
+
Object.assign(styles, {
|
|
116
|
+
bottom: '100px',
|
|
117
|
+
left: '30px'
|
|
118
|
+
});
|
|
119
|
+
break;
|
|
120
|
+
case 'top-right':
|
|
121
|
+
Object.assign(styles, {
|
|
122
|
+
top: '30px',
|
|
123
|
+
right: '30px'
|
|
124
|
+
});
|
|
125
|
+
break;
|
|
126
|
+
case 'top-left':
|
|
127
|
+
Object.assign(styles, {
|
|
128
|
+
top: '30px',
|
|
129
|
+
left: '30px'
|
|
130
|
+
});
|
|
131
|
+
break;
|
|
132
|
+
}
|
|
133
|
+
Object.assign(button.style, styles);
|
|
134
|
+
}
|
|
135
|
+
showButton() {
|
|
136
|
+
if (!this.skipButton)
|
|
137
|
+
return;
|
|
138
|
+
this.skipButton.classList.add('visible');
|
|
139
|
+
this.state.visible = true;
|
|
140
|
+
}
|
|
141
|
+
hideButton() {
|
|
142
|
+
if (!this.skipButton)
|
|
143
|
+
return;
|
|
144
|
+
this.skipButton.classList.remove('visible');
|
|
145
|
+
this.skipButton.classList.remove('auto-skip', 'countdown');
|
|
146
|
+
}
|
|
147
|
+
handleAutoSkip(segment, currentTime) {
|
|
148
|
+
if (!segment.autoSkip || !segment.autoSkipDelay) {
|
|
149
|
+
return;
|
|
150
|
+
}
|
|
151
|
+
const preferences = this.config.userPreferences;
|
|
152
|
+
const shouldAutoSkip = ((segment.type === 'intro' && preferences?.autoSkipIntro) ||
|
|
153
|
+
(segment.type === 'recap' && preferences?.autoSkipRecap) ||
|
|
154
|
+
(segment.type === 'credits' && preferences?.autoSkipCredits));
|
|
155
|
+
if (!shouldAutoSkip) {
|
|
156
|
+
return;
|
|
157
|
+
}
|
|
158
|
+
this.skipButton?.classList.add('auto-skip');
|
|
159
|
+
this.startAutoSkipCountdown(segment, segment.autoSkipDelay);
|
|
160
|
+
}
|
|
161
|
+
startAutoSkipCountdown(segment, delay) {
|
|
162
|
+
if (!this.skipButton)
|
|
163
|
+
return;
|
|
164
|
+
let remainingTime = delay;
|
|
165
|
+
this.state.autoSkipCountdown = remainingTime;
|
|
166
|
+
const originalText = this.skipButton.textContent || '';
|
|
167
|
+
this.skipButton.classList.add('countdown');
|
|
168
|
+
this.countdownInterval = setInterval(() => {
|
|
169
|
+
remainingTime -= 1;
|
|
170
|
+
this.state.autoSkipCountdown = remainingTime;
|
|
171
|
+
if (this.skipButton) {
|
|
172
|
+
this.skipButton.textContent = `${originalText} (${remainingTime})`;
|
|
173
|
+
}
|
|
174
|
+
if (remainingTime <= 0) {
|
|
175
|
+
this.clearTimeouts();
|
|
176
|
+
if (this.currentSegment) {
|
|
177
|
+
this.onSkip(this.currentSegment);
|
|
178
|
+
this.hideSkipButton('timeout');
|
|
179
|
+
}
|
|
180
|
+
}
|
|
181
|
+
}, 1000);
|
|
182
|
+
this.autoSkipTimeout = setTimeout(() => {
|
|
183
|
+
if (this.currentSegment) {
|
|
184
|
+
this.onSkip(this.currentSegment);
|
|
185
|
+
this.hideSkipButton('timeout');
|
|
186
|
+
}
|
|
187
|
+
}, delay * 1000);
|
|
188
|
+
}
|
|
189
|
+
handleAutoHide() {
|
|
190
|
+
if (!this.config.autoHide || !this.config.autoHideDelay) {
|
|
191
|
+
return;
|
|
192
|
+
}
|
|
193
|
+
this.hideTimeout = setTimeout(() => {
|
|
194
|
+
this.hideSkipButton('timeout');
|
|
195
|
+
}, this.config.autoHideDelay);
|
|
196
|
+
}
|
|
197
|
+
clearTimeouts() {
|
|
198
|
+
if (this.autoSkipTimeout) {
|
|
199
|
+
clearTimeout(this.autoSkipTimeout);
|
|
200
|
+
this.autoSkipTimeout = null;
|
|
201
|
+
}
|
|
202
|
+
if (this.hideTimeout) {
|
|
203
|
+
clearTimeout(this.hideTimeout);
|
|
204
|
+
this.hideTimeout = null;
|
|
205
|
+
}
|
|
206
|
+
if (this.countdownInterval) {
|
|
207
|
+
clearInterval(this.countdownInterval);
|
|
208
|
+
this.countdownInterval = null;
|
|
209
|
+
}
|
|
210
|
+
this.state.autoSkipCountdown = undefined;
|
|
211
|
+
}
|
|
212
|
+
}
|
|
213
|
+
//# sourceMappingURL=SkipButtonController.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SkipButtonController.js","sourceRoot":"","sources":["../../src/chapters/SkipButtonController.ts"],"names":[],"mappings":"AAIA,OAAO,EAKL,mBAAmB,EACpB,MAAM,sBAAsB,CAAC;AAE9B,MAAM,OAAO,oBAAoB;IAQ/B,YACU,eAA4B,EAC5B,MAAqB,EACrB,MAAuC,EACvC,aAA8C,EAC9C,cAA+D;QAJ/D,oBAAe,GAAf,eAAe,CAAa;QAC5B,WAAM,GAAN,MAAM,CAAe;QACrB,WAAM,GAAN,MAAM,CAAiC;QACvC,kBAAa,GAAb,aAAa,CAAiC;QAC9C,mBAAc,GAAd,cAAc,CAAiD;QAZjE,eAAU,GAAuB,IAAI,CAAC;QACtC,mBAAc,GAAwB,IAAI,CAAC;QAC3C,oBAAe,GAA0B,IAAI,CAAC;QAC9C,gBAAW,GAA0B,IAAI,CAAC;QAC1C,sBAAiB,GAA0B,IAAI,CAAC;QAUtD,IAAI,CAAC,KAAK,GAAG;YACX,OAAO,EAAE,KAAK;YACd,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,MAAM,CAAC,kBAAkB,IAAI,cAAc;SACtD,CAAC;IACJ,CAAC;IAKM,cAAc,CAAC,OAAqB,EAAE,WAAmB;QAE9D,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,eAAe,EAAE,eAAe,EAAE;YACjD,OAAO;SACR;QAGD,IAAI,OAAO,CAAC,cAAc,KAAK,KAAK,EAAE;YACpC,OAAO;SACR;QAED,IAAI,CAAC,cAAc,GAAG,OAAO,CAAC;QAC9B,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;QAG7B,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;YACpB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAC1C,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;SACnD;QAGD,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;QAC/B,IAAI,CAAC,UAAU,EAAE,CAAC;QAGlB,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;QAG1C,IAAI,CAAC,cAAc,EAAE,CAAC;QAGtB,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9B,CAAC;IAKM,cAAc,CAAC,SAA+D,QAAQ;QAC3F,IAAI,CAAC,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;YAC3C,OAAO;SACR;QAED,IAAI,CAAC,UAAU,EAAE,CAAC;QAClB,IAAI,CAAC,aAAa,EAAE,CAAC;QAGrB,IAAI,IAAI,CAAC,cAAc,EAAE;YACvB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;SAClD;QAED,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC;QAC3B,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC;QAC1B,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;IAC7B,CAAC;IAKM,cAAc,CAAC,QAA4B;QAChD,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAC/B,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;SACrD;IACH,CAAC;IAKM,SAAS;QACd,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC;IAC5B,CAAC;IAKM,QAAQ;QACb,OAAO,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;IAC3B,CAAC;IAKM,OAAO;QACZ,IAAI,CAAC,aAAa,EAAE,CAAC;QACrB,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC;YACzB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;SACxB;QACD,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;QAC3B,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC;QAC3B,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC;IAC5B,CAAC;IAKO,gBAAgB;QACtB,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAChD,MAAM,CAAC,SAAS,GAAG,iBAAiB,CAAC;QACrC,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QACtC,MAAM,CAAC,YAAY,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC;QAGlD,IAAI,CAAC,mBAAmB,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QAGtD,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;YACpC,IAAI,IAAI,CAAC,cAAc,EAAE;gBACvB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;gBACjC,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC;aACpC;QACH,CAAC,CAAC,CAAC;QAGH,IAAI,IAAI,CAAC,MAAM,CAAC,YAAY,EAAE,UAAU,EAAE;YACxC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;SAClE;QAED,OAAO,MAAM,CAAC;IAChB,CAAC;IAKO,gBAAgB,CAAC,OAAqB;QAC5C,IAAI,CAAC,IAAI,CAAC,UAAU;YAAE,OAAO;QAG7B,MAAM,SAAS,GAAG,OAAO,CAAC,SAAS,IAAI,mBAAmB,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QACzE,IAAI,CAAC,UAAU,CAAC,WAAW,GAAG,SAAS,CAAC;QAGxC,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,YAAY,EAAE,GAAG,SAAS,MAAM,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC;QAG9F,IAAI,CAAC,UAAU,CAAC,SAAS,GAAG,4BAA4B,OAAO,CAAC,IAAI,EAAE,CAAC;QAGvE,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,GAAG,CAAC,mBAAmB,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;IAC1E,CAAC;IAKO,mBAAmB,CAAC,MAAmB,EAAE,QAA4B;QAE3E,MAAM,CAAC,SAAS,CAAC,MAAM,CACrB,8BAA8B,EAC9B,6BAA6B,EAC7B,2BAA2B,EAC3B,0BAA0B,CAC3B,CAAC;QAGF,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,mBAAmB,QAAQ,EAAE,CAAC,CAAC;QAGpD,MAAM,MAAM,GAAiC;YAC3C,QAAQ,EAAE,UAAU;YACpB,MAAM,EAAE,MAAM;SACf,CAAC;QAEF,QAAQ,QAAQ,EAAE;YAChB,KAAK,cAAc;gBACjB,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE;oBACpB,MAAM,EAAE,OAAO;oBACf,KAAK,EAAE,MAAM;iBACd,CAAC,CAAC;gBACH,MAAM;YACR,KAAK,aAAa;gBAChB,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE;oBACpB,MAAM,EAAE,OAAO;oBACf,IAAI,EAAE,MAAM;iBACb,CAAC,CAAC;gBACH,MAAM;YACR,KAAK,WAAW;gBACd,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE;oBACpB,GAAG,EAAE,MAAM;oBACX,KAAK,EAAE,MAAM;iBACd,CAAC,CAAC;gBACH,MAAM;YACR,KAAK,UAAU;gBACb,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE;oBACpB,GAAG,EAAE,MAAM;oBACX,IAAI,EAAE,MAAM;iBACb,CAAC,CAAC;gBACH,MAAM;SACT;QAED,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IACtC,CAAC;IAKO,UAAU;QAChB,IAAI,CAAC,IAAI,CAAC,UAAU;YAAE,OAAO;QAE7B,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;QACzC,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC;IAC5B,CAAC;IAKO,UAAU;QAChB,IAAI,CAAC,IAAI,CAAC,UAAU;YAAE,OAAO;QAE7B,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;QAC5C,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;IAC7D,CAAC;IAKO,cAAc,CAAC,OAAqB,EAAE,WAAmB;QAC/D,IAAI,CAAC,OAAO,CAAC,QAAQ,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE;YAC/C,OAAO;SACR;QAGD,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC;QAChD,MAAM,cAAc,GAAG,CACrB,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO,IAAI,WAAW,EAAE,aAAa,CAAC;YACxD,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO,IAAI,WAAW,EAAE,aAAa,CAAC;YACxD,CAAC,OAAO,CAAC,IAAI,KAAK,SAAS,IAAI,WAAW,EAAE,eAAe,CAAC,CAC7D,CAAC;QAEF,IAAI,CAAC,cAAc,EAAE;YACnB,OAAO;SACR;QAGD,IAAI,CAAC,UAAU,EAAE,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;QAG5C,IAAI,CAAC,sBAAsB,CAAC,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IAC9D,CAAC;IAKO,sBAAsB,CAAC,OAAqB,EAAE,KAAa;QACjE,IAAI,CAAC,IAAI,CAAC,UAAU;YAAE,OAAO;QAE7B,IAAI,aAAa,GAAG,KAAK,CAAC;QAC1B,IAAI,CAAC,KAAK,CAAC,iBAAiB,GAAG,aAAa,CAAC;QAG7C,MAAM,YAAY,GAAG,IAAI,CAAC,UAAU,CAAC,WAAW,IAAI,EAAE,CAAC;QAGvD,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;QAG3C,IAAI,CAAC,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;YACxC,aAAa,IAAI,CAAC,CAAC;YACnB,IAAI,CAAC,KAAK,CAAC,iBAAiB,GAAG,aAAa,CAAC;YAE7C,IAAI,IAAI,CAAC,UAAU,EAAE;gBACnB,IAAI,CAAC,UAAU,CAAC,WAAW,GAAG,GAAG,YAAY,KAAK,aAAa,GAAG,CAAC;aACpE;YAED,IAAI,aAAa,IAAI,CAAC,EAAE;gBACtB,IAAI,CAAC,aAAa,EAAE,CAAC;gBACrB,IAAI,IAAI,CAAC,cAAc,EAAE;oBACvB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;oBACjC,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;iBAChC;aACF;QACH,CAAC,EAAE,IAAI,CAAC,CAAC;QAGT,IAAI,CAAC,eAAe,GAAG,UAAU,CAAC,GAAG,EAAE;YACrC,IAAI,IAAI,CAAC,cAAc,EAAE;gBACvB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;gBACjC,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;aAChC;QACH,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC,CAAC;IACnB,CAAC;IAKO,cAAc;QACpB,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE;YACvD,OAAO;SACR;QAED,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC,GAAG,EAAE;YACjC,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;QACjC,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;IAChC,CAAC;IAKO,aAAa;QACnB,IAAI,IAAI,CAAC,eAAe,EAAE;YACxB,YAAY,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;YACnC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;SAC7B;QAED,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;YAC/B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;SACzB;QAED,IAAI,IAAI,CAAC,iBAAiB,EAAE;YAC1B,aAAa,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;YACtC,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;SAC/B;QAED,IAAI,CAAC,KAAK,CAAC,iBAAiB,GAAG,SAAS,CAAC;IAC3C,CAAC;CACF"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { ChapterPreferences } from './types/ChapterTypes';
|
|
2
|
+
export declare class UserPreferencesManager {
|
|
3
|
+
private static readonly STORAGE_KEY;
|
|
4
|
+
private static readonly DEFAULT_PREFERENCES;
|
|
5
|
+
private preferences;
|
|
6
|
+
private listeners;
|
|
7
|
+
constructor(initialPreferences?: Partial<ChapterPreferences>);
|
|
8
|
+
getPreferences(): ChapterPreferences;
|
|
9
|
+
updatePreferences(updates: Partial<ChapterPreferences>): void;
|
|
10
|
+
resetPreferences(): void;
|
|
11
|
+
getPreference<K extends keyof ChapterPreferences>(key: K): ChapterPreferences[K];
|
|
12
|
+
setPreference<K extends keyof ChapterPreferences>(key: K, value: ChapterPreferences[K]): void;
|
|
13
|
+
toggleAutoSkip(segmentType: 'intro' | 'recap' | 'credits'): void;
|
|
14
|
+
isAutoSkipEnabled(segmentType: 'intro' | 'recap' | 'credits'): boolean;
|
|
15
|
+
addListener(listener: (preferences: ChapterPreferences) => void): void;
|
|
16
|
+
removeListener(listener: (preferences: ChapterPreferences) => void): void;
|
|
17
|
+
createPreferencesPanel(): HTMLElement;
|
|
18
|
+
private loadPreferences;
|
|
19
|
+
private savePreferences;
|
|
20
|
+
private preferencesEqual;
|
|
21
|
+
private notifyListeners;
|
|
22
|
+
private setupPreferencesEventListeners;
|
|
23
|
+
static getDefaultPreferences(): ChapterPreferences;
|
|
24
|
+
}
|
|
25
|
+
//# sourceMappingURL=UserPreferencesManager.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"UserPreferencesManager.d.ts","sourceRoot":"","sources":["../../src/chapters/UserPreferencesManager.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,qBAAa,sBAAsB;IACjC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,WAAW,CAA6B;IAChE,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,mBAAmB,CAOzC;IAEF,OAAO,CAAC,WAAW,CAAqB;IACxC,OAAO,CAAC,SAAS,CAAqD;gBAE1D,kBAAkB,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC;IAarD,cAAc,IAAI,kBAAkB;IAOpC,iBAAiB,CAAC,OAAO,EAAE,OAAO,CAAC,kBAAkB,CAAC,GAAG,IAAI;IAkB7D,gBAAgB,IAAI,IAAI;IASxB,aAAa,CAAC,CAAC,SAAS,MAAM,kBAAkB,EAAE,GAAG,EAAE,CAAC,GAAG,kBAAkB,CAAC,CAAC,CAAC;IAOhF,aAAa,CAAC,CAAC,SAAS,MAAM,kBAAkB,EACrD,GAAG,EAAE,CAAC,EACN,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAC3B,IAAI;IAOA,cAAc,CAAC,WAAW,EAAE,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,IAAI;IAiBhE,iBAAiB,CAAC,WAAW,EAAE,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO;IAgBtE,WAAW,CAAC,QAAQ,EAAE,CAAC,WAAW,EAAE,kBAAkB,KAAK,IAAI,GAAG,IAAI;IAOtE,cAAc,CAAC,QAAQ,EAAE,CAAC,WAAW,EAAE,kBAAkB,KAAK,IAAI,GAAG,IAAI;IAUzE,sBAAsB,IAAI,WAAW;IAgE5C,OAAO,CAAC,eAAe;IAiBvB,OAAO,CAAC,eAAe;IAcvB,OAAO,CAAC,gBAAgB;IAcxB,OAAO,CAAC,eAAe;IAavB,OAAO,CAAC,8BAA8B;WAgExB,qBAAqB,IAAI,kBAAkB;CAG1D"}
|