@readerseye2/cr_viewer 1.0.1
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/dist/CR_Viewer.d.ts +24 -0
- package/dist/CR_Viewer.d.ts.map +1 -0
- package/dist/components/PageSectionWrap.d.ts +15 -0
- package/dist/components/PageSectionWrap.d.ts.map +1 -0
- package/dist/components/PaginationRender.d.ts +11 -0
- package/dist/components/PaginationRender.d.ts.map +1 -0
- package/dist/components/RenderParagraph.d.ts +16 -0
- package/dist/components/RenderParagraph.d.ts.map +1 -0
- package/dist/components/RenderRuns.d.ts +14 -0
- package/dist/components/RenderRuns.d.ts.map +1 -0
- package/dist/components/ScrollSectionWrap.d.ts +2 -0
- package/dist/components/ScrollSectionWrap.d.ts.map +1 -0
- package/dist/components/SectionRendererVirtuoso.d.ts +7 -0
- package/dist/components/SectionRendererVirtuoso.d.ts.map +1 -0
- package/dist/components/btns/MoveSectionBtns.d.ts +18 -0
- package/dist/components/btns/MoveSectionBtns.d.ts.map +1 -0
- package/dist/components/btns/SolveQuizBtn.d.ts +2 -0
- package/dist/components/btns/SolveQuizBtn.d.ts.map +1 -0
- package/dist/components/dom.util.d.ts +40 -0
- package/dist/components/dom.util.d.ts.map +1 -0
- package/dist/components/quiz/QuizRenderer.d.ts +3 -0
- package/dist/components/quiz/QuizRenderer.d.ts.map +1 -0
- package/dist/components/scroll/CustomScroller.d.ts +4 -0
- package/dist/components/scroll/CustomScroller.d.ts.map +1 -0
- package/dist/components/spinner/SectionLoadingSpinner.d.ts +2 -0
- package/dist/components/spinner/SectionLoadingSpinner.d.ts.map +1 -0
- package/dist/components/spinner/Spinner.d.ts +10 -0
- package/dist/components/spinner/Spinner.d.ts.map +1 -0
- package/dist/hooks/useDebounce.d.ts +16 -0
- package/dist/hooks/useDebounce.d.ts.map +1 -0
- package/dist/hooks/useLongPressSpan.d.ts +10 -0
- package/dist/hooks/useLongPressSpan.d.ts.map +1 -0
- package/dist/hooks/useResizeObserver.d.ts +2 -0
- package/dist/hooks/useResizeObserver.d.ts.map +1 -0
- package/dist/hooks/useSingleDoubleClick.d.ts +16 -0
- package/dist/hooks/useSingleDoubleClick.d.ts.map +1 -0
- package/dist/hooks/useSwipePageClicks.d.ts +24 -0
- package/dist/hooks/useSwipePageClicks.d.ts.map +1 -0
- package/dist/index.cjs +33 -0
- package/dist/index.css +1 -0
- package/dist/index.d.ts +10 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +8723 -0
- package/dist/overlay-bars/OverlayLayer.d.ts +3 -0
- package/dist/overlay-bars/OverlayLayer.d.ts.map +1 -0
- package/dist/overlay-bars/ViewerSettingsSheet.d.ts +6 -0
- package/dist/overlay-bars/ViewerSettingsSheet.d.ts.map +1 -0
- package/dist/overlay-bars/bottomBar/AudioControlsMini.d.ts +2 -0
- package/dist/overlay-bars/bottomBar/AudioControlsMini.d.ts.map +1 -0
- package/dist/overlay-bars/bottomBar/FakeAudioControlsMini.d.ts +3 -0
- package/dist/overlay-bars/bottomBar/FakeAudioControlsMini.d.ts.map +1 -0
- package/dist/overlay-bars/bottomBar/OverlayBottomBar.d.ts +5 -0
- package/dist/overlay-bars/bottomBar/OverlayBottomBar.d.ts.map +1 -0
- package/dist/overlay-bars/bottomBar/PlayButton.d.ts +13 -0
- package/dist/overlay-bars/bottomBar/PlayButton.d.ts.map +1 -0
- package/dist/overlay-bars/bottomBar/ProgressScrubber.d.ts +5 -0
- package/dist/overlay-bars/bottomBar/ProgressScrubber.d.ts.map +1 -0
- package/dist/overlay-bars/bottomBar/StepBtn.d.ts +6 -0
- package/dist/overlay-bars/bottomBar/StepBtn.d.ts.map +1 -0
- package/dist/overlay-bars/bottomBar/WPMSpeedButtons.d.ts +2 -0
- package/dist/overlay-bars/bottomBar/WPMSpeedButtons.d.ts.map +1 -0
- package/dist/overlay-bars/topBar/OverlayTopBar.d.ts +5 -0
- package/dist/overlay-bars/topBar/OverlayTopBar.d.ts.map +1 -0
- package/dist/playback/CR_ViewerPlayback.d.ts +27 -0
- package/dist/playback/CR_ViewerPlayback.d.ts.map +1 -0
- package/dist/playback/PlaybackBar.d.ts +28 -0
- package/dist/playback/PlaybackBar.d.ts.map +1 -0
- package/dist/playback/PlaybackToggleButton.d.ts +10 -0
- package/dist/playback/PlaybackToggleButton.d.ts.map +1 -0
- package/dist/playback/PlaybackViewport.d.ts +30 -0
- package/dist/playback/PlaybackViewport.d.ts.map +1 -0
- package/dist/playback/index.d.ts +5 -0
- package/dist/playback/index.d.ts.map +1 -0
- package/dist/playback/types.d.ts +20 -0
- package/dist/playback/types.d.ts.map +1 -0
- package/dist/recording/PlaybackHandler.d.ts +6 -0
- package/dist/recording/PlaybackHandler.d.ts.map +1 -0
- package/dist/recording/SettingsChangeEmitter.d.ts +3 -0
- package/dist/recording/SettingsChangeEmitter.d.ts.map +1 -0
- package/dist/recording/SnapshotRegistrar.d.ts +7 -0
- package/dist/recording/SnapshotRegistrar.d.ts.map +1 -0
- package/dist/recording/ViewportResizeEmitter.d.ts +7 -0
- package/dist/recording/ViewportResizeEmitter.d.ts.map +1 -0
- package/dist/stores/audio/crViewer_audio.context.d.ts +10 -0
- package/dist/stores/audio/crViewer_audio.context.d.ts.map +1 -0
- package/dist/stores/audio/crViewer_audio.hooks.d.ts +6 -0
- package/dist/stores/audio/crViewer_audio.hooks.d.ts.map +1 -0
- package/dist/stores/audio/crViewer_audio.provider.d.ts +14 -0
- package/dist/stores/audio/crViewer_audio.provider.d.ts.map +1 -0
- package/dist/stores/audio/crViewer_audio.store.d.ts +65 -0
- package/dist/stores/audio/crViewer_audio.store.d.ts.map +1 -0
- package/dist/stores/player/index.d.ts +5 -0
- package/dist/stores/player/index.d.ts.map +1 -0
- package/dist/stores/player/viewerPlayer.context.d.ts +7 -0
- package/dist/stores/player/viewerPlayer.context.d.ts.map +1 -0
- package/dist/stores/player/viewerPlayer.hooks.d.ts +13 -0
- package/dist/stores/player/viewerPlayer.hooks.d.ts.map +1 -0
- package/dist/stores/player/viewerPlayer.provider.d.ts +18 -0
- package/dist/stores/player/viewerPlayer.provider.d.ts.map +1 -0
- package/dist/stores/player/viewerPlayer.store.d.ts +52 -0
- package/dist/stores/player/viewerPlayer.store.d.ts.map +1 -0
- package/dist/stores/progress/crViewer_progress.context.d.ts +3 -0
- package/dist/stores/progress/crViewer_progress.context.d.ts.map +1 -0
- package/dist/stores/progress/crViewer_progress.hooks.d.ts +6 -0
- package/dist/stores/progress/crViewer_progress.hooks.d.ts.map +1 -0
- package/dist/stores/progress/crViewer_progress.provider.d.ts +15 -0
- package/dist/stores/progress/crViewer_progress.provider.d.ts.map +1 -0
- package/dist/stores/progress/crViewer_progress.store.d.ts +98 -0
- package/dist/stores/progress/crViewer_progress.store.d.ts.map +1 -0
- package/dist/stores/quizprogress/quiz_progress.context.d.ts +3 -0
- package/dist/stores/quizprogress/quiz_progress.context.d.ts.map +1 -0
- package/dist/stores/quizprogress/quiz_progress.hooks.d.ts +10 -0
- package/dist/stores/quizprogress/quiz_progress.hooks.d.ts.map +1 -0
- package/dist/stores/quizprogress/quiz_progress.provider.d.ts +17 -0
- package/dist/stores/quizprogress/quiz_progress.provider.d.ts.map +1 -0
- package/dist/stores/quizprogress/quiz_progress.store.d.ts +63 -0
- package/dist/stores/quizprogress/quiz_progress.store.d.ts.map +1 -0
- package/dist/stores/recorder/viewerRecorder.context.d.ts +7 -0
- package/dist/stores/recorder/viewerRecorder.context.d.ts.map +1 -0
- package/dist/stores/recorder/viewerRecorder.hooks.d.ts +13 -0
- package/dist/stores/recorder/viewerRecorder.hooks.d.ts.map +1 -0
- package/dist/stores/recorder/viewerRecorder.provider.d.ts +24 -0
- package/dist/stores/recorder/viewerRecorder.provider.d.ts.map +1 -0
- package/dist/stores/recorder/viewerRecorder.store.d.ts +50 -0
- package/dist/stores/recorder/viewerRecorder.store.d.ts.map +1 -0
- package/dist/stores/test/tempRecordingStore.d.ts +13 -0
- package/dist/stores/test/tempRecordingStore.d.ts.map +1 -0
- package/dist/stores/viewer/CRViewer.provider.d.ts +10 -0
- package/dist/stores/viewer/CRViewer.provider.d.ts.map +1 -0
- package/dist/stores/viewer/crViewer.context.d.ts +7 -0
- package/dist/stores/viewer/crViewer.context.d.ts.map +1 -0
- package/dist/stores/viewer/crViewer.hooks.d.ts +26 -0
- package/dist/stores/viewer/crViewer.hooks.d.ts.map +1 -0
- package/dist/stores/viewer/crViewer.store.d.ts +130 -0
- package/dist/stores/viewer/crViewer.store.d.ts.map +1 -0
- package/dist/types/viewerEvent.types.d.ts +149 -0
- package/dist/types/viewerEvent.types.d.ts.map +1 -0
- package/dist/utils/audioSrc.d.ts +4 -0
- package/dist/utils/audioSrc.d.ts.map +1 -0
- package/dist/utils/buildAudioTextMap.d.ts +15 -0
- package/dist/utils/buildAudioTextMap.d.ts.map +1 -0
- package/dist/utils/calcPage.util.d.ts +42 -0
- package/dist/utils/calcPage.util.d.ts.map +1 -0
- package/dist/utils/calcPage.util_BACKV3_2399_sf.d.ts +40 -0
- package/dist/utils/calcPage.util_BACKV3_2399_sf.d.ts.map +1 -0
- package/dist/utils/calcPage.util_BACKclaude.d.ts +40 -0
- package/dist/utils/calcPage.util_BACKclaude.d.ts.map +1 -0
- package/dist/utils/calcPage.util_BACKclaude_gptagain.d.ts +40 -0
- package/dist/utils/calcPage.util_BACKclaude_gptagain.d.ts.map +1 -0
- package/dist/utils/calcPage.util_BACKrecent.d.ts +40 -0
- package/dist/utils/calcPage.util_BACKrecent.d.ts.map +1 -0
- package/dist/utils/calcPage.util_BACKv6_fast_Sf.d.ts +40 -0
- package/dist/utils/calcPage.util_BACKv6_fast_Sf.d.ts.map +1 -0
- package/dist/utils/doubleRaf.d.ts +3 -0
- package/dist/utils/doubleRaf.d.ts.map +1 -0
- package/dist/utils/quizSrc.d.ts +3 -0
- package/dist/utils/quizSrc.d.ts.map +1 -0
- package/dist/utils/sectionRender.util.d.ts +21 -0
- package/dist/utils/sectionRender.util.d.ts.map +1 -0
- package/dist/utils/text.util.d.ts +3 -0
- package/dist/utils/text.util.d.ts.map +1 -0
- package/package.json +59 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OverlayLayer.d.ts","sourceRoot":"","sources":["../../src/overlay-bars/OverlayLayer.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,YAAY,oCAcvB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ViewerSettingsSheet.d.ts","sourceRoot":"","sources":["../../src/overlay-bars/ViewerSettingsSheet.tsx"],"names":[],"mappings":"AASA,KAAK,KAAK,GAAG;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,CAAC;AAElC,wBAAgB,mBAAmB,CAAC,EAAE,OAAO,EAAE,EAAE,KAAK,2CAgLrD"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AudioControlsMini.d.ts","sourceRoot":"","sources":["../../../src/overlay-bars/bottomBar/AudioControlsMini.tsx"],"names":[],"mappings":"AAsRA,wBAAgB,iBAAiB,4CAEhC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FakeAudioControlsMini.d.ts","sourceRoot":"","sources":["../../../src/overlay-bars/bottomBar/FakeAudioControlsMini.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoE,MAAM,OAAO,CAAC;AAiMzF,eAAO,MAAM,qBAAqB,oCAEhC,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
declare function OverlayBottomBarBase(): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare const OverlayBottomBar: React.MemoExoticComponent<typeof OverlayBottomBarBase>;
|
|
4
|
+
export {};
|
|
5
|
+
//# sourceMappingURL=OverlayBottomBar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OverlayBottomBar.d.ts","sourceRoot":"","sources":["../../../src/overlay-bars/bottomBar/OverlayBottomBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiC,MAAM,OAAO,CAAC;AA2BtD,iBAAS,oBAAoB,4CAoO5B;AAED,eAAO,MAAM,gBAAgB,wDAAmC,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
interface PlayButtonProps {
|
|
3
|
+
size?: number;
|
|
4
|
+
color?: string;
|
|
5
|
+
bgColor?: string;
|
|
6
|
+
isPlaying: boolean;
|
|
7
|
+
onClick?: (e: React.MouseEvent) => void;
|
|
8
|
+
tooltip?: string;
|
|
9
|
+
title?: string;
|
|
10
|
+
}
|
|
11
|
+
declare const PlayButton: React.FC<PlayButtonProps>;
|
|
12
|
+
export default PlayButton;
|
|
13
|
+
//# sourceMappingURL=PlayButton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PlayButton.d.ts","sourceRoot":"","sources":["../../../src/overlay-bars/bottomBar/PlayButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,eAAe;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACxC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAwBzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
declare function ProgressScrubber(): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
declare const _default: React.MemoExoticComponent<typeof ProgressScrubber>;
|
|
4
|
+
export default _default;
|
|
5
|
+
//# sourceMappingURL=ProgressScrubber.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProgressScrubber.d.ts","sourceRoot":"","sources":["../../../src/overlay-bars/bottomBar/ProgressScrubber.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAOjF,iBAAS,gBAAgB,4CAsGxB;;AAED,wBAA4C"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StepBtn.d.ts","sourceRoot":"","sources":["../../../src/overlay-bars/bottomBar/StepBtn.tsx"],"names":[],"mappings":"AAMA,UAAU,YAAY;IACpB,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC;CAC7B;AAED,wBAAgB,OAAO,CAAC,EAAE,SAAS,EAAE,EAAE,YAAY,2CAkDlD"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"WPMSpeedButtons.d.ts","sourceRoot":"","sources":["../../../src/overlay-bars/bottomBar/WPMSpeedButtons.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,eAAe,8CAiH1B,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
declare function OverlayTopBarBase(): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare const OverlayTopBar: React.MemoExoticComponent<typeof OverlayTopBarBase>;
|
|
4
|
+
export {};
|
|
5
|
+
//# sourceMappingURL=OverlayTopBar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OverlayTopBar.d.ts","sourceRoot":"","sources":["../../../src/overlay-bars/topBar/OverlayTopBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAsEjF,iBAAS,iBAAiB,4CA6EzB;AAED,eAAO,MAAM,aAAa,qDAAgC,CAAC"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { RecordingChunk } from '../types/viewerEvent.types';
|
|
2
|
+
import { SectionData, SectionSummary } from '@readerseye2/cr_type';
|
|
3
|
+
import { PlaybackMeta } from './types';
|
|
4
|
+
type PlaybackContainerProps = {
|
|
5
|
+
/** 재생 메타데이터 */
|
|
6
|
+
meta: PlaybackMeta;
|
|
7
|
+
/** 청크 가져오기 함수 (index로 요청) */
|
|
8
|
+
getChunk: (index: number) => Promise<RecordingChunk>;
|
|
9
|
+
/** 다운로드 완료된 청크 인덱스 Set (서버에서 받아온 경우) */
|
|
10
|
+
availableChunks?: Set<number>;
|
|
11
|
+
/** 초기 시작 시간 (초) - 이 시간의 청크가 미리 로드됨 */
|
|
12
|
+
initialStartTime?: number;
|
|
13
|
+
/** 초기 섹션 데이터 (재생 시작 시 사용) */
|
|
14
|
+
initialSection: SectionData;
|
|
15
|
+
/** 로드된 섹션들 (Map: sectionId → SectionData) - 섹션 전환용 */
|
|
16
|
+
sectionsMap: Map<string, SectionData>;
|
|
17
|
+
/** 섹션 목록 (섹션 이동용) */
|
|
18
|
+
sectionSummaries?: SectionSummary[];
|
|
19
|
+
/** 섹션 변경 콜백 */
|
|
20
|
+
onSectionChange?: (sectionId: string) => void;
|
|
21
|
+
/** 청크 제거 콜백 (버퍼에서 제거된 청크 알림) */
|
|
22
|
+
onChunksEvicted?: (evictedIndices: number[]) => void;
|
|
23
|
+
};
|
|
24
|
+
/** Provider로 감싼 외부 컨테이너 */
|
|
25
|
+
export default function PlaybackContainer(props: PlaybackContainerProps): import("react/jsx-runtime").JSX.Element;
|
|
26
|
+
export {};
|
|
27
|
+
//# sourceMappingURL=CR_ViewerPlayback.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CR_ViewerPlayback.d.ts","sourceRoot":"","sources":["../../src/playback/CR_ViewerPlayback.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAIxE,OAAO,KAAK,EAAE,YAAY,EAAgB,MAAM,SAAS,CAAC;AAI1D,KAAK,sBAAsB,GAAG;IAC5B,eAAe;IACf,IAAI,EAAE,YAAY,CAAC;IACnB,6BAA6B;IAC7B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,cAAc,CAAC,CAAC;IACrD,wCAAwC;IACxC,eAAe,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC9B,sCAAsC;IACtC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,6BAA6B;IAC7B,cAAc,EAAE,WAAW,CAAC;IAC5B,sDAAsD;IACtD,WAAW,EAAE,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;IACtC,qBAAqB;IACrB,gBAAgB,CAAC,EAAE,cAAc,EAAE,CAAC;IACpC,eAAe;IACf,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,gCAAgC;IAChC,eAAe,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CACtD,CAAC;AAKF,2BAA2B;AAC3B,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CAgBtE"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { PlaybackState } from './types';
|
|
2
|
+
type PlaybackBarProps = {
|
|
3
|
+
/** 재생 상태 */
|
|
4
|
+
playbackState: PlaybackState;
|
|
5
|
+
/** 비활성화 여부 */
|
|
6
|
+
disabled: boolean;
|
|
7
|
+
/** 현재 재생 시간 (초) */
|
|
8
|
+
elapsedTime: number;
|
|
9
|
+
/** 총 재생 시간 (초) */
|
|
10
|
+
totalDuration: number;
|
|
11
|
+
/** 뷰포트 크기 */
|
|
12
|
+
viewport: {
|
|
13
|
+
width: number;
|
|
14
|
+
height: number;
|
|
15
|
+
};
|
|
16
|
+
/** 재생/일시정지 토글 */
|
|
17
|
+
onTogglePlay: () => void;
|
|
18
|
+
/** Range 드래그 시작 */
|
|
19
|
+
onSeekStart: () => void;
|
|
20
|
+
/** Range 값 변경 */
|
|
21
|
+
onSeekChange: (time: number) => void;
|
|
22
|
+
/** Range 드래그 종료 */
|
|
23
|
+
onSeekEnd: () => void;
|
|
24
|
+
};
|
|
25
|
+
declare function PlaybackBar({ playbackState, disabled, elapsedTime, totalDuration, viewport, onTogglePlay, onSeekStart, onSeekChange, onSeekEnd, }: PlaybackBarProps): import("react/jsx-runtime").JSX.Element;
|
|
26
|
+
declare const _default: import('react').MemoExoticComponent<typeof PlaybackBar>;
|
|
27
|
+
export default _default;
|
|
28
|
+
//# sourceMappingURL=PlaybackBar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PlaybackBar.d.ts","sourceRoot":"","sources":["../../src/playback/PlaybackBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAI7C,KAAK,gBAAgB,GAAG;IACtB,YAAY;IACZ,aAAa,EAAE,aAAa,CAAC;IAC7B,cAAc;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,mBAAmB;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa;IACb,QAAQ,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAC5C,iBAAiB;IACjB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,mBAAmB;IACnB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,iBAAiB;IACjB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,mBAAmB;IACnB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,iBAAS,WAAW,CAAC,EACnB,aAAa,EACb,QAAQ,EACR,WAAW,EACX,aAAa,EACb,QAAQ,EACR,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,SAAS,GACV,EAAE,gBAAgB,2CA2DlB;;AAED,wBAAiC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { PlaybackState } from './types';
|
|
2
|
+
type PlaybackToggleButtonProps = {
|
|
3
|
+
playbackState: PlaybackState;
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
onClick: () => void;
|
|
6
|
+
};
|
|
7
|
+
declare function PlaybackToggleButton({ playbackState, disabled, onClick }: PlaybackToggleButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare const _default: import('react').MemoExoticComponent<typeof PlaybackToggleButton>;
|
|
9
|
+
export default _default;
|
|
10
|
+
//# sourceMappingURL=PlaybackToggleButton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PlaybackToggleButton.d.ts","sourceRoot":"","sources":["../../src/playback/PlaybackToggleButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAG7C,KAAK,yBAAyB,GAAG;IAC/B,aAAa,EAAE,aAAa,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,iBAAS,oBAAoB,CAAC,EAAE,aAAa,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,yBAAyB,2CAiB5F;;AAED,wBAA0C"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { CRViewerHandle } from '../CR_Viewer';
|
|
2
|
+
import { SectionData, SectionSummary } from '@readerseye2/cr_type';
|
|
3
|
+
import { RecordingSnapshot } from '../types/viewerEvent.types';
|
|
4
|
+
import { ViewportSize } from './types';
|
|
5
|
+
type PlaybackViewportProps = {
|
|
6
|
+
/** 버퍼링 중 여부 */
|
|
7
|
+
isBuffering: boolean;
|
|
8
|
+
/** 데이터 없음 여부 */
|
|
9
|
+
isEmpty: boolean;
|
|
10
|
+
/** 현재 뷰포트 크기 */
|
|
11
|
+
currentViewport: ViewportSize;
|
|
12
|
+
/** 초기 스냅샷 */
|
|
13
|
+
initialSnapshot: RecordingSnapshot;
|
|
14
|
+
/** 섹션 데이터 */
|
|
15
|
+
section: SectionData;
|
|
16
|
+
/** 섹션 목록 */
|
|
17
|
+
sectionSummaries: SectionSummary[];
|
|
18
|
+
/** 섹션 변경 콜백 */
|
|
19
|
+
onSectionChange?: (sectionId: string) => void;
|
|
20
|
+
/** CR_Viewer ref */
|
|
21
|
+
viewerRef: React.MutableRefObject<CRViewerHandle | null>;
|
|
22
|
+
/** 컨테이너 크기 변경 시 콜백 */
|
|
23
|
+
onContainerResize?: (size: ViewportSize) => void;
|
|
24
|
+
/** 계산된 스케일 변경 시 콜백 */
|
|
25
|
+
onScaleChange?: (scale: number) => void;
|
|
26
|
+
};
|
|
27
|
+
declare function PlaybackViewport({ isBuffering, isEmpty, currentViewport, initialSnapshot, section, sectionSummaries, onSectionChange, viewerRef, onContainerResize, onScaleChange, }: PlaybackViewportProps): import("react/jsx-runtime").JSX.Element;
|
|
28
|
+
declare const _default: import('react').MemoExoticComponent<typeof PlaybackViewport>;
|
|
29
|
+
export default _default;
|
|
30
|
+
//# sourceMappingURL=PlaybackViewport.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PlaybackViewport.d.ts","sourceRoot":"","sources":["../../src/playback/PlaybackViewport.tsx"],"names":[],"mappings":"AACA,OAAkB,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACxE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAQ5C,KAAK,qBAAqB,GAAG;IAC3B,eAAe;IACf,WAAW,EAAE,OAAO,CAAC;IACrB,gBAAgB;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,gBAAgB;IAChB,eAAe,EAAE,YAAY,CAAC;IAC9B,aAAa;IACb,eAAe,EAAE,iBAAiB,CAAC;IACnC,aAAa;IACb,OAAO,EAAE,WAAW,CAAC;IACrB,YAAY;IACZ,gBAAgB,EAAE,cAAc,EAAE,CAAC;IACnC,eAAe;IACf,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,oBAAoB;IACpB,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACzD,sBAAsB;IACtB,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IACjD,sBAAsB;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF,iBAAS,gBAAgB,CAAC,EACxB,WAAW,EACX,OAAO,EACP,eAAe,EACf,eAAe,EACf,OAAO,EACP,gBAAgB,EAChB,eAAe,EACf,SAAS,EACT,iBAAiB,EACjB,aAAa,GACd,EAAE,qBAAqB,2CA+FvB;;AAED,wBAAsC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { default as CR_ViewerPlayback } from './CR_ViewerPlayback';
|
|
2
|
+
export { default as PlaybackBar } from './PlaybackBar';
|
|
3
|
+
export { default as PlaybackViewport } from './PlaybackViewport';
|
|
4
|
+
export type { PlaybackMeta, PlaybackState, ViewportSize } from './types';
|
|
5
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/playback/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { RecordingSnapshot } from '../types/viewerEvent.types';
|
|
2
|
+
/** 재생 상태 */
|
|
3
|
+
export type PlaybackState = 'idle' | 'playing' | 'paused';
|
|
4
|
+
/** 재생에 필요한 메타데이터 */
|
|
5
|
+
export type PlaybackMeta = {
|
|
6
|
+
/** 총 재생 시간 (초) */
|
|
7
|
+
totalDuration: number;
|
|
8
|
+
/** 총 청크 수 */
|
|
9
|
+
chunkCount: number;
|
|
10
|
+
/** 각 청크 길이 (초, 마지막 청크는 다를 수 있음) */
|
|
11
|
+
chunkDuration: number;
|
|
12
|
+
/** 첫 청크의 스냅샷 (초기 렌더링용) */
|
|
13
|
+
initialSnapshot: RecordingSnapshot;
|
|
14
|
+
};
|
|
15
|
+
/** 뷰포트 크기 */
|
|
16
|
+
export type ViewportSize = {
|
|
17
|
+
width: number;
|
|
18
|
+
height: number;
|
|
19
|
+
};
|
|
20
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/playback/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAEpE,YAAY;AACZ,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE1D,oBAAoB;AACpB,MAAM,MAAM,YAAY,GAAG;IACzB,kBAAkB;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,mCAAmC;IACnC,aAAa,EAAE,MAAM,CAAC;IACtB,0BAA0B;IAC1B,eAAe,EAAE,iBAAiB,CAAC;CACpC,CAAC;AAEF,aAAa;AACb,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PlaybackHandler.d.ts","sourceRoot":"","sources":["../../src/recording/PlaybackHandler.tsx"],"names":[],"mappings":"AAOA;;;GAGG;AACH,wBAAgB,eAAe,SAgL9B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SettingsChangeEmitter.d.ts","sourceRoot":"","sources":["../../src/recording/SettingsChangeEmitter.tsx"],"names":[],"mappings":"AA2BA,+CAA+C;AAC/C,wBAAgB,qBAAqB,SAiDpC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
type Props = {
|
|
2
|
+
containerRef: React.RefObject<HTMLDivElement | null>;
|
|
3
|
+
};
|
|
4
|
+
/** 스냅샷 getter 등록 (onViewerEvent가 있을 때만, 렌더링 없음) */
|
|
5
|
+
export declare function SnapshotRegistrar({ containerRef }: Props): null;
|
|
6
|
+
export {};
|
|
7
|
+
//# sourceMappingURL=SnapshotRegistrar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SnapshotRegistrar.d.ts","sourceRoot":"","sources":["../../src/recording/SnapshotRegistrar.tsx"],"names":[],"mappings":"AAMA,KAAK,KAAK,GAAG;IACX,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CACtD,CAAC;AAEF,mDAAmD;AACnD,wBAAgB,iBAAiB,CAAC,EAAE,YAAY,EAAE,EAAE,KAAK,QAqExD"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
type Props = {
|
|
2
|
+
containerRef: React.RefObject<HTMLDivElement | null>;
|
|
3
|
+
};
|
|
4
|
+
/** 뷰포트 리사이즈 감지 및 이벤트 emit + store 갱신 (렌더링 없음) */
|
|
5
|
+
export declare function ViewportResizeEmitter({ containerRef }: Props): null;
|
|
6
|
+
export {};
|
|
7
|
+
//# sourceMappingURL=ViewportResizeEmitter.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ViewportResizeEmitter.d.ts","sourceRoot":"","sources":["../../src/recording/ViewportResizeEmitter.tsx"],"names":[],"mappings":"AAIA,KAAK,KAAK,GAAG;IACX,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CACtD,CAAC;AAEF,iDAAiD;AACjD,wBAAgB,qBAAqB,CAAC,EAAE,YAAY,EAAE,EAAE,KAAK,QAyC5D"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export declare const CRAudioContext: import('react').Context<(Omit<import('zustand').StoreApi<import('./crViewer_audio.store').CRAudioState>, "subscribe"> & {
|
|
2
|
+
subscribe: {
|
|
3
|
+
(listener: (selectedState: import('./crViewer_audio.store').CRAudioState, previousSelectedState: import('./crViewer_audio.store').CRAudioState) => void): () => void;
|
|
4
|
+
<U>(selector: (state: import('./crViewer_audio.store').CRAudioState) => U, listener: (selectedState: U, previousSelectedState: U) => void, options?: {
|
|
5
|
+
equalityFn?: ((a: U, b: U) => boolean) | undefined;
|
|
6
|
+
fireImmediately?: boolean;
|
|
7
|
+
} | undefined): () => void;
|
|
8
|
+
};
|
|
9
|
+
}) | undefined>;
|
|
10
|
+
//# sourceMappingURL=crViewer_audio.context.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"crViewer_audio.context.d.ts","sourceRoot":"","sources":["../../../src/stores/audio/crViewer_audio.context.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,cAAc;;;;;;;;eAAqD,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { CRAudioState } from './crViewer_audio.store';
|
|
2
|
+
import { StoreApi } from 'zustand';
|
|
3
|
+
export declare function useAudioStore<T>(selector: (s: CRAudioState) => T, equalityFn?: (a: T, b: T) => boolean): T;
|
|
4
|
+
/** 구독 없는 StoreApi 접근 (imperative) */
|
|
5
|
+
export declare function useAudioStoreApi(): StoreApi<CRAudioState>;
|
|
6
|
+
//# sourceMappingURL=crViewer_audio.hooks.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"crViewer_audio.hooks.d.ts","sourceRoot":"","sources":["../../../src/stores/audio/crViewer_audio.hooks.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAExE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,wBAAgB,aAAa,CAAC,CAAC,EAC7B,QAAQ,EAAE,CAAC,CAAC,EAAE,YAAY,KAAK,CAAC,EAChC,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,OAAO,GACnC,CAAC,CAIH;AAED,qCAAqC;AACrC,wBAAgB,gBAAgB,IAAI,QAAQ,CAAC,YAAY,CAAC,CAMzD"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { AudioTextMap } from '../../utils/buildAudioTextMap';
|
|
2
|
+
import { SectionAudio, SectionData } from '@readerseye2/cr_type';
|
|
3
|
+
type InitialStateAudio = {
|
|
4
|
+
clips: SectionAudio[];
|
|
5
|
+
map?: AudioTextMap;
|
|
6
|
+
initialIndex: number;
|
|
7
|
+
section: SectionData;
|
|
8
|
+
};
|
|
9
|
+
export declare function CRAudioProvider({ children, initialState, }: {
|
|
10
|
+
children: React.ReactNode;
|
|
11
|
+
initialState: InitialStateAudio;
|
|
12
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export {};
|
|
14
|
+
//# sourceMappingURL=crViewer_audio.provider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"crViewer_audio.provider.d.ts","sourceRoot":"","sources":["../../../src/stores/audio/crViewer_audio.provider.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEtE,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,GAAG,CAAC,EAAE,YAAY,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,WAAW,CAAC;CACtB,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,YAAY,GACb,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,EAAE,iBAAiB,CAAC;CACjC,2CASA"}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import { SectionAudio, SectionData } from '@readerseye2/cr_type';
|
|
2
|
+
import { AudioTextMap } from '../../utils/buildAudioTextMap';
|
|
3
|
+
import { ViewerRecorderStore } from '../recorder/viewerRecorder.store';
|
|
4
|
+
export type AudioStatus = 'idle' | 'loading' | 'playing' | 'paused' | 'ended' | 'error';
|
|
5
|
+
export type PlaybackKind = 'real' | 'fake';
|
|
6
|
+
export type CRAudioState = {
|
|
7
|
+
clips: SectionAudio[];
|
|
8
|
+
currentClip: number;
|
|
9
|
+
currentTimeMs: number;
|
|
10
|
+
status: AudioStatus;
|
|
11
|
+
scrollLock: boolean;
|
|
12
|
+
playbackKind: PlaybackKind;
|
|
13
|
+
fake: {
|
|
14
|
+
totalWords: number;
|
|
15
|
+
} | null;
|
|
16
|
+
useFake: () => void;
|
|
17
|
+
useReal: () => void;
|
|
18
|
+
injectMap: (map?: AudioTextMap) => void;
|
|
19
|
+
setClips: (clips: SectionAudio[] | undefined) => void;
|
|
20
|
+
setClipAndMs: (clipIndex: number, ms: number) => void;
|
|
21
|
+
clear: () => void;
|
|
22
|
+
play: (clipIndex?: number, atMs?: number) => void;
|
|
23
|
+
pause: () => void;
|
|
24
|
+
seek: (ms: number) => void;
|
|
25
|
+
stop: () => void;
|
|
26
|
+
nextClip: () => void;
|
|
27
|
+
prevClip: () => void;
|
|
28
|
+
setClipIndex: (clipIndex: number) => void;
|
|
29
|
+
getClipSrc: (clipIndex?: number) => string | null;
|
|
30
|
+
getGIFromCT: (clip: number, timeMs: number) => number;
|
|
31
|
+
getCTFromGI: (g: number) => {
|
|
32
|
+
clip: number;
|
|
33
|
+
timeMs: number;
|
|
34
|
+
} | null;
|
|
35
|
+
getMetaByGI: (g: number) => {
|
|
36
|
+
clipIndex: number;
|
|
37
|
+
timeMs: number;
|
|
38
|
+
} | null;
|
|
39
|
+
syncToGI: (g: number) => void;
|
|
40
|
+
_onTime: (ms: number) => void;
|
|
41
|
+
_onEnded: () => void;
|
|
42
|
+
_onError: (err?: unknown) => void;
|
|
43
|
+
_setStatusOnly: (status: AudioStatus) => void;
|
|
44
|
+
};
|
|
45
|
+
type CRAudioInit = {
|
|
46
|
+
clips?: SectionAudio[];
|
|
47
|
+
map?: AudioTextMap;
|
|
48
|
+
initialIndex?: number;
|
|
49
|
+
section: SectionData;
|
|
50
|
+
/** 뷰어 레코더 스토어 (이벤트 emit용) */
|
|
51
|
+
recorderStore?: ViewerRecorderStore;
|
|
52
|
+
};
|
|
53
|
+
/** init 동기 초기화 지원 */
|
|
54
|
+
export declare function createCRAudioStore(init?: CRAudioInit): Omit<import('zustand').StoreApi<CRAudioState>, "subscribe"> & {
|
|
55
|
+
subscribe: {
|
|
56
|
+
(listener: (selectedState: CRAudioState, previousSelectedState: CRAudioState) => void): () => void;
|
|
57
|
+
<U>(selector: (state: CRAudioState) => U, listener: (selectedState: U, previousSelectedState: U) => void, options?: {
|
|
58
|
+
equalityFn?: ((a: U, b: U) => boolean) | undefined;
|
|
59
|
+
fireImmediately?: boolean;
|
|
60
|
+
} | undefined): () => void;
|
|
61
|
+
};
|
|
62
|
+
};
|
|
63
|
+
export type CRAudioStore = ReturnType<typeof createCRAudioStore>;
|
|
64
|
+
export {};
|
|
65
|
+
//# sourceMappingURL=crViewer_audio.store.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"crViewer_audio.store.d.ts","sourceRoot":"","sources":["../../../src/stores/audio/crViewer_audio.store.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { ViewerPlayerContext } from './viewerPlayer.context';
|
|
2
|
+
export { useViewerPlayerStore, useViewerPlayerStoreApi } from './viewerPlayer.hooks';
|
|
3
|
+
export { ViewerPlayerProvider } from './viewerPlayer.provider';
|
|
4
|
+
export { createViewerPlayerStore, type ViewerPlayerState, type ViewerPlayerActions, type ViewerPlayerStore, } from './viewerPlayer.store';
|
|
5
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/stores/player/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AACrF,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EACL,uBAAuB,EACvB,KAAK,iBAAiB,EACtB,KAAK,mBAAmB,EACxB,KAAK,iBAAiB,GACvB,MAAM,sBAAsB,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ViewerPlayerStore } from './viewerPlayer.store';
|
|
2
|
+
/**
|
|
3
|
+
* ViewerPlayer 전용 컨텍스트.
|
|
4
|
+
* 값은 zustand의 StoreApi 인스턴스입니다.
|
|
5
|
+
*/
|
|
6
|
+
export declare const ViewerPlayerContext: import('react').Context<ViewerPlayerStore | undefined>;
|
|
7
|
+
//# sourceMappingURL=viewerPlayer.context.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"viewerPlayer.context.d.ts","sourceRoot":"","sources":["../../../src/stores/player/viewerPlayer.context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAE9D;;;GAGG;AACH,eAAO,MAAM,mBAAmB,wDAA0D,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { StoreApi } from 'zustand';
|
|
2
|
+
import { ViewerPlayerState, ViewerPlayerActions } from './viewerPlayer.store';
|
|
3
|
+
/**
|
|
4
|
+
* 구독 기반 selector 훅.
|
|
5
|
+
* 상태 변화에 반응해야 할 컴포넌트에서 사용하세요.
|
|
6
|
+
*/
|
|
7
|
+
export declare function useViewerPlayerStore<T>(selector: (s: ViewerPlayerState & ViewerPlayerActions) => T, equalityFn?: (a: T, b: T) => boolean): T;
|
|
8
|
+
/**
|
|
9
|
+
* 구독 없는 store API 훅.
|
|
10
|
+
* 이벤트 시점에 상태를 읽거나 변경할 때 사용.
|
|
11
|
+
*/
|
|
12
|
+
export declare function useViewerPlayerStoreApi(): StoreApi<ViewerPlayerState & ViewerPlayerActions>;
|
|
13
|
+
//# sourceMappingURL=viewerPlayer.hooks.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"viewerPlayer.hooks.d.ts","sourceRoot":"","sources":["../../../src/stores/player/viewerPlayer.hooks.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAGxC,OAAO,KAAK,EACV,iBAAiB,EACjB,mBAAmB,EAEpB,MAAM,sBAAsB,CAAC;AAE9B;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,EACpC,QAAQ,EAAE,CAAC,CAAC,EAAE,iBAAiB,GAAG,mBAAmB,KAAK,CAAC,EAC3D,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,OAAO,GACnC,CAAC,CAMH;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,IAAI,QAAQ,CAAC,iBAAiB,GAAG,mBAAmB,CAAC,CAM3F"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { PlaybackMeta, ViewportSize } from '../../playback/types';
|
|
2
|
+
import { SectionData } from '@readerseye2/cr_type';
|
|
3
|
+
type ViewerPlayerProviderProps = {
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
/** 재생 메타데이터 */
|
|
6
|
+
meta?: PlaybackMeta | null;
|
|
7
|
+
/** 초기 섹션 */
|
|
8
|
+
initialSection?: SectionData | null;
|
|
9
|
+
/** 초기 뷰포트 크기 */
|
|
10
|
+
initialViewport?: ViewportSize;
|
|
11
|
+
};
|
|
12
|
+
/**
|
|
13
|
+
* Provider: 재생 인스턴스별로 독립적인 player store를 생성해 제공합니다.
|
|
14
|
+
* CR_ViewerPlayback의 가장 바깥쪽에 위치해야 합니다.
|
|
15
|
+
*/
|
|
16
|
+
export declare function ViewerPlayerProvider({ children, meta, initialSection, initialViewport, }: ViewerPlayerProviderProps): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
export {};
|
|
18
|
+
//# sourceMappingURL=viewerPlayer.provider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"viewerPlayer.provider.d.ts","sourceRoot":"","sources":["../../../src/stores/player/viewerPlayer.provider.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACvE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAExD,KAAK,yBAAyB,GAAG;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,eAAe;IACf,IAAI,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;IAC3B,YAAY;IACZ,cAAc,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACpC,gBAAgB;IAChB,eAAe,CAAC,EAAE,YAAY,CAAC;CAChC,CAAC;AAEF;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,IAAI,EACJ,cAAc,EACd,eAAe,GAChB,EAAE,yBAAyB,2CA6B3B"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { StoreApi } from 'zustand/vanilla';
|
|
2
|
+
import { SectionData } from '@readerseye2/cr_type';
|
|
3
|
+
import { PlaybackState, PlaybackMeta, ViewportSize } from '../../playback/types';
|
|
4
|
+
export type ViewerPlayerState = {
|
|
5
|
+
/** 재생 메타데이터 */
|
|
6
|
+
meta: PlaybackMeta | null;
|
|
7
|
+
/** 재생 상태 */
|
|
8
|
+
playbackState: PlaybackState;
|
|
9
|
+
/** 버퍼링 중 여부 */
|
|
10
|
+
isBuffering: boolean;
|
|
11
|
+
/** 경과 시간 (초) */
|
|
12
|
+
elapsedTime: number;
|
|
13
|
+
/** 현재 뷰포트 크기 */
|
|
14
|
+
currentViewport: ViewportSize;
|
|
15
|
+
/** 뷰포트 스케일 */
|
|
16
|
+
viewportScale: number;
|
|
17
|
+
/** 현재 재생 중인 섹션 */
|
|
18
|
+
currentSection: SectionData | null;
|
|
19
|
+
/** 로드된 청크 인덱스 Set */
|
|
20
|
+
loadedChunks: Set<number>;
|
|
21
|
+
/** 현재 청크 인덱스 (UI 표시용) */
|
|
22
|
+
currentChunkIndex: number;
|
|
23
|
+
};
|
|
24
|
+
export type ViewerPlayerActions = {
|
|
25
|
+
/** 메타데이터 설정 */
|
|
26
|
+
setMeta: (meta: PlaybackMeta | null) => void;
|
|
27
|
+
/** 재생 상태 변경 */
|
|
28
|
+
setPlaybackState: (state: PlaybackState) => void;
|
|
29
|
+
/** 버퍼링 상태 변경 */
|
|
30
|
+
setIsBuffering: (buffering: boolean) => void;
|
|
31
|
+
/** 경과 시간 업데이트 */
|
|
32
|
+
setElapsedTime: (time: number) => void;
|
|
33
|
+
/** 뷰포트 크기 변경 */
|
|
34
|
+
setCurrentViewport: (viewport: ViewportSize) => void;
|
|
35
|
+
/** 뷰포트 스케일 변경 */
|
|
36
|
+
setViewportScale: (scale: number) => void;
|
|
37
|
+
/** 현재 섹션 변경 */
|
|
38
|
+
setCurrentSection: (section: SectionData | null) => void;
|
|
39
|
+
/** 청크 로드 완료 추가 */
|
|
40
|
+
addLoadedChunk: (index: number) => void;
|
|
41
|
+
/** 청크 제거 */
|
|
42
|
+
removeLoadedChunks: (indices: number[]) => void;
|
|
43
|
+
/** 로드된 청크 전체 설정 */
|
|
44
|
+
setLoadedChunks: (chunks: Set<number>) => void;
|
|
45
|
+
/** 현재 청크 인덱스 설정 */
|
|
46
|
+
setCurrentChunkIndex: (index: number) => void;
|
|
47
|
+
/** 전체 리셋 */
|
|
48
|
+
reset: (initialViewport?: ViewportSize) => void;
|
|
49
|
+
};
|
|
50
|
+
export type ViewerPlayerStore = StoreApi<ViewerPlayerState & ViewerPlayerActions>;
|
|
51
|
+
export declare function createViewerPlayerStore(): ViewerPlayerStore;
|
|
52
|
+
//# sourceMappingURL=viewerPlayer.store.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"viewerPlayer.store.d.ts","sourceRoot":"","sources":["../../../src/stores/player/viewerPlayer.store.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC7D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAExD,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEtF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,eAAe;IACf,IAAI,EAAE,YAAY,GAAG,IAAI,CAAC;IAC1B,YAAY;IACZ,aAAa,EAAE,aAAa,CAAC;IAC7B,eAAe;IACf,WAAW,EAAE,OAAO,CAAC;IACrB,gBAAgB;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB;IAChB,eAAe,EAAE,YAAY,CAAC;IAC9B,cAAc;IACd,aAAa,EAAE,MAAM,CAAC;IACtB,kBAAkB;IAClB,cAAc,EAAE,WAAW,GAAG,IAAI,CAAC;IACnC,qBAAqB;IACrB,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC1B,yBAAyB;IACzB,iBAAiB,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,eAAe;IACf,OAAO,EAAE,CAAC,IAAI,EAAE,YAAY,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7C,eAAe;IACf,gBAAgB,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACjD,gBAAgB;IAChB,cAAc,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,iBAAiB;IACjB,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,gBAAgB;IAChB,kBAAkB,EAAE,CAAC,QAAQ,EAAE,YAAY,KAAK,IAAI,CAAC;IACrD,iBAAiB;IACjB,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,eAAe;IACf,iBAAiB,EAAE,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IACzD,kBAAkB;IAClB,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,YAAY;IACZ,kBAAkB,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAChD,mBAAmB;IACnB,eAAe,EAAE,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IAC/C,mBAAmB;IACnB,oBAAoB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,YAAY;IACZ,KAAK,EAAE,CAAC,eAAe,CAAC,EAAE,YAAY,KAAK,IAAI,CAAC;CACjD,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,QAAQ,CAAC,iBAAiB,GAAG,mBAAmB,CAAC,CAAC;AAIlF,wBAAgB,uBAAuB,IAAI,iBAAiB,CA6D3D"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"crViewer_progress.context.d.ts","sourceRoot":"","sources":["../../../src/stores/progress/crViewer_progress.context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,2CAA2C,CAAC;AAGvF,eAAO,MAAM,uBAAuB,4DAA8D,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { SectionProgress } from './crViewer_progress.store';
|
|
2
|
+
/** 구독 없는 StoreApi 접근 (imperative) */
|
|
3
|
+
export declare function useProgressStoreApi(): import('./crViewer_progress.store').CRViewerProgressStore;
|
|
4
|
+
/** 단일 섹션 전용 간결 훅 (sectionId 없이 사용하고 싶을 때) */
|
|
5
|
+
export declare function useProgressStore<T>(selector: (s: SectionProgress) => T, equalityFn?: (a: T, b: T) => boolean): T;
|
|
6
|
+
//# sourceMappingURL=crViewer_progress.hooks.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"crViewer_progress.hooks.d.ts","sourceRoot":"","sources":["../../../src/stores/progress/crViewer_progress.hooks.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAEV,eAAe,EAChB,MAAM,2CAA2C,CAAC;AAEnD,qCAAqC;AACrC,wBAAgB,mBAAmB,8EAMlC;AAED,6CAA6C;AAC7C,wBAAgB,gBAAgB,CAAC,CAAC,EAChC,QAAQ,EAAE,CAAC,CAAC,EAAE,eAAe,KAAK,CAAC,EACnC,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,OAAO,GACnC,CAAC,CAOH"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { PropsWithChildren } from 'react';
|
|
2
|
+
import { SectionData, SectionId, SectionSummary } from '@readerseye2/cr_type';
|
|
3
|
+
type InitialState = {
|
|
4
|
+
/** 섹션 식별자(옵션). 바뀌면 switchSection 트리거에만 사용 */
|
|
5
|
+
section: SectionData;
|
|
6
|
+
/** 초기 GI. 명시 안 하면 totalRuns>0일 때 0, 아니면 -1 */
|
|
7
|
+
initialIndex: number;
|
|
8
|
+
sectionList?: SectionSummary[];
|
|
9
|
+
onSectionChange?: (nextId: SectionId) => void;
|
|
10
|
+
};
|
|
11
|
+
export declare function InternalCRViewerProgressProvider({ children, initialState, }: PropsWithChildren<{
|
|
12
|
+
initialState: InitialState;
|
|
13
|
+
}>): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export {};
|
|
15
|
+
//# sourceMappingURL=crViewer_progress.provider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"crViewer_progress.provider.d.ts","sourceRoot":"","sources":["../../../src/stores/progress/crViewer_progress.provider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAuB,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAOpE,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGnF,KAAK,YAAY,GAAG;IAClB,6CAA6C;IAC7C,OAAO,EAAE,WAAW,CAAC;IAErB,8CAA8C;IAC9C,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,cAAc,EAAE,CAAC;IAC/B,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,KAAK,IAAI,CAAC;CAC/C,CAAC;AAEF,wBAAgB,gCAAgC,CAAC,EAC/C,QAAQ,EACR,YAAY,GACb,EAAE,iBAAiB,CAAC;IAAE,YAAY,EAAE,YAAY,CAAA;CAAE,CAAC,2CAenD"}
|