@editora/plugin-table 1.0.2

package/dist/index.cjs.js

@@ -0,0 +1,35 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function q(){const e=window.getSelection();if(!e||!e.rangeCount)return null;const n=e.getRangeAt(0).startContainer,o=n.nodeType===Node.TEXT_NODE?n.parentElement:n;return X(o)}function X(e){if(!e)return null;if(e.hasAttribute("data-editora-editor"))return e;let t=e.parentElement;for(;t;){if(t.hasAttribute("data-editora-editor"))return t;t=t.parentElement}return null}function _(e){return e?e.querySelector(".rte-content"):(console.warn("[Editora] Editor container not found"),null)}let h=null,m=null,R=null,x=null,I=null,S=null,M=null;const w='[data-theme="dark"], .dark, .editora-theme-dark';let g=!1,p=null,V=0,L=0,C=!1,A=0,k=0,B=0,D=0;const P=()=>{const e=q(),t=_(e);if(!t)return alert("Please place your cursor in the editor before inserting a table"),!1;const n=window.getSelection();if(!n||n.rangeCount===0)return;const o=n.getRangeAt(0),l=document.createElement("table");l.className="rte-table";const r=document.createElement("thead"),a=document.createElement("tr");for(let c=0;c<3;c++){const s=document.createElement("th"),u=document.createElement("p");u.appendChild(document.createElement("br")),s.appendChild(u),a.appendChild(s)}r.appendChild(a);const i=document.createElement("tbody");for(let c=0;c<2;c++){const s=document.createElement("tr");for(let u=0;u<3;u++){const v=document.createElement("td"),T=document.createElement("p");T.appendChild(document.createElement("br")),v.appendChild(T),s.appendChild(v)}i.appendChild(s)}l.appendChild(r),l.appendChild(i),o.deleteContents(),o.insertNode(l);const d=l.querySelector("th p");if(d){const c=document.createRange();c.setStart(d,0),c.collapse(!0),n.removeAllRanges(),n.addRange(c)}t.focus()},O=()=>{const e=f();if(!e)return;const{table:t,rowIndex:n}=e,o=document.createElement("tr"),l=t.rows[0]?.cells.length||0;for(let a=0;a<l;a++){const i=document.createElement("td"),d=document.createElement("p");d.innerHTML="<br>",i.appendChild(d),o.appendChild(i)}const r=t.rows[n];r&&r.parentElement?r.parentElement.insertBefore(o,r):t.appendChild(o),b()},H=()=>{const e=f();if(!e)return;const{table:t,rowIndex:n}=e,o=document.createElement("tr"),l=t.rows[0]?.cells.length||0;for(let r=0;r<l;r++){const a=document.createElement("td"),i=document.createElement("p");i.innerHTML="<br>",a.appendChild(i),o.appendChild(a)}n>=t.rows.length-1?t.appendChild(o):t.insertBefore(o,t.rows[n+1]),b()},W=()=>{const e=f();if(!e)return;const{table:t,colIndex:n}=e;for(let o=0;o<t.rows.length;o++){const l=t.rows[o],r=document.createElement("td"),a=document.createElement("p");a.innerHTML="<br>",r.appendChild(a),n===0?l.insertBefore(r,l.cells[0]):l.insertBefore(r,l.cells[n])}b()},z=()=>{const e=f();if(!e)return;const{table:t,colIndex:n}=e;for(let o=0;o<t.rows.length;o++){const l=t.rows[o],r=document.createElement("td"),a=document.createElement("p");a.innerHTML="<br>",r.appendChild(a),n>=l.cells.length-1?l.appendChild(r):l.insertBefore(r,l.cells[n+1])}b()},K=()=>{const e=f();if(!e||e.rowCount<=1)return;const{table:t,rowIndex:n}=e;t.deleteRow(n),b()},Y=()=>{const e=f();if(!e||e.cellCount<=1)return;const{table:t,colIndex:n}=e;for(let o=0;o<t.rows.length;o++){const l=t.rows[o];l.cells[n]&&l.deleteCell(n)}b()},F=()=>{const e=f();if(!e)return;const{table:t,rowIndex:n}=e,o=t.rows[n];if(o.parentElement?.tagName.toLowerCase()==="thead"){const r=t.querySelector("tbody")||t.appendChild(document.createElement("tbody")),a=t.querySelector("thead");a&&(r.insertBefore(o,r.firstChild),a.rows.length===0&&a.remove())}else{let r=t.querySelector("thead");r||(r=document.createElement("thead"),t.insertBefore(r,t.firstChild)),r.appendChild(o)}b()},U=()=>{const e=f();if(!e)return;const{table:t,colIndex:n}=e;for(let o=0;o<t.rows.length;o++){const l=t.rows[o].cells[n];if(l){const r=l.tagName.toLowerCase()==="th"?"td":"th",a=document.createElement(r);a.innerHTML=l.innerHTML;for(let i=0;i<l.attributes.length;i++){const d=l.attributes[i];a.setAttribute(d.name,d.value)}l.parentNode?.replaceChild(a,l)}}b()},j=()=>{const e=f();if(!e)return;e.table.remove(),document.dispatchEvent(new CustomEvent("tableDeleted"))},G=()=>{const e=window.getSelection();if(!e||e.rangeCount===0)return;const n=e.getRangeAt(0).startContainer;if(!(n.nodeType===Node.TEXT_NODE?n.parentElement?.closest("table"):n.closest("table")))return;let l=null;if(n.nodeType===Node.TEXT_NODE?l=n.parentElement?.closest("td, th"):n.nodeType===Node.ELEMENT_NODE&&(l=n.closest("td, th")),!l)return;const r=l.parentElement;if(!r)return;let a=-1;for(let u=0;u<r.cells.length;u++)if(r.cells[u]===l){a=u;break}if(a===-1||a===r.cells.length-1)return;const i=r.cells[a+1];if(!i)return;const d=parseInt(l.getAttribute("colspan")||"1"),c=parseInt(i.getAttribute("colspan")||"1");l.setAttribute("colspan",String(d+c)),Array.from(i.childNodes).forEach(u=>{l.appendChild(u)}),i.remove(),b()};function f(){const e=window.getSelection();if(!e||e.rangeCount===0)return null;const n=e.getRangeAt(0).startContainer;let o=n.nodeType===Node.TEXT_NODE?n.parentElement?.closest("table"):n.closest("table");if(!o)return null;const l=o;let r=0,a=0;const i=n.nodeType===Node.TEXT_NODE?n.parentElement?.closest("td, th"):n.closest("td, th");if(i){let d=i.parentElement;for(;d&&d!==l.rows[r]&&(r++,!(r>=l.rows.length)););const c=d;if(c){for(let s=0;s<c.cells.length;s++)if(c.cells[s]===i){a=s;break}}}return{table:l,rowIndex:r,colIndex:a,rowCount:l.rows.length,cellCount:l.rows[0]?.cells.length||0}}function b(){if(!h||!m)return;const e=f();if(!e)return;const t=e.rowCount>1,n=e.cellCount>1;N(t,n)}function J(){R=()=>{const e=f();e?Q(e.table):E()},x=e=>{const t=e.target,n=t.closest("table"),o=t.closest(".table-toolbar");!n&&!o&&E()},I=()=>{E()},S=()=>{m&&h&&h.style.display!=="none"&&y(m)},M=()=>{m&&h&&h.style.display!=="none"&&y(m)},document.addEventListener("selectionchange",R),document.addEventListener("mousedown",x),document.addEventListener("tableDeleted",I),window.addEventListener("scroll",S,!0),window.addEventListener("resize",M)}function y(e){if(!h)return;const t=e.getBoundingClientRect(),n=h.getBoundingClientRect(),o=n.height||40,l=n.width||280,r=10;let a=t.top-o-r,i=t.left+t.width/2-l/2;a<r&&(a=t.bottom+r),i<r&&(i=r);const d=window.innerWidth;i+l>d-r&&(i=d-l-r);const c=window.innerHeight;a+o>c-r&&(a=c-o-r),h.style.top=a+"px",h.style.left=i+"px"}function Q(e){m=e,h||(h=Z(),document.body.appendChild(h));const t=!!e.closest(w)||document.body.matches(w)||document.documentElement.matches(w);h.classList.toggle("rte-theme-dark",t),h.style.display="flex",h.style.visibility="hidden",requestAnimationFrame(()=>{y(e),h&&(h.style.visibility="visible")});const n=f();n&&N(n.rowCount>1,n.cellCount>1),ee(e)}function E(){if(h&&(h.style.display="none"),m){m.querySelectorAll(".resize-handle").forEach(n=>n.remove());const t=m.querySelector(".table-resize-handle");t&&t.remove()}m=null}function N(e,t){if(!h)return;const n=h.querySelector('[data-action="deleteRow"]'),o=h.querySelector('[data-action="deleteColumn"]');n&&(n.disabled=!e),o&&(o.disabled=!t)}function Z(){const e=document.createElement("div");e.className="table-toolbar",e.style.cssText=`
+    position: fixed;
+    z-index: 1000;
+    display: none;
+  `,e.setAttribute("role","toolbar"),e.setAttribute("aria-label","Table editing toolbar");const t=s=>{const u=document.createElement("button");return u.className="toolbar-icon-btn",s.danger&&u.classList.add("toolbar-icon-btn-danger"),s.delete&&u.classList.add("toolbar-icon-btn-delete"),u.innerHTML=s.icon,u.title=s.title,u.setAttribute("aria-label",s.title),u.setAttribute("type","button"),u.setAttribute("data-action",s.action),u.onclick=()=>$(s.action),u},n=()=>{const s=document.createElement("div");return s.className="toolbar-divider",s},o=(...s)=>{const u=document.createElement("div");return u.className="toolbar-section",s.forEach(v=>u.appendChild(v)),u},l=o(t({icon:oe(),title:"Add row above (Ctrl+Shift+R)",action:"addRowAbove"}),t({icon:le(),title:"Add row below",action:"addRowBelow"}),t({icon:re(),title:"Delete row",action:"deleteRow",danger:!0})),r=o(t({icon:ae(),title:"Add column left",action:"addColumnLeft"}),t({icon:ie(),title:"Add column right (Ctrl+Shift+C)",action:"addColumnRight"}),t({icon:se(),title:"Delete column",action:"deleteColumn",danger:!0})),a=o(t({icon:de(),title:"Toggle header row",action:"toggleHeaderRow"}),t({icon:ce(),title:"Toggle header column",action:"toggleHeaderColumn"})),i=o(t({icon:he(),title:"Merge cells (horizontally)",action:"mergeCells"})),d=o(t({icon:ue(),title:"Delete table",action:"deleteTable",delete:!0}));e.appendChild(l),e.appendChild(n()),e.appendChild(r),e.appendChild(n()),e.appendChild(a),e.appendChild(n()),e.appendChild(i),e.appendChild(n()),e.appendChild(d);const c=s=>{!h||h.style.display==="none"||(s.ctrlKey||s.metaKey)&&s.shiftKey&&(s.key==="r"||s.key==="R"?(s.preventDefault(),H()):(s.key==="c"||s.key==="C")&&(s.preventDefault(),z()))};return window.addEventListener("keydown",c),e}function $(e){switch(e){case"addRowAbove":O();break;case"addRowBelow":H();break;case"addColumnLeft":W();break;case"addColumnRight":z();break;case"deleteRow":K();break;case"deleteColumn":Y();break;case"toggleHeaderRow":F();break;case"toggleHeaderColumn":U();break;case"deleteTable":j();break;case"mergeCells":G();break}}function ee(e){e.querySelectorAll(".resize-handle").forEach(a=>a.remove());const n=e.querySelector(".table-resize-handle");n&&n.remove();const o=e.querySelector("thead tr, tbody tr:first-child");if(!o)return;const l=o.querySelectorAll("td, th");l.forEach((a,i)=>{if(i===l.length-1)return;const d=document.createElement("div");d.className="resize-handle",d.style.cssText=`
+      position: absolute;
+      right: -4px;
+      top: 0;
+      bottom: 0;
+      width: 8px;
+      background: transparent;
+      cursor: col-resize;
+      z-index: 10;
+      transition: background 0.15s ease;
+    `,d.addEventListener("mouseenter",()=>{g||(d.style.background="rgba(0, 102, 204, 0.3)")}),d.addEventListener("mouseleave",()=>{g||(d.style.background="transparent")}),d.addEventListener("mousedown",c=>{c.preventDefault(),c.stopPropagation(),te(c,i)}),a.style.position="relative",a.appendChild(d)});const r=document.createElement("div");r.className="table-resize-handle",r.addEventListener("mousedown",a=>{a.preventDefault(),a.stopPropagation(),ne(a)}),e.appendChild(r)}function te(e,t){if(g=!0,p=t,V=e.clientX,!m)return;const n=m.querySelector("thead tr, tbody tr:first-child");n&&n.cells[t]&&(L=n.cells[t].offsetWidth),document.body.style.cursor="col-resize",document.body.style.userSelect="none";const o=r=>{if(!g||p===null||!m)return;const a=r.clientX-V,i=Math.max(50,L+a);m.querySelectorAll("tr").forEach(c=>{c.cells[p]&&(c.cells[p].style.width=i+"px")})},l=()=>{g=!1,p=null,document.body.style.cursor="",document.body.style.userSelect="",document.removeEventListener("mousemove",o),document.removeEventListener("mouseup",l)};document.addEventListener("mousemove",o),document.addEventListener("mouseup",l)}function ne(e){if(!m)return;C=!0,A=e.clientX,k=e.clientY,B=m.offsetWidth,D=m.offsetHeight,document.body.style.cursor="nwse-resize",document.body.style.userSelect="none";const t=o=>{if(!C||!m)return;const l=o.clientX-A,r=o.clientY-k,a=Math.max(200,B+l),i=Math.max(100,D+r);m.style.width=a+"px",m.style.height=i+"px"},n=()=>{C=!1,document.body.style.cursor="",document.body.style.userSelect="",document.removeEventListener("mousemove",t),document.removeEventListener("mouseup",n)};document.addEventListener("mousemove",t),document.addEventListener("mouseup",n)}function oe(){return`<svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
+    <path d="M2 7h12V5H2v2zm0 4h12V9H2v2zM8 1v3H5v2h3v3h2V6h3V4h-3V1H8z"/>
+  </svg>`}function le(){return`<svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
+    <path d="M2 3h12V1H2v2zm0 4h12V5H2v2zm6 4v3h3v-2h2v-2h-2v-3h-2v3H5v2h3z"/>
+  </svg>`}function re(){return`<svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
+    <path d="M2 5h12v2H2V5zm0 4h12v2H2V9zm4-6v2H4v2h2v2h2V7h2V5H8V3H6z"/>
+  </svg>`}function ae(){return`<svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
+    <path d="M7 2v12h2V2H7zm4 0v12h2V2h-2zM1 8h3v-3H1v3zm3 2H1v3h3v-3z"/>
+  </svg>`}function ie(){return`<svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
+    <path d="M2 2v12h2V2H2zm4 0v12h2V2H6zM12 8h3v-3h-3v3zm0 2h3v3h-3v-3z"/>
+  </svg>`}function se(){return`<svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
+    <path d="M5 2v12h2V2H5zm4 0v12h2V2H9zm3 2h3V1h-3v3zm3 2h-3v3h3V6zm0 4h-3v3h3v-3z"/>
+  </svg>`}function de(){return`<svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
+    <path d="M2 2h12v3H2V2zm0 5h12v8H2V7zm2 2v4h2V9H4zm4 0v4h2V9H8zm4 0v4h2V9h-2z"/>
+  </svg>`}function ce(){return`<svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
+    <path d="M2 2v12h3V2H2zm5 0v12h8V2H7zm2 2h4v2H9V4zm0 4h4v2H9V8zm0 4h4v2H9v-2z"/>
+  </svg>`}function ue(){return`<svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
+    <path d="M3 1h10v1H3V1zm1 2v11h8V3H4zM6 5h1v6H6V5zm3 0h1v6H9V5z"/>
+  </svg>`}function he(){return`<svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
+    <path d="M2 2h4v3H2V2zm5 0h4v3H7V2zm5 0h2v3h-2V2zm-10 4h4v3H2V6zm5 0h4v3H7V6zm5 0h2v3h-2V6zm-10 4h4v3H2v-3zm5 0h4v3H7v-3zm5 0h2v3h-2v-3z"/>
+  </svg>`}if(typeof window<"u"&&!window.__tablePluginInitialized){window.__tablePluginInitialized=!0;const e=()=>{J()};document.readyState==="loading"?document.addEventListener("DOMContentLoaded",e):setTimeout(e,100)}const me=()=>({name:"table",toolbar:[{label:"Insert Table",command:"insertTable",icon:'<svg width="24" height="24" viewBox="0 0 24 24" fill="none" focusable="false" aria-hidden="true"><rect x="3" y="4" width="18" height="16" rx="2" fill="none" stroke="currentColor" stroke-width="1.8"/><path d="M3 10h18M3 15h18M9 4v16M15 4v16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg>'}],commands:{insertTable:()=>(P(),!0)},keymap:{"Mod-Shift-r":()=>(H(),!0),"Mod-Shift-c":()=>(z(),!0)}});exports.TablePlugin=me;

