tiptap-markdown-react 0.14.1 → 0.14.3

package/README.md

@@ -258,7 +258,6 @@ Override any of these CSS variables on an ancestor (e.g. `:root` or the editor c
 | `--tmr-line-height` | `1.7` | Content line height |
 | `--tmr-min-height` | `420px` | Editor min height |
 | `--tmr-code-bg` | `#f4f4f4` | Inline code background |
-| `--tmr-code-max-height` | `480px` | Readonly code block max height (long blocks scroll internally; the header toggle expands to full height; `none` disables the cap). Editable code blocks are never capped |
 | `--tmr-table-header-bg` | `#f7f7f7` | Table header background |
 | `--tmr-comment-ring` | `rgba(219, 171, 10, 0.55)` | Active mark / block outline ring |
 | `--tmr-comment-gutter-bg` | `#f4b400` | Gutter bubble background |

package/dist/index.js

@@ -1292,25 +1292,25 @@ function createChart(options = {}) {
     }
   });
 }
-const wrapper = "_wrapper_16490_2";
-const header$1 = "_header_16490_18";
-const langTrigger = "_langTrigger_16490_28";
-const langChevron = "_langChevron_16490_50";
-const readonlyHeader = "_readonlyHeader_16490_56";
-const langBadge = "_langBadge_16490_64";
-const langMenu = "_langMenu_16490_78";
-const langItem = "_langItem_16490_91";
-const langItemSelected = "_langItemSelected_16490_110";
-const langItemCheck = "_langItemCheck_16490_115";
-const deleteBtn = "_deleteBtn_16490_123";
-const pre = "_pre_16490_143";
-const readonly = "_readonly_16490_56";
-const expanded = "_expanded_16490_162";
-const gutter = "_gutter_16490_168";
-const gutterLine = "_gutterLine_16490_185";
-const readonlyActions = "_readonlyActions_16490_189";
-const actionBtn = "_actionBtn_16490_195";
-const langBraces = "_langBraces_16490_214";
+const wrapper = "_wrapper_k8th1_2";
+const header$1 = "_header_k8th1_18";
+const langTrigger = "_langTrigger_k8th1_28";
+const langChevron = "_langChevron_k8th1_50";
+const readonlyHeader = "_readonlyHeader_k8th1_56";
+const langBadge = "_langBadge_k8th1_64";
+const langMenu = "_langMenu_k8th1_78";
+const langItem = "_langItem_k8th1_91";
+const langItemSelected = "_langItemSelected_k8th1_110";
+const langItemCheck = "_langItemCheck_k8th1_115";
+const deleteBtn = "_deleteBtn_k8th1_123";
+const pre = "_pre_k8th1_143";
+const readonly = "_readonly_k8th1_56";
+const folded = "_folded_k8th1_161";
+const gutter = "_gutter_k8th1_167";
+const gutterLine = "_gutterLine_k8th1_184";
+const readonlyActions = "_readonlyActions_k8th1_188";
+const actionBtn = "_actionBtn_k8th1_194";
+const langBraces = "_langBraces_k8th1_213";
 const styles$4 = {
   wrapper,
   header: header$1,
@@ -1325,7 +1325,7 @@ const styles$4 = {
   deleteBtn,
   pre,
   readonly,
-  expanded,
+  folded,
   gutter,
   gutterLine,
   readonlyActions,
@@ -1370,8 +1370,7 @@ function CodeBlockView({
   const editable = editor.isEditable;
   const readonly2 = !editable;
   const [copied, setCopied] = useState(false);
-  const [expanded2, setExpanded] = useState(false);
-  const [scrollable, setScrollable] = useState(false);
+  const [folded2, setFolded] = useState(false);
   const [lineCount, setLineCount] = useState(
     () => Math.max((node.textContent ?? "").split("\n").length, 1)
   );
@@ -1382,17 +1381,12 @@ function CodeBlockView({
     if (!pre2) return;
     const update = () => {
       setLineCount(Math.max((pre2.textContent ?? "").split("\n").length, 1));
-      setScrollable(pre2.scrollHeight > pre2.clientHeight + 2);
     };
     update();
     const mo = new MutationObserver(update);
     mo.observe(pre2, { childList: true, subtree: true, characterData: true });
-    window.addEventListener("resize", update);
-    return () => {
-      mo.disconnect();
-      window.removeEventListener("resize", update);
-    };
-  }, [readonly2, expanded2]);
+    return () => mo.disconnect();
+  }, [readonly2]);
   const handleCopy = () => {
     var _a2;
     const text = node.textContent ?? "";
@@ -1419,7 +1413,7 @@ function CodeBlockView({
   const wrapperClass = [
     styles$4.wrapper,
     readonly2 ? styles$4.readonly : "",
-    expanded2 ? styles$4.expanded : ""
+    folded2 ? styles$4.folded : ""
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxs(NodeViewWrapper, { className: wrapperClass, children: [
     editable ? /* @__PURE__ */ jsxs("div", { className: styles$4.header, contentEditable: false, children: [
@@ -1491,18 +1485,18 @@ function CodeBlockView({
               children: copied ? /* @__PURE__ */ jsx(CheckIcon, { size: 14 }) : /* @__PURE__ */ jsx(CopyIcon, { size: 14 })
             }
           ),
-          scrollable || expanded2 ? /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx(
             "button",
             {
               type: "button",
               className: styles$4.actionBtn,
-              onClick: () => setExpanded((v) => !v),
-              "aria-label": expanded2 ? labels.collapse : labels.expand,
-              title: expanded2 ? labels.collapse : labels.expand,
-              "aria-expanded": expanded2,
+              onClick: () => setFolded((v) => !v),
+              "aria-label": folded2 ? labels.expand : labels.collapse,
+              title: folded2 ? labels.expand : labels.collapse,
+              "aria-expanded": !folded2,
               children: /* @__PURE__ */ jsx(ChevronsUpDownIcon, { size: 14 })
             }
-          ) : null
+          )
         ] })
       ] })
     ),
@@ -1888,6 +1882,23 @@ function MarkdownPreview({
     },
     [extensions]
   );
+  useEffect(() => {
+    if (!editor) return;
+    const strip = () => {
+      const { doc, tr } = editor.state;
+      const last = doc.lastChild;
+      if (doc.childCount > 1 && (last == null ? void 0 : last.type.name) === "paragraph" && last.content.size === 0) {
+        editor.view.dispatch(
+          tr.delete(doc.content.size - last.nodeSize, doc.content.size)
+        );
+      }
+    };
+    strip();
+    editor.on("update", strip);
+    return () => {
+      editor.off("update", strip);
+    };
+  }, [editor]);
   useEffect(() => {
     if (!editor) return;
     editor.commands.setContent(prepared, { contentType: "markdown" });