@underverse-ui/underverse 1.0.146 → 1.0.147

package/api-reference.json

@@ -1,6 +1,6 @@
 {
   "package": "@underverse-ui/underverse",
-  "version": "1.0.146",
+  "version": "1.0.147",
   "sourceEntry": "src/index.ts",
   "totalExports": 232,
   "exports": [

package/dist/index.cjs

@@ -25913,42 +25913,77 @@ function extractClipboardHtmlFragment(html) {
   }
   return html;
 }
-var EMPTY_TABLE_CELL_HTML = "<p></p>";
-var TABLE_MEDIA_SELECTOR = "img,video,audio,iframe,svg,canvas,embed,object";
-var TABLE_BLOCK_SELECTOR = "p,ul,ol,blockquote,pre,h1,h2,h3,h4,h5,h6,hr,table";
-function hasMeaningfulTableCellText(value) {
-  return Boolean(value?.replace(/\u00a0/g, " ").trim());
+function normalizeClipboardCellText(value) {
+  return value.replace(/\r\n/g, "\n").replace(/\r/g, "\n").replace(/\u00a0/g, " ").replace(/[ \t]+\n/g, "\n").replace(/\n[ \t]+/g, "\n").replace(/\n+$/g, "").replace(/^\n+/g, "").trim();
 }
-function normalizeClipboardTableCell(cell) {
-  const hasText = hasMeaningfulTableCellText(cell.textContent);
-  const hasBlockContent = Boolean(cell.querySelector(TABLE_BLOCK_SELECTOR));
-  const hasMediaContent = Boolean(cell.querySelector(TABLE_MEDIA_SELECTOR));
-  if (!hasText && !hasBlockContent && !hasMediaContent) {
-    cell.innerHTML = EMPTY_TABLE_CELL_HTML;
+function getClipboardCellText(node) {
+  if (node.nodeType === Node.TEXT_NODE) {
+    return node.textContent ?? "";
   }
-}
-function normalizeClipboardTable(table) {
-  for (const cell of Array.from(table.querySelectorAll("td,th"))) {
-    if (!(cell instanceof HTMLTableCellElement)) continue;
-    normalizeClipboardTableCell(cell);
+  if (!(node instanceof HTMLElement)) {
+    return "";
+  }
+  if (node.tagName === "BR") {
+    return "\n";
   }
+  const childText = Array.from(node.childNodes).map(getClipboardCellText).join("");
+  if ((node.tagName === "P" || node.tagName === "DIV" || node.tagName === "LI") && childText && !childText.endsWith("\n")) {
+    return `${childText}
+`;
+  }
+  return childText;
+}
+function getHtmlTableRows(table) {
+  const rows = Array.from(table.querySelectorAll("tr")).map(
+    (row) => Array.from(row.children).filter((cell) => cell instanceof HTMLTableCellElement).map((cell) => ({
+      text: normalizeClipboardCellText(getClipboardCellText(cell)),
+      isHeader: cell.tagName === "TH"
+    }))
+  );
+  return rows.filter((row) => row.length > 0);
+}
+function createParagraphContent(text) {
+  return text ? {
+    type: "paragraph",
+    content: [{ type: "text", text }]
+  } : { type: "paragraph" };
+}
+function createTableCellContent(cell) {
+  const lines = cell.text.split("\n");
+  const paragraphs = (lines.length > 0 ? lines : [""]).map(createParagraphContent);
+  return {
+    type: cell.isHeader ? "tableHeader" : "tableCell",
+    content: paragraphs.length > 0 ? paragraphs : [{ type: "paragraph" }]
+  };
 }
-function getClipboardTableHtml(dataTransfer) {
+function createTableContent(rows, minColumnCount = 1) {
+  const tableRows = rows.filter((row) => row.length > 0);
+  if (tableRows.length === 0) return null;
+  const columnCount = tableRows.reduce((max, row) => Math.max(max, row.length), 0);
+  if (columnCount < minColumnCount) return null;
+  return {
+    type: "table",
+    content: tableRows.map((row) => {
+      const normalizedRow = Array.from(
+        { length: columnCount },
+        (_, index) => row[index] ?? { text: "", isHeader: false }
+      );
+      return {
+        type: "tableRow",
+        content: normalizedRow.map(createTableCellContent)
+      };
+    })
+  };
+}
+function getClipboardTableContent(dataTransfer) {
   const html = getClipboardData(dataTransfer, "text/html");
-  if (!/<table(?:\s|>)/i.test(html)) return "";
+  if (!/<table(?:\s|>)/i.test(html)) return null;
+  if (typeof DOMParser === "undefined") return null;
   const fragment = extractClipboardHtmlFragment(html);
-  if (typeof DOMParser !== "undefined") {
-    const doc = new DOMParser().parseFromString(fragment, "text/html");
-    const table = doc.querySelector("table");
-    if (table instanceof HTMLTableElement) {
-      normalizeClipboardTable(table);
-      return table.outerHTML;
-    }
-  }
-  return fragment;
-}
-function escapeHtml(value) {
-  return value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+  const doc = new DOMParser().parseFromString(fragment, "text/html");
+  const table = doc.querySelector("table");
+  if (!(table instanceof HTMLTableElement)) return null;
+  return createTableContent(getHtmlTableRows(table));
 }
 function parseClipboardTsvRows(text) {
   const rows = [];
@@ -26000,22 +26035,14 @@ function parseClipboardTsvRows(text) {
   }
   return rows;
 }
-function renderClipboardTableCellHtml(value) {
-  const lines = value.split("\n");
-  const paragraphs = lines.length > 0 ? lines : [""];
-  return paragraphs.map((line) => `<p>${escapeHtml(line)}</p>`).join("");
-}
-function getClipboardTsvTableHtml(dataTransfer) {
+function getClipboardTsvTableContent(dataTransfer) {
   const text = getClipboardData(dataTransfer, "text/plain").replace(/\r\n/g, "\n").replace(/\r/g, "\n");
-  if (!text.includes("	")) return "";
+  if (!text.includes("	")) return null;
   const rows = parseClipboardTsvRows(text);
-  if (rows.length === 0 || rows.every((row) => row.length < 2)) return "";
-  const columnCount = rows.reduce((max, row) => Math.max(max, row.length), 0);
-  const body = rows.map((row) => {
-    const normalizedRow = Array.from({ length: columnCount }, (_, index) => row[index] ?? "");
-    return `<tr>${normalizedRow.map((cell) => `<td>${renderClipboardTableCellHtml(cell)}</td>`).join("")}</tr>`;
-  }).join("");
-  return `<table><tbody>${body}</tbody></table>`;
+  return createTableContent(
+    rows.map((row) => row.map((cell) => ({ text: normalizeClipboardCellText(cell), isHeader: false }))),
+    2
+  );
 }
 function fileToDataUrl(file) {
   return new Promise((resolve, reject) => {
@@ -26071,16 +26098,16 @@ var ClipboardImages = import_core5.Extension.create({
         props: {
           handlePaste: (_view, event) => {
             if (!event || !event.clipboardData) return false;
-            const tableHtml = getClipboardTableHtml(event.clipboardData);
-            if (tableHtml) {
+            const tableContent = getClipboardTableContent(event.clipboardData);
+            if (tableContent) {
               event.preventDefault();
-              editor.chain().focus().insertContent(tableHtml).run();
+              editor.chain().focus().insertContent(tableContent).run();
               return true;
             }
-            const tsvTableHtml = getClipboardTsvTableHtml(event.clipboardData);
-            if (tsvTableHtml) {
+            const tsvTableContent = getClipboardTsvTableContent(event.clipboardData);
+            if (tsvTableContent) {
               event.preventDefault();
-              editor.chain().focus().insertContent(tsvTableHtml).run();
+              editor.chain().focus().insertContent(tsvTableContent).run();
               return true;
             }
             const files = getImageFiles(event.clipboardData);