package/dist/index.esm.js

@@ -0,0 +1,498 @@
+function q() {
+  const e = window.getSelection();
+  if (!e || !e.rangeCount)
+    return null;
+  const n = e.getRangeAt(0).startContainer, o = n.nodeType === Node.TEXT_NODE ? n.parentElement : n;
+  return X(o);
+}
+function X(e) {
+  if (!e) return null;
+  if (e.hasAttribute("data-editora-editor"))
+    return e;
+  let t = e.parentElement;
+  for (; t; ) {
+    if (t.hasAttribute("data-editora-editor"))
+      return t;
+    t = t.parentElement;
+  }
+  return null;
+}
+function _(e) {
+  return e ? e.querySelector(".rte-content") : (console.warn("[Editora] Editor container not found"), null);
+}
+let h = null, m = null, R = null, x = null, I = null, S = null, M = null;
+const w = '[data-theme="dark"], .dark, .editora-theme-dark';
+let g = !1, b = null, V = 0, L = 0, C = !1, A = 0, k = 0, B = 0, D = 0;
+const O = () => {
+  const e = q(), t = _(e);
+  if (!t)
+    return alert("Please place your cursor in the editor before inserting a table"), !1;
+  const n = window.getSelection();
+  if (!n || n.rangeCount === 0) return;
+  const o = n.getRangeAt(0), l = document.createElement("table");
+  l.className = "rte-table";
+  const r = document.createElement("thead"), a = document.createElement("tr");
+  for (let c = 0; c < 3; c++) {
+    const s = document.createElement("th"), u = document.createElement("p");
+    u.appendChild(document.createElement("br")), s.appendChild(u), a.appendChild(s);
+  }
+  r.appendChild(a);
+  const i = document.createElement("tbody");
+  for (let c = 0; c < 2; c++) {
+    const s = document.createElement("tr");
+    for (let u = 0; u < 3; u++) {
+      const v = document.createElement("td"), T = document.createElement("p");
+      T.appendChild(document.createElement("br")), v.appendChild(T), s.appendChild(v);
+    }
+    i.appendChild(s);
+  }
+  l.appendChild(r), l.appendChild(i), o.deleteContents(), o.insertNode(l);
+  const d = l.querySelector("th p");
+  if (d) {
+    const c = document.createRange();
+    c.setStart(d, 0), c.collapse(!0), n.removeAllRanges(), n.addRange(c);
+  }
+  t.focus();
+}, P = () => {
+  const e = f();
+  if (!e) return;
+  const { table: t, rowIndex: n } = e, o = document.createElement("tr"), l = t.rows[0]?.cells.length || 0;
+  for (let a = 0; a < l; a++) {
+    const i = document.createElement("td"), d = document.createElement("p");
+    d.innerHTML = "<br>", i.appendChild(d), o.appendChild(i);
+  }
+  const r = t.rows[n];
+  r && r.parentElement ? r.parentElement.insertBefore(o, r) : t.appendChild(o), p();
+}, H = () => {
+  const e = f();
+  if (!e) return;
+  const { table: t, rowIndex: n } = e, o = document.createElement("tr"), l = t.rows[0]?.cells.length || 0;
+  for (let r = 0; r < l; r++) {
+    const a = document.createElement("td"), i = document.createElement("p");
+    i.innerHTML = "<br>", a.appendChild(i), o.appendChild(a);
+  }
+  n >= t.rows.length - 1 ? t.appendChild(o) : t.insertBefore(o, t.rows[n + 1]), p();
+}, W = () => {
+  const e = f();
+  if (!e) return;
+  const { table: t, colIndex: n } = e;
+  for (let o = 0; o < t.rows.length; o++) {
+    const l = t.rows[o], r = document.createElement("td"), a = document.createElement("p");
+    a.innerHTML = "<br>", r.appendChild(a), n === 0 ? l.insertBefore(r, l.cells[0]) : l.insertBefore(r, l.cells[n]);
+  }
+  p();
+}, z = () => {
+  const e = f();
+  if (!e) return;
+  const { table: t, colIndex: n } = e;
+  for (let o = 0; o < t.rows.length; o++) {
+    const l = t.rows[o], r = document.createElement("td"), a = document.createElement("p");
+    a.innerHTML = "<br>", r.appendChild(a), n >= l.cells.length - 1 ? l.appendChild(r) : l.insertBefore(r, l.cells[n + 1]);
+  }
+  p();
+}, K = () => {
+  const e = f();
+  if (!e || e.rowCount <= 1) return;
+  const { table: t, rowIndex: n } = e;
+  t.deleteRow(n), p();
+}, Y = () => {
+  const e = f();
+  if (!e || e.cellCount <= 1) return;
+  const { table: t, colIndex: n } = e;
+  for (let o = 0; o < t.rows.length; o++) {
+    const l = t.rows[o];
+    l.cells[n] && l.deleteCell(n);
+  }
+  p();
+}, F = () => {
+  const e = f();
+  if (!e) return;
+  const { table: t, rowIndex: n } = e, o = t.rows[n];
+  if (o.parentElement?.tagName.toLowerCase() === "thead") {
+    const r = t.querySelector("tbody") || t.appendChild(document.createElement("tbody")), a = t.querySelector("thead");
+    a && (r.insertBefore(o, r.firstChild), a.rows.length === 0 && a.remove());
+  } else {
+    let r = t.querySelector("thead");
+    r || (r = document.createElement("thead"), t.insertBefore(r, t.firstChild)), r.appendChild(o);
+  }
+  p();
+}, U = () => {
+  const e = f();
+  if (!e) return;
+  const { table: t, colIndex: n } = e;
+  for (let o = 0; o < t.rows.length; o++) {
+    const l = t.rows[o].cells[n];
+    if (l) {
+      const r = l.tagName.toLowerCase() === "th" ? "td" : "th", a = document.createElement(r);
+      a.innerHTML = l.innerHTML;
+      for (let i = 0; i < l.attributes.length; i++) {
+        const d = l.attributes[i];
+        a.setAttribute(d.name, d.value);
+      }
+      l.parentNode?.replaceChild(a, l);
+    }
+  }
+  p();
+}, j = () => {
+  const e = f();
+  if (!e) return;
+  e.table.remove(), document.dispatchEvent(new CustomEvent("tableDeleted"));
+}, G = () => {
+  const e = window.getSelection();
+  if (!e || e.rangeCount === 0) return;
+  const n = e.getRangeAt(0).startContainer;
+  if (!(n.nodeType === Node.TEXT_NODE ? n.parentElement?.closest("table") : n.closest("table"))) return;
+  let l = null;
+  if (n.nodeType === Node.TEXT_NODE ? l = n.parentElement?.closest("td, th") : n.nodeType === Node.ELEMENT_NODE && (l = n.closest("td, th")), !l) return;
+  const r = l.parentElement;
+  if (!r) return;
+  let a = -1;
+  for (let u = 0; u < r.cells.length; u++)
+    if (r.cells[u] === l) {
+      a = u;
+      break;
+    }
+  if (a === -1 || a === r.cells.length - 1) return;
+  const i = r.cells[a + 1];
+  if (!i) return;
+  const d = parseInt(l.getAttribute("colspan") || "1"), c = parseInt(i.getAttribute("colspan") || "1");
+  l.setAttribute("colspan", String(d + c)), Array.from(i.childNodes).forEach((u) => {
+    l.appendChild(u);
+  }), i.remove(), p();
+};
+function f() {
+  const e = window.getSelection();
+  if (!e || e.rangeCount === 0) return null;
+  const n = e.getRangeAt(0).startContainer;
+  let o = n.nodeType === Node.TEXT_NODE ? n.parentElement?.closest("table") : n.closest("table");
+  if (!o) return null;
+  const l = o;
+  let r = 0, a = 0;
+  const i = n.nodeType === Node.TEXT_NODE ? n.parentElement?.closest("td, th") : n.closest("td, th");
+  if (i) {
+    let d = i.parentElement;
+    for (; d && d !== l.rows[r] && (r++, !(r >= l.rows.length)); )
+      ;
+    const c = d;
+    if (c) {
+      for (let s = 0; s < c.cells.length; s++)
+        if (c.cells[s] === i) {
+          a = s;
+          break;
+        }
+    }
+  }
+  return {
+    table: l,
+    rowIndex: r,
+    colIndex: a,
+    rowCount: l.rows.length,
+    cellCount: l.rows[0]?.cells.length || 0
+  };
+}
+function p() {
+  if (!h || !m) return;
+  const e = f();
+  if (!e) return;
+  const t = e.rowCount > 1, n = e.cellCount > 1;
+  N(t, n);
+}
+function J() {
+  R = () => {
+    const e = f();
+    e ? Q(e.table) : E();
+  }, x = (e) => {
+    const t = e.target, n = t.closest("table"), o = t.closest(".table-toolbar");
+    !n && !o && E();
+  }, I = () => {
+    E();
+  }, S = () => {
+    m && h && h.style.display !== "none" && y(m);
+  }, M = () => {
+    m && h && h.style.display !== "none" && y(m);
+  }, document.addEventListener("selectionchange", R), document.addEventListener("mousedown", x), document.addEventListener("tableDeleted", I), window.addEventListener("scroll", S, !0), window.addEventListener("resize", M);
+}
+function y(e) {
+  if (!h) return;
+  const t = e.getBoundingClientRect(), n = h.getBoundingClientRect(), o = n.height || 40, l = n.width || 280, r = 10;
+  let a = t.top - o - r, i = t.left + t.width / 2 - l / 2;
+  a < r && (a = t.bottom + r), i < r && (i = r);
+  const d = window.innerWidth;
+  i + l > d - r && (i = d - l - r);
+  const c = window.innerHeight;
+  a + o > c - r && (a = c - o - r), h.style.top = a + "px", h.style.left = i + "px";
+}
+function Q(e) {
+  m = e, h || (h = Z(), document.body.appendChild(h));
+  const t = !!e.closest(w) || document.body.matches(w) || document.documentElement.matches(w);
+  h.classList.toggle("rte-theme-dark", t), h.style.display = "flex", h.style.visibility = "hidden", requestAnimationFrame(() => {
+    y(e), h && (h.style.visibility = "visible");
+  });
+  const n = f();
+  n && N(n.rowCount > 1, n.cellCount > 1), ee(e);
+}
+function E() {
+  if (h && (h.style.display = "none"), m) {
+    m.querySelectorAll(".resize-handle").forEach((n) => n.remove());
+    const t = m.querySelector(".table-resize-handle");
+    t && t.remove();
+  }
+  m = null;
+}
+function N(e, t) {
+  if (!h) return;
+  const n = h.querySelector('[data-action="deleteRow"]'), o = h.querySelector('[data-action="deleteColumn"]');
+  n && (n.disabled = !e), o && (o.disabled = !t);
+}
+function Z() {
+  const e = document.createElement("div");
+  e.className = "table-toolbar", e.style.cssText = `
+    position: fixed;
+    z-index: 1000;
+    display: none;
+  `, e.setAttribute("role", "toolbar"), e.setAttribute("aria-label", "Table editing toolbar");
+  const t = (s) => {
+    const u = document.createElement("button");
+    return u.className = "toolbar-icon-btn", s.danger && u.classList.add("toolbar-icon-btn-danger"), s.delete && u.classList.add("toolbar-icon-btn-delete"), u.innerHTML = s.icon, u.title = s.title, u.setAttribute("aria-label", s.title), u.setAttribute("type", "button"), u.setAttribute("data-action", s.action), u.onclick = () => $(s.action), u;
+  }, n = () => {
+    const s = document.createElement("div");
+    return s.className = "toolbar-divider", s;
+  }, o = (...s) => {
+    const u = document.createElement("div");
+    return u.className = "toolbar-section", s.forEach((v) => u.appendChild(v)), u;
+  }, l = o(
+    t({
+      icon: oe(),
+      title: "Add row above (Ctrl+Shift+R)",
+      action: "addRowAbove"
+    }),
+    t({
+      icon: le(),
+      title: "Add row below",
+      action: "addRowBelow"
+    }),
+    t({
+      icon: re(),
+      title: "Delete row",
+      action: "deleteRow",
+      danger: !0
+    })
+  ), r = o(
+    t({
+      icon: ae(),
+      title: "Add column left",
+      action: "addColumnLeft"
+    }),
+    t({
+      icon: ie(),
+      title: "Add column right (Ctrl+Shift+C)",
+      action: "addColumnRight"
+    }),
+    t({
+      icon: se(),
+      title: "Delete column",
+      action: "deleteColumn",
+      danger: !0
+    })
+  ), a = o(
+    t({
+      icon: de(),
+      title: "Toggle header row",
+      action: "toggleHeaderRow"
+    }),
+    t({
+      icon: ce(),
+      title: "Toggle header column",
+      action: "toggleHeaderColumn"
+    })
+  ), i = o(
+    t({
+      icon: he(),
+      title: "Merge cells (horizontally)",
+      action: "mergeCells"
+    })
+  ), d = o(
+    t({
+      icon: ue(),
+      title: "Delete table",
+      action: "deleteTable",
+      delete: !0
+    })
+  );
+  e.appendChild(l), e.appendChild(n()), e.appendChild(r), e.appendChild(n()), e.appendChild(a), e.appendChild(n()), e.appendChild(i), e.appendChild(n()), e.appendChild(d);
+  const c = (s) => {
+    !h || h.style.display === "none" || (s.ctrlKey || s.metaKey) && s.shiftKey && (s.key === "r" || s.key === "R" ? (s.preventDefault(), H()) : (s.key === "c" || s.key === "C") && (s.preventDefault(), z()));
+  };
+  return window.addEventListener("keydown", c), e;
+}
+function $(e) {
+  switch (e) {
+    case "addRowAbove":
+      P();
+      break;
+    case "addRowBelow":
+      H();
+      break;
+    case "addColumnLeft":
+      W();
+      break;
+    case "addColumnRight":
+      z();
+      break;
+    case "deleteRow":
+      K();
+      break;
+    case "deleteColumn":
+      Y();
+      break;
+    case "toggleHeaderRow":
+      F();
+      break;
+    case "toggleHeaderColumn":
+      U();
+      break;
+    case "deleteTable":
+      j();
+      break;
+    case "mergeCells":
+      G();
+      break;
+  }
+}
+function ee(e) {
+  e.querySelectorAll(".resize-handle").forEach((a) => a.remove());
+  const n = e.querySelector(".table-resize-handle");
+  n && n.remove();
+  const o = e.querySelector("thead tr, tbody tr:first-child");
+  if (!o) return;
+  const l = o.querySelectorAll("td, th");
+  l.forEach((a, i) => {
+    if (i === l.length - 1) return;
+    const d = document.createElement("div");
+    d.className = "resize-handle", d.style.cssText = `
+      position: absolute;
+      right: -4px;
+      top: 0;
+      bottom: 0;
+      width: 8px;
+      background: transparent;
+      cursor: col-resize;
+      z-index: 10;
+      transition: background 0.15s ease;
+    `, d.addEventListener("mouseenter", () => {
+      g || (d.style.background = "rgba(0, 102, 204, 0.3)");
+    }), d.addEventListener("mouseleave", () => {
+      g || (d.style.background = "transparent");
+    }), d.addEventListener("mousedown", (c) => {
+      c.preventDefault(), c.stopPropagation(), te(c, i);
+    }), a.style.position = "relative", a.appendChild(d);
+  });
+  const r = document.createElement("div");
+  r.className = "table-resize-handle", r.addEventListener("mousedown", (a) => {
+    a.preventDefault(), a.stopPropagation(), ne(a);
+  }), e.appendChild(r);
+}
+function te(e, t) {
+  if (g = !0, b = t, V = e.clientX, !m) return;
+  const n = m.querySelector("thead tr, tbody tr:first-child");
+  n && n.cells[t] && (L = n.cells[t].offsetWidth), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none";
+  const o = (r) => {
+    if (!g || b === null || !m) return;
+    const a = r.clientX - V, i = Math.max(50, L + a);
+    m.querySelectorAll("tr").forEach((c) => {
+      c.cells[b] && (c.cells[b].style.width = i + "px");
+    });
+  }, l = () => {
+    g = !1, b = null, document.body.style.cursor = "", document.body.style.userSelect = "", document.removeEventListener("mousemove", o), document.removeEventListener("mouseup", l);
+  };
+  document.addEventListener("mousemove", o), document.addEventListener("mouseup", l);
+}
+function ne(e) {
+  if (!m) return;
+  C = !0, A = e.clientX, k = e.clientY, B = m.offsetWidth, D = m.offsetHeight, document.body.style.cursor = "nwse-resize", document.body.style.userSelect = "none";
+  const t = (o) => {
+    if (!C || !m) return;
+    const l = o.clientX - A, r = o.clientY - k, a = Math.max(200, B + l), i = Math.max(100, D + r);
+    m.style.width = a + "px", m.style.height = i + "px";
+  }, n = () => {
+    C = !1, document.body.style.cursor = "", document.body.style.userSelect = "", document.removeEventListener("mousemove", t), document.removeEventListener("mouseup", n);
+  };
+  document.addEventListener("mousemove", t), document.addEventListener("mouseup", n);
+}
+function oe() {
+  return `<svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
+    <path d="M2 7h12V5H2v2zm0 4h12V9H2v2zM8 1v3H5v2h3v3h2V6h3V4h-3V1H8z"/>
+  </svg>`;
+}
+function le() {
+  return `<svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
+    <path d="M2 3h12V1H2v2zm0 4h12V5H2v2zm6 4v3h3v-2h2v-2h-2v-3h-2v3H5v2h3z"/>
+  </svg>`;
+}
+function re() {
+  return `<svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
+    <path d="M2 5h12v2H2V5zm0 4h12v2H2V9zm4-6v2H4v2h2v2h2V7h2V5H8V3H6z"/>
+  </svg>`;
+}
+function ae() {
+  return `<svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
+    <path d="M7 2v12h2V2H7zm4 0v12h2V2h-2zM1 8h3v-3H1v3zm3 2H1v3h3v-3z"/>
+  </svg>`;
+}
+function ie() {
+  return `<svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
+    <path d="M2 2v12h2V2H2zm4 0v12h2V2H6zM12 8h3v-3h-3v3zm0 2h3v3h-3v-3z"/>
+  </svg>`;
+}
+function se() {
+  return `<svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
+    <path d="M5 2v12h2V2H5zm4 0v12h2V2H9zm3 2h3V1h-3v3zm3 2h-3v3h3V6zm0 4h-3v3h3v-3z"/>
+  </svg>`;
+}
+function de() {
+  return `<svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
+    <path d="M2 2h12v3H2V2zm0 5h12v8H2V7zm2 2v4h2V9H4zm4 0v4h2V9H8zm4 0v4h2V9h-2z"/>
+  </svg>`;
+}
+function ce() {
+  return `<svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
+    <path d="M2 2v12h3V2H2zm5 0v12h8V2H7zm2 2h4v2H9V4zm0 4h4v2H9V8zm0 4h4v2H9v-2z"/>
+  </svg>`;
+}
+function ue() {
+  return `<svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
+    <path d="M3 1h10v1H3V1zm1 2v11h8V3H4zM6 5h1v6H6V5zm3 0h1v6H9V5z"/>
+  </svg>`;
+}
+function he() {
+  return `<svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
+    <path d="M2 2h4v3H2V2zm5 0h4v3H7V2zm5 0h2v3h-2V2zm-10 4h4v3H2V6zm5 0h4v3H7V6zm5 0h2v3h-2V6zm-10 4h4v3H2v-3zm5 0h4v3H7v-3zm5 0h2v3h-2v-3z"/>
+  </svg>`;
+}
+if (typeof window < "u" && !window.__tablePluginInitialized) {
+  window.__tablePluginInitialized = !0;
+  const e = () => {
+    J();
+  };
+  document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", e) : setTimeout(e, 100);
+}
+const me = () => ({
+  name: "table",
+  toolbar: [
+    {
+      label: "Insert Table",
+      command: "insertTable",
+      icon: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" focusable="false" aria-hidden="true"><rect x="3" y="4" width="18" height="16" rx="2" fill="none" stroke="currentColor" stroke-width="1.8"/><path d="M3 10h18M3 15h18M9 4v16M15 4v16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg>'
+    }
+  ],
+  commands: {
+    insertTable: () => (O(), !0)
+  },
+  keymap: {
+    "Mod-Shift-r": () => (H(), !0),
+    "Mod-Shift-c": () => (z(), !0)
+  }
+});
+export {
+  me as TablePlugin
+};

