@bendyline/squisq-react 2.5.0 → 2.6.0

package/README.md

@@ -57,6 +57,25 @@ state rather than crashing.
 | `MediaClipLayer`       | Hidden `<audio>`/`<video>` elements for timed media clips           |
 | `JsonView`             | Read-only viewer for JSON values bound to a Squisq-annotated schema |
 
+### Fenced-code copy control
+
+`MarkdownRenderer` and the linear document surfaces keep code-copy UI off by
+default. Opt in with `showCodeCopyButton`. Web hosts can rely on
+`navigator.clipboard`; Electron or native embeddings can provide their own
+clipboard bridge:
+
+````tsx
+<LinearDocView
+  markdown={'```\n$ node packages/tooling/dist/cli.mjs components\n```'}
+  showCodeCopyButton
+  onCopyCode={(code, { language }) => hostClipboard.writeText(code)}
+/>
+````
+
+The same two props are available on `DocPlayer` (for linear mode), and on the
+standalone static `mount()` options. The callback receives the exact fence
+contents, without the backtick delimiters.
+
 ## Layers
 
 Blocks are composed of typed layers rendered as SVG:

package/dist/MarkdownRenderer-CerBKw-c.d.ts

@@ -0,0 +1,53 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Theme } from '@bendyline/squisq/schemas';
+import { MarkdownBlockNode, HtmlPolicy } from '@bendyline/squisq/markdown';
+
+interface CodeBlockCopyContext {
+    /** Authored fence language, when one was supplied. */
+    language?: string;
+}
+/**
+ * Host-owned clipboard adapter for fenced code blocks.
+ *
+ * The callback runs directly from the button's click handler so Electron
+ * bridges and browser Clipboard APIs retain their user-gesture context.
+ */
+type CodeBlockCopyHandler = (code: string, context: CodeBlockCopyContext) => void | Promise<void>;
+interface MarkdownRendererProps {
+    /** Block-level AST nodes to render */
+    nodes: MarkdownBlockNode[];
+    /** Optional CSS class for the wrapper element */
+    className?: string;
+    /**
+     * Raw HTML policy. Defaults to `sanitize`, which removes unsafe tags,
+     * event handlers, and executable URL schemes before rendering.
+     */
+    htmlPolicy?: HtmlPolicy;
+    /**
+     * Extra URL schemes to allow on links (e.g. a host app's internal
+     * navigation scheme it intercepts on click). Executable schemes are
+     * never allowed regardless. See {@link SanitizeUrlOptions}.
+     */
+    linkSchemes?: readonly string[];
+    /** Resolved Squisq theme inherited by embedded Mermaid diagrams. */
+    theme?: Theme;
+    /** Show a subtle Copy button on ordinary fenced code blocks (default: false). */
+    showCodeCopyButton?: boolean;
+    /**
+     * Optional host clipboard adapter. When omitted, enabled copy buttons use
+     * `navigator.clipboard.writeText`. Supply this for Electron, native shells,
+     * or hosts with their own clipboard permission/error handling.
+     */
+    onCopyCode?: CodeBlockCopyHandler;
+}
+/**
+ * Renders MarkdownBlockNode[] AST as React HTML elements.
+ *
+ * @example
+ * ```tsx
+ * <MarkdownRenderer nodes={block.contents} />
+ * ```
+ */
+declare function MarkdownRenderer({ nodes, className, htmlPolicy, linkSchemes, theme, showCodeCopyButton, onCopyCode, }: MarkdownRendererProps): react_jsx_runtime.JSX.Element | null;
+
+export { type CodeBlockCopyHandler as C, MarkdownRenderer as M, type CodeBlockCopyContext as a, type MarkdownRendererProps as b };

package/dist/{chunk-ZKNX3EJI.js → chunk-GWD62KLD.js}

@@ -1,13 +1,13 @@
 import {
   BlockRenderer,
   LinearDocView
-} from "./chunk-THDXCSPC.js";
+} from "./chunk-U6P7HBUY.js";
 import {
   useAudioSync,
   useDocPlayback,
   useMediaSchedule,
   useViewportOrientation
-} from "./chunk-BOZJ655L.js";
+} from "./chunk-MVJQL2W2.js";
 import {
   useAutoSurface
 } from "./chunk-TT6ENR6T.js";
