@bendyline/squisq-react 1.3.0 → 1.3.2

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.
Files changed (189) hide show
  1. package/dist/index.d.ts +710 -35
  2. package/dist/index.js +4288 -33
  3. package/dist/index.js.map +1 -1
  4. package/dist/squisq-player.global.js +1 -1
  5. package/dist/standalone-source.js +1 -1
  6. package/package.json +3 -3
  7. package/src/standalone-source.d.ts +10 -0
  8. package/dist/BlockRenderer.d.ts +0 -37
  9. package/dist/BlockRenderer.d.ts.map +0 -1
  10. package/dist/BlockRenderer.js +0 -54
  11. package/dist/BlockRenderer.js.map +0 -1
  12. package/dist/CaptionOverlay.d.ts +0 -33
  13. package/dist/CaptionOverlay.d.ts.map +0 -1
  14. package/dist/CaptionOverlay.js +0 -44
  15. package/dist/CaptionOverlay.js.map +0 -1
  16. package/dist/DocControlsBottom.d.ts +0 -28
  17. package/dist/DocControlsBottom.d.ts.map +0 -1
  18. package/dist/DocControlsBottom.js +0 -27
  19. package/dist/DocControlsBottom.js.map +0 -1
  20. package/dist/DocControlsOverlay.d.ts +0 -28
  21. package/dist/DocControlsOverlay.d.ts.map +0 -1
  22. package/dist/DocControlsOverlay.js +0 -80
  23. package/dist/DocControlsOverlay.js.map +0 -1
  24. package/dist/DocControlsSidebar.d.ts +0 -27
  25. package/dist/DocControlsSidebar.d.ts.map +0 -1
  26. package/dist/DocControlsSidebar.js +0 -10
  27. package/dist/DocControlsSidebar.js.map +0 -1
  28. package/dist/DocControlsSlideshow.d.ts +0 -20
  29. package/dist/DocControlsSlideshow.d.ts.map +0 -1
  30. package/dist/DocControlsSlideshow.js +0 -69
  31. package/dist/DocControlsSlideshow.js.map +0 -1
  32. package/dist/DocPlayer.d.ts +0 -97
  33. package/dist/DocPlayer.d.ts.map +0 -1
  34. package/dist/DocPlayer.js +0 -657
  35. package/dist/DocPlayer.js.map +0 -1
  36. package/dist/DocPlayerWithSidebar.d.ts +0 -41
  37. package/dist/DocPlayerWithSidebar.d.ts.map +0 -1
  38. package/dist/DocPlayerWithSidebar.js +0 -69
  39. package/dist/DocPlayerWithSidebar.js.map +0 -1
  40. package/dist/DocProgressBar.d.ts +0 -31
  41. package/dist/DocProgressBar.d.ts.map +0 -1
  42. package/dist/DocProgressBar.js +0 -122
  43. package/dist/DocProgressBar.js.map +0 -1
  44. package/dist/InlineAudioPlayer.d.ts +0 -15
  45. package/dist/InlineAudioPlayer.d.ts.map +0 -1
  46. package/dist/InlineAudioPlayer.js +0 -22
  47. package/dist/InlineAudioPlayer.js.map +0 -1
  48. package/dist/InlineVideoPlayer.d.ts +0 -21
  49. package/dist/InlineVideoPlayer.d.ts.map +0 -1
  50. package/dist/InlineVideoPlayer.js +0 -29
  51. package/dist/InlineVideoPlayer.js.map +0 -1
  52. package/dist/LinearDocView.d.ts +0 -73
  53. package/dist/LinearDocView.d.ts.map +0 -1
  54. package/dist/LinearDocView.js +0 -451
  55. package/dist/LinearDocView.js.map +0 -1
  56. package/dist/MarkdownRenderer.d.ts +0 -32
  57. package/dist/MarkdownRenderer.d.ts.map +0 -1
  58. package/dist/MarkdownRenderer.js +0 -259
  59. package/dist/MarkdownRenderer.js.map +0 -1
  60. package/dist/SocialCaptionOverlay.d.ts +0 -27
  61. package/dist/SocialCaptionOverlay.d.ts.map +0 -1
  62. package/dist/SocialCaptionOverlay.js +0 -185
  63. package/dist/SocialCaptionOverlay.js.map +0 -1
  64. package/dist/__tests__/BlockRenderer.test.d.ts +0 -2
  65. package/dist/__tests__/BlockRenderer.test.d.ts.map +0 -1
  66. package/dist/__tests__/BlockRenderer.test.js +0 -82
  67. package/dist/__tests__/BlockRenderer.test.js.map +0 -1
  68. package/dist/__tests__/DocControlsSlideshow.test.d.ts +0 -2
  69. package/dist/__tests__/DocControlsSlideshow.test.d.ts.map +0 -1
  70. package/dist/__tests__/DocControlsSlideshow.test.js +0 -89
  71. package/dist/__tests__/DocControlsSlideshow.test.js.map +0 -1
  72. package/dist/__tests__/JsonView.test.d.ts +0 -2
  73. package/dist/__tests__/JsonView.test.d.ts.map +0 -1
  74. package/dist/__tests__/JsonView.test.js +0 -93
  75. package/dist/__tests__/JsonView.test.js.map +0 -1
  76. package/dist/__tests__/LinearDocView.test.d.ts +0 -2
  77. package/dist/__tests__/LinearDocView.test.d.ts.map +0 -1
  78. package/dist/__tests__/LinearDocView.test.js +0 -250
  79. package/dist/__tests__/LinearDocView.test.js.map +0 -1
  80. package/dist/__tests__/MarkdownRenderer.test.d.ts +0 -2
  81. package/dist/__tests__/MarkdownRenderer.test.d.ts.map +0 -1
  82. package/dist/__tests__/MarkdownRenderer.test.js +0 -208
  83. package/dist/__tests__/MarkdownRenderer.test.js.map +0 -1
  84. package/dist/__tests__/TableLayer.test.d.ts +0 -2
  85. package/dist/__tests__/TableLayer.test.d.ts.map +0 -1
  86. package/dist/__tests__/TableLayer.test.js +0 -121
  87. package/dist/__tests__/TableLayer.test.js.map +0 -1
  88. package/dist/__tests__/exports.test.d.ts +0 -2
  89. package/dist/__tests__/exports.test.d.ts.map +0 -1
  90. package/dist/__tests__/exports.test.js +0 -48
  91. package/dist/__tests__/exports.test.js.map +0 -1
  92. package/dist/hooks/AudioProvider.d.ts +0 -71
  93. package/dist/hooks/AudioProvider.d.ts.map +0 -1
  94. package/dist/hooks/AudioProvider.js +0 -52
  95. package/dist/hooks/AudioProvider.js.map +0 -1
  96. package/dist/hooks/MediaContext.d.ts +0 -35
  97. package/dist/hooks/MediaContext.d.ts.map +0 -1
  98. package/dist/hooks/MediaContext.js +0 -72
  99. package/dist/hooks/MediaContext.js.map +0 -1
  100. package/dist/hooks/index.d.ts +0 -6
  101. package/dist/hooks/index.d.ts.map +0 -1
  102. package/dist/hooks/index.js +0 -5
  103. package/dist/hooks/index.js.map +0 -1
  104. package/dist/hooks/useAudioSync.d.ts +0 -18
  105. package/dist/hooks/useAudioSync.d.ts.map +0 -1
  106. package/dist/hooks/useAudioSync.js +0 -340
  107. package/dist/hooks/useAudioSync.js.map +0 -1
  108. package/dist/hooks/useAutoSurface.d.ts +0 -11
  109. package/dist/hooks/useAutoSurface.d.ts.map +0 -1
  110. package/dist/hooks/useAutoSurface.js +0 -24
  111. package/dist/hooks/useAutoSurface.js.map +0 -1
  112. package/dist/hooks/useDocPlayback.d.ts +0 -47
  113. package/dist/hooks/useDocPlayback.d.ts.map +0 -1
  114. package/dist/hooks/useDocPlayback.js +0 -179
  115. package/dist/hooks/useDocPlayback.js.map +0 -1
  116. package/dist/hooks/useViewportOrientation.d.ts +0 -31
  117. package/dist/hooks/useViewportOrientation.d.ts.map +0 -1
  118. package/dist/hooks/useViewportOrientation.js +0 -92
  119. package/dist/hooks/useViewportOrientation.js.map +0 -1
  120. package/dist/index.d.ts.map +0 -1
  121. package/dist/jsonView/JsonView.d.ts +0 -26
  122. package/dist/jsonView/JsonView.d.ts.map +0 -1
  123. package/dist/jsonView/JsonView.js +0 -12
  124. package/dist/jsonView/JsonView.js.map +0 -1
  125. package/dist/jsonView/RenderNode.d.ts +0 -22
  126. package/dist/jsonView/RenderNode.d.ts.map +0 -1
  127. package/dist/jsonView/RenderNode.js +0 -30
  128. package/dist/jsonView/RenderNode.js.map +0 -1
  129. package/dist/jsonView/index.d.ts +0 -3
  130. package/dist/jsonView/index.d.ts.map +0 -1
  131. package/dist/jsonView/index.js +0 -2
  132. package/dist/jsonView/index.js.map +0 -1
  133. package/dist/jsonView/useJsonViewTokens.d.ts +0 -14
  134. package/dist/jsonView/useJsonViewTokens.d.ts.map +0 -1
  135. package/dist/jsonView/useJsonViewTokens.js +0 -34
  136. package/dist/jsonView/useJsonViewTokens.js.map +0 -1
  137. package/dist/jsonView/viewers.d.ts +0 -30
  138. package/dist/jsonView/viewers.d.ts.map +0 -1
  139. package/dist/jsonView/viewers.js +0 -226
  140. package/dist/jsonView/viewers.js.map +0 -1
  141. package/dist/layers/ImageLayer.d.ts +0 -23
  142. package/dist/layers/ImageLayer.d.ts.map +0 -1
  143. package/dist/layers/ImageLayer.js +0 -104
  144. package/dist/layers/ImageLayer.js.map +0 -1
  145. package/dist/layers/MapLayer.d.ts +0 -29
  146. package/dist/layers/MapLayer.d.ts.map +0 -1
  147. package/dist/layers/MapLayer.js +0 -97
  148. package/dist/layers/MapLayer.js.map +0 -1
  149. package/dist/layers/ShapeLayer.d.ts +0 -20
  150. package/dist/layers/ShapeLayer.d.ts.map +0 -1
  151. package/dist/layers/ShapeLayer.js +0 -39
  152. package/dist/layers/ShapeLayer.js.map +0 -1
  153. package/dist/layers/TableLayer.d.ts +0 -23
  154. package/dist/layers/TableLayer.d.ts.map +0 -1
  155. package/dist/layers/TableLayer.js +0 -58
  156. package/dist/layers/TableLayer.js.map +0 -1
  157. package/dist/layers/TextLayer.d.ts +0 -23
  158. package/dist/layers/TextLayer.d.ts.map +0 -1
  159. package/dist/layers/TextLayer.js +0 -126
  160. package/dist/layers/TextLayer.js.map +0 -1
  161. package/dist/layers/VideoLayer.d.ts +0 -40
  162. package/dist/layers/VideoLayer.d.ts.map +0 -1
  163. package/dist/layers/VideoLayer.js +0 -105
  164. package/dist/layers/VideoLayer.js.map +0 -1
  165. package/dist/layers/index.d.ts +0 -6
  166. package/dist/layers/index.d.ts.map +0 -1
  167. package/dist/layers/index.js +0 -6
  168. package/dist/layers/index.js.map +0 -1
  169. package/dist/standalone-entry.d.ts +0 -69
  170. package/dist/standalone-entry.d.ts.map +0 -1
  171. package/dist/standalone-entry.js +0 -185
  172. package/dist/standalone-entry.js.map +0 -1
  173. package/dist/standalone-source.d.ts +0 -2
  174. package/dist/types.d.ts +0 -154
  175. package/dist/types.d.ts.map +0 -1
  176. package/dist/types.js +0 -21
  177. package/dist/types.js.map +0 -1
  178. package/dist/utils/animationUtils.d.ts +0 -8
  179. package/dist/utils/animationUtils.d.ts.map +0 -1
  180. package/dist/utils/animationUtils.js +0 -8
  181. package/dist/utils/animationUtils.js.map +0 -1
  182. package/dist/utils/layerUtils.d.ts +0 -17
  183. package/dist/utils/layerUtils.d.ts.map +0 -1
  184. package/dist/utils/layerUtils.js +0 -37
  185. package/dist/utils/layerUtils.js.map +0 -1
  186. package/dist/utils/mapTileUtils.d.ts +0 -105
  187. package/dist/utils/mapTileUtils.d.ts.map +0 -1
  188. package/dist/utils/mapTileUtils.js +0 -268
  189. package/dist/utils/mapTileUtils.js.map +0 -1
