@bendyline/squisq-editor-react 2.7.0 → 2.7.1

package/dist/{chunk-WH3DL6TG.js → chunk-AZ5ME4XG.js}

@@ -1,6 +1,6 @@
 import {
   RecorderModal
-} from "./chunk-JUAQQTJE.js";
+} from "./chunk-V3J5S7X6.js";
 
 // src/recorder/RecorderButton.tsx
 import { useCallback, useState } from "react";

package/dist/{chunk-NJ2VKEQF.js → chunk-BYXVO34Z.js}

@@ -15,7 +15,7 @@ import {
 import {
   RecorderPanel,
   useModalDialog
-} from "./chunk-JUAQQTJE.js";
+} from "./chunk-V3J5S7X6.js";
 import {
   Icon
 } from "./chunk-GS7QWYFT.js";
@@ -25170,27 +25170,16 @@ function replaceCodeSnippetText(editor, blockId, nextText) {
   return true;
 }
 
-// src/fenceWidgets/HostFenceExtension.tsx
+// src/fenceWidgets/HostFenceExtension.ts
 import { Extension as Extension7 } from "@tiptap/core";
 import { Plugin as Plugin7, PluginKey as PluginKey7 } from "@tiptap/pm/state";
 import { Decoration as Decoration7, DecorationSet as DecorationSet7 } from "@tiptap/pm/view";
 import { createRoot as createRoot5 } from "react-dom/client";
-import { Component, createElement as createElement11, useEffect as useEffect33, useMemo as useMemo32, useState as useState42 } from "react";
+import { createElement as createElement11 } from "react";
+
+// src/fenceWidgets/HostFenceWidget.tsx
+import { Component, useEffect as useEffect33, useMemo as useMemo32, useState as useState42 } from "react";
 import { jsx as jsx50 } from "react/jsx-runtime";