@@ -1859,7 +1859,9 @@ function DocPlayerContent({
   pipShape,
   pipPosition,
   enableSwipe = true,
-  globalKeyboardShortcuts = false
+  globalKeyboardShortcuts = false,
+  showCodeCopyButton = false,
+  onCopyCode
 }) {
   const isSlideshowMode = displayMode === "slideshow";
   const isLinearMode = displayMode === "linear";
@@ -1876,12 +1878,17 @@ function DocPlayerContent({
     const params = new URLSearchParams(window.location.search);
     return params.get("debug") === "true";
   }, []);
+  const syntheticDuration = useMemo3(
+    () => audioMode === "synthetic" ? getDocPlaybackDuration(doc) : 0,
+    [audioMode, doc]
+  );
   const internalAudio = useAudioSync(
     audioRef,
     doc.audio,
     basePath,
     !externalAudioController,
-    audioMode
+    audioMode,
+    syntheticDuration
   );
   const audio = externalAudioController || internalAudio;
   useEffect5(() => {
@@ -2660,7 +2667,9 @@ function DocPlayerContent({
             viewport: activeViewport,
             theme,
             surface,
-            animationsEnabled
+            animationsEnabled,
+            showCodeCopyButton,
+            onCopyCode
           }
         )
       }

package/dist/{chunk-BOZJ655L.js → chunk-MVJQL2W2.js}

@@ -16,7 +16,7 @@ function useMediaSchedule(schedule, currentTime) {
 }
 
 // src/hooks/useAudioSync.ts
-import { useState, useEffect, useRef, useCallback } from "react";
+import { useState, useEffect, useMemo as useMemo2, useRef, useCallback } from "react";
 import { fetchResourceBytes, isResourceUrlAllowed } from "@bendyline/squisq/markdown";
 
 // src/hooks/AudioController.ts
@@ -61,7 +61,14 @@ function resolveAudioUrl(src, basePath) {
   if (!basePath) return src;
   return `${basePath.replace(/\/$/, "")}/${src.replace(/^\//, "")}`;
 }
-function useAudioSync(audioRef, audioTrack, basePath = "", enabled = true, mode = "media") {
+function useAudioSync(audioRef, track, basePath = "", enabled = true, mode = "media", syntheticDuration = 0) {
+  const audioTrack = useMemo2(() => {
+    if (mode !== "synthetic" || track?.segments?.length || syntheticDuration <= 0) return track;
+    return {
+      ...track,
+      segments: [{ src: "", name: "synthetic", duration: syntheticDuration, startTime: 0 }]
+    };
+  }, [track, mode, syntheticDuration]);
   const resourcePolicy = useResourcePolicy();
   const [currentTime, setCurrentTime] = useState(0);
   const [isPlaying, setIsPlaying] = useState(false);
@@ -468,7 +475,7 @@ function useAudioSync(audioRef, audioTrack, basePath = "", enabled = true, mode
 }
 
 // src/hooks/useDocPlayback.ts
-import { useMemo as useMemo2, useCallback as useCallback2, useRef as useRef2 } from "react";
+import { useMemo as useMemo3, useCallback as useCallback2, useRef as useRef2 } from "react";
 import {
   DEFAULT_THEME,
   getBlockAtTime,
@@ -489,7 +496,7 @@ function useDocPlayback(script, currentTime, options = {}) {
     onSeek,
     useAudioSegmentTiming = true
   } = options;
-  const blocks = useMemo2(() => {
+  const blocks = useMemo3(() => {
     if (!script?.blocks) {
       return [];
     }
@@ -532,20 +539,20 @@ function useDocPlayback(script, currentTime, options = {}) {
     theme,
     useAudioSegmentTiming
   ]);
-  const currentBlock = useMemo2(() => getBlockAtTime(blocks, currentTime), [blocks, currentTime]);
-  const currentBlockIndex = useMemo2(
+  const currentBlock = useMemo3(() => getBlockAtTime(blocks, currentTime), [blocks, currentTime]);
+  const currentBlockIndex = useMemo3(
     () => currentBlock ? blocks.indexOf(currentBlock) : -1,
     [blocks, currentBlock]
   );
-  const blockTime = useMemo2(() => {
+  const blockTime = useMemo3(() => {
     if (!currentBlock) return 0;
     return Math.max(0, currentTime - currentBlock.startTime);
   }, [currentBlock, currentTime]);
-  const blockProgress = useMemo2(() => {
+  const blockProgress = useMemo3(() => {
     if (!currentBlock || currentBlock.duration === 0) return 0;
     return Math.min(1, blockTime / currentBlock.duration);
   }, [currentBlock, blockTime]);
-  const docProgress = useMemo2(() => {
+  const docProgress = useMemo3(() => {
     if (!script || script.duration === 0) return 0;
     return Math.min(1, currentTime / script.duration);
   }, [script, currentTime]);
@@ -612,7 +619,7 @@ function useDocPlayback(script, currentTime, options = {}) {
 }
 
 // src/hooks/useViewportOrientation.ts
-import { useState as useState2, useEffect as useEffect2, useMemo as useMemo3 } from "react";
+import { useState as useState2, useEffect as useEffect2, useMemo as useMemo4 } from "react";
 import {
   VIEWPORT_PRESETS as VIEWPORT_PRESETS2
 } from "@bendyline/squisq/doc";
@@ -661,11 +668,11 @@ function useViewportOrientation() {
       clearTimeout(timeoutId);
     };
   }, []);
-  const orientation = useMemo3(
+  const orientation = useMemo4(
     () => getOrientationFromWindow(windowSize.width, windowSize.height),
     [windowSize.width, windowSize.height]
   );
-  const viewport = useMemo3(() => getViewportForOrientation(orientation), [orientation]);
+  const viewport = useMemo4(() => getViewportForOrientation(orientation), [orientation]);
   return {
     viewport,
     orientation,

package/dist/{chunk-VMPQEUJH.js → chunk-TMCLQNLM.js}

@@ -50,13 +50,72 @@ function InlineAudioPlayer({
 }
 
 // src/MarkdownRenderer.tsx
-import { Fragment } from "react";
+import { Fragment, useEffect, useRef, useState } from "react";
 import {
   sanitizeHtmlNodes,
   sanitizeUrl
 } from "@bendyline/squisq/markdown";
 import { jsx as jsx3, jsxs } from "react/jsx-runtime";
 var DEFAULT_CTX = { htmlPolicy: "sanitize" };
+var CODE_COPY_LABELS = {
+  idle: "Copy",
+  copying: "Copying\u2026",
+  copied: "Copied",
+  failed: "Copy failed"
+};
+async function writeCodeToClipboard(code, language, onCopyCode) {
+  if (onCopyCode) {
+    await onCopyCode(code, language === void 0 ? {} : { language });
+    return;
+  }
+  if (typeof navigator === "undefined" || !navigator.clipboard?.writeText) {
+    throw new Error("Clipboard access is unavailable in this host");
+  }
+  await navigator.clipboard.writeText(code);
+}
+function CodeBlock({
+  value,
+  language,
+  ctx
+}) {
+  const [status, setStatus] = useState("idle");
+  const resetTimer = useRef();
+  useEffect(
+    () => () => {
+      if (resetTimer.current !== void 0) clearTimeout(resetTimer.current);
+    },
+    []
+  );
+  const pre = /* @__PURE__ */ jsx3("pre", { className: "squisq-md-code-block", children: /* @__PURE__ */ jsx3("code", { className: language ? `language-${language}` : void 0, children: value }) });
+  if (!ctx.showCodeCopyButton) return pre;
+  const handleCopy = async () => {
+    if (status === "copying") return;
+    setStatus("copying");
+    try {
+      await writeCodeToClipboard(value, language ?? void 0, ctx.onCopyCode);
+      setStatus("copied");
+    } catch {
+      setStatus("failed");
+    }
+    if (resetTimer.current !== void 0) clearTimeout(resetTimer.current);
+    resetTimer.current = setTimeout(() => setStatus("idle"), 1600);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "squisq-md-code-frame", children: [
+    pre,
+    /* @__PURE__ */ jsx3(
+      "button",
+      {
+        type: "button",
+        className: "squisq-md-code-copy",
+        "data-copy-state": status,
+        disabled: status === "copying",
+        onClick: () => void handleCopy(),
+        "aria-label": "Copy code to clipboard",
+        children: CODE_COPY_LABELS[status]
+      }
+    )
+  ] });
+}
 function renderInline(nodes, keyPrefix = "", ctx = DEFAULT_CTX) {
   return nodes.map((node, i) => {
     const key = `${keyPrefix}i${i}`;
@@ -181,7 +240,7 @@ function renderBlock(node, key, ctx = DEFAULT_CTX) {
           key
         );
       }
-      return /* @__PURE__ */ jsx3("pre", { className: "squisq-md-code-block", children: /* @__PURE__ */ jsx3("code", { className: node.lang ? `language-${node.lang}` : void 0, children: node.value }) }, key);
+      return /* @__PURE__ */ jsx3(CodeBlock, { value: node.value, language: node.lang, ctx }, key);
     case "thematicBreak":
       return /* @__PURE__ */ jsx3("hr", { className: "squisq-md-hr" }, key);
     case "table":
@@ -393,10 +452,18 @@ function MarkdownRenderer({
   className,
   htmlPolicy = "sanitize",
   linkSchemes,
-  theme
+  theme,
+  showCodeCopyButton = false,
+  onCopyCode
 }) {
   if (!nodes || nodes.length === 0) return null;
-  return /* @__PURE__ */ jsx3("div", { className: `squisq-md ${className || ""}`, children: renderBlocks(nodes, "", { htmlPolicy, linkSchemes, theme }) });
+  return /* @__PURE__ */ jsx3("div", { className: `squisq-md ${className || ""}`, children: renderBlocks(nodes, "", {
+    htmlPolicy,
+    linkSchemes,
+    theme,
+    showCodeCopyButton,
+    onCopyCode
+  }) });
 }
 
 export {

package/dist/{chunk-THDXCSPC.js → chunk-U6P7HBUY.js}

@@ -16,7 +16,7 @@ import {
 import {
   InlineVideoPlayer,
   MarkdownRenderer
-} from "./chunk-VMPQEUJH.js";
+} from "./chunk-TMCLQNLM.js";
 import {
   useMediaUrl
 } from "./chunk-LR3AIGDD.js";
@@ -165,7 +165,8 @@ var defaultValue = {
   viewport: VIEWPORT_PRESETS.landscape,
   renderContext: { theme: DEFAULT_THEME },
   animationsEnabled: true,
-  imageDisplayMode: "inline"
+  imageDisplayMode: "inline",
+  showCodeCopyButton: false
 };
 var PageViewContext = createContext(defaultValue);
 function usePageView() {
@@ -438,11 +439,19 @@ function CardGridSection({ section }) {
   ] });
 }
 function ItemListSection({ section }) {
-  const { theme } = usePageView();
+  const { theme, showCodeCopyButton, onCopyCode } = usePageView();
   const items = section.slots.items ?? [];
   return /* @__PURE__ */ jsxs2(Fragment, { children: [
     section.slots.title && /* @__PURE__ */ jsx3("h2", { className: "squisq-page-section-title squisq-page-items-title", children: section.slots.title }),
-    /* @__PURE__ */ jsx3("ol", { className: "squisq-page-items", children: items.map((item, i) => /* @__PURE__ */ jsx3("li", { children: item.markdown ? /* @__PURE__ */ jsx3(MarkdownRenderer, { nodes: item.markdown, theme }) : item.body }, i)) })
+    /* @__PURE__ */ jsx3("ol", { className: "squisq-page-items", children: items.map((item, i) => /* @__PURE__ */ jsx3("li", { children: item.markdown ? /* @__PURE__ */ jsx3(
+      MarkdownRenderer,
+      {
+        nodes: item.markdown,
+        theme,
+        showCodeCopyButton,
+        onCopyCode
+      }
+    ) : item.body }, i)) })
   ] });
 }
 function TimelineRailSection({ section }) {
@@ -470,12 +479,28 @@ function TableSection({ section }) {
   ] });
 }
 function ProseSection({ section, block }) {
-  const { theme } = usePageView();
-  const heading = section.slots.title !== void 0 && block?.sourceHeading ? /* @__PURE__ */ jsx3(MarkdownRenderer, { nodes: [block.sourceHeading], theme }) : null;
+  const { theme, showCodeCopyButton, onCopyCode } = usePageView();
+  const heading = section.slots.title !== void 0 && block?.sourceHeading ? /* @__PURE__ */ jsx3(
+    MarkdownRenderer,
+    {
+      nodes: [block.sourceHeading],
+      theme,
+      showCodeCopyButton,
+      onCopyCode
+    }
+  ) : null;
   const bodyNodes = section.slots.body?.markdown ?? block?.contents;
   return /* @__PURE__ */ jsxs2("div", { className: "squisq-page-prose", children: [
     heading,
-    bodyNodes && bodyNodes.length > 0 && /* @__PURE__ */ jsx3(MarkdownRenderer, { nodes: bodyNodes, theme })
+    bodyNodes && bodyNodes.length > 0 && /* @__PURE__ */ jsx3(
+      MarkdownRenderer,
+      {
+        nodes: bodyNodes,
+        theme,
+        showCodeCopyButton,
+        onCopyCode
+      }
+    )
   ] });
 }
 function FooterSection({ section }) {
@@ -537,7 +562,7 @@ function sectionBody(entry, featureFlip) {
   }
 }
 function PageSectionView({ entry, featureFlip, isLeadProse }) {
-  const { pageStyle, theme } = usePageView();
+  const { pageStyle, theme, showCodeCopyButton, onCopyCode } = usePageView();
   const { section } = entry;
   const richContent = section.slots.richContent?.markdown;
   const classes = [
@@ -566,7 +591,15 @@ function PageSectionView({ entry, featureFlip, isLeadProse }) {
       ...hintAttrs,
       children: /* @__PURE__ */ jsxs3("div", { className: "squisq-page-section-inner", children: [
         sectionBody(entry, featureFlip),
-        richContent && richContent.length > 0 && /* @__PURE__ */ jsx4("div", { className: "squisq-page-rich-content", children: /* @__PURE__ */ jsx4(MarkdownRenderer, { nodes: richContent, theme }) })
+        richContent && richContent.length > 0 && /* @__PURE__ */ jsx4("div", { className: "squisq-page-rich-content", children: /* @__PURE__ */ jsx4(
+          MarkdownRenderer,
+          {
+            nodes: richContent,
+            theme,
+            showCodeCopyButton,
+            onCopyCode
+          }
+        ) })
       ] })
     }
   );
@@ -603,7 +636,9 @@ function LinearDocView({
   imageDisplayMode = "inline",
   globalKeyboardShortcuts = false,
   showCover = true,
-  transformPage
+  transformPage,
+  showCodeCopyButton = false,
+  onCopyCode
 }) {
   const scrollRef = useRef(null);
   const activeViewport = viewport ?? VIEWPORT_PRESETS2.landscape;
@@ -650,7 +685,9 @@ function LinearDocView({
       viewport: activeViewport,
       renderContext,
       animationsEnabled,
-      imageDisplayMode
+      imageDisplayMode,
+      showCodeCopyButton,
+      onCopyCode
     }),
     [
       activeTheme,
@@ -659,7 +696,9 @@ function LinearDocView({
       activeViewport,
       renderContext,
       animationsEnabled,
-      imageDisplayMode
+      imageDisplayMode,
+      showCodeCopyButton,
+      onCopyCode
     ]
   );
   const { featureOrdinals, leadProseIndex } = useMemo2(() => {

package/dist/{chunk-DJRYQQXB.js → chunk-YKBVTYU4.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-TT6ENR6T.js";
 import {
   MarkdownRenderer
-} from "./chunk-VMPQEUJH.js";
+} from "./chunk-TMCLQNLM.js";
 
 // src/jsonView/useJsonViewTokens.ts
 import { useMemo } from "react";

package/dist/hooks/index.d.ts

@@ -18,10 +18,14 @@ import { ResourcePolicy } from '@bendyline/squisq/markdown';
  * This is the HTML5 Audio implementation of the AudioController interface.
  * Hosts that drive audio through an external player (e.g. a native shell)
  * can supply their own AudioController to DocPlayer instead of this hook.
+ *
+ * In `synthetic` mode there is no audio element to follow, so a caller that
+ * has no segments passes `syntheticDuration` — the document's own timeline
+ * length — and the same segment machinery drives a timer instead.
  */
 
 type AudioSyncMode = 'media' | 'synthetic';
-declare function useAudioSync(audioRef: RefObject<HTMLAudioElement>, audioTrack: AudioTrack | undefined, basePath?: string, enabled?: boolean, mode?: AudioSyncMode): AudioController;
+declare function useAudioSync(audioRef: RefObject<HTMLAudioElement>, track: AudioTrack | undefined, basePath?: string, enabled?: boolean, mode?: AudioSyncMode, syntheticDuration?: number): AudioController;
 
 interface ModalDialogOptions {
     /** The backdrop/portal root. Siblings of this branch are made inert. */

package/dist/hooks/index.js

@@ -6,7 +6,7 @@ import {
   useDocPlayback,
   useMediaSchedule,
   useViewportOrientation
-} from "../chunk-BOZJ655L.js";
+} from "../chunk-MVJQL2W2.js";
 import {
   useAutoSurface
 } from "../chunk-TT6ENR6T.js";

package/dist/index.d.ts

@@ -1,7 +1,9 @@
 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';
 import { Theme, VideoPresentation, VideoPipSize, VideoPipShape, VideoPipPosition, Doc, ScheduledClip, MediaProvider } from '@bendyline/squisq/schemas';
-export { MarkdownRenderer, MermaidDiagram, MermaidDiagramProps } from './markdown/index.js';
+import { C as CodeBlockCopyHandler } from './MarkdownRenderer-CerBKw-c.js';
+export { a as CodeBlockCopyContext, M as MarkdownRenderer, b as MarkdownRendererProps } from './MarkdownRenderer-CerBKw-c.js';
+export { MermaidDiagram, MermaidDiagramProps } from './markdown/index.js';
 export { CanvasSection, CanvasSectionProps, ImageDisplayMode, LinearDocView, LinearDocViewProps, PageSectionView, PageSectionViewProps, PageViewContext, PageViewContextValue, usePageView } from './page/index.js';
 export { ImageLayer, MapLayer, MermaidLayer, PathLayer, ShapeLayer, TableLayer, TextLayer, TreeLayer, VideoLayer } from './layers/index.js';
 import { CoverSlideTemplate, CoverSlidePlayback } from '@bendyline/squisq/doc';
@@ -84,6 +86,10 @@ interface MountOptions {
     animationsEnabled?: boolean;
     /** Caption style: 'standard' or 'social'. Omit or set to undefined for no captions. */
     captionStyle?: 'standard' | 'social';
+    /** Show a Copy button on fenced code blocks in static mode (default: false). */
+    showCodeCopyButton?: boolean;
+    /** Optional host clipboard adapter; otherwise the browser Clipboard API is used. */
+    onCopyCode?: CodeBlockCopyHandler;
 }
 /** Instance handle returned by {@link mount}. */
 interface SquisqPlayerHandle {
@@ -147,4 +153,4 @@ declare function resolveDocPlayerAppearance(doc: Doc, overrides?: DocPlayerAppea
  */
 declare function useMediaClipDurations(schedule: ScheduledClip[], basePath: string, mediaProviderOverride?: MediaProvider | null): Map<string, number>;
 
-export { type DocPlayerAppearanceOverrides, type MountOptions, PipPosition, PipShape, PipSize, type ResolvedDocPlayerAppearance, type SquisqPlayerHandle, SquisqRenderAPI, VideoPresentation$1 as VideoPresentation, resolveDocPlayerAppearance, useMediaClipDurations };
+export { CodeBlockCopyHandler, type DocPlayerAppearanceOverrides, type MountOptions, PipPosition, PipShape, PipSize, type ResolvedDocPlayerAppearance, type SquisqPlayerHandle, SquisqRenderAPI, VideoPresentation$1 as VideoPresentation, resolveDocPlayerAppearance, useMediaClipDurations };

package/dist/index.js

@@ -12,7 +12,7 @@ import {
   formatTime,
   resolveDocPlayerAppearance,
   useMediaClipDurations
-} from "./chunk-ZKNX3EJI.js";
+} from "./chunk-GWD62KLD.js";
 import {
   BlockRenderer,
   CanvasSection,
@@ -20,7 +20,7 @@ import {
   PageSectionView,
   PageViewContext,
   usePageView
-} from "./chunk-THDXCSPC.js";
+} from "./chunk-U6P7HBUY.js";
 import {
   ImageLayer,
   MapLayer,
@@ -42,10 +42,10 @@ import {
   useDocPlayback,
   useMediaSchedule,
   useViewportOrientation
-} from "./chunk-BOZJ655L.js";
+} from "./chunk-MVJQL2W2.js";
 import {
   JsonView
-} from "./chunk-DJRYQQXB.js";
+} from "./chunk-YKBVTYU4.js";
 import {
   useAutoSurface
 } from "./chunk-TT6ENR6T.js";
@@ -53,7 +53,7 @@ import {
   InlineAudioPlayer,
   InlineVideoPlayer,
   MarkdownRenderer
-} from "./chunk-VMPQEUJH.js";
+} from "./chunk-TMCLQNLM.js";
 import {
   MermaidDiagram
 } from "./chunk-WLUZTUNZ.js";

package/dist/json-view/index.js

@@ -1,8 +1,8 @@
 import {
   JsonView
-} from "../chunk-DJRYQQXB.js";
+} from "../chunk-YKBVTYU4.js";
 import "../chunk-TT6ENR6T.js";
-import "../chunk-VMPQEUJH.js";
+import "../chunk-TMCLQNLM.js";
 import "../chunk-WLUZTUNZ.js";
 import "../chunk-LR3AIGDD.js";
 export {

package/dist/markdown/index.d.ts

@@ -1,35 +1,7 @@
+export { a as CodeBlockCopyContext, C as CodeBlockCopyHandler, M as MarkdownRenderer, b as MarkdownRendererProps } from '../MarkdownRenderer-CerBKw-c.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Theme } from '@bendyline/squisq/schemas';
-import { MarkdownBlockNode, HtmlPolicy } from '@bendyline/squisq/markdown';
-
-interface MarkdownRendererProps {
-    /** Block-level AST nodes to render */
-    nodes: MarkdownBlockNode[];
-    /** Optional CSS class for the wrapper element */
-    className?: string;
-    /**
-     * Raw HTML policy. Defaults to `sanitize`, which removes unsafe tags,
-     * event handlers, and executable URL schemes before rendering.
-     */
-    htmlPolicy?: HtmlPolicy;
-    /**
-     * Extra URL schemes to allow on links (e.g. a host app's internal
-     * navigation scheme it intercepts on click). Executable schemes are
-     * never allowed regardless. See {@link SanitizeUrlOptions}.
-     */
-    linkSchemes?: readonly string[];
-    /** Resolved Squisq theme inherited by embedded Mermaid diagrams. */
-    theme?: Theme;
-}
-/**
- * Renders MarkdownBlockNode[] AST as React HTML elements.
- *
- * @example
- * ```tsx
- * <MarkdownRenderer nodes={block.contents} />
- * ```
- */
-declare function MarkdownRenderer({ nodes, className, htmlPolicy, linkSchemes, theme, }: MarkdownRendererProps): react_jsx_runtime.JSX.Element | null;
+import '@bendyline/squisq/markdown';
 
 interface MermaidDiagramProps {
     source: string;
@@ -41,4 +13,4 @@ interface MermaidDiagramProps {
 /** Read-only Mermaid rendering for page bodies and slide layers. */
 declare function MermaidDiagram({ source, className, ariaLabel, theme, }: MermaidDiagramProps): react_jsx_runtime.JSX.Element;
 
-export { MarkdownRenderer, MermaidDiagram, type MermaidDiagramProps };
+export { MermaidDiagram, type MermaidDiagramProps };

package/dist/markdown/index.js

@@ -1,6 +1,6 @@
 import {
   MarkdownRenderer
-} from "../chunk-VMPQEUJH.js";
+} from "../chunk-TMCLQNLM.js";
 import {
   MermaidDiagram
 } from "../chunk-WLUZTUNZ.js";