@@ -1,97 +0,0 @@
1
- /**
2
- * DocPlayer Component
3
- *
4
- * Main component for playing visual stories. Combines audio playback
5
- * with synchronized SVG block animations. Supports both interactive
6
- * browser playback and headless rendering for video export.
7
- *
8
- * Features:
9
- * - Audio synchronization with multiple MP3 segments
10
- * - Block transitions (fade, dissolve, slide)
11
- * - Playback controls (play/pause, seek, next/prev)
12
- * - Progress display
13
- * - Render mode for video capture (via window.seekTo)
14
- * - Pluggable audio provider for different environments (browser, EFB)
15
- * - Multiple control layouts: overlay (default), sidebar, bottom
16
- *
17
- * Related Files:
18
- * - DocControlsOverlay.tsx -- Default overlay controls
19
- * - DocProgressBar.tsx -- Extracted progress bar
20
- * - DocControlsSidebar.tsx -- Vertical sidebar controls
21
- * - DocPlayerWithSidebar.tsx -- Wrapper for sidebar layout
22
- * - types.ts -- Shared control types
23
- */
24
- import type { Doc } from '@bendyline/squisq/schemas';
25
- import type { SurfaceScheme, Theme } from '@bendyline/squisq/schemas';
26
- import type { AudioProvider } from './hooks/AudioProvider';
27
- import { type ViewportConfig } from '@bendyline/squisq/doc';
28
- import type { PlaybackState, PlaybackActions, BlockMarker, DisplayMode, CaptionStyle } from './types';
29
- interface DocPlayerProps {
30
- /** Doc script to play */
31
- script: Doc;
32
- /** Base path for resolving media URLs */
33
- basePath: string;
34
- /** Render mode for video capture (hides controls, exposes seekTo) */
35
- renderMode?: boolean;
36
- /** Auto-play when loaded */
37
- autoPlay?: boolean;
38
- /** Callback when playback ends */
39
- onEnded?: () => void;
40
- /** Callback for time updates */
41
- onTimeUpdate?: (time: number) => void;
42
- /** Optional audio provider (if not provided, uses default HTML5 audio) */
43
- audioProvider?: AudioProvider;
44
- /** Show built-in controls (default: true). Set to false for custom controls. */
45
- showControls?: boolean;
46
- /** Show only the progress bar/scrubber at bottom (no other controls).
47
- * Only takes effect when showControls is false. Allows external controls
48
- * while keeping the scrubber in-video. */
49
- showScrubber?: boolean;
50
- /** Mute audio (default: false) */
51
- muted?: boolean;
52
- /** Enable captions (default: true) */
53
- captionsEnabled?: boolean;
54
- /** Callback when captions enabled state is toggled */
55
- onCaptionsToggle?: (enabled: boolean) => void;
56
- /** Callback for playback state changes (for external controls) */
57
- onPlaybackStateChange?: (state: PlaybackState) => void;
58
- /** Callback when playback controls are ready (for external controls) */
59
- onControlsReady?: (controls: PlaybackActions & {
60
- play: () => void;
61
- pause: () => void;
62
- }) => void;
63
- /** Whether the player is currently in fullscreen mode */
64
- isFullscreen?: boolean;
65
- /** Callback to toggle fullscreen mode */
66
- onFullscreenToggle?: () => void;
67
- /** Callback when block markers are computed (for external progress bars) */
68
- onBlockMarkers?: (markers: BlockMarker[]) => void;
69
- /** Force a specific viewport preset, bypassing window-based orientation detection.
70
- * Used when the player is rendered in a constrained container (e.g., map overlay panel)
71
- * whose shape differs from the window's. */
72
- forceViewport?: ViewportConfig;
73
- /** Theme to use for rendering (default: DEFAULT_THEME from the theme library) */
74
- theme?: Theme;
75
- /**
76
- * Optional surface scheme (light / dark paper) overlaid on top of the
77
- * theme's colors. Passed through to the underlying LinearDocView when
78
- * `displayMode === 'linear'`; otherwise overlaid onto the theme that
79
- * renders the player's SVG blocks.
80
- */
81
- surface?: SurfaceScheme | 'auto';
82
- /**
83
- * Display mode for the player.
84
- * - `'video'` (default) — Traditional video playback with play/pause, scrub bar, auto-advance.
85
- * - `'slideshow'` — PowerPoint-style with prev/next buttons. Blocks are static slides
86
- * that only change on user click. No auto-advance, no scrub bar.
87
- * - `'linear'` — Long-scrolling document view. Renders markdown as readable HTML with
88
- * template-annotated sections as inline SVG cards. No audio, no timeline.
89
- */
90
- displayMode?: DisplayMode;
91
- /** Caption display style (default: 'standard').
92
- * 'social' shows large centered words with the active word highlighted. */
93
- captionStyle?: CaptionStyle;
94
- }
95
- export declare function DocPlayer({ script, basePath, renderMode, autoPlay, onEnded, onTimeUpdate, audioProvider: externalAudioProvider, showControls, showScrubber, muted, captionsEnabled: captionsEnabledProp, onCaptionsToggle, onPlaybackStateChange, onControlsReady, isFullscreen, onFullscreenToggle, onBlockMarkers, forceViewport, displayMode, theme, surface, captionStyle, }: DocPlayerProps): import("react/jsx-runtime").JSX.Element;
96
- export default DocPlayer;
97
- //# sourceMappingURL=DocPlayer.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DocPlayer.d.ts","sourceRoot":"","sources":["../src/DocPlayer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAGH,OAAO,KAAK,EAAE,GAAG,EAAgD,MAAM,2BAA2B,CAAC;AAEnG,OAAO,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAQtE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAKL,KAAK,cAAc,EACpB,MAAM,uBAAuB,CAAC;AAK/B,OAAO,KAAK,EACV,aAAa,EACb,eAAe,EACf,WAAW,EACX,WAAW,EACX,YAAY,EAIb,MAAM,SAAS,CAAC;AA8DjB,UAAU,cAAc;IACtB,yBAAyB;IACzB,MAAM,EAAE,GAAG,CAAC;IACZ,yCAAyC;IACzC,QAAQ,EAAE,MAAM,CAAC;IACjB,qEAAqE;IACrE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kCAAkC;IAClC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gCAAgC;IAChC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,0EAA0E;IAC1E,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,gFAAgF;IAChF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;+CAE2C;IAC3C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kCAAkC;IAClC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,sCAAsC;IACtC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,sDAAsD;IACtD,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9C,kEAAkE;IAClE,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACvD,wEAAwE;IACxE,eAAe,CAAC,EAAE,CAChB,QAAQ,EAAE,eAAe,GAAG;QAC1B,IAAI,EAAE,MAAM,IAAI,CAAC;QACjB,KAAK,EAAE,MAAM,IAAI,CAAC;KACnB,KACE,IAAI,CAAC;IACV,yDAAyD;IACzD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,yCAAyC;IACzC,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,4EAA4E;IAC5E,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,KAAK,IAAI,CAAC;IAClD;;iDAE6C;IAC7C,aAAa,CAAC,EAAE,cAAc,CAAC;IAC/B,iFAAiF;IACjF,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;;;;OAKG;IACH,OAAO,CAAC,EAAE,aAAa,GAAG,MAAM,CAAC;IACjC;;;;;;;OAOG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;gFAC4E;IAC5E,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B;AAED,wBAAgB,SAAS,CAAC,EACxB,MAAM,EACN,QAAQ,EACR,UAAkB,EAClB,QAAgB,EAChB,OAAO,EACP,YAAY,EACZ,aAAa,EAAE,qBAAqB,EACpC,YAAmB,EACnB,YAAoB,EACpB,KAAa,EACb,eAAe,EAAE,mBAAmB,EACpC,gBAAgB,EAChB,qBAAqB,EACrB,eAAe,EACf,YAAoB,EACpB,kBAAkB,EAClB,cAAc,EACd,aAAa,EACb,WAAqB,EACrB,KAAK,EACL,OAAO,EACP,YAAyB,GAC1B,EAAE,cAAc,2CAi3BhB;AAED,eAAe,SAAS,CAAC"}