@bendyline/squisq-editor-react 2.13.1 → 2.13.3

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

@@ -1,8 +1,9 @@
 import {
   AlignedTableCell,
   AlignedTableHeader,
-  MarkdownEscape
-} from "./chunk-2D2VBYX7.js";
+  MarkdownEscape,
+  PlainTextClipboard
+} from "./chunk-SINLDQ63.js";
 import {
   markdownToTiptap,
   tiptapToMarkdown
@@ -95,7 +96,8 @@ function EmbeddedRichTextField(props) {
       TaskList,
       TaskItem.configure({ nested: true }),
       Placeholder.configure({ placeholder: placeholder ?? "" }),
-      MarkdownEscape
+      MarkdownEscape,
+      PlainTextClipboard
     ],
     content: markdownToTiptap(value),
     onUpdate: ({ editor: ed, transaction }) => {

package/dist/{chunk-UXMCBHPM.js → chunk-OMSRCHQ4.js}

@@ -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-SINLDQ63.js

@@ -0,0 +1,150 @@
+import {
+  MARKDOWN_ESCAPE_ATTR
+} from "./chunk-V7HUUMMB.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];
+  }
+});
+
+// src/PlainTextClipboard.ts
+import { Extension, getTextSerializersFromSchema } from "@tiptap/core";
+import { Plugin, PluginKey } from "@tiptap/pm/state";
+var LIST_TYPES = /* @__PURE__ */ new Set(["bulletList", "orderedList", "taskList"]);
+var LIST_ITEM_TYPES = /* @__PURE__ */ new Set(["listItem", "taskItem"]);
+var isList = (node) => LIST_TYPES.has(node.type.name);
+var isListItem = (node) => LIST_ITEM_TYPES.has(node.type.name);
+var isTableRow = (node) => node.type.spec.tableRole === "row";
+var isTableCell = (node) => node.type.spec.tableRole === "cell" || node.type.spec.tableRole === "header_cell";
+function sliceToPlainText(slice, serializers = {}) {
+  const textblock = soleOpenTextblock(slice);
+  if (textblock) return inlineText(textblock, serializers);
+  const first = slice.content.firstChild;
+  if (first?.isInline) {
+    const wrapper = first.type.schema.topNodeType.contentMatch.defaultType;
+    return wrapper ? inlineText(wrapper.create(null, slice.content), serializers) : "";
+  }
+  return blocksText(slice.content, serializers);
+}
+function soleOpenTextblock(slice) {
+  let content = slice.content;
+  for (let depth = 1; depth <= Math.min(slice.openStart, slice.openEnd); depth++) {
+    if (content.childCount !== 1) return null;
+    const node = content.child(0);
+    if (node.isTextblock) return node;
+    content = node.content;
+  }
+  return null;
+}
+function inlineText(textblock, serializers) {
+  const range = { from: 0, to: textblock.content.size };
+  let text = "";
+  textblock.forEach((node, pos, index) => {
+    const serialize = serializers[node.type.name];
+    text += serialize ? serialize({ node, pos, parent: textblock, index, range }) : node.textContent;
+  });
+  return text;
+}
+function blocksText(content, serializers, inListItem = false) {
+  let text = "";
+  let previous = null;
+  for (let i = 0; i < content.childCount; i++) {
+    const node = content.child(i);
+    const block = blockText(node, serializers);
+    if (!block && !isTableCell(node)) continue;
+    if (previous) text += separator(previous, node, inListItem);
+    text += block;
+    previous = node;
+  }
+  return text;
+}
+function separator(previous, next, inListItem) {
+  if (isTableCell(previous) && isTableCell(next)) return "	";
+  if (isListItem(previous) && isListItem(next)) return "\n";
+  if (isTableRow(previous) && isTableRow(next)) return "\n";
+  if (inListItem && isList(next)) return "\n";
+  return "\n\n";
+}
+function blockText(node, serializers) {
+  if (node.isTextblock) return inlineText(node, serializers);
+  if (isList(node)) return listText(node, serializers);
+  if (isListItem(node)) return listItemText(node, bulletMarker(node), serializers);
+  if (isTableCell(node)) return blocksText(node.content, serializers).replace(/\s*\n\s*/g, " ");
+  return blocksText(node.content, serializers);
+}
+function listText(list, serializers) {
+  const start = list.attrs.start;
+  const items = [];
+  list.forEach((item, _pos, index) => {
+    const marker = typeof start === "number" ? `${start + index}. ` : bulletMarker(item);
+    items.push(listItemText(item, marker, serializers));
+  });
+  return items.join("\n");
+}
+function bulletMarker(item) {
+  const checked = item.attrs.checked;
+  if (typeof checked !== "boolean") return "- ";
+  return checked ? "- [x] " : "- [ ] ";
+}
+function listItemText(item, marker, serializers) {
+  const body = blocksText(item.content, serializers, true);
+  const indent = " ".repeat(marker.length);
+  const lines = body.split("\n").map((line) => line ? indent + line : line);
+  if (item.firstChild && isList(item.firstChild)) return lines.join("\n");
+  lines[0] = body ? marker + lines[0].slice(indent.length) : marker.trimEnd();
+  return lines.join("\n");
+}
+var PlainTextClipboard = Extension.create({
+  name: "plainTextClipboard",
+  addProseMirrorPlugins() {
+    const serializers = getTextSerializersFromSchema(this.editor.schema);
+    return [
+      new Plugin({
+        key: new PluginKey("plainTextClipboard"),
+        props: {
+          // Tiptap runs a later extension's plugins first, so this prop wins
+          // over the core ClipboardTextSerializer's.
+          clipboardTextSerializer: (slice) => sliceToPlainText(slice, serializers)
+        }
+      })
+    ];
+  }
+});
+
+// src/tiptap/alignedTableCells.ts
+import TableCell from "@tiptap/extension-table-cell";
+import TableHeader from "@tiptap/extension-table-header";
+var ALIGNMENTS = /* @__PURE__ */ new Set(["left", "center", "right"]);
+var align = {
+  default: null,
+  parseHTML: (element) => {
+    const value = element.style.textAlign;
+    return ALIGNMENTS.has(value) ? value : null;
+  },
+  renderHTML: (attributes) => typeof attributes.align === "string" && ALIGNMENTS.has(attributes.align) ? { style: `text-align: ${attributes.align}` } : {}
+};
+var AlignedTableCell = TableCell.extend({
+  addAttributes() {
+    return { ...this.parent?.(), align };
+  }
+});
+var AlignedTableHeader = TableHeader.extend({
+  addAttributes() {
+    return { ...this.parent?.(), align };
+  }
+});
+
+export {
+  MarkdownEscape,
+  PlainTextClipboard,
+  AlignedTableCell,
+  AlignedTableHeader
+};

