@bendyline/squisq-editor-react 2.13.0 → 2.13.1

package/dist/chunk-2D2VBYX7.js

@@ -0,0 +1,45 @@
+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
+};

package/dist/{chunk-SDSVFFJO.js → chunk-KEGQWZPO.js}

@@ -19,15 +19,17 @@ import {
   useDictationState,
   useEditorContext,
   useEditorContextOptional
-} from "./chunk-2DHVG55U.js";
+} from "./chunk-UXMCBHPM.js";
 import {
   monacoLanguageRequestKey,
   monacoLanguagesForDocument,
   normalizeMonacoLanguage
 } from "./chunk-A2H3JOA5.js";
 import {
+  AlignedTableCell,
+  AlignedTableHeader,
   MarkdownEscape
-} from "./chunk-MJNLKPGH.js";
+} from "./chunk-2D2VBYX7.js";
 import {
   escapeLinkLabel,
   formatLinkDestination,
@@ -36,7 +38,7 @@ import {
   mediaEditNodeAttributeName,
   mediaEditNodeAttributes,
   tiptapToMarkdown
-} from "./chunk-LTT6QQHJ.js";
+} from "./chunk-V7HUUMMB.js";
 import {
   ImageEditor,
   ImageViewer,
@@ -33677,8 +33679,6 @@ import { Extension as Extension16 } from "@tiptap/core";
 import StarterKit2 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 Link2 from "@tiptap/extension-link";
@@ -35580,8 +35580,8 @@ function WysiwygEditor({
       SceneBlockExtension.configure({ textChannel: sceneTextChannel }),
       Table.configure({ resizable: true }),
       TableRow,
-      TableCell,
-      TableHeader,
+      AlignedTableCell,
+      AlignedTableHeader,
       TaskList,
       TaskItem.configure({ nested: true }),
       LinkWithTitle.configure({
@@ -35604,7 +35604,8 @@ function WysiwygEditor({
       DictationExtension
     ],
     content: initialContentRef.current,
-    onUpdate: ({ editor: ed }) => {
+    onUpdate: ({ editor: ed, transaction }) => {
+      if (!transaction.docChanged) return;
       if (isExternalUpdate.current || externalApplyPendingRef.current) return;
       const bodyMd = persistFromWrite(tiptapToMarkdown(ed.getHTML()), wrapStateRef.current);
       const frontmatter = sourceLayoutRef.current === "document" ? String(ed.state.doc.attrs.sourceFrontmatter ?? "") : frontmatterRef.current;

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-2DHVG55U.js → chunk-UXMCBHPM.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";

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-KEGQWZPO.js";
 import {
   EditorProvider,
   applySourceEditsToText,
@@ -264,7 +264,7 @@ import {
   useBlockNavigator,
   useEditorContext,
   useEditorInsertMenuItems
-} from "./chunk-2DHVG55U.js";
+} from "./chunk-UXMCBHPM.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-UXMCBHPM.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-KEGQWZPO.js";
 import {
   EditorProvider,
   useEditorContext,
   useEditorInsertMenuItems
-} from "../chunk-2DHVG55U.js";
+} from "../chunk-UXMCBHPM.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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bendyline/squisq-editor-react",
-  "version": "2.13.0",
+  "version": "2.13.1",
   "description": "React editor shell with raw/WYSIWYG/preview modes for Squisq documents",
   "license": "MIT",
   "author": "Bendyline",
@@ -104,7 +104,7 @@
   "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",

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
-};