release: 2026.3.1

Author: iamdabe

README.md

@@ -56,7 +56,7 @@ Use the slash command menu or type markdown syntax and have it automatically con
    - `window.blazorMarkdownEditor.focus(...)`
    - `window.blazorMarkdownEditor.destroy(...)`
 
-Versioning uses a calendar schema: `YYYY.MINOR.PATCH` (current: `2026.2.2`).
+Versioning uses a calendar schema: `YYYY.MINOR.PATCH` (current: `2026.3.1`).
 
 ## Third-Party
 * markdown-it 14.1.0

docs/jsinterop-packaging.md

@@ -25,7 +25,7 @@ Build output includes license headers automatically.
 This project uses calendar versioning:
 
 - Format: `YYYY.MINOR.PATCH`
-- Current: `2026.2.2`
+- Current: `2026.3.1`
 
 ## Blazor / MudBlazor consumption
 

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "blazor-markdown-editor",
-  "version": "2026.2.2",
+  "version": "2026.3.1",
   "private": true,
   "type": "module",
   "scripts": {

package.json

@@ -80,6 +80,15 @@
 .link-toolbar button:hover {
   background: #f0f0ff;
 }
+.table-toolbar button:disabled,
+.link-toolbar button:disabled {
+  opacity: 0.45;
+  cursor: not-allowed;
+}
+.table-toolbar button:disabled:hover,
+.link-toolbar button:disabled:hover {
+  background: none;
+}
 .table-toolbar .sep {
   width: 1px;
   background: #e0e0e0;

src/blazor-markdown-editor.css

@@ -378,6 +378,35 @@ function compactLineBreak(state, dispatch) {
   return true;
 }
 
+function getActiveTableContext(state) {
+  const { $head } = state.selection;
+  let tableDepth = -1;
+  let rowDepth = -1;
+
+  for (let d = $head.depth; d > 0; d--) {
+    const name = $head.node(d).type.name;
+    if (rowDepth < 0 && name === "table_row") rowDepth = d;
+    if (name === "table") {
+      tableDepth = d;
+      break;
+    }
+  }
+
+  if (tableDepth < 0 || rowDepth < 0) return null;
+
+  return {
+    tableDepth,
+    rowDepth,
+    rowIndex: $head.index(tableDepth),
+  };
+}
+
+function addRowBeforeIfAllowed(state, dispatch) {
+  const tableContext = getActiveTableContext(state);
+  if (tableContext?.rowIndex === 0) return false;
+  return addRowBefore(state, dispatch);
+}
+
 // ── Inline Markdown Input Rules ──
 const inlineMarkdownRules = inputRules({ rules: [
   // **bold**
@@ -464,7 +493,16 @@ function tableToolbarPlugin() {
     return el;
   }
   const cmds = { addColumnBefore, addColumnAfter, deleteColumn,
-                 addRowBefore, addRowAfter, deleteRow, deleteTable };
+                 addRowBefore: addRowBeforeIfAllowed, addRowAfter, deleteRow, deleteTable };
+
+  function updateButtonStates(state) {
+    if (!toolbarEl) return;
+
+    toolbarEl.querySelectorAll("button[data-cmd]").forEach((btn) => {
+      const cmd = cmds[btn.dataset.cmd];
+      btn.disabled = cmd ? !cmd(state) : true;
+    });
+  }
 
   function positionForSelection(view) {
     if (!view.hasFocus()) { hideToolbar(); return; }
@@ -482,6 +520,7 @@ function tableToolbarPlugin() {
 
     if (!inTbl || !tblDom) { hideToolbar(); return; }
 
+  updateButtonStates(view.state);
     const r = tblDom.getBoundingClientRect();
     toolbarEl.style.display = "flex";
     toolbarEl.style.left = r.left + "px";
@@ -494,6 +533,7 @@ function tableToolbarPlugin() {
       toolbarEl.addEventListener("mousedown", e => {
         e.preventDefault();
         const btn = e.target.closest("button[data-cmd]");
+        if (btn?.disabled) return;
         if (btn) { const c = cmds[btn.dataset.cmd]; if (c) c(editorView.state, editorView.dispatch); }
       });
 

src/blazor-markdown-editor.js

@@ -83,6 +83,15 @@
 .link-toolbar button:hover {
   background: #f0f0ff;
 }
+.table-toolbar button:disabled,
+.link-toolbar button:disabled {
+  opacity: 0.45;
+  cursor: not-allowed;
+}
+.table-toolbar button:disabled:hover,
+.link-toolbar button:disabled:hover {
+  background: none;
+}
 .table-toolbar .sep {
   width: 1px;
   background: #e0e0e0;

wwwroot/blazor-markdown-editor.css

@@ -32022,6 +32022,30 @@
     if (dispatch) dispatch(state.tr.replaceSelectionWith(schema2.nodes.hard_break.create()).scrollIntoView());
     return true;
   }
+  function getActiveTableContext(state) {
+    const { $head } = state.selection;
+    let tableDepth = -1;
+    let rowDepth = -1;
+    for (let d = $head.depth; d > 0; d--) {
+      const name = $head.node(d).type.name;
+      if (rowDepth < 0 && name === "table_row") rowDepth = d;
+      if (name === "table") {
+        tableDepth = d;
+        break;
+      }
+    }
+    if (tableDepth < 0 || rowDepth < 0) return null;
+    return {
+      tableDepth,
+      rowDepth,
+      rowIndex: $head.index(tableDepth)
+    };
+  }
+  function addRowBeforeIfAllowed(state, dispatch) {
+    const tableContext = getActiveTableContext(state);
+    if (tableContext?.rowIndex === 0) return false;
+    return addRowBefore(state, dispatch);
+  }
   var inlineMarkdownRules = inputRules({ rules: [
     // **bold**
     new InputRule(/\*\*([^\s*](?:[^*]*[^\s*])?)\*\*$/, (state, match2, start, end) => {
@@ -32096,11 +32120,18 @@
       addColumnBefore,
       addColumnAfter,
       deleteColumn,
-      addRowBefore,
+      addRowBefore: addRowBeforeIfAllowed,
       addRowAfter,
       deleteRow,
       deleteTable
     };
+    function updateButtonStates(state) {
+      if (!toolbarEl) return;
+      toolbarEl.querySelectorAll("button[data-cmd]").forEach((btn) => {
+        const cmd = cmds[btn.dataset.cmd];
+        btn.disabled = cmd ? !cmd(state) : true;
+      });
+    }
     function positionForSelection(view) {
       if (!view.hasFocus()) {
         hideToolbar();
@@ -32120,6 +32151,7 @@
         hideToolbar();
         return;
       }
+      updateButtonStates(view.state);
       const r = tblDom.getBoundingClientRect();
       toolbarEl.style.display = "flex";
       toolbarEl.style.left = r.left + "px";
@@ -32131,6 +32163,7 @@
         toolbarEl.addEventListener("mousedown", (e) => {
           e.preventDefault();
           const btn = e.target.closest("button[data-cmd]");
+          if (btn?.disabled) return;
           if (btn) {
             const c = cmds[btn.dataset.cmd];
             if (c) c(editorView.state, editorView.dispatch);