@bendyline/squisq-react 2.8.0 → 2.9.0

package/dist/{chunk-UJEHDVQO.js → chunk-G6FVNYNW.js}

@@ -593,7 +593,8 @@ function RichTextLayer({ layer, viewport, blockTime }) {
     ...animStyle.style
   };
   const cls = `squisq-rich-text-${cssId(layer.id)}`;
-  const scopedCss = `.${cls}{margin:0}.${cls} p{margin:0 0 .4em}.${cls} h1,.${cls} h2,.${cls} h3,.${cls} h4,.${cls} h5,.${cls} h6{margin:0 0 .3em;line-height:1.2}.${cls} ul,.${cls} ol{margin:0 0 .4em;padding-left:1.2em;list-style-position:inside}.${cls} li{margin:0}.${cls} li>p{display:inline;margin:0}.${cls} *:first-child{margin-top:0}.${cls} *:last-child{margin-bottom:0}.${cls} a{color:inherit;text-decoration:underline}`;
+  const listStylePosition = style.textAlign === "center" || style.textAlign === "right" ? "inside" : "outside";
+  const scopedCss = `.${cls}{margin:0}.${cls} p{margin:0 0 .4em}.${cls} h1,.${cls} h2,.${cls} h3,.${cls} h4,.${cls} h5,.${cls} h6{margin:0 0 .3em;line-height:1.2}.${cls} ul,.${cls} ol{margin:0 0 .7em;padding-left:1.2em;list-style-position:${listStylePosition}}.${cls} li{margin:0}.${cls} li>p{display:inline;margin:0}.${cls} *:first-child{margin-top:0}.${cls} *:last-child{margin-bottom:0}.${cls} a{color:inherit;text-decoration:underline}`;
   return /* @__PURE__ */ jsx3("g", { className: `block-layer block-layer--text ${animStyle.className}`, "data-layer-id": layer.id, children: /* @__PURE__ */ jsx3(
     "foreignObject",
     {

package/dist/{chunk-IQGW6SA6.js → chunk-NGQQKH7J.js}

@@ -9,7 +9,7 @@ import {
   TreeLayer,
   VideoLayer,
   getTransitionClass
-} from "./chunk-UJEHDVQO.js";
+} from "./chunk-G6FVNYNW.js";
 import {
   useAutoSurface
 } from "./chunk-TT6ENR6T.js";

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import { SquisqRenderAPI, VideoPresentation as VideoPresentation$1, PipSize, PipShape, PipPosition } from './player/index.js';
-export { BlockMarker, BlockRenderer, CaptionMode, CaptionOverlay, CaptionStyle, ControlsLayout, DisplayMode, DocControlsBottom, DocControlsOverlay, DocControlsSidebar, DocControlsSlideshow, DocPlayer, DocPlayerProps, DocPlayerWithSidebar, DocProgressBar, InlineAudioPlayer, InlineAudioPlayerProps, InlineVideoPlayer, InlineVideoPlayerProps, MediaClipLayer, MediaClipLayerProps, PlaybackActions, PlaybackState, RenderAudioSegmentInfo, RenderBlockInfo, RenderCaptionInfo, RenderChapterInfo, SlideNavActions, SocialCaptionOverlay, formatTime } from './player/index.js';
+export { BlockMarker, BlockRenderer, CaptionMode, CaptionOverlay, CaptionStyle, ControlsLayout, DisplayMode, DocControlsBottom, DocControlsOverlay, DocControlsSidebar, DocControlsSlideshow, DocPlayer, DocPlayerProps, DocPlayerWithSidebar, DocProgressBar, FlashcardFaceView, FlashcardFaceViewProps, FlashcardView, FlashcardViewProps, InlineAudioPlayer, InlineAudioPlayerProps, InlineVideoPlayer, InlineVideoPlayerProps, MediaClipLayer, MediaClipLayerProps, PlaybackActions, PlaybackState, RenderAudioSegmentInfo, RenderBlockInfo, RenderCaptionInfo, RenderChapterInfo, SlideNavActions, SocialCaptionOverlay, formatTime } from './player/index.js';
 import { Theme, VideoPresentation, VideoPipSize, VideoPipShape, VideoPipPosition, Doc, ScheduledClip, MediaProvider } from '@bendyline/squisq/schemas';
 import { DashboardStyleId, ViewportConfig, CoverSlideTemplate, CoverSlidePlayback } from '@bendyline/squisq/doc';
 export { getAnimationStyle, getTransitionClass } from '@bendyline/squisq/doc';
@@ -44,9 +44,10 @@ import '@bendyline/squisq/jsonForm';
 interface MountOptions {
     /**
      * Rendering mode: 'slideshow' (interactive, default), 'static'
-     * (scrollable page), or 'dashboard' (one canvas of arranged blocks).
+     * (scrollable page), 'dashboard' (one canvas of arranged blocks), or
+     * 'flashcards' (progressively revealed study deck).
      */
-    mode?: 'slideshow' | 'static' | 'dashboard';
+    mode?: 'slideshow' | 'static' | 'dashboard' | 'flashcards';
     /** Dashboard-mode options (ignored by the other modes). */
     dashboard?: {
         /** Layout id or 'auto'. Overrides doc frontmatter. */

package/dist/index.js

@@ -8,12 +8,14 @@ import {
   DocPlayer,
   DocPlayerWithSidebar,
   DocProgressBar,
+  FlashcardFaceView,
+  FlashcardView,
   MediaClipLayer,
   SocialCaptionOverlay,
   formatTime,
   resolveDocPlayerAppearance,
   useMediaClipDurations
-} from "./chunk-LAL43UUN.js";
+} from "./chunk-2Y7F3S6M.js";
 import {
   BlockRenderer,
   CanvasSection,
@@ -21,7 +23,7 @@ import {
   PageSectionView,
   PageViewContext,
   usePageView
-} from "./chunk-IQGW6SA6.js";
+} from "./chunk-NGQQKH7J.js";
 import {
   ImageLayer,
   MapLayer,
@@ -34,7 +36,7 @@ import {
   VideoLayer,
   getAnimationStyle,
   getTransitionClass
-} from "./chunk-UJEHDVQO.js";
+} from "./chunk-G6FVNYNW.js";
 import {
   useModalDialog
 } from "./chunk-65POMKHR.js";
@@ -81,6 +83,8 @@ export {
   DocPlayerWithSidebar,
   DocProgressBar,
   FenceRendererContext,
+  FlashcardFaceView,
+  FlashcardView,
   ImageLayer,
   InlineAudioPlayer,
   InlineVideoPlayer,

package/dist/layers/index.js

@@ -8,7 +8,7 @@ import {
   TextLayer,
   TreeLayer,
   VideoLayer
-} from "../chunk-UJEHDVQO.js";
+} from "../chunk-G6FVNYNW.js";
 import "../chunk-WLUZTUNZ.js";
 import "../chunk-LR3AIGDD.js";
 export {

package/dist/page/index.js

@@ -4,8 +4,8 @@ import {
   PageSectionView,
   PageViewContext,
   usePageView
-} from "../chunk-IQGW6SA6.js";
-import "../chunk-UJEHDVQO.js";
+} from "../chunk-NGQQKH7J.js";
+import "../chunk-G6FVNYNW.js";
 import "../chunk-TT6ENR6T.js";
 import "../chunk-ESI3P77P.js";
 import "../chunk-WLUZTUNZ.js";

package/dist/player/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Block, VideoPresentation as VideoPresentation$1, VideoPipSize, VideoPipShape, VideoPipPosition, Doc, Theme, SurfaceScheme, Transition, CaptionTrack, ViewportConfig as ViewportConfig$1, ScheduledClip } from '@bendyline/squisq/schemas';
-import { ViewportConfig, DashboardStyleId, CoverSlideTemplate, CoverSlidePlayback } from '@bendyline/squisq/doc';
+import { Block, VideoPresentation as VideoPresentation$1, VideoPipSize, VideoPipShape, VideoPipPosition, Doc, Theme, SurfaceScheme, Transition, CaptionTrack, ViewportConfig as ViewportConfig$1, CustomTemplateDefinition, ScheduledClip } from '@bendyline/squisq/schemas';
+import { ViewportConfig, DashboardStyleId, CoverSlideTemplate, CoverSlidePlayback, FlashcardFace, FlashcardSourceMode } from '@bendyline/squisq/doc';
 import { FenceRendererMap } from '@bendyline/squisq/fence';
 import { a as AudioController } from '../AudioController-DwMsPe38.js';
 import { C as CodeBlockCopyHandler } from '../MarkdownRenderer-CC9dOc6b.js';
@@ -60,8 +60,10 @@ type PipPosition = VideoPipPosition;
  * - `'dashboard'` — One static canvas that arranges every block into a
  *   layout's cells (grids, hero mosaics). No timeline, no navigation;
  *   overflow blocks beyond the layout's capacity are not rendered.
+ * - `'flashcards'` — A progressively revealed study deck derived from the
+ *   document's nested block hierarchy, including multiple-choice quizzes.
  */
-type DisplayMode = 'video' | 'slideshow' | 'linear' | 'page' | 'narrate' | 'dashboard';
+type DisplayMode = 'video' | 'slideshow' | 'linear' | 'page' | 'narrate' | 'dashboard' | 'flashcards';
 /**
  * Caption display style.
  *
@@ -226,7 +228,7 @@ interface DocPlayerProps {
     forceViewport?: ViewportConfig;
     theme?: Theme;
     surface?: SurfaceScheme | 'auto';
-    /** Video, manual slideshow, long-scrolling linear, or dashboard rendition. */
+    /** Video, slideshow, page, dashboard, or flashcards rendition. */
     displayMode?: DisplayMode;
     /** Dashboard mode: layout id or `'auto'`. Overrides doc frontmatter. */
     dashboardLayout?: string;
@@ -427,6 +429,36 @@ interface DocProgressBarProps {
 }
 declare function DocProgressBar({ state, actions, blockMarkers, expandedBlocks, getBlockTitle, }: DocProgressBarProps): react_jsx_runtime.JSX.Element;
 
+interface FlashcardViewProps {
+    doc: Doc;
+    theme?: Theme;
+    basePath?: string;
+    source?: FlashcardSourceMode;
+    /** Start the deck in shuffled order (default false). */
+    shuffle?: boolean;
+    /** Capture shortcuts without requiring focus (default false). */
+    globalKeyboardShortcuts?: boolean;
+    showCodeCopyButton?: boolean;
+    onCopyCode?: CodeBlockCopyHandler;
+    fenceRenderers?: FenceRendererMap;
+    /** Viewport used to materialize diagrams and other spatial content. */
+    viewport?: ViewportConfig$1;
+    className?: string;
+}
+interface FlashcardFaceViewProps {
+    face: FlashcardFace;
+    theme: Theme;
+    basePath: string;
+    showCodeCopyButton: boolean;
+    onCopyCode?: CodeBlockCopyHandler;
+    fenceRenderers?: FenceRendererMap;
+    viewport?: ViewportConfig$1;
+    customTemplates?: readonly CustomTemplateDefinition[];
+}
+/** Rich, theme-aware renderer for one materialized flashcard face. */
+declare function FlashcardFaceView(props: FlashcardFaceViewProps): react_jsx_runtime.JSX.Element;
+declare function FlashcardView({ doc, theme, basePath, source, shuffle: initialShuffle, globalKeyboardShortcuts, showCodeCopyButton, onCopyCode, fenceRenderers, viewport, className, }: FlashcardViewProps): react_jsx_runtime.JSX.Element;
+
 interface InlineVideoPlayerProps {
     /** Source path — resolved through MediaContext when relative. */
     src: string;
@@ -486,4 +518,4 @@ interface MediaClipLayerProps {
 }
 declare function MediaClipLayer({ schedule, currentTime, isPlaying, basePath, renderMode, muted, presentation, pipSize, pipShape, pipPosition, pipOrientation, pipFrameStyle, honorClipPresentation, }: MediaClipLayerProps): react_jsx_runtime.JSX.Element | null;
 
-export { type BlockMarker, BlockRenderer, type CaptionMode, CaptionOverlay, type CaptionStyle, CodeBlockCopyHandler, type ControlsLayout, type DisplayMode, DocControlsBottom, DocControlsOverlay, DocControlsSidebar, DocControlsSlideshow, DocPlayer, type DocPlayerProps, DocPlayerWithSidebar, DocProgressBar, InlineAudioPlayer, type InlineAudioPlayerProps, InlineVideoPlayer, type InlineVideoPlayerProps, MediaClipLayer, type MediaClipLayerProps, type PipPosition, type PipShape, type PipSize, type PlaybackActions, type PlaybackState, type RenderAudioSegmentInfo, type RenderBlockInfo, type RenderCaptionInfo, type RenderChapterInfo, type SlideNavActions, SocialCaptionOverlay, type SquisqRenderAPI, type VideoPresentation, formatTime };
+export { type BlockMarker, BlockRenderer, type CaptionMode, CaptionOverlay, type CaptionStyle, CodeBlockCopyHandler, type ControlsLayout, type DisplayMode, DocControlsBottom, DocControlsOverlay, DocControlsSidebar, DocControlsSlideshow, DocPlayer, type DocPlayerProps, DocPlayerWithSidebar, DocProgressBar, FlashcardFaceView, type FlashcardFaceViewProps, FlashcardView, type FlashcardViewProps, InlineAudioPlayer, type InlineAudioPlayerProps, InlineVideoPlayer, type InlineVideoPlayerProps, MediaClipLayer, type MediaClipLayerProps, type PipPosition, type PipShape, type PipSize, type PlaybackActions, type PlaybackState, type RenderAudioSegmentInfo, type RenderBlockInfo, type RenderCaptionInfo, type RenderChapterInfo, type SlideNavActions, SocialCaptionOverlay, type SquisqRenderAPI, type VideoPresentation, formatTime };

package/dist/player/index.js

@@ -7,14 +7,16 @@ import {
   DocPlayer,
   DocPlayerWithSidebar,
   DocProgressBar,
+  FlashcardFaceView,
+  FlashcardView,
   MediaClipLayer,
   SocialCaptionOverlay,
   formatTime
-} from "../chunk-LAL43UUN.js";
+} from "../chunk-2Y7F3S6M.js";
 import {
   BlockRenderer
-} from "../chunk-IQGW6SA6.js";
-import "../chunk-UJEHDVQO.js";
+} from "../chunk-NGQQKH7J.js";
+import "../chunk-G6FVNYNW.js";
 import "../chunk-MVJQL2W2.js";
 import "../chunk-TT6ENR6T.js";
 import {
@@ -33,6 +35,8 @@ export {
   DocPlayer,
   DocPlayerWithSidebar,
   DocProgressBar,
+  FlashcardFaceView,
+  FlashcardView,
   InlineAudioPlayer,
   InlineVideoPlayer,
   MediaClipLayer,