package/dist/index.js

@@ -243,7 +243,7 @@ import {
   videoEmbedParagraphJson,
   viewStateFromBinding,
   writeHeadingViewState
-} from "./chunk-KEGQWZPO.js";
+} from "./chunk-D77UNB6T.js";
 import {
   EditorProvider,
   applySourceEditsToText,
@@ -264,7 +264,7 @@ import {
   useBlockNavigator,
   useEditorContext,
   useEditorInsertMenuItems
-} from "./chunk-UXMCBHPM.js";
+} from "./chunk-OMSRCHQ4.js";
 import {
   SPEECH_INPUT_SAMPLE_RATE,
   isSpeechInputProviderFactory,
@@ -273,10 +273,10 @@ import {
 import "./chunk-A2H3JOA5.js";
 import {
   JsonEditor
-} from "./chunk-S73OV74D.js";
+} from "./chunk-JMZ7RALZ.js";
 import {
   MarkdownEscape
-} from "./chunk-2D2VBYX7.js";
+} from "./chunk-SINLDQ63.js";
 import {
   markdownToTiptap,
   tiptapToMarkdown

package/dist/json-editor/index.js

@@ -1,7 +1,7 @@
 import {
   JsonEditor
-} from "../chunk-S73OV74D.js";
-import "../chunk-2D2VBYX7.js";
+} from "../chunk-JMZ7RALZ.js";
+import "../chunk-SINLDQ63.js";
 import "../chunk-V7HUUMMB.js";
 export {
   JsonEditor

package/dist/review/index.js

@@ -19,7 +19,7 @@ import {
   updateReviewDecorations,
   useReview,
   useReviewState
-} from "../chunk-UXMCBHPM.js";
+} from "../chunk-OMSRCHQ4.js";
 import "../chunk-DNEVUOBZ.js";
 import "../chunk-V7HUUMMB.js";
 

package/dist/shell/index.js

@@ -5,15 +5,15 @@ import {
   RawEditor,
   WysiwygEditor,
   useEditorContextMenuItems
-} from "../chunk-KEGQWZPO.js";
+} from "../chunk-D77UNB6T.js";
 import {
   EditorProvider,
   useEditorContext,
   useEditorInsertMenuItems
-} from "../chunk-UXMCBHPM.js";
+} from "../chunk-OMSRCHQ4.js";
 import "../chunk-DNEVUOBZ.js";
 import "../chunk-A2H3JOA5.js";
-import "../chunk-2D2VBYX7.js";
+import "../chunk-SINLDQ63.js";
 import "../chunk-V7HUUMMB.js";
 import "../chunk-HLU6ZBS7.js";
 import "../chunk-LXGQA2SY.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.1",
+  "version": "2.13.3",
   "description": "React editor shell with raw/WYSIWYG/preview modes for Squisq documents",
   "license": "MIT",
   "author": "Bendyline",
@@ -102,12 +102,12 @@
     }
   },
   "dependencies": {
-    "@bendyline/squisq": "2.13.0",
+    "@bendyline/squisq": "2.13.1",
     "@bendyline/squisq-calc": "2.11.2",
-    "@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-formats": "2.8.2",
+    "@bendyline/squisq-grid-react": "2.11.30",
+    "@bendyline/squisq-react": "2.12.10",
+    "@bendyline/squisq-video-react": "2.5.11",
     "@fortawesome/fontawesome-free": "7.3.1",
     "@tiptap/core": "2.27.3",
     "@tiptap/extension-heading": "2.27.3",

package/dist/chunk-2D2VBYX7.js

@@ -1,45 +0,0 @@
-import {
-  MARKDOWN_ESCAPE_ATTR
-} from "./chunk-V7HUUMMB.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];
-  }
-});
-
-// src/tiptap/alignedTableCells.ts
-import TableCell from "@tiptap/extension-table-cell";
-import TableHeader from "@tiptap/extension-table-header";
-var ALIGNMENTS = /* @__PURE__ */ new Set(["left", "center", "right"]);
-var align = {
-  default: null,
-  parseHTML: (element) => {
-    const value = element.style.textAlign;
-    return ALIGNMENTS.has(value) ? value : null;
-  },
-  renderHTML: (attributes) => typeof attributes.align === "string" && ALIGNMENTS.has(attributes.align) ? { style: `text-align: ${attributes.align}` } : {}
-};
-var AlignedTableCell = TableCell.extend({
-  addAttributes() {
-    return { ...this.parent?.(), align };
-  }
-});
-var AlignedTableHeader = TableHeader.extend({
-  addAttributes() {
-    return { ...this.parent?.(), align };
-  }
-});
-
-export {
-  MarkdownEscape,
-  AlignedTableCell,
-  AlignedTableHeader
-};