package/dist/plugin-table.css

@@ -0,0 +1 @@
+.rte-table,table{border-collapse:collapse;width:100%;margin:1rem 0;border:1px solid #ddd;font-size:14px;line-height:1.4;position:relative}.rte-table td,.rte-table th,table td,table th{border:1px solid #ddd;padding:8px 12px;min-width:80px;vertical-align:top;position:relative;-webkit-user-select:none;user-select:none}.rte-table td:focus,.rte-table th:focus,table td:focus,table th:focus{outline:2px solid #007acc;outline-offset:-2px}.rte-table th,table th{background-color:#f8f9fa;font-weight:600;text-align:left}.rte-table td p,table td p{margin:0;padding:0}.rte-table td p:empty:before,table td p:empty:before{content:"​";display:inline-block}.rte-table td[contenteditable]:empty:before,table td[contenteditable]:empty:before{content:"Type here...";color:#999;font-style:italic;pointer-events:none}.rte-table tr:hover,table tr:hover{background-color:#f8f9fa}.rte-table td.selected,table td.selected{background-color:#e3f2fd;border-color:#2196f3}.table-toolbar{background:#fff;border:1px solid #d0d0d0;border-radius:4px;box-shadow:0 2px 8px #0000001a;padding:4px;display:flex;align-items:center;gap:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-width:max-content}.toolbar-section{display:flex;align-items:center;gap:2px}.toolbar-divider{width:1px;height:20px;background:#e0e0e0;margin:0 4px}.toolbar-icon-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid transparent;background:transparent;cursor:pointer;color:#333;border-radius:3px;transition:all .2s ease;flex-shrink:0;font-size:14px;line-height:1}.toolbar-icon-btn svg{width:16px;height:16px}.toolbar-icon-btn:hover:not(:disabled){background:#f0f0f0;border-color:#d0d0d0;color:#06c}.toolbar-icon-btn:active:not(:disabled){background:#e8f0ff;border-color:#06c;transform:scale(.95)}.toolbar-icon-btn:disabled{opacity:.4;cursor:not-allowed;color:#ccc}.toolbar-icon-btn-danger{color:#d32f2f}.toolbar-icon-btn-danger:hover:not(:disabled){background:#fff3f3;border-color:#fcc;color:#d32f2f}.toolbar-icon-btn-danger:active:not(:disabled){background:#ffebee}.toolbar-icon-btn-delete{color:#d32f2f}.toolbar-icon-btn-delete:hover:not(:disabled){background:#fff3f3;border-color:#fcc;color:#d32f2f}.toolbar-icon-btn-delete:active:not(:disabled){background:#ffebee}.resize-handle{opacity:0;transition:all .15s ease}.resize-handle:hover{opacity:1}td:hover>.resize-handle,th:hover>.resize-handle{opacity:1}.table-resize-handle{position:absolute;bottom:-4px;right:-4px;width:12px;height:12px;background:transparent;cursor:nwse-resize;z-index:10;transition:background .15s ease}.table-resize-handle:after{content:"";position:absolute;bottom:0;right:0;width:8px;height:8px;background:#0066cc4d;border-bottom:2px solid #0066cc;border-right:2px solid #0066cc;border-radius:0 0 2px;opacity:0;transition:opacity .15s ease}.table-resize-handle:hover:after{opacity:1}.rte-table:hover .table-resize-handle:after,table:hover .table-resize-handle:after{opacity:1}:is([data-theme=dark],.dark,.editora-theme-dark) :is(.rte-table,table){border-color:#607088;background:#24303c;color:#e6eefb}:is([data-theme=dark],.dark,.editora-theme-dark) :is(.rte-table td,.rte-table th,table td,table th){border-color:#607088;color:#e6eefb}:is([data-theme=dark],.dark,.editora-theme-dark) :is(.rte-table th,table th){background:linear-gradient(180deg,#3b4553,#333d4a);color:#f3f8ff}:is([data-theme=dark],.dark,.editora-theme-dark) :is(.rte-table tr:hover,table tr:hover){background-color:#58a6ff1f}:is([data-theme=dark],.dark,.editora-theme-dark) :is(.rte-table td.selected,table td.selected){background-color:#58a6ff47;border-color:#79beff}:is([data-theme=dark],.dark,.editora-theme-dark) :is(.rte-table td[contenteditable]:empty:before,table td[contenteditable]:empty:before){color:#94a3b8}:is([data-theme=dark],.dark,.editora-theme-dark) .table-toolbar{background:linear-gradient(180deg,#2f3844,#2a323c);border-color:#4d596b;box-shadow:0 8px 20px #00000073}.table-toolbar.rte-theme-dark{background:linear-gradient(180deg,#2f3844,#2a323c);border-color:#4d596b;box-shadow:0 8px 20px #00000073}:is([data-theme=dark],.dark,.editora-theme-dark) .toolbar-divider{background:#4d596b}.table-toolbar.rte-theme-dark .toolbar-divider{background:#4d596b}:is([data-theme=dark],.dark,.editora-theme-dark) .toolbar-icon-btn{color:#d7deea;border-color:transparent}.table-toolbar.rte-theme-dark .toolbar-icon-btn{color:#d7deea;border-color:transparent}:is([data-theme=dark],.dark,.editora-theme-dark) .toolbar-icon-btn svg{color:currentColor;fill:currentColor}.table-toolbar.rte-theme-dark .toolbar-icon-btn svg{color:currentColor;fill:currentColor}:is([data-theme=dark],.dark,.editora-theme-dark) .toolbar-icon-btn svg [stroke="#000" i],:is([data-theme=dark],.dark,.editora-theme-dark) .toolbar-icon-btn svg [stroke="#000000" i],:is([data-theme=dark],.dark,.editora-theme-dark) .toolbar-icon-btn svg [stroke=black i]{stroke:currentColor!important}.table-toolbar.rte-theme-dark .toolbar-icon-btn svg [stroke="#000" i],.table-toolbar.rte-theme-dark .toolbar-icon-btn svg [stroke="#000000" i],.table-toolbar.rte-theme-dark .toolbar-icon-btn svg [stroke=black i]{stroke:currentColor!important}:is([data-theme=dark],.dark,.editora-theme-dark) .toolbar-icon-btn svg [fill="#000" i],:is([data-theme=dark],.dark,.editora-theme-dark) .toolbar-icon-btn svg [fill="#000000" i],:is([data-theme=dark],.dark,.editora-theme-dark) .toolbar-icon-btn svg [fill=black i]{fill:currentColor!important}.table-toolbar.rte-theme-dark .toolbar-icon-btn svg [fill="#000" i],.table-toolbar.rte-theme-dark .toolbar-icon-btn svg [fill="#000000" i],.table-toolbar.rte-theme-dark .toolbar-icon-btn svg [fill=black i]{fill:currentColor!important}:is([data-theme=dark],.dark,.editora-theme-dark) .toolbar-icon-btn:hover:not(:disabled){background:#3a4554;border-color:#607088;color:#f3f8ff}.table-toolbar.rte-theme-dark .toolbar-icon-btn:hover:not(:disabled){background:#3a4554;border-color:#607088;color:#f3f8ff}:is([data-theme=dark],.dark,.editora-theme-dark) .toolbar-icon-btn:active:not(:disabled){background:#4a95de;border-color:#67adf4;color:#0f1b2a}.table-toolbar.rte-theme-dark .toolbar-icon-btn:active:not(:disabled){background:#4a95de;border-color:#67adf4;color:#0f1b2a}:is([data-theme=dark],.dark,.editora-theme-dark) .toolbar-icon-btn:disabled{color:#7f8ca1}.table-toolbar.rte-theme-dark .toolbar-icon-btn:disabled{color:#7f8ca1}@media(max-width:768px){.rte-table,table{font-size:12px}.rte-table td,.rte-table th,table td,table th{padding:4px 6px;min-width:60px}.table-toolbar{padding:3px;gap:0;max-width:90vw;overflow-x:auto}.toolbar-icon-btn{width:26px;height:26px}.toolbar-divider{height:18px}}@media print{.rte-table,table{border:1px solid #000}.rte-table td,.rte-table th,table td,table th{border:1px solid #000;padding:4px}.table-toolbar{display:none}}

package/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "@editora/plugin-table",
+  "version": "1.0.2",
+  "description": "Table plugin for Rich Text Editor",
+  "authors": [
+    "Ajay Kumar <ajaykr089@gmail.com>"
+  ],
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.esm.js",
+  "types": "src/index.ts",
+  "files": [
+    "dist",
+    "src"
+  ],
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite build --watch",
+    "clean": "rm -rf dist"
+  },
+  "peerDependencies": {
+    "@editora/core": "^1.0.5"
+  },
+  "devDependencies": {
+    "typescript": "^5.0.0",
+    "vite": "^7.3.1"
+  }
+}