@forgedevstack/ink 1.1.7 → 1.1.8

package/dist/utils/table.utils.js

@@ -1,72 +1,111 @@
-import { INK_DEFAULT_TABLE_ROWS as g, INK_DEFAULT_TABLE_COLS as N, INK_TABLE_MIN_COLS as _, INK_TABLE_MIN_ROWS as d, INK_TABLE_MAX_COLS as A, INK_TABLE_MAX_ROWS as L } from "../constants/numbers.js";
+import { INK_DEFAULT_TABLE_ROWS as I, INK_DEFAULT_TABLE_COLS as S, INK_TABLE_MIN_COLS as B, INK_TABLE_MIN_ROWS as b, INK_TABLE_MAX_COLS as w, INK_TABLE_MAX_ROWS as y, INK_TABLE_COL_MIN_WIDTH_PX as M } from "../constants/numbers.js";
 import { EMPTY_STRING as m } from "../constants/generals.const.js";
 import "../constants/openai.const.js";
 import "react/jsx-runtime";
-import { TABLE_CLASS_NAME as w, TABLE_TAG as f, TABLE_ROW_TAG as u, TABLE_CELL_SELECTOR as S, TABLE_SECTION_THEAD as b, TABLE_CELL_TAG_TH as p, TABLE_CELL_TAG_TD as h } from "../constants/table.const.js";
+import { TABLE_HEADER_PREFIX as N, TABLE_COLGROUP as T, TABLE_COL as _, TABLE_CLASS_NAME as O, TABLE_TAG as d, TABLE_ROW_TAG as u, TABLE_CELL_SELECTOR as x, TABLE_SECTION_THEAD as R, TABLE_CELL_TAG_TH as h, TABLE_CELL_TAG_TD as A, TABLE_SECTION_TBODY as H } from "../constants/table.const.js";
 import "./paste.utils.js";
 import "react";
 import "react-dom";