-var HOST_FENCE_KEY = new PluginKey7("squisq-host-fence");
-function fenceLangToken(node2) {
-  const lang = node2.attrs.language;
-  if (typeof lang !== "string") return "";
-  return lang.trim().split(/\s+/, 1)[0]?.toLowerCase() ?? "";
-}
-function findHostFenceBlockPos(editor, blockId) {
-  return HOST_FENCE_KEY.getState(editor.state)?.entries.find((e2) => e2.id === blockId)?.pos ?? null;
-}
-function replaceHostFenceText(editor, blockId, next) {
-  const pos = findHostFenceBlockPos(editor, blockId);
-  if (pos === null) return false;
-  return replaceAsciiFenceText(editor, pos, next);
-}
 var HostFenceErrorBoundary = class extends Component {
   constructor() {
     super(...arguments);
@@ -25203,12 +25192,7 @@ var HostFenceErrorBoundary = class extends Component {
     return this.state.failed ? this.props.fallback : this.props.children;
   }
 };
-function HostFenceWidget({
-  editor,
-  blockId,
-  getRenderers,
-  getTheme
-}) {
+function HostFenceWidget({ editor, blockId, getRenderers, getTheme }) {
   const [version, setVersion] = useState42(0);
   useEffect33(() => {
     const onUpdate = () => setVersion((v2) => v2 + 1);
@@ -25239,6 +25223,22 @@ function HostFenceWidget({
     }
   }) });
 }
+
+// src/fenceWidgets/HostFenceExtension.ts
+var HOST_FENCE_KEY = new PluginKey7("squisq-host-fence");
+function fenceLangToken(node2) {
+  const lang = node2.attrs.language;
+  if (typeof lang !== "string") return "";
+  return lang.trim().split(/\s+/, 1)[0]?.toLowerCase() ?? "";
+}
+function findHostFenceBlockPos(editor, blockId) {
+  return HOST_FENCE_KEY.getState(editor.state)?.entries.find((e2) => e2.id === blockId)?.pos ?? null;
+}
+function replaceHostFenceText(editor, blockId, next) {
+  const pos = findHostFenceBlockPos(editor, blockId);
+  if (pos === null) return false;
+  return replaceAsciiFenceText(editor, pos, next);
+}
 function buildDecorations6(doc, entries, editor, options) {
   const decos = [];
   for (const entry of entries) {
@@ -30023,335 +30023,9 @@ function InlinePreviewGutter({
 
 // src/buildPreviewDoc.ts
 import {
-  coerceTemplateParams,
-  deriveTemplateInputs as deriveTemplateInputs3,
-  flattenRenderableBlocks,
-  hasTemplate as hasTemplate2
+  buildPreviewDoc,
+  documentTitleFromFileName
 } from "@bendyline/squisq/doc";
-import { extractPlainText as extractPlainText4, KNOWN_BLOCK_META_KEYS as KNOWN_BLOCK_META_KEYS2 } from "@bendyline/squisq/markdown";
-import { getChildren as getChildren2 } from "@bendyline/squisq/markdown";
-import { iconMarker } from "@bendyline/squisq/icon-marker";
-function extractRichText(node2) {
-  if (node2.type === "inlineIcon") {
-    const icon = node2;
-    return iconMarker(icon.family, icon.name);
-  }
-  if ("value" in node2 && typeof node2.value === "string") {
-    return node2.value;
-  }
-  const children = getChildren2(node2);
-  const separator = node2.type === "list" || node2.type === "listItem" ? "\n" : "";
-  return children.map(extractRichText).join(separator);
-}
-function extractBodyText(contents) {
-  if (!contents || contents.length === 0) return "";
-  const parts = [];
-  for (const node2 of contents) {
-    if (node2.type === "code" && node2.lang?.trim().toLowerCase() === "mermaid") continue;
-    parts.push(extractRichText(node2));
-  }
-  return parts.join("\n").trim();
-}
-function parseDim2(raw) {
-  if (raw === void 0) return void 0;
-  const n = parseFloat(raw);
-  return Number.isFinite(n) && n > 0 ? n : void 0;
-}
-function extractBlockImages2(contents) {
-  if (!contents || contents.length === 0) return [];
-  const images = [];
-  function walkHtml(node2) {
-    if (!node2 || typeof node2 !== "object") return;
-    const n = node2;
-    if (n.type === "htmlElement" && n.tagName.toLowerCase() === "img") {
-      const attrs = n.attributes;
-      const src = attrs?.src;
-      if (typeof src === "string" && src) {
-        images.push({
-          src,
-          alt: typeof attrs?.alt === "string" ? attrs.alt : "",
-          width: parseDim2(attrs?.width),
-          height: parseDim2(attrs?.height)
-        });
-      }
-    }
-    if (Array.isArray(n.children)) {
-      for (const child of n.children) walkHtml(child);
-    }
-  }
-  function walk(node2) {
-    if ("type" in node2 && node2.type === "image" && "url" in node2) {
-      const img = node2;
-      if (img.url) {
-        images.push({ src: img.url, alt: img.alt ?? "" });
-      }
-    }
-    if ("type" in node2 && (node2.type === "htmlBlock" || node2.type === "htmlInline")) {
-      const html = node2;
-      for (const child of html.htmlChildren ?? []) walkHtml(child);
-    }
-    for (const child of getChildren2(node2)) {
-      walk(child);
-    }
-  }
-  for (const node2 of contents) {
-    walk(node2);
-  }
-  return images;
-}
-function collectAllDocImages(blocks) {
-  const seen = /* @__PURE__ */ new Set();
-  const images = [];
-  function walkBlocks(blockList) {
-    for (const block of blockList) {
-      for (const img of extractBlockImages2(block.contents)) {
-        if (!seen.has(img.src)) {
-          seen.add(img.src);
-          images.push(img);
-        }
-      }
-      if (block.children) {
-        walkBlocks(block.children);
-      }
-    }
-  }
-  walkBlocks(blocks);
-  return images;
-}
-function extractListItems3(contents) {
-  if (!contents) return [];
-  const items = [];
-  for (const node2 of contents) {
-    if (node2.type === "list") {
-      for (const item of node2.children) {
-        const text = extractPlainText4(item).trim();
-        if (text) items.push(text);
-      }
-    }
-  }
-  return items;
-}
-function getTemplateDefaults2(templateName, headingText2, block) {
-  const body = extractBodyText(block.contents);
-  switch (templateName) {
-    case "statHighlight":
-      return deriveTemplateInputs3(templateName, headingText2, block.contents) ?? {
-        stat: headingText2,
-        description: body || headingText2
-      };
-    case "quote":
-    case "fullBleedQuote":
-    case "pullQuote":
-      return { quote: body || headingText2 };
-    case "factCard":
-      return { fact: headingText2, explanation: body || headingText2 };
-    case "comparisonBar":
-      return { leftLabel: "A", leftValue: 60, rightLabel: "B", rightValue: 40 };
-    case "list": {
-      const items = extractListItems3(block.contents);
-      return { items: items.length > 0 ? items : ["Item 1", "Item 2", "Item 3"] };
-    }
-    case "definitionCard":
-      return { term: headingText2, definition: body || headingText2 };
-    case "dateEvent":
-      return { date: headingText2, description: body || headingText2 };
-    case "leftFeature":
-    case "rightFeature": {
-      const images = extractBlockImages2(block.contents);
-      const img = images[0];
-      return {
-        imageSrc: img?.src ?? "",
-        imageAlt: img?.alt || headingText2,
-        imageWidth: img?.width,
-        imageHeight: img?.height,
-        title: headingText2,
-        body: body || headingText2
-      };
-    }
-    default:
-      return {};
-  }
-}
-function blockToSlide(block, index2, knownTemplates, documentTitle2) {
-  const headingText2 = block.sourceHeading ? extractPlainText4(block.sourceHeading) : block.title || documentTitle2 || "";
-  const implicitSectionHeader = block.template === "sectionHeader" && block.autoTemplate !== true && !!block.sourceHeading && !block.sourceHeading.templateAnnotation?.template;
-  const requestedTemplate = implicitSectionHeader ? "content" : block.template ?? "content";
-  const isCustomTemplate = knownTemplates?.has(requestedTemplate) ?? false;
-  const recognized = hasTemplate2(requestedTemplate) || isCustomTemplate;
-  const template = recognized ? requestedTemplate : "sectionHeader";
-  const defaults = getTemplateDefaults2(template, headingText2, block);
-  const templateOverrides = omitStringBlockMeta(block.templateOverrides);
-  const coercedTemplateOverrides = templateOverrides ? coerceTemplateParams(template, templateOverrides).input : void 0;
-  const {
-    id: _id,
-    startTime: _st,
-    duration: _d,
-    audioSegment: _as,
-    layers: _l,
-    transition: _tr,
-    template: _t,
-    title: _ti,
-    children: _c,
-    contents: _co,
-    sourceHeading: _sh,
-    templateOverrides: _to,
-    templateData: _td,
-    ...extraFields
-  } = block;
-  return {
-    id: block.id,
-    template,
-    duration: block.duration,
-    audioSegment: 0,
-    // Respect the block's authored transition (set via the toolbar / on-canvas
-    // properties palette → `{…}` block attrs). Only fall back to a default fade
-    // for blocks past the first when the author hasn't chosen one; the first
-    // block has no previous slide to transition in from.
-    transition: block.transition ?? (index2 > 0 ? { type: "fade", duration: 0.5 } : void 0),
-    title: headingText2,
-    // Preserve body nodes on every slide. Built-in templates ignore this
-    // structural field, while the canonical materializer uses it to retain
-    // authored rich elements (Mermaid fences today; other media can follow)
-    // independently of the selected visual template.
-    ...block.contents ? { contents: block.contents } : {},
-    // Custom templates additionally consume child blocks through tokens.
-    ...isCustomTemplate && block.children ? { children: block.children } : {},
-    ...defaults,
-    ...extraFields,
-    // Structured body data (```json data fences, GFM tables for dataTable)
-    // carries typed values; `{[…]}` string overrides win last so an explicit
-    // annotation param can still pin any field.
-    //
-    // Block-meta keys (transition, startTime, duration, …) are the exception:
-    // they were already coerced to typed block fields above (e.g.
-    // `block.transition` → `{ type, duration, direction }`). Their raw string
-    // form also rides along in `templateData`/`templateOverrides` because the
-    // author wrote them inside `{[…]}`; left un-stripped, that string would
-    // spread back over the typed value here and clobber it — turning
-    // `transition=vortex` into the string `"vortex"`, which the player can't
-    // animate. Omit them from the content spreads so the typed fields win.
-    ...omitBlockMeta(block.templateData),
-    ...coercedTemplateOverrides
-  };
-}
-var BLOCK_META_KEYS2 = new Set(Object.keys(KNOWN_BLOCK_META_KEYS2));
-function omitBlockMeta(data) {
-  if (!data) return data;
-  let hit = false;
-  const out = {};
-  for (const key of Object.keys(data)) {
-    if (BLOCK_META_KEYS2.has(key)) {
-      hit = true;
-      continue;
-    }
-    out[key] = data[key];
-  }
-  return hit ? out : data;
-}
-function omitStringBlockMeta(data) {
-  if (!data) return data;
-  let hit = false;
-  const out = {};
-  for (const key of Object.keys(data)) {
-    if (BLOCK_META_KEYS2.has(key)) {
-      hit = true;
-      continue;
-    }
-    out[key] = data[key];
-  }
-  return hit ? out : data;
-}
-var IMAGE_MOTIONS = [
-  "zoomIn",
-  "zoomOut",
-  "panLeft",
-  "panRight"
-];
-function documentTitleFromFileName(fileName) {
-  if (!fileName) return "";
-  const base = fileName.split(/[\\/]/).pop() ?? "";
-  return base.replace(/\.[^.]+$/, "").trim();
-}
-function resolveDocumentTitle(doc, provided) {
-  const frontmatterTitle = doc.frontmatter?.title;
-  if (typeof frontmatterTitle === "string" && frontmatterTitle.trim()) {
-    return frontmatterTitle.trim();
-  }
-  return provided?.trim() ?? "";
-}
-function buildPreviewDoc(doc, options) {
-  const flat = flattenRenderableBlocks(doc.blocks);
-  const allImages = collectAllDocImages(doc.blocks);
-  const usedImageSrcs = /* @__PURE__ */ new Set();
-  const knownTemplates = doc.customTemplates ? new Set(doc.customTemplates.map((d) => d.name)) : void 0;
-  const documentTitle2 = resolveDocumentTitle(doc, options?.documentTitle);
-  const slides = [];
-  let motionIndex = 0;
-  for (let i = 0; i < flat.length; i++) {
-    const block = flat[i];
-    const blockImages = extractBlockImages2(block.contents);
-    const slide = blockToSlide(block, i, knownTemplates, documentTitle2);
-    if (blockImages.length > 0 && slide.template === "sectionHeader") {
-      const img = blockImages[0];
-      usedImageSrcs.add(img.src);
-      slide.template = "imageWithCaption";
-      slide.imageSrc = img.src;
-      slide.imageAlt = img.alt;
-      slide.caption = slide.title;
-      slide.captionPosition = "bottom";
-      slide.ambientMotion = IMAGE_MOTIONS[motionIndex++ % IMAGE_MOTIONS.length];
-    } else if (blockImages.length > 0) {
-      const img = blockImages[0];
-      usedImageSrcs.add(img.src);
-      if (!slide.accentImage) {
-        slide.accentImage = {
-          src: img.src,
-          alt: img.alt,
-          position: "left-strip",
-          ambientMotion: IMAGE_MOTIONS[motionIndex++ % IMAGE_MOTIONS.length]
-        };
-      }
-    }
-    slides.push(slide);
-  }
-  const unusedImages = allImages.filter((img) => !usedImageSrcs.has(img.src));
-  if (unusedImages.length > 0 && slides.length > 0) {
-    const interval = Math.max(2, Math.floor(slides.length / (unusedImages.length + 1)));
-    let insertOffset = 0;
-    for (let imgIdx = 0; imgIdx < unusedImages.length; imgIdx++) {
-      const insertAt = Math.min((imgIdx + 1) * interval + insertOffset, slides.length);
-      const img = unusedImages[imgIdx];
-      slides.splice(insertAt, 0, {
-        id: `img-interleave-${imgIdx}`,
-        template: "imageWithCaption",
-        duration: 5,
-        audioSegment: 0,
-        imageSrc: img.src,
-        imageAlt: img.alt,
-        ambientMotion: IMAGE_MOTIONS[motionIndex++ % IMAGE_MOTIONS.length],
-        transition: { type: "fade", duration: 0.5 }
-      });
-      insertOffset++;
-    }
-  }
-  let t = 0;
-  for (const slide of slides) {
-    slide.startTime = t;
-    t += slide.duration;
-  }
-  const audio = doc.audio?.segments?.length > 0 ? doc.audio : {
-    segments: t > 0 ? [{ src: "", name: "preview", duration: t, startTime: 0 }] : []
-  };
-  return {
-    // Preserve document-wide capabilities (custom themes, persistent layers,
-    // scheduled media, frontmatter, captions, and future schema fields).
-    // Preview preparation should replace only the slide/timing projection.
-    ...doc,
-    duration: t,
-    blocks: slides,
-    audio
-  };
-}
 
 // src/OutlinePanel.tsx
 import {
@@ -30361,8 +30035,8 @@ import {
   useRef as useRef42,
   useState as useState54
 } from "react";
-import { flattenBlocks as flattenBlocks5, hasTemplate as hasTemplate3 } from "@bendyline/squisq/doc";
-import { extractPlainText as extractPlainText5 } from "@bendyline/squisq/markdown";
+import { flattenBlocks as flattenBlocks5, hasTemplate as hasTemplate2 } from "@bendyline/squisq/doc";
+import { extractPlainText as extractPlainText4 } from "@bendyline/squisq/markdown";
 
 // src/outlineSource.ts
 import { parseMarkdown as parseMarkdown7 } from "@bendyline/squisq/markdown";
@@ -30625,10 +30299,10 @@ function OutlineNode({
   const heading = block.sourceHeading;
   const depth = heading?.depth ?? 1;
   const headingLine2 = heading?.position?.start.line;
-  const text = heading ? extractPlainText5(heading).trim() : "";
+  const text = heading ? extractPlainText4(heading).trim() : "";
   const annotation = heading?.templateAnnotation;
   const tplName = annotation?.template;
-  const showChip = tplName && hasTemplate3(tplName);
+  const showChip = tplName && hasTemplate2(tplName);
   const isActive = block.id === activeBlockId;
   const canPromote = !!heading && depth > 1;
   const canDemote = !!heading && depth < 6;
@@ -33752,6 +33426,25 @@ function usePresentationModeOptional() {
 }
 var POPUP_WIDTH = 1280;
 var POPUP_HEIGHT = 720;
+var FULLSCREEN_RELEASE_TIMEOUT_MS = 4e3;
+function waitForFullscreenRelease(ownerDocument, root, timeoutMs) {
+  if (ownerDocument.fullscreenElement !== root) return Promise.resolve(true);
+  return new Promise((resolve) => {
+    const settle = (released) => {
+      ownerDocument.removeEventListener("fullscreenchange", handleChange);
+      window.clearTimeout(timer);
+      resolve(released);
+    };
+    const handleChange = () => {
+      if (ownerDocument.fullscreenElement !== root) settle(true);
+    };
+    const timer = window.setTimeout(
+      () => settle(ownerDocument.fullscreenElement !== root),
+      timeoutMs
+    );
+    ownerDocument.addEventListener("fullscreenchange", handleChange);
+  });
+}
 function copyDocumentStyles(source, target) {
   for (const sheet of Array.from(source.styleSheets)) {
     if (sheet.href) {
@@ -33869,7 +33562,12 @@ function PresentationModeProvider({
             return;
           }
         }
-        if (ownerDocument.fullscreenElement === root) {
+        const released = await waitForFullscreenRelease(
+          ownerDocument,
+          root,
+          FULLSCREEN_RELEASE_TIMEOUT_MS
+        );
+        if (!released) {
           setError("Still in full screen. Press Escape to leave it.");
           return;
         }
@@ -36941,8 +36639,8 @@ export {
   persistFromWrite,
   WysiwygEditor,
   InlinePreviewGutter,
-  documentTitleFromFileName,
   buildPreviewDoc,
+  documentTitleFromFileName,
   OutlinePanel,
   CodeContextZones,
   BlockCardView,