@bendyline/squisq-react 2.11.8 → 2.11.10

package/dist/{chunk-Z64OLGMD.js → chunk-4KBT2CXQ.js}

@@ -1,7 +1,7 @@
 import {
   BlockRenderer,
   LinearDocView
-} from "./chunk-LDXH4FOY.js";
+} from "./chunk-CLP3VWJ2.js";
 import {
   isCaptureDrivenVideo,
   seekVideoToFrame
@@ -238,22 +238,28 @@ function MediaClipElement({
 }) {
   const ref = useRef(null);
   const src = useMediaUrl(clip.src, basePath);
+  const { sourceIn, absoluteStart, absoluteEnd, gain, fadeIn, fadeOut } = clip;
   useEffect(() => {
     const el = ref.current;
     if (!el) return;
     if (!active) {
       if (!el.paused) el.pause();
-      const startsIn = clip.absoluteStart - currentTime;
-      if (!renderMode && startsIn > 0 && startsIn <= PRESEEK && !isCaptureDrivenVideo(el) && Math.abs(el.currentTime - clip.sourceIn) > DRIFT / 5) {
+      const startsIn = absoluteStart - currentTime;
+      if (!renderMode && startsIn > 0 && startsIn <= PRESEEK && !isCaptureDrivenVideo(el) && Math.abs(el.currentTime - sourceIn) > DRIFT / 5) {
         try {
-          el.currentTime = clip.sourceIn;
+          el.currentTime = sourceIn;
         } catch {
         }
       }
       return;
     }
-    if (!renderMode) applyLevel(el, clipLevelAt(clip, currentTime));
-    const target = Math.max(0, clip.sourceIn + (currentTime - clip.absoluteStart));
+    if (!renderMode) {
+      applyLevel(
+        el,
+        clipLevelAt({ absoluteStart, absoluteEnd, gain, fadeIn, fadeOut }, currentTime)
+      );
+    }
+    const target = Math.max(0, sourceIn + (currentTime - absoluteStart));
     if (!isCaptureDrivenVideo(el) && (renderMode || !isPlaying || Math.abs(el.currentTime - target) > DRIFT)) {
       try {
         el.currentTime = target;
@@ -267,7 +273,19 @@ function MediaClipElement({
     } else if (!isCaptureDrivenVideo(el)) {
       el.pause();
     }
-  }, [active, currentTime, isPlaying, renderMode, clip, src]);
+  }, [
+    active,
+    currentTime,
+    isPlaying,
+    renderMode,
+    sourceIn,
+    absoluteStart,
+    absoluteEnd,
+    gain,
+    fadeIn,
+    fadeOut,
+    src
+  ]);
   const isVideo = clip.kind === "video";
   const common = {
     ref,

package/dist/{chunk-LDXH4FOY.js → chunk-CLP3VWJ2.js}

@@ -742,6 +742,8 @@ function PageSectionView({ entry, featureFlip, isLeadProse }) {
   const hintAttrs = {};
   if (section.hints?.vignette) hintAttrs["data-hint-vignette"] = "";
   if (section.hints?.dropCap && isLeadProse) hintAttrs["data-hint-drop-cap"] = "";
+  const headingLevel = section.kind !== "hero" && section.slots.title !== void 0 ? section.slots.headingLevel ?? entry.block?.sourceHeading?.depth : void 0;
+  if (headingLevel !== void 0) hintAttrs["data-heading-level"] = String(headingLevel);
   return /* @__PURE__ */ jsx4(
     "section",
     {
@@ -803,6 +805,7 @@ function LinearDocView({
   imageDisplayMode = "inline",
   globalKeyboardShortcuts = false,
   showCover = true,
+  variant = "page",
   transformPage,
   showCodeCopyButton = false,
   onCopyCode,
@@ -824,8 +827,8 @@ function LinearDocView({
     return resolvedSurface ? applySurface(baseTheme, resolvedSurface) : baseTheme;
   }, [theme, resolvedSurface]);
   const pageStyle = useMemo2(
-    () => resolvePageStyle2(activeTheme, transformPage),
-    [activeTheme, transformPage]
+    () => resolvePageStyle2(activeTheme, transformPage, variant),
+    [activeTheme, transformPage, variant]
   );
   const widgetFenceLangs = useMemo2(() => fenceRendererLangs(fenceRenderers), [fenceRenderers]);
   const sections = useMemo2(() => {
@@ -836,9 +839,18 @@ function LinearDocView({
       customTemplates: resolvedDoc.customTemplates,
       cover: showCover !== false ? resolvedDoc.startBlock : false,
       transformPage,
+      variant,
       ...widgetFenceLangs.length > 0 ? { widgetFenceLangs } : {}
     });
-  }, [resolvedDoc, activeTheme, activeViewport, showCover, transformPage, widgetFenceLangs]);
+  }, [
+    resolvedDoc,
+    activeTheme,
+    activeViewport,
+    showCover,
+    transformPage,
+    variant,
+    widgetFenceLangs
+  ]);
   const renderContext = useMemo2(
     () => ({
       theme: activeTheme,
@@ -887,12 +899,12 @@ function LinearDocView({
       if (entry.section.kind === "feature-split") {
         ordinals.set(entry.section.index, featureCount++);
       }
-      if (firstProse < 0 && entry.section.kind === "prose") {
+      if (variant !== "document" && firstProse < 0 && entry.section.kind === "prose") {
         firstProse = entry.section.index;
       }
     }
     return { featureOrdinals: ordinals, leadProseIndex: firstProse };
-  }, [sections]);
+  }, [sections, variant]);
   useEffect(() => {
     if (!globalKeyboardShortcuts) return;
     const handleKeyDown = (event) => {
@@ -932,6 +944,7 @@ function LinearDocView({
     "squisq-md",
     "squisq-page",
     thinMargins ? "squisq-linear-content--thin squisq-page--thin" : "",
+    variant === "document" ? "squisq-linear-content--document squisq-page--document" : "",
     imageDisplayMode === "thumbnail" ? "squisq-linear-content--thumbnail-images squisq-page--thumbnail-images" : ""
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsx5(
@@ -966,7 +979,7 @@ function LinearDocView({
           ...pageStyleDataAttributes(pageStyle),
           style: {
             lineHeight: lineHt,
-            fontSize: "16px",
+            fontSize: variant === "document" ? "15px" : "16px",
             fontFamily: bodyFont,
             color: textColor,
             ...buildPageCssVars(activeTheme, pageStyle),

package/dist/{chunk-SESRQ7XH.js → chunk-X4I6Y3OP.js}

@@ -1,6 +1,6 @@
 import {
   LinearDocView
-} from "./chunk-LDXH4FOY.js";
+} from "./chunk-CLP3VWJ2.js";
 
 // src/PaginatedDocView.tsx
 import {

package/dist/index.js

@@ -15,10 +15,10 @@ import {
   formatTime,
   resolveDocPlayerAppearance,
   useMediaClipDurations
-} from "./chunk-Z64OLGMD.js";
+} from "./chunk-4KBT2CXQ.js";
 import {
   PaginatedDocView
-} from "./chunk-SESRQ7XH.js";
+} from "./chunk-X4I6Y3OP.js";
 import {
   BlockRenderer,
   CanvasSection,
@@ -26,7 +26,7 @@ import {
   PageSectionView,
   PageViewContext,
   usePageView
-} from "./chunk-LDXH4FOY.js";
+} from "./chunk-CLP3VWJ2.js";
 import {
   ImageLayer,
   MapLayer,

package/dist/page/index.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Doc, ViewportConfig, Theme, SurfaceScheme, ThemePageStyle } from '@bendyline/squisq/schemas';
+import { Doc, ViewportConfig, Theme, SurfaceScheme, PageVariant, ThemePageStyle } from '@bendyline/squisq/schemas';
 import { PageTransformHints, PageSectionMaterialization, PageSection, MaterializeBlockLayersOptions } from '@bendyline/squisq/doc';
 import { HtmlPolicy } from '@bendyline/squisq/markdown';
 import { FenceRendererMap } from '@bendyline/squisq/fence';
@@ -60,9 +60,18 @@ interface LinearDocViewProps {
     globalKeyboardShortcuts?: boolean;
     /**
      * Synthesize a hero section from `doc.startBlock` at the top of the
-     * page (default: true). The editor's Cover toggle maps here.
+     * page (default: true). The editor's Cover toggle maps here. Under the
+     * `document` variant the cover is a left-aligned, title-only masthead.
      */
     showCover?: boolean;
+    /**
+     * Rendition register (default `'page'`, the art-directed scrolling site).
+     * `'document'` reads as a report: a masthead instead of a hero, one em-based
+     * heading scale that follows the markdown hierarchy, a 15px base, flat
+     * backgrounds, and auto-picked templates rendered as the prose they came
+     * from. Authored `{[template]}` annotations still render as typed sections.
+     */
+    variant?: PageVariant;
     /**
      * Page hints from the active transform (Summarize) style — spacing and
      * emphasis-curve adjustments defined by `TransformStyleConfig.page`.
@@ -94,7 +103,7 @@ type ImageDisplayMode = 'inline' | 'thumbnail';
  * <LinearDocView doc={doc} basePath="/media/" />
  * ```
  */
-declare function LinearDocView({ doc, markdown, basePath, viewport, className, theme, surface, animationsEnabled, thinMargins, imageDisplayMode, globalKeyboardShortcuts, showCover, transformPage, showCodeCopyButton, onCopyCode, fenceRenderers, htmlPolicy, linkSchemes, }: LinearDocViewProps): react_jsx_runtime.JSX.Element;
+declare function LinearDocView({ doc, markdown, basePath, viewport, className, theme, surface, animationsEnabled, thinMargins, imageDisplayMode, globalKeyboardShortcuts, showCover, variant, transformPage, showCodeCopyButton, onCopyCode, fenceRenderers, htmlPolicy, linkSchemes, }: LinearDocViewProps): react_jsx_runtime.JSX.Element;
 
 interface PaginatedDocPage {
     key: string;

package/dist/page/index.js

@@ -1,13 +1,13 @@
 import {
   PaginatedDocView
-} from "../chunk-SESRQ7XH.js";
+} from "../chunk-X4I6Y3OP.js";
 import {
   CanvasSection,
   LinearDocView,
   PageSectionView,
   PageViewContext,
   usePageView
-} from "../chunk-LDXH4FOY.js";
+} from "../chunk-CLP3VWJ2.js";
 import "../chunk-W6MKRWL6.js";
 import "../chunk-TT6ENR6T.js";
 import "../chunk-6PUMLLJH.js";

package/dist/player/index.js

@@ -12,10 +12,10 @@ import {
   MediaClipLayer,
   SocialCaptionOverlay,
   formatTime
-} from "../chunk-Z64OLGMD.js";
+} from "../chunk-4KBT2CXQ.js";
 import {
   BlockRenderer
-} from "../chunk-LDXH4FOY.js";
+} from "../chunk-CLP3VWJ2.js";
 import "../chunk-W6MKRWL6.js";
 import "../chunk-MVJQL2W2.js";
 import "../chunk-TT6ENR6T.js";