-const T = (t, e, n) => Math.min(n, Math.max(e, t)), C = (t) => {
+const g = (t, e, n) => Math.min(n, Math.max(e, t)), E = (t) => {
   const e = document.createElement(t);
   return e.contentEditable = "true", e.innerHTML = "<br>", e;
-}, B = (t) => {
+}, L = (t) => {
   const e = t.parentElement;
   return e ? Array.from(e.cells).indexOf(t) : 0;
-}, D = (t = g, e = N) => {
-  const n = T(t, d, L), r = T(e, _, A), o = Array.from(
+}, q = (t = I, e = S) => {
+  const n = g(t, b, y), r = g(e, B, w), o = Array.from(
     { length: r },
-    (l, s) => `<th contenteditable="true">Header ${s + 1}</th>`
-  ).join(m), c = Array.from({ length: Math.max(0, n - 1) }, () => `<tr>${Array.from(
+    (s, c) => `<th contenteditable="true">${N}${c + 1}</th>`
+  ).join(m), l = Array.from({ length: Math.max(0, n - 1) }, () => `<tr>${Array.from(
     { length: r },
     () => '<td contenteditable="true"><br></td>'
-  ).join(m)}</tr>`).join(m);
-  return `<table class="${w}"><thead><tr>${o}</tr></thead><tbody>${c}</tbody></table><p><br></p>`;
-}, G = () => {
+  ).join(m)}</tr>`).join(m), a = `<${T}>${Array.from({ length: r }, () => `<${_}>`).join(m)}</${T}>`;
+  return `<table class="${O}">${a}<thead><tr>${o}</tr></thead><tbody>${l}</tbody></table><p><br></p>`;
+}, F = () => {
   const t = window.getSelection();
   if (!t || t.rangeCount === 0) return null;
   let e = t.anchorNode;
-  return e && e.nodeType === Node.TEXT_NODE && (e = e.parentElement), e instanceof Element ? e.closest(S) : null;
-}, $ = (t, e) => {
-  var i, a;
-  const n = t.closest(u), r = t.closest(f);
+  return e && e.nodeType === Node.TEXT_NODE && (e = e.parentElement), e instanceof Element ? e.closest(x) : null;
+}, P = (t, e) => {
+  var c, i;
+  const n = t.closest(u), r = t.closest(d);
   if (!n || !r) return !1;
   const o = n.cells.length;
-  if (r.rows.length >= L) return !1;
-  const l = !!n.closest(b) ? p : h, s = document.createElement(u);
-  for (let E = 0; E < o; E += 1)
-    s.appendChild(C(l));
-  return e === "before" ? (i = n.parentElement) == null || i.insertBefore(s, n) : (a = n.parentElement) == null || a.insertBefore(s, n.nextSibling), !0;
-}, W = (t, e) => {
-  const n = t.closest(f);
+  if (r.rows.length >= y) return !1;
+  const a = !!n.closest(R) ? h : A, s = document.createElement(u);
+  for (let f = 0; f < o; f += 1)
+    s.appendChild(E(a));
+  return e === "before" ? (c = n.parentElement) == null || c.insertBefore(s, n) : (i = n.parentElement) == null || i.insertBefore(s, n.nextSibling), !0;
+}, U = (t, e) => {
+  const n = t.closest(d);
   if (!n) return !1;
-  const r = B(t);
+  const r = L(t);
   if (r < 0) return !1;
   const o = n.rows[0];
-  if (!o || o.cells.length >= A) return !1;
-  const c = e === "before" ? r : r + 1;
-  return Array.from(n.rows).forEach((l) => {
-    const s = l.cells[c] ?? null, i = l.closest(b) ? p : h, a = C(i);
-    s ? l.insertBefore(a, s) : l.appendChild(a);
-  }), !0;
-}, j = (t) => {
-  const e = t.closest(u), n = t.closest(f);
-  return !e || !n || n.rows.length <= d ? !1 : (e.remove(), !0);
-}, F = (t) => {
-  const e = t.closest(f);
+  if (!o || o.cells.length >= w) return !1;
+  const l = e === "before" ? r : r + 1;
+  return Array.from(n.rows).forEach((a) => {
+    const s = a.cells[l] ?? null, c = a.closest(R) ? h : A, i = E(c);
+    s ? a.insertBefore(i, s) : a.appendChild(i);
+  }), C(n), !0;
+}, Y = (t) => {
+  const e = t.closest(u), n = t.closest(d);
+  return !e || !n || n.rows.length <= b ? !1 : (e.remove(), !0);
+}, z = (t) => {
+  const e = t.closest(d);
   if (!e) return !1;
-  const n = B(t);
+  const n = L(t);
   if (n < 0) return !1;
   const r = e.rows[0];
-  return !r || r.cells.length <= _ ? !1 : (Array.from(e.rows).forEach((o) => {
-    const c = o.cells[n];
-    c && c.remove();
-  }), !0);
+  return !r || r.cells.length <= B ? !1 : (Array.from(e.rows).forEach((o) => {
+    const l = o.cells[n];
+    l && l.remove();
+  }), C(e), !0);
+}, k = (t) => {
+  const e = t.closest(d);
+  if (!e) return !1;
+  const n = e.tHead, r = n == null ? void 0 : n.querySelector(u);
+  if (n && r) {
+    const c = e.tBodies[0] ?? e.createTBody(), i = document.createElement(u);
+    return Array.from(r.cells).forEach((f) => {
+      const p = E(A);
+      p.innerHTML = f.innerHTML, i.appendChild(p);
+    }), c.insertBefore(i, c.firstChild), n.remove(), !0;
+  }
+  const o = e.tBodies[0] ?? e.querySelector(H), l = o == null ? void 0 : o.querySelector(u);
+  if (!o || !l) return !1;
+  const a = e.createTHead(), s = document.createElement(u);
+  return Array.from(l.cells).forEach((c, i) => {
+    const f = E(h);
+    f.innerHTML = c.innerHTML || `${N}${i + 1}`, s.appendChild(f);
+  }), a.appendChild(s), l.remove(), !0;
+}, C = (t) => {
+  var r, o;
+  let e = t.querySelector(T);
+  const n = ((r = t.rows[0]) == null ? void 0 : r.cells.length) ?? 0;
+  for (e || (e = document.createElement(T), t.insertBefore(e, t.firstChild)); e.children.length < n; )
+    e.appendChild(document.createElement(_));
+  for (; e.children.length > n; )
+    (o = e.lastElementChild) == null || o.remove();
+  return e.getElementsByTagName(_);
+}, J = (t, e, n) => {
+  const r = e.getBoundingClientRect();
+  return Math.abs(r.right - t) > n ? null : L(e);
+}, Q = (t, e, n) => {
+  const o = C(t).item(e);
+  if (!o) return;
+  const l = Math.max(M, n);
+  o.style.width = `${l}px`;
 };
 export {
-  D as buildTableHtml,
-  F as deleteTableColumn,
-  j as deleteTableRow,
-  G as getTableCellFromSelection,
-  W as insertTableColumn,
-  $ as insertTableRow
+  q as buildTableHtml,
+  z as deleteTableColumn,
+  Y as deleteTableRow,
+  C as ensureTableColgroup,
+  J as getColumnResizeIndex,
+  F as getTableCellFromSelection,
+  U as insertTableColumn,
+  P as insertTableRow,
+  Q as setTableColumnWidth,
+  k as toggleTableHeaderRow
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@forgedevstack/ink",
-  "version": "1.1.7",
+  "version": "1.1.8",
   "description": "ForgeStack rich text editor for React — WYSIWYG with tables, track changes, comments, block handles, sign pad, and pluggable Ink AI (BYO LLM). The writing layer of ForgeStack.",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -27,8 +27,12 @@
     },
     "./styles.css": "./dist/styles.css"
   },
+  "bin": {
+    "ink": "./bin/ink.mjs"
+  },
   "files": [
     "dist",
+    "bin",
     "README.md",
     "CHANGELOG.md",
     "LICENSE",
@@ -42,6 +46,7 @@
     "prepublishOnly": "npm run build"
   },
   "peerDependencies": {
+    "@forgedevstack/bear": ">=1.3.2",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0"
   },
@@ -54,6 +59,7 @@
     }
   },
   "devDependencies": {
+    "@forgedevstack/bear": "^1.3.2",
     "@types/react": "^18.3.18",
     "@types/react-dom": "^18.3.5",
     "@vitejs/plugin-react": "^4.3.4",