@bendyline/squisq-editor-react 2.13.0 → 2.13.2

package/dist/{chunk-2DHVG55U.js → chunk-OMSRCHQ4.js}

@@ -5,7 +5,7 @@ import {
 import {
   markdownToTiptap,
   tiptapToMarkdown
-} from "./chunk-LTT6QQHJ.js";
+} from "./chunk-V7HUUMMB.js";
 
 // src/InsertMenuItems.tsx
 import { createContext, useContext, useEffect, useMemo, useRef } from "react";
@@ -1133,8 +1133,67 @@ import {
 import { createDocument } from "@tiptap/core";
 import { closeHistory as closeHistory2 } from "@tiptap/pm/history";
 
+// src/tiptap/replaceSelection.ts
+import { createNodeFromContent, selectionToInsertionEnd } from "@tiptap/core";
+import { Fragment as Fragment2, Slice } from "@tiptap/pm/model";
+import { AllSelection, Selection as Selection2, TextSelection as TextSelection2 } from "@tiptap/pm/state";
+function trimEmptyEdges(doc, $from, $to) {
+  let start = $from;
+  let end = $to;
+  if (!start.sameParent(end) && end.parent.isTextblock && end.parentOffset === 0) {
+    const previous = Selection2.findFrom(doc.resolve(end.before()), -1, true);
+    if (previous && previous.$head.pos >= start.pos) end = previous.$head;
+  }
+  if (!start.sameParent(end) && start.parent.isTextblock && start.parentOffset === start.parent.content.size) {
+    const next = Selection2.findFrom(doc.resolve(start.after()), 1, true);
+    if (next && next.$head.pos <= end.pos) start = next.$head;
+  }
+  return [start, end];
+}
+function wholeBlocks(doc, $from, $to, content) {
+  const range = $from.blockRange($to);
+  if (!range) return null;
+  const first = Selection2.findFrom(doc.resolve(range.start), 1, true);
+  const last = Selection2.findFrom(doc.resolve(range.end), -1, true);
+  if (!first || !last || $from.pos > first.from || $to.pos < last.to) return null;
+  if (!range.parent.canReplace(range.startIndex, range.endIndex, content)) return null;
+  return { from: range.start, to: range.end };
+}
+function replaceSelectionWith(tr, content) {
+  const { selection, doc } = tr;
+  if (selection.empty) return false;
+  if (!(selection instanceof TextSelection2 || selection instanceof AllSelection)) return false;
+  const [$from, $to] = trimEmptyEdges(doc, selection.$from, selection.$to);
+  const single = content.childCount === 1 ? content.firstChild : null;
+  if (single?.isTextblock && !single.type.spec.code && $from.sameParent($to) && $from.parent.isTextblock && !$from.parent.type.spec.code) {
+    tr.replace($from.pos, $to.pos, new Slice(Fragment2.from(single), 1, 1));
+  } else {
+    const blocks = wholeBlocks(doc, $from, $to, content);
+    if (blocks) {
+      tr.replaceWith(blocks.from, blocks.to, content);
+    } else {
+      tr.replaceRange($from.pos, $to.pos, Slice.maxOpen(content));
+    }
+  }
+  selectionToInsertionEnd(tr, tr.steps.length - 1, -1);
+  return true;
+}
+function replaceEditorSelection(editor, html) {
+  if (editor.state.selection.empty) return false;
+  let content;
+  try {
+    const parsed = createNodeFromContent(html, editor.schema, {
+      parseOptions: { preserveWhitespace: "full", ...editor.options.parseOptions }
+    });
+    content = parsed instanceof Fragment2 ? parsed : Fragment2.from(parsed);
+  } catch {
+    return false;
+  }
+  return editor.chain().focus().command(({ tr }) => replaceSelectionWith(tr, content)).run();
+}
+
 // src/selectionMarkdown.ts
-import { DOMSerializer, Fragment as Fragment2 } from "@tiptap/pm/model";
+import { DOMSerializer, Fragment as Fragment3 } from "@tiptap/pm/model";
 function selectionMarkdown(state) {
   const { selection } = state;
   if (selection.empty) return "";
@@ -1143,7 +1202,7 @@ function selectionMarkdown(state) {
   let inline = false;
   if ($from.sameParent($to) && $from.parent.isTextblock) {
     inline = $from.parentOffset !== 0 || $to.parentOffset !== $from.parent.content.size;
-    fragment = !inline ? Fragment2.from($from.parent) : state.doc.slice(from, to).content;
+    fragment = !inline ? Fragment3.from($from.parent) : state.doc.slice(from, to).content;
   }
   const container = document.createElement("div");
   const target = inline ? container.appendChild(document.createElement("p")) : container;
@@ -1942,7 +2001,10 @@ function EditorProvider({
   const replaceSelection = useCallback3(
     (markdown) => {
       if (activeView === "wysiwyg" && tiptapEditor) {
-        tiptapEditor.chain().focus().insertContent(markdownToTiptap(markdown)).run();
+        const html = markdownToTiptap(markdown);
+        if (!replaceEditorSelection(tiptapEditor, html)) {
+          tiptapEditor.chain().focus().insertContent(html).run();
+        }
         return true;
       }
       if (activeView === "raw" && monacoEditor) {

package/dist/{chunk-HXQQK2S2.js → chunk-S73OV74D.js}

@@ -1,10 +1,12 @@
 import {
+  AlignedTableCell,
+  AlignedTableHeader,
   MarkdownEscape
-} from "./chunk-MJNLKPGH.js";
+} from "./chunk-2D2VBYX7.js";
 import {
   markdownToTiptap,
   tiptapToMarkdown
-} from "./chunk-LTT6QQHJ.js";
+} from "./chunk-V7HUUMMB.js";
 
 // src/jsonEditor/JsonEditorContext.tsx
 import { createContext, useContext, useEffect, useMemo } from "react";
@@ -70,8 +72,6 @@ import { useEditor, EditorContent } from "@tiptap/react";
 import StarterKit from "@tiptap/starter-kit";
 import Table from "@tiptap/extension-table";
 import TableRow from "@tiptap/extension-table-row";
-import TableCell from "@tiptap/extension-table-cell";
-import TableHeader from "@tiptap/extension-table-header";
 import TaskList from "@tiptap/extension-task-list";
 import TaskItem from "@tiptap/extension-task-item";
 import Placeholder from "@tiptap/extension-placeholder";
@@ -90,16 +90,16 @@ function EmbeddedRichTextField(props) {
       }),
       Table.configure({ resizable: false }),
       TableRow,
-      TableCell,
-      TableHeader,
+      AlignedTableCell,
+      AlignedTableHeader,
       TaskList,
       TaskItem.configure({ nested: true }),
       Placeholder.configure({ placeholder: placeholder ?? "" }),
       MarkdownEscape
     ],
     content: markdownToTiptap(value),
-    onUpdate: ({ editor: ed }) => {
-      if (isExternalUpdate.current) return;
+    onUpdate: ({ editor: ed, transaction }) => {
+      if (!transaction.docChanged || isExternalUpdate.current) return;
       const html = ed.getHTML();
       const md = tiptapToMarkdown(html);
       lastValueRef.current = md;

package/dist/{chunk-LTT6QQHJ.js → chunk-V7HUUMMB.js}

@@ -673,6 +673,7 @@ function tiptapToMarkdown(html) {
           "| " + aligns.map((a) => {
             if (a === "center") return ":---:";
             if (a === "right") return "---:";
+            if (a === "left") return ":---";
             return "---";
           }).join(" | ") + " |"
         );

package/dist/index.js

@@ -243,7 +243,7 @@ import {
   videoEmbedParagraphJson,
   viewStateFromBinding,
   writeHeadingViewState
-} from "./chunk-SDSVFFJO.js";
+} from "./chunk-NRJDPKOS.js";
 import {
   EditorProvider,
   applySourceEditsToText,
@@ -264,7 +264,7 @@ import {
   useBlockNavigator,
   useEditorContext,
   useEditorInsertMenuItems
-} from "./chunk-2DHVG55U.js";
+} from "./chunk-OMSRCHQ4.js";
 import {
   SPEECH_INPUT_SAMPLE_RATE,
   isSpeechInputProviderFactory,
@@ -273,14 +273,14 @@ import {
 import "./chunk-A2H3JOA5.js";
 import {
   JsonEditor
-} from "./chunk-HXQQK2S2.js";
+} from "./chunk-S73OV74D.js";
 import {
   MarkdownEscape
-} from "./chunk-MJNLKPGH.js";
+} from "./chunk-2D2VBYX7.js";
 import {
   markdownToTiptap,
   tiptapToMarkdown
-} from "./chunk-LTT6QQHJ.js";
+} from "./chunk-V7HUUMMB.js";
 import {
   ImageEditor,
   ImageViewer,

package/dist/json-editor/index.js

@@ -1,8 +1,8 @@
 import {
   JsonEditor
-} from "../chunk-HXQQK2S2.js";
-import "../chunk-MJNLKPGH.js";
-import "../chunk-LTT6QQHJ.js";
+} from "../chunk-S73OV74D.js";
+import "../chunk-2D2VBYX7.js";
+import "../chunk-V7HUUMMB.js";
 export {
   JsonEditor
 };

package/dist/review/index.js

@@ -19,9 +19,9 @@ import {
   updateReviewDecorations,
   useReview,
   useReviewState
-} from "../chunk-2DHVG55U.js";
+} from "../chunk-OMSRCHQ4.js";
 import "../chunk-DNEVUOBZ.js";
-import "../chunk-LTT6QQHJ.js";
+import "../chunk-V7HUUMMB.js";
 
 // src/review/proofingAdapter.ts
 import {

package/dist/shell/index.js

@@ -5,16 +5,16 @@ import {
   RawEditor,
   WysiwygEditor,
   useEditorContextMenuItems
-} from "../chunk-SDSVFFJO.js";
+} from "../chunk-NRJDPKOS.js";
 import {
   EditorProvider,
   useEditorContext,
   useEditorInsertMenuItems
-} from "../chunk-2DHVG55U.js";
+} from "../chunk-OMSRCHQ4.js";
 import "../chunk-DNEVUOBZ.js";
 import "../chunk-A2H3JOA5.js";
-import "../chunk-MJNLKPGH.js";
-import "../chunk-LTT6QQHJ.js";
+import "../chunk-2D2VBYX7.js";
+import "../chunk-V7HUUMMB.js";
 import "../chunk-HLU6ZBS7.js";
 import "../chunk-LXGQA2SY.js";
 import "../chunk-LRZJD5YD.js";

package/dist/styles/index.css

@@ -8018,14 +8018,7 @@
   background: var(--squisq-surface-overlay);
   box-shadow: 0 12px 32px rgba(15, 23, 42, 0.2), 0 2px 6px rgba(15, 23, 42, 0.08);
   box-sizing: border-box;
-  font-family:
-    -apple-system,
-    BlinkMacSystemFont,
-    "Segoe UI",
-    "Noto Sans",
-    Helvetica,
-    Arial,
-    sans-serif;
+  font-family: var( --squisq-ux-font, -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif );
   animation: squisq-use-mode-menu-in 0.12s ease-out;
 }
 .squisq-use-mode-menu-item {
@@ -8184,10 +8177,7 @@
   background: var(--cover-bg);
   color: var(--cover-text);
   box-shadow: 0 12px 32px rgba(0, 0, 0, 0.2);
-  font-family:
-    system-ui,
-    -apple-system,
-    sans-serif;
+  font-family: var(--squisq-ux-font, system-ui, -apple-system, sans-serif);
   color-scheme: light;
 }
 .squisq-cover-slide-menu[data-theme=dark] {
@@ -8618,6 +8608,7 @@
   border: 1px solid var(--squisq-border-subtle);
   border-radius: 6px;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
+  font-family: var(--squisq-ux-font, system-ui, sans-serif);
 }
 .squisq-toolbar-overflow-menu--down {
   top: 100%;
@@ -9805,6 +9796,7 @@
   border: 1px solid var(--squisq-block-props-divider);
   border-radius: 10px;
   box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.08);
+  font-family: var(--squisq-ux-font, system-ui, sans-serif);
 }
 .squisq-block-props-row {
   display: flex;
@@ -14180,6 +14172,7 @@ button.squisq-view-menu-radio-row:focus-visible {
   border-radius: 8px;
   box-shadow: 0 8px 28px rgba(0, 0, 0, 0.18);
   padding: 6px;
+  font-family: var(--squisq-ux-font, system-ui, sans-serif);
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
   gap: 4px;
@@ -14601,6 +14594,7 @@ button.squisq-view-menu-radio-row:focus-visible {
   border: 1px solid var(--squisq-block-props-divider);
   border-radius: 10px;
   box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.08);
+  font-family: var(--squisq-ux-font, system-ui, sans-serif);
   overflow: hidden;
 }
 .squisq-transition-flyout-search {
@@ -19334,6 +19328,7 @@ button.squisq-ascii-timeline-track-name:focus-visible {
   border-radius: 8px;
   box-shadow: 0 6px 24px rgba(0, 0, 0, 0.14);
   padding: 4px;
+  font-family: var(--squisq-ux-font, system-ui, sans-serif);
   font-size: 13px;
 }
 .squisq-proof-menu-header {
@@ -19381,6 +19376,7 @@ button.squisq-ascii-timeline-track-name:focus-visible {
   border-radius: 8px;
   box-shadow: 0 6px 24px rgba(0, 0, 0, 0.14);
   padding: 8px 10px;
+  font-family: var(--squisq-ux-font, system-ui, sans-serif);
   font-size: 12px;
   line-height: 1.4;
   color: var(--squisq-text);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bendyline/squisq-editor-react",
-  "version": "2.13.0",
+  "version": "2.13.2",
   "description": "React editor shell with raw/WYSIWYG/preview modes for Squisq documents",
   "license": "MIT",
   "author": "Bendyline",
@@ -104,10 +104,10 @@
   "dependencies": {
     "@bendyline/squisq": "2.13.0",
     "@bendyline/squisq-calc": "2.11.2",
-    "@bendyline/squisq-formats": "2.8.0",
+    "@bendyline/squisq-formats": "2.8.1",
     "@bendyline/squisq-grid-react": "2.11.29",
-    "@bendyline/squisq-react": "2.12.8",
-    "@bendyline/squisq-video-react": "2.5.9",
+    "@bendyline/squisq-react": "2.12.9",
+    "@bendyline/squisq-video-react": "2.5.10",
     "@fortawesome/fontawesome-free": "7.3.1",
     "@tiptap/core": "2.27.3",
     "@tiptap/extension-heading": "2.27.3",

package/dist/chunk-MJNLKPGH.js

@@ -1,20 +0,0 @@
-import {
-  MARKDOWN_ESCAPE_ATTR
-} from "./chunk-LTT6QQHJ.js";
-
-// src/MarkdownEscape.ts
-import { Mark, mergeAttributes } from "@tiptap/core";
-var MarkdownEscape = Mark.create({
-  name: "markdownEscape",
-  inclusive: false,
-  parseHTML() {
-    return [{ tag: `span[${MARKDOWN_ESCAPE_ATTR}]` }];
-  },
-  renderHTML({ HTMLAttributes }) {
-    return ["span", mergeAttributes(HTMLAttributes, { [MARKDOWN_ESCAPE_ATTR]: "" }), 0];
-  }
-});
-
-export {
-  MarkdownEscape
-};