@bendyline/squisq-react 1.3.1 → 1.4.0

package/dist/DocControlsSlideshow.js

@@ -1,69 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function DocControlsSlideshow({ state, slideNav }) {
-    const { currentBlockIndex, totalBlocks } = state;
-    const isFirst = currentBlockIndex <= 0;
-    const isLast = currentBlockIndex >= totalBlocks - 1;
-    return (_jsxs("div", { className: "doc-controls-slideshow", "data-testid": "slideshow-controls", style: {
-            position: 'absolute',
-            bottom: '16px',
-            right: '16px',
-            display: 'flex',
-            alignItems: 'center',
-            gap: '2px',
-            background: 'rgba(0, 0, 0, 0.65)',
-            borderRadius: '8px',
-            padding: '4px 6px',
-            zIndex: 100,
-            userSelect: 'none',
-            backdropFilter: 'blur(8px)',
-            WebkitBackdropFilter: 'blur(8px)',
-        }, children: [_jsx("button", { onClick: (e) => {
-                    e.stopPropagation();
-                    slideNav.prevSlide();
-                }, disabled: isFirst, "data-testid": "slide-prev", "aria-label": "Previous slide", title: "Previous slide", style: {
-                    background: 'none',
-                    border: 'none',
-                    color: isFirst ? 'rgba(255,255,255,0.3)' : 'rgba(255,255,255,0.9)',
-                    cursor: isFirst ? 'default' : 'pointer',
-                    padding: '6px 8px',
-                    display: 'flex',
-                    alignItems: 'center',
-                    justifyContent: 'center',
-                    borderRadius: '4px',
-                    transition: 'background 0.15s',
-                }, onMouseEnter: (e) => {
-                    if (!isFirst)
-                        e.currentTarget.style.background = 'rgba(255,255,255,0.1)';
-                }, onMouseLeave: (e) => {
-                    e.currentTarget.style.background = 'none';
-                }, children: _jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "18", height: "18", children: _jsx("path", { d: "M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z" }) }) }), _jsx("span", { "data-testid": "slide-counter", style: {
-                    color: 'rgba(255,255,255,0.9)',
-                    fontSize: '13px',
-                    fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
-                    fontVariantNumeric: 'tabular-nums',
-                    minWidth: '48px',
-                    textAlign: 'center',
-                    padding: '0 4px',
-                    letterSpacing: '0.02em',
-                }, children: totalBlocks > 0 ? `${currentBlockIndex + 1} / ${totalBlocks}` : '—' }), _jsx("button", { onClick: (e) => {
-                    e.stopPropagation();
-                    slideNav.nextSlide();
-                }, disabled: isLast, "data-testid": "slide-next", "aria-label": "Next slide", title: "Next slide", style: {
-                    background: 'none',
-                    border: 'none',
-                    color: isLast ? 'rgba(255,255,255,0.3)' : 'rgba(255,255,255,0.9)',
-                    cursor: isLast ? 'default' : 'pointer',
-                    padding: '6px 8px',
-                    display: 'flex',
-                    alignItems: 'center',
-                    justifyContent: 'center',
-                    borderRadius: '4px',
-                    transition: 'background 0.15s',
-                }, onMouseEnter: (e) => {
-                    if (!isLast)
-                        e.currentTarget.style.background = 'rgba(255,255,255,0.1)';
-                }, onMouseLeave: (e) => {
-                    e.currentTarget.style.background = 'none';
-                }, children: _jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "18", height: "18", children: _jsx("path", { d: "M8.59 16.59L10 18l6-6-6-6-1.41 1.41L13.17 12z" }) }) })] }));
-}
-//# sourceMappingURL=DocControlsSlideshow.js.map

package/dist/DocControlsSlideshow.js.map

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

package/dist/DocPlayer.d.ts

