@bendyline/squisq-editor-react 2.12.6 → 2.12.8

package/README.md

@@ -95,7 +95,8 @@ and block-at-a-time / timeline editing primitives (`useBlockNavigator`,
   boundary and `{study=multiple-choice-flashcard}` makes child one the question,
   child two the default correct answer, and remaining children distractors.
 - **Panels** — `outline` (heading outline pane) and `inlinePreview` (per-block
-  SVG preview gutter, `inlinePreviewWidth` default 320).
+  SVG preview gutter, `inlinePreviewWidth` default 320). Block previews include
+  ordinary sections and heading-less introductory text; template tags are optional.
 - **Code & image modes** — pass `fileName` / `language` to get a Monaco-only
   code editor, or `imageSrc` (+ `imageMode: 'edit'`) for the image surface.
   `.jsonc` files, `language="jsonc"`, and fenced `jsonc` snippets use JSON

package/dist/{chunk-TCGWKYME.js → chunk-LXGQA2SY.js}

@@ -1780,13 +1780,15 @@ import {
 
 // src/resolveBlockVisual.ts
 import { materializeBlockLayers } from "@bendyline/squisq/doc";
-function resolveBlockVisual(doc, block, theme, viewport) {
+function resolveBlockVisual(doc, block, theme, viewport, position = {
+  blockIndex: 0,
+  totalBlocks: 1
+}) {
   try {
     const slide = buildPreviewDoc({ ...doc, blocks: [block] }).blocks[0];
     if (!slide) return null;
     const ctx = {
-      blockIndex: 0,
-      totalBlocks: 1,
+      ...position,
       theme,
       viewport,
       customTemplates: doc.customTemplates

package/dist/{chunk-H3XGOKPT.js → chunk-QZHUSMWA.js}

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

package/dist/{chunk-NESYESKT.js → chunk-W63WEDBC.js}

@@ -49,7 +49,7 @@ import {
   documentTitleFromFileName,
   resolveBlockVisual,
   useModalDialog
-} from "./chunk-TCGWKYME.js";
+} from "./chunk-LXGQA2SY.js";
 import {
   Icon
 } from "./chunk-UYB5CPRE.js";
@@ -35541,15 +35541,8 @@ function moveSelectionToDropPoint(view, event) {
 // src/InlinePreviewGutter.tsx
 import { useLayoutEffect as useLayoutEffect13, useMemo as useMemo43, useRef as useRef49, useState as useState68 } from "react";
 import { VIEWPORT_PRESETS as VIEWPORT_PRESETS5 } from "@bendyline/squisq/schemas";
-import {
-  flattenBlocks as flattenBlocks4,
-  materializeBlockLayers as materializeBlockLayers2,
-  coerceTemplateParams as coerceTemplateParams2,
-  DEFAULT_THEME as DEFAULT_THEME5,
-  deriveTemplateInputs as deriveTemplateInputs2,
-  extractBodyPlainText as extractBodyPlainText2
-} from "@bendyline/squisq/doc";
-import { extractPlainText as extractPlainText3, getChildren } from "@bendyline/squisq/markdown";
+import { flattenRenderableBlocks, DEFAULT_THEME as DEFAULT_THEME5 } from "@bendyline/squisq/doc";
+import { extractPlainText as extractPlainText3 } from "@bendyline/squisq/markdown";
 import { BlockRenderer as BlockRenderer3, MediaContext as MediaContext4 } from "@bendyline/squisq-react";
 
 // src/useHeadingLayout.ts
@@ -35572,17 +35565,17 @@ function useHeadingLayout(refInsideWrapper) {
     const recompute = () => {
       cancelAnimationFrame(raf);
       raf = requestAnimationFrame(() => {
-        const headings = Array.from(
-          wysiwygContainer.querySelectorAll("h1, h2, h3, h4, h5, h6")
-        );
+        const anchors = blockAnchors(flatBlocks, wysiwygContainer);
         const wrapperRect = wrapper.getBoundingClientRect();
         const editorRect = wysiwygContainer.getBoundingClientRect();
         const next = [];
         flatBlocks.forEach((block, i) => {
-          const h2 = headings[i];
+          const h2 = anchors[i];
           if (!h2) return;
           const top = h2.getBoundingClientRect().top - wrapperRect.top;
-          const nextH = headings[i + 1];
+          let nextIndex = i + 1;
+          while (nextIndex < anchors.length && !anchors[nextIndex]) nextIndex++;
+          const nextH = anchors[nextIndex];
           const bottom = nextH ? nextH.getBoundingClientRect().top - wrapperRect.top : editorRect.bottom - wrapperRect.top;
           next.push({
             block,
@@ -35648,11 +35641,11 @@ function useHeadingLayout(refInsideWrapper) {
         const layoutInfo = monacoEditor.getLayoutInfo();
         const next = [];
         flatBlocks.forEach((block, i) => {
-          const line = block.sourceHeading?.position?.start.line;
+          const line = blockStartLine(block);
           if (typeof line !== "number") return;
           const lineTop = monacoEditor.getTopForLineNumber(line) - scrollTop + monacoTop;
           const nextBlock = flatBlocks[i + 1];
-          const nextLine = nextBlock?.sourceHeading?.position?.start.line;
+          const nextLine = nextBlock ? blockStartLine(nextBlock) : void 0;
           const bottom = typeof nextLine === "number" ? monacoEditor.getTopForLineNumber(nextLine) - scrollTop + monacoTop : monacoTop + layoutInfo.height;
           const tplName = block.sourceHeading?.templateAnnotation?.template;
           next.push({
@@ -35700,10 +35693,10 @@ function useHeadingLayout(refInsideWrapper) {
         const wrapper = node2 ? findWrapper(node2) : null;
         const wysiwygContainer = wrapper?.querySelector(".squisq-wysiwyg-container");
         if (!wysiwygContainer) return;
-        const headings = wysiwygContainer.querySelectorAll("h1, h2, h3, h4, h5, h6");
         const index2 = flatBlocks.findIndex((b) => b.id === block.id);
-        if (index2 < 0 || index2 >= headings.length) return;
-        headings[index2].scrollIntoView({ behavior: "smooth", block: "start" });
+        const anchor = blockAnchors(flatBlocks, wysiwygContainer)[index2];
+        if (!anchor) return;
+        anchor.scrollIntoView({ behavior: "smooth", block: "start" });
         if (tiptapEditor) {
           try {
             tiptapEditor.chain().focus().run();
@@ -35713,7 +35706,7 @@ function useHeadingLayout(refInsideWrapper) {
         return;
       }
       if (activeView === "raw" && monacoEditor) {
-        const line = block.sourceHeading?.position?.start.line;
+        const line = blockStartLine(block);
         if (typeof line !== "number") return;
         monacoEditor.revealLineInCenter(line);
         monacoEditor.setPosition({ lineNumber: line, column: 1 });
@@ -35729,6 +35722,23 @@ function useHeadingLayout(refInsideWrapper) {
     ready: entries.length > 0 || pageEdges != null
   };
 }
+function blockAnchors(blocks, container) {
+  const surface = container.querySelector(".squisq-wysiwyg-editor");
+  const headings = (surface ?? container).querySelectorAll(
+    ":scope > h1, :scope > h2, :scope > h3, :scope > h4, :scope > h5, :scope > h6"
+  );
+  let headingIndex = 0;
+  return blocks.map((block, index2) => {
+    if (block.sourceHeading) return headings[headingIndex++] ?? null;
+    if (index2 === 0 && block.contents?.length) {
+      return (surface ?? container).firstElementChild;
+    }
+    return null;
+  });
+}
+function blockStartLine(block) {
+  return block.sourceHeading?.position?.start.line ?? block.contents?.[0]?.position?.start.line;
+}
 function findWrapper(node2) {
   let cur = node2.parentElement;
   while (cur) {
@@ -35842,154 +35852,6 @@ function usePreviewProjection(doc, transformStyle, workspaceContainer, documentT
 
 // src/InlinePreviewGutter.tsx
 import { Fragment as Fragment23, jsx as jsx71, jsxs as jsxs57 } from "react/jsx-runtime";
-function isAnnotated(block) {
-  const annotation = block.sourceHeading?.templateAnnotation;
-  if (!annotation) return false;
-  return !!annotation.template;
-}
-function extractListItems2(contents) {
-  if (!contents) return [];
-  const items = [];
-  for (const node2 of contents) {
-    if (node2.type === "list") {
-      for (const item of node2.children) {
-        const text = extractPlainText3(item).trim();
-        if (text) items.push(text);
-      }
-    }
-  }
-  return items;
-}
-function parseDim(raw) {
-  if (raw === void 0) return void 0;
-  const n = parseFloat(raw);
-  return Number.isFinite(n) && n > 0 ? n : void 0;
-}
-function extractBlockImages(contents) {
-  if (!contents || contents.length === 0) return [];
-  const images = [];
-  function walkHtml(node2) {
-    if (node2.type === "htmlElement" && node2.tagName === "img") {
-      const src = node2.attributes?.src;
-      if (src) {
-        images.push({
-          src,
-          alt: node2.attributes?.alt ?? "",
-          width: parseDim(node2.attributes?.width),
-          height: parseDim(node2.attributes?.height)
-        });
-      }
-    }
-    if (Array.isArray(node2.children)) {
-      for (const child of node2.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") {
-      const block = node2;
-      for (const child of block.htmlChildren ?? []) {
-        walkHtml(child);
-      }
-    }
-    for (const child of getChildren(node2)) walk(child);
-  }
-  for (const node2 of contents) walk(node2);
-  return images;
-}
-function collectImagesDeep(block) {
-  const images = [];
-  const seen = /* @__PURE__ */ new Set();
-  function visit(b) {
-    for (const img of extractBlockImages(b.contents)) {
-      if (seen.has(img.src)) continue;
-      seen.add(img.src);
-      images.push(img);
-    }
-    for (const child of b.children ?? []) visit(child);
-  }
-  visit(block);
-  return images;
-}
-function extractTableData(contents) {
-  if (!contents) return null;
-  for (const node2 of contents) {
-    if (node2.type === "table") {
-      const table = node2;
-      const [headerRow, ...bodyRows] = table.children;
-      if (!headerRow) return null;
-      const headers = headerRow.children.map((cell) => extractPlainText3(cell).trim());
-      const rows = bodyRows.map((row) => row.children.map((cell) => extractPlainText3(cell).trim()));
-      return { headers, rows, align: table.align };
-    }
-  }
-  return null;
-}
-function getTemplateDefaults(templateName, headingText2, bodyText, contents, images = []) {
-  switch (templateName) {
-    case "statHighlight":
-      return deriveTemplateInputs2(templateName, headingText2, contents, { placeholders: true }) ?? {
-        stat: headingText2,
-        description: bodyText || headingText2
-      };
-    case "quote":
-    case "fullBleedQuote":
-    case "pullQuote":
-      return { quote: bodyText || headingText2 };
-    case "factCard":
-      return { fact: headingText2, explanation: bodyText || headingText2 };
-    case "comparisonBar":
-      return { leftLabel: "A", leftValue: 60, rightLabel: "B", rightValue: 40 };
-    case "list": {
-      const items = extractListItems2(contents);
-      return { items: items.length > 0 ? items : ["Item 1", "Item 2", "Item 3"] };
-    }
-    case "definitionCard":
-      return { term: headingText2, definition: bodyText || headingText2 };
-    case "dateEvent":
-      return { date: headingText2, description: bodyText || headingText2 };
-    case "dataTable": {
-      const tableData = extractTableData(contents);
-      return tableData ?? { headers: ["Column"], rows: [["Data"]] };
-    }
-    case "imageWithCaption": {
-      const first = images[0];
-      return {
-        imageSrc: first?.src ?? "",
-        imageAlt: first?.alt ?? headingText2,
-        caption: bodyText || headingText2,
-        captionPosition: "bottom"
-      };
-    }
-    case "leftFeature":
-    case "rightFeature": {
-      const first = images[0];
-      return {
-        imageSrc: first?.src ?? "",
-        imageAlt: first?.alt ?? headingText2,
-        imageWidth: first?.width,
-        imageHeight: first?.height,
-        title: headingText2,
-        body: bodyText
-      };
-    }
-    case "videoWithCaption": {
-      const first = images[0];
-      return {
-        videoSrc: first?.src ?? "",
-        caption: bodyText || headingText2,
-        captionPosition: "bottom"
-      };
-    }
-    default:
-      return {};
-  }
-}
 var BAR_RIGHT_OFFSET = 14;
 var CARD_LABEL_OFFSET = 16;
 var EXTENT_TOP_PAD = CARD_LABEL_OFFSET;
@@ -36011,65 +35873,21 @@ function InlinePreviewGutter({
   const activeTheme = previewSettings?.activeTheme ?? DEFAULT_THEME5;
   const items = useMemo43(() => {
     if (!previewDoc || !previewDoc.blocks.length) return [];
-    const flat = flattenBlocks4(previewDoc.blocks);
-    const totalBlocks = flat.length;
+    const flat = flattenRenderableBlocks(previewDoc.blocks);
     const result = [];
     flat.forEach((block, index2) => {
-      if (!isAnnotated(block)) return;
-      const annotation = block.sourceHeading.templateAnnotation;
-      const template = annotation.template;
-      const headingText2 = block.sourceHeading ? extractPlainText3(block.sourceHeading) : "";
-      const bodyText = extractBodyPlainText2(block.contents);
-      const templateBlock = {
-        id: block.id,
-        template,
-        startTime: 0,
-        duration: 1,
-        audioSegment: 0,
-        title: headingText2,
-        contents: block.contents,
-        children: block.children,
-        ...getTemplateDefaults(
-          template,
-          headingText2,
-          bodyText,
-          block.contents,
-          collectImagesDeep(block)
-        ),
-        // Async sidecar resolution stores its bounded table window here.
-        // Forward it before authored params/overrides so document-mode cards
-        // render the same CSV/XLSX data as block and full-preview modes.
-        ...block.templateData,
-        // Authored `{[…]}` params are raw strings. Coerce them per the
-        // template's input descriptors, as the full preview does, or a
-        // template with structured inputs renders nothing — twoColumn needs
-        // `left="Web|Start in a browser"` as `{ label, sublabel }`.
-        ...coerceTemplateParams2(template, { ...annotation.params, ...block.templateOverrides }).input
-      };
-      const ctx = {
+      const visual = resolveBlockVisual(previewDoc, block, activeTheme, viewport, {
         blockIndex: index2,
-        totalBlocks,
-        theme: activeTheme,
-        viewport,
-        customTemplates: previewDoc.customTemplates
-      };
-      try {
-        const { layers } = materializeBlockLayers2(templateBlock, ctx);
-        const visualBlock = {
-          ...block,
-          layers,
-          template
-        };
-        result.push({
-          id: block.id,
-          template,
-          headingText: headingText2,
-          block: visualBlock
-        });
-      } catch (err) {
-        const message = err instanceof Error ? err.message : String(err);
-        console.warn(`[InlinePreviewGutter] Skipped block "${block.id}" (${template}): ${message}`);
-      }
+        totalBlocks: flat.length
+      });
+      if (!visual) return;
+      result.push({
+        id: block.id,
+        template: visual.template ?? "content",
+        headingText: block.sourceHeading ? extractPlainText3(block.sourceHeading) : "",
+        block: visual,
+        sourceBlock: block
+      });
     });
     return result;
   }, [previewDoc, viewport, activeTheme]);
@@ -36222,7 +36040,7 @@ function InlinePreviewGutter({
                 right: 12,
                 visibility: hidden ? "hidden" : "visible"
               },
-              onClick: () => scrollToBlock(item.block),
+              onClick: () => scrollToBlock(item.sourceBlock),
               children: [
                 /* @__PURE__ */ jsxs57("div", { className: "squisq-inline-preview-card-label", children: [
                   /* @__PURE__ */ jsx71("span", { className: "squisq-inline-preview-card-template", children: templateLabel(item.template) }),
@@ -36242,6 +36060,7 @@ function InlinePreviewGutter({
                       BlockRenderer3,
                       {
                         block: item.block,
+                        buildPlayback: "all",
                         blockTime: 0,
                         basePath,
                         viewport
@@ -36268,7 +36087,7 @@ import {
   useRef as useRef50,
   useState as useState69
 } from "react";
-import { flattenBlocks as flattenBlocks5, hasTemplate as hasTemplate2 } from "@bendyline/squisq/doc";
+import { flattenBlocks as flattenBlocks4, hasTemplate as hasTemplate2 } from "@bendyline/squisq/doc";
 import { extractPlainText as extractPlainText4 } from "@bendyline/squisq/markdown";
 
 // src/outlineSource.ts
@@ -36420,7 +36239,7 @@ function OutlinePanel({ width, className, readOnly = false }) {
   };
   const blockModeActiveId = useMemo44(() => {
     if (layoutMode !== "block" || activeBlockStartLine == null || !doc) return null;
-    const match = flattenBlocks5(doc.blocks).find(
+    const match = flattenBlocks4(doc.blocks).find(
       (b) => b.sourceHeading?.position?.start.line === activeBlockStartLine
     );
     return match?.id ?? null;
@@ -36441,7 +36260,7 @@ function OutlinePanel({ width, className, readOnly = false }) {
       const wysiwygContainer = wrapper?.querySelector(".squisq-wysiwyg-container");
       if (!wysiwygContainer) return;
       const headings = wysiwygContainer.querySelectorAll("h1, h2, h3, h4, h5, h6");
-      const blocks = current.doc ? flattenBlocks5(current.doc.blocks) : [];
+      const blocks = current.doc ? flattenBlocks4(current.doc.blocks) : [];
       const index2 = blocks.findIndex((candidate) => candidate.id === block.id);
       if (index2 < 0 || index2 >= headings.length) return;
       headings[index2].scrollIntoView({ behavior: "smooth", block: "start" });
@@ -36718,7 +36537,7 @@ function OutlineNode({
 }
 function useActiveOutlineBlockId() {
   const { doc, activeView, tiptapEditor, monacoEditor } = useEditorContext();
-  const flatBlocks = useMemo44(() => doc ? flattenBlocks5(doc.blocks) : [], [doc]);
+  const flatBlocks = useMemo44(() => doc ? flattenBlocks4(doc.blocks) : [], [doc]);
   const flatBlocksRef = useRef50(flatBlocks);
   flatBlocksRef.current = flatBlocks;
   const headingLocations = flatBlocks.map((block) => `${block.id}:${block.sourceHeading?.position?.start.line ?? ""}`).join("\0");
@@ -36796,7 +36615,7 @@ function sameOutlineStructure(previous, next) {
   return true;
 }
 function findLiveBlock(doc, blockId) {
-  return doc ? flattenBlocks5(doc.blocks).find((block) => block.id === blockId) ?? null : null;
+  return doc ? flattenBlocks4(doc.blocks).find((block) => block.id === blockId) ?? null : null;
 }
 function findEditorWrapper(node2) {
   let current = node2.parentElement;
@@ -37550,7 +37369,7 @@ import {
   getDocPlaybackDuration,
   VIEWPORT_PRESETS as VIEWPORT_PRESETS6
 } from "@bendyline/squisq/schemas";
-import { flattenBlocks as flattenBlocks6, DEFAULT_THEME as DEFAULT_THEME6, getPinnedBlockMeta } from "@bendyline/squisq/doc";
+import { flattenBlocks as flattenBlocks5, DEFAULT_THEME as DEFAULT_THEME6, getPinnedBlockMeta } from "@bendyline/squisq/doc";
 import { createMediaTimeMap } from "@bendyline/squisq/mediaEdit";
 import { useProcessedAudio as useProcessedAudio2 } from "@bendyline/squisq-video-react/media-edit";
 import { MediaClipLayer, MediaContext as MediaContext5 } from "@bendyline/squisq-react";
@@ -38148,7 +37967,7 @@ function TimelineTrack({
   const [itemMenu, setItemMenu] = useState73(null);
   const [pxPerSecond, setPxPerSecond] = useState73(DEFAULT_PX_PER_SECOND);
   const scrollRef = useRef55(null);
-  const blocks = useMemo47(() => doc ? flattenBlocks6(doc.blocks) : [], [doc]);
+  const blocks = useMemo47(() => doc ? flattenBlocks5(doc.blocks) : [], [doc]);
   const previewSettings = usePreviewSettingsOptional();
   const previewTheme = previewSettings?.activeTheme ?? DEFAULT_THEME6;
   const visualByBlock = useMemo47(() => {
@@ -38200,7 +38019,7 @@ function TimelineTrack({
   const rawClipById = useMemo47(() => {
     const map = /* @__PURE__ */ new Map();
     if (doc) {
-      for (const b of flattenBlocks6(doc.blocks)) for (const m of b.media ?? []) map.set(m.id, m);
+      for (const b of flattenBlocks5(doc.blocks)) for (const m of b.media ?? []) map.set(m.id, m);
       for (const m of doc.documentMedia ?? []) map.set(m.id, m);
     }
     return map;
@@ -41954,7 +41773,7 @@ import { useEffect as useEffect72, useRef as useRef67, useState as useState86, u
 // src/BlockPreviewPanel.tsx
 import { useMemo as useMemo56 } from "react";
 import { VIEWPORT_PRESETS as VIEWPORT_PRESETS7 } from "@bendyline/squisq/schemas";
-import { flattenBlocks as flattenBlocks7, DEFAULT_THEME as DEFAULT_THEME7 } from "@bendyline/squisq/doc";
+import { flattenBlocks as flattenBlocks6, DEFAULT_THEME as DEFAULT_THEME7 } from "@bendyline/squisq/doc";
 import { jsx as jsx90 } from "react/jsx-runtime";
 function BlockPreviewPanel({ basePath = "/" }) {
   const { doc, activeBlockStartLine, mediaProvider, workspaceContainer, fileName, mediaRevision } = useEditorContext();
@@ -41965,7 +41784,7 @@ function BlockPreviewPanel({ basePath = "/" }) {
   const previewDoc = projection?.contentDoc ?? doc;
   const block = useMemo56(() => {
     if (!previewDoc) return null;
-    const blocks = flattenBlocks7(previewDoc.blocks);
+    const blocks = flattenBlocks6(previewDoc.blocks);
     if (blocks.length === 0) return null;
     return blocks.find((b) => b.sourceHeading?.position?.start.line === activeBlockStartLine) ?? blocks[0];
   }, [previewDoc, activeBlockStartLine]);

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { C as CodeContext, E as EditorHostMode, S as SceneTextChannel, a as CalcEngineFactory, b as EditorView$1, c as CsvSourceMeta, X as XlsxSourceMeta, F as FormulaEditRecord } from './shell-D9E73nri.js';
-export { A as ApplySourceEditsOptions, B as BlockInsertionBuilder, d as BlockInsertionContext, e as BlockPlacement, f as BlockRange, g as BlockSlice, h as BlockTagVisibility, i as CodeContextSection, j as CoverImageSaveOutput, D as DashboardImageSaveOutput, k as DocumentLinkCandidate, l as DocumentLinkProvider, m as EditorActions, n as EditorColorScheme, o as EditorContextMenuContext, p as EditorContextMenuItem, q as EditorContextMenuItemVisibility, r as EditorContextMenuProvider, s as EditorContextMenuProviderProps, t as EditorContextValue, u as EditorInsertMenuItem, v as EditorMode, w as EditorProvider, x as EditorProviderProps, y as EditorSelectionInfo, z as EditorShell, G as EditorShellProps, H as EditorState, I as FindOptions, J as FindRequest, K as FormulaSessionOptions, L as ImageDisplayMode, M as IngestedSidecar, N as InsertBlockOptions, O as LayoutMode, P as MentionCandidate, Q as MentionProvider, R as OutlineBlock, T as OutlineInsertion, U as PreviewPanel, V as PreviewPanelProps, W as RawEditor, Y as RawEditorProps, Z as ThemeInheritance, _ as ViewPreferences, $ as WriteCanvasSettings, a0 as WysiwygEditor, a1 as WysiwygEditorProps, a2 as XLSX_LOCKED_REASON, a3 as XlsxFormulaSession, a4 as applySourceEditsToText, a5 as blockInsertionPoint, a6 as createXlsxFormulaSession, a7 as getBlockSlices, a8 as headingDepthForInsertion, a9 as ingestSidecarBytes, aa as joinBlockAt, ab as lineToOffset, ac as minimalReplaceEdit, ad as normalizeSourceEdits, ae as offsetToLine, af as resolveOutlineInsertion, ag as sliceIndexAtOffset, ah as sourceOutline, ai as spliceBlock, aj as useEditorContext, ak as useEditorContextMenuItems, al as useEditorInsertMenuItems } from './shell-D9E73nri.js';
+import { C as CodeContext, E as EditorHostMode, S as SceneTextChannel, a as CalcEngineFactory, b as EditorView$1, c as CsvSourceMeta, X as XlsxSourceMeta, F as FormulaEditRecord } from './shell-DXhttvsO.js';
+export { A as ApplySourceEditsOptions, B as BlockInsertionBuilder, d as BlockInsertionContext, e as BlockPlacement, f as BlockRange, g as BlockSlice, h as BlockTagVisibility, i as CodeContextSection, j as CoverImageSaveOutput, D as DashboardImageSaveOutput, k as DocumentLinkCandidate, l as DocumentLinkProvider, m as EditorActions, n as EditorColorScheme, o as EditorContextMenuContext, p as EditorContextMenuItem, q as EditorContextMenuItemVisibility, r as EditorContextMenuProvider, s as EditorContextMenuProviderProps, t as EditorContextValue, u as EditorInsertMenuItem, v as EditorMode, w as EditorProvider, x as EditorProviderProps, y as EditorSelectionInfo, z as EditorShell, G as EditorShellProps, H as EditorState, I as FindOptions, J as FindRequest, K as FormulaSessionOptions, L as ImageDisplayMode, M as IngestedSidecar, N as InsertBlockOptions, O as LayoutMode, P as MentionCandidate, Q as MentionProvider, R as OutlineBlock, T as OutlineInsertion, U as PreviewPanel, V as PreviewPanelProps, W as RawEditor, Y as RawEditorProps, Z as ThemeInheritance, _ as ViewPreferences, $ as WriteCanvasSettings, a0 as WysiwygEditor, a1 as WysiwygEditorProps, a2 as XLSX_LOCKED_REASON, a3 as XlsxFormulaSession, a4 as applySourceEditsToText, a5 as blockInsertionPoint, a6 as createXlsxFormulaSession, a7 as getBlockSlices, a8 as headingDepthForInsertion, a9 as ingestSidecarBytes, aa as joinBlockAt, ab as lineToOffset, ac as minimalReplaceEdit, ad as normalizeSourceEdits, ae as offsetToLine, af as resolveOutlineInsertion, ag as sliceIndexAtOffset, ah as sourceOutline, ai as spliceBlock, aj as useEditorContext, ak as useEditorContextMenuItems, al as useEditorInsertMenuItems } from './shell-DXhttvsO.js';
 import * as react from 'react';
 import { ReactNode, CSSProperties, ReactElement } from 'react';
 import { Doc, ScheduledClip, VideoPlacement, VideoPipSize, VideoPipShape, VideoPipPosition, MediaEdits, MediaProvider, Theme, CustomTemplateDefinition, ThemeSeedColors, ViewportPreset, ViewportConfig, Block, MediaEntry, DiagramEdgeAnchor } from '@bendyline/squisq/schemas';

package/dist/index.js

@@ -243,7 +243,7 @@ import {
   videoEmbedParagraphJson,
   viewStateFromBinding,
   writeHeadingViewState
-} from "./chunk-NESYESKT.js";
+} from "./chunk-W63WEDBC.js";
 import {
   EditorProvider,
   applySourceEditsToText,
@@ -290,7 +290,7 @@ import {
 } from "./chunk-HLU6ZBS7.js";
 import {
   RecorderButton
-} from "./chunk-H3XGOKPT.js";
+} from "./chunk-QZHUSMWA.js";
 import {
   RecorderDeviceQuickPicks,
   RecorderDeviceSettingsPanel,
@@ -315,7 +315,7 @@ import {
   unshownSlidesWarning,
   useMediaDevices,
   useMediaRecorder
-} from "./chunk-TCGWKYME.js";
+} from "./chunk-LXGQA2SY.js";
 import {
   DEFAULT_RECORDER_DEVICE_SETTINGS,
   buildRecorderAudioConstraints,

package/dist/recorder/index.js

@@ -1,6 +1,6 @@
 import {
   RecorderButton
-} from "../chunk-H3XGOKPT.js";
+} from "../chunk-QZHUSMWA.js";
 import {
   RecorderDeviceQuickPicks,
   RecorderDeviceSettingsPanel,
@@ -14,7 +14,7 @@ import {
   requestScreenStream,
   useMediaDevices,
   useMediaRecorder
-} from "../chunk-TCGWKYME.js";
+} from "../chunk-LXGQA2SY.js";
 import {
   DEFAULT_RECORDER_DEVICE_SETTINGS,
   buildRecorderAudioConstraints,

package/dist/shell/index.d.ts

@@ -1,4 +1,4 @@
-export { h as BlockTagVisibility, k as DocumentLinkCandidate, l as DocumentLinkProvider, m as EditorActions, n as EditorColorScheme, o as EditorContextMenuContext, p as EditorContextMenuItem, q as EditorContextMenuItemVisibility, r as EditorContextMenuProvider, s as EditorContextMenuProviderProps, t as EditorContextValue, E as EditorHostMode, u as EditorInsertMenuItem, v as EditorMode, w as EditorProvider, x as EditorProviderProps, z as EditorShell, G as EditorShellProps, H as EditorState, b as EditorView, L as ImageDisplayMode, O as LayoutMode, P as MentionCandidate, Q as MentionProvider, U as PreviewPanel, V as PreviewPanelProps, W as RawEditor, Y as RawEditorProps, Z as ThemeInheritance, _ as ViewPreferences, a0 as WysiwygEditor, a1 as WysiwygEditorProps, aj as useEditorContext, ak as useEditorContextMenuItems, al as useEditorInsertMenuItems } from '../shell-D9E73nri.js';
+export { h as BlockTagVisibility, k as DocumentLinkCandidate, l as DocumentLinkProvider, m as EditorActions, n as EditorColorScheme, o as EditorContextMenuContext, p as EditorContextMenuItem, q as EditorContextMenuItemVisibility, r as EditorContextMenuProvider, s as EditorContextMenuProviderProps, t as EditorContextValue, E as EditorHostMode, u as EditorInsertMenuItem, v as EditorMode, w as EditorProvider, x as EditorProviderProps, z as EditorShell, G as EditorShellProps, H as EditorState, b as EditorView, L as ImageDisplayMode, O as LayoutMode, P as MentionCandidate, Q as MentionProvider, U as PreviewPanel, V as PreviewPanelProps, W as RawEditor, Y as RawEditorProps, Z as ThemeInheritance, _ as ViewPreferences, a0 as WysiwygEditor, a1 as WysiwygEditorProps, aj as useEditorContext, ak as useEditorContextMenuItems, al as useEditorInsertMenuItems } from '../shell-DXhttvsO.js';
 import 'react';
 import '@bendyline/squisq/table';
 import '@bendyline/squisq-calc';

package/dist/shell/index.js

@@ -5,7 +5,7 @@ import {
   RawEditor,
   WysiwygEditor,
   useEditorContextMenuItems
-} from "../chunk-NESYESKT.js";
+} from "../chunk-W63WEDBC.js";
 import {
   EditorProvider,
   useEditorContext,
@@ -16,7 +16,7 @@ import "../chunk-A2H3JOA5.js";
 import "../chunk-LRUBYTKW.js";
 import "../chunk-MHG4KPMA.js";
 import "../chunk-HLU6ZBS7.js";
-import "../chunk-TCGWKYME.js";
+import "../chunk-LXGQA2SY.js";
 import "../chunk-LRZJD5YD.js";
 import "../chunk-UYB5CPRE.js";
 import "../chunk-DJS5I5NO.js";

package/dist/{shell-D9E73nri.d.ts → shell-DXhttvsO.d.ts}

@@ -1666,8 +1666,8 @@ interface EditorShellProps {
     onImageExport?: (blob: Blob, format: 'png' | 'jpeg' | 'webp') => void;
     /**
      * Show an inline preview gutter to the right of the WYSIWYG editor.
-     * The gutter renders one small SVG card per template-annotated block in
-     * the document, letting authors see their rendered output without
+     * The gutter renders one small SVG card per block, including blocks without
+     * template tags, letting authors see their rendered output without
      * leaving Edit mode. Auto-hidden via container query when the editor
      * body is narrower than ~720px. Defaults to `false`.
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bendyline/squisq-editor-react",
-  "version": "2.12.6",
+  "version": "2.12.8",
   "description": "React editor shell with raw/WYSIWYG/preview modes for Squisq documents",
   "license": "MIT",
   "author": "Bendyline",
@@ -104,10 +104,10 @@
   "dependencies": {
     "@bendyline/squisq": "2.12.4",
     "@bendyline/squisq-calc": "2.11.2",
-    "@bendyline/squisq-formats": "2.7.4",
+    "@bendyline/squisq-formats": "2.7.5",
     "@bendyline/squisq-grid-react": "2.11.27",
     "@bendyline/squisq-react": "2.12.5",
-    "@bendyline/squisq-video-react": "2.5.5",
+    "@bendyline/squisq-video-react": "2.5.6",
     "@fortawesome/fontawesome-free": "7.3.1",
     "@tiptap/core": "2.27.3",
     "@tiptap/extension-heading": "2.27.3",