@bendyline/squisq-editor-react 2.12.11 → 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-B6DGISKE.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,
@@ -23900,6 +23902,7 @@ import { useCallback as useCallback35, useMemo as useMemo28, useRef as useRef39,
 
 // src/asciiDiagram/asciiDiagramCommands.ts
 import {
+  arrangeAsciiDiagram,
   canvasToAsciiCell,
   ASCII_CHAR_H,
   ASCII_CHAR_W,
@@ -24127,6 +24130,8 @@ function applyAsciiDiagramCommand(editor, blockId, cmd, options = {}) {
     }
     case "removeNode":
       return apply((d) => removeNodeOp(d, cmd.nodeId));
+    case "autoArrange":
+      return apply((d) => arrangeAsciiDiagram(d, { direction: cmd.direction }));
   }
   const _exhaustive = cmd;
   void _exhaustive;
@@ -24230,6 +24235,14 @@ function AsciiDiagramWidget({
       disabled: selectedNodeIds.length === 0,
       onClick: () => selectedNodeIds.forEach((id) => dispatch({ kind: "removeNode", nodeId: id }))
     },
+    {
+      id: "auto-arrange",
+      label: "Arrange",
+      icon: /* @__PURE__ */ jsx53(Icon, { icon: "fa-solid fa-diagram-project" }),
+      title: "Arrange nodes so connections flow top to bottom",
+      disabled: view.diagram.nodes.length < 2,
+      onClick: () => dispatch({ kind: "autoArrange" })
+    },
     {
       id: "ascii-source",
       label: "Source",
@@ -33666,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";
@@ -35569,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({
@@ -35593,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.d.ts

@@ -1751,6 +1751,11 @@ type DiagramCommand = {
 } | {
     kind: 'removeNode';
     nodeId: string;
+}
+/** Re-place every node so connections flow one way (`down` unless told otherwise). */
+ | {
+    kind: 'autoArrange';
+    direction?: 'down' | 'right';
 };
 interface DiagramCanvasProps {
     nodes: DiagramNode[];

package/dist/index.js

@@ -243,7 +243,7 @@ import {
   videoEmbedParagraphJson,
   viewStateFromBinding,
   writeHeadingViewState
-} from "./chunk-B6DGISKE.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-B6DGISKE.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.12.11",
+  "version": "2.13.1",
   "description": "React editor shell with raw/WYSIWYG/preview modes for Squisq documents",
   "license": "MIT",
   "author": "Bendyline",
@@ -102,12 +102,12 @@
     }
   },
   "dependencies": {
-    "@bendyline/squisq": "2.12.5",
+    "@bendyline/squisq": "2.13.0",
     "@bendyline/squisq-calc": "2.11.2",
-    "@bendyline/squisq-formats": "2.7.6",
-    "@bendyline/squisq-grid-react": "2.11.28",
-    "@bendyline/squisq-react": "2.12.7",
-    "@bendyline/squisq-video-react": "2.5.8",
+    "@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",
     "@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
-};