@@ -1,97 +0,0 @@
-/**
- * DocPlayer Component
- *
- * Main component for playing visual stories. Combines audio playback
- * with synchronized SVG block animations. Supports both interactive
- * browser playback and headless rendering for video export.
- *
- * Features:
- * - Audio synchronization with multiple MP3 segments
- * - Block transitions (fade, dissolve, slide)
- * - Playback controls (play/pause, seek, next/prev)
- * - Progress display
- * - Render mode for video capture (via window.seekTo)
- * - Pluggable audio provider for different environments (browser, EFB)
- * - Multiple control layouts: overlay (default), sidebar, bottom
- *
- * Related Files:
- * - DocControlsOverlay.tsx -- Default overlay controls
- * - DocProgressBar.tsx -- Extracted progress bar
- * - DocControlsSidebar.tsx -- Vertical sidebar controls
- * - DocPlayerWithSidebar.tsx -- Wrapper for sidebar layout
- * - types.ts -- Shared control types
- */
-import type { Doc } from '@bendyline/squisq/schemas';
-import type { SurfaceScheme, Theme } from '@bendyline/squisq/schemas';
-import type { AudioProvider } from './hooks/AudioProvider';
-import { type ViewportConfig } from '@bendyline/squisq/doc';
-import type { PlaybackState, PlaybackActions, BlockMarker, DisplayMode, CaptionStyle } from './types';
-interface DocPlayerProps {
-    /** Doc script to play */
-    script: Doc;
-    /** Base path for resolving media URLs */
-    basePath: string;
-    /** Render mode for video capture (hides controls, exposes seekTo) */
-    renderMode?: boolean;
-    /** Auto-play when loaded */
-    autoPlay?: boolean;
-    /** Callback when playback ends */
-    onEnded?: () => void;
-    /** Callback for time updates */
-    onTimeUpdate?: (time: number) => void;
-    /** Optional audio provider (if not provided, uses default HTML5 audio) */
-    audioProvider?: AudioProvider;
-    /** Show built-in controls (default: true). Set to false for custom controls. */
-    showControls?: boolean;
-    /** Show only the progress bar/scrubber at bottom (no other controls).
-     *  Only takes effect when showControls is false. Allows external controls
-     *  while keeping the scrubber in-video. */
-    showScrubber?: boolean;
-    /** Mute audio (default: false) */
-    muted?: boolean;
-    /** Enable captions (default: true) */
-    captionsEnabled?: boolean;
-    /** Callback when captions enabled state is toggled */
-    onCaptionsToggle?: (enabled: boolean) => void;
-    /** Callback for playback state changes (for external controls) */
-    onPlaybackStateChange?: (state: PlaybackState) => void;
-    /** Callback when playback controls are ready (for external controls) */
-    onControlsReady?: (controls: PlaybackActions & {
-        play: () => void;
-        pause: () => void;
-    }) => void;
-    /** Whether the player is currently in fullscreen mode */
-    isFullscreen?: boolean;
-    /** Callback to toggle fullscreen mode */
-    onFullscreenToggle?: () => void;
-    /** Callback when block markers are computed (for external progress bars) */
-    onBlockMarkers?: (markers: BlockMarker[]) => void;
-    /** Force a specific viewport preset, bypassing window-based orientation detection.
-     *  Used when the player is rendered in a constrained container (e.g., map overlay panel)
-     *  whose shape differs from the window's. */
-    forceViewport?: ViewportConfig;
-    /** Theme to use for rendering (default: DEFAULT_THEME from the theme library) */
-    theme?: Theme;
-    /**
-     * Optional surface scheme (light / dark paper) overlaid on top of the
-     * theme's colors. Passed through to the underlying LinearDocView when
-     * `displayMode === 'linear'`; otherwise overlaid onto the theme that
-     * renders the player's SVG blocks.
-     */
-    surface?: SurfaceScheme | 'auto';
-    /**
-     * Display mode for the player.
-     * - `'video'` (default) — Traditional video playback with play/pause, scrub bar, auto-advance.
-     * - `'slideshow'` — PowerPoint-style with prev/next buttons. Blocks are static slides
-     *   that only change on user click. No auto-advance, no scrub bar.
-     * - `'linear'` — Long-scrolling document view. Renders markdown as readable HTML with
-     *   template-annotated sections as inline SVG cards. No audio, no timeline.
-     */
-    displayMode?: DisplayMode;
-    /** Caption display style (default: 'standard').
-     *  'social' shows large centered words with the active word highlighted. */
-    captionStyle?: CaptionStyle;
-}
-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;
-export default DocPlayer;
-//# sourceMappingURL=DocPlayer.d.ts.map

package/dist/DocPlayer.d.ts.map

@@ -1 +0,0 @@
-{"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"}