@underverse-ui/underverse 1.0.146 → 1.0.148

package/api-reference.json

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

package/dist/index.cjs

@@ -25835,67 +25835,7 @@ var SlashCommand = import_core4.Extension.create({
 var import_core5 = require("@tiptap/core");
 var import_state2 = require("@tiptap/pm/state");
 
-// src/components/UEditor/url-safety.ts
-var LINK_PROTOCOLS = /* @__PURE__ */ new Set(["http:", "https:", "mailto:", "tel:"]);
-var IMAGE_PROTOCOLS = /* @__PURE__ */ new Set(["http:", "https:"]);
-function normalizeUrlInput(raw) {
-  return raw.trim().replace(/[\u0000-\u001F\u007F\s]+/g, "");
-}
-function isProtocolRelativeUrl(value) {
-  return value.startsWith("//");
-}
-function isRelativeUrl(value) {
-  return value.startsWith("/") || value.startsWith("./") || value.startsWith("../") || value.startsWith("#");
-}
-function isDataImageUrl(value) {
-  return /^data:image\/(?:png|jpe?g|gif|webp|svg\+xml|bmp|x-icon|avif);base64,/i.test(value);
-}
-function isSafeUEditorUrl(raw, kind) {
-  const value = normalizeUrlInput(raw);
-  if (!value) return false;
-  if (kind === "image" && isDataImageUrl(value)) return true;
-  if (isRelativeUrl(value)) return true;
-  if (isProtocolRelativeUrl(value)) return false;
-  try {
-    const parsed = new URL(value);
-    return kind === "image" ? IMAGE_PROTOCOLS.has(parsed.protocol) : LINK_PROTOCOLS.has(parsed.protocol);
-  } catch {
-    return false;
-  }
-}
-function sanitizeUEditorUrl(raw, kind) {
-  const value = raw.trim();
-  if (!value) return "";
-  if (isSafeUEditorUrl(value, kind)) return normalizeUrlInput(value);
-  if (kind === "link" && !isProtocolRelativeUrl(value) && !/^[a-zA-Z][a-zA-Z0-9+.-]*:/.test(value)) {
-    const withProtocol = `https://${value}`;
-    return isSafeUEditorUrl(withProtocol, kind) ? withProtocol : "";
-  }
-  return "";
-}
-
-// src/components/UEditor/clipboard-images.ts
-var DEFAULT_UEDITOR_IMAGE_MAX_FILE_SIZE = 10 * 1024 * 1024;
-var DEFAULT_UEDITOR_IMAGE_MIME_TYPES = ["image/png", "image/jpeg", "image/webp", "image/gif", "image/svg+xml"];
-function getImageFiles(dataTransfer) {
-  if (!dataTransfer) return [];
-  const itemFiles = [];
-  const byKey = /* @__PURE__ */ new Map();
-  for (const item of Array.from(dataTransfer.items ?? [])) {
-    if (item.kind !== "file") continue;
-    if (!item.type.startsWith("image/")) continue;
-    const file = item.getAsFile();
-    if (!file) continue;
-    byKey.set(`${file.name}:${file.size}:${file.lastModified}`, file);
-  }
-  itemFiles.push(...Array.from(byKey.values()));
-  if (itemFiles.length > 0) return itemFiles;
-  for (const file of Array.from(dataTransfer.files ?? [])) {
-    if (!file.type.startsWith("image/")) continue;
-    byKey.set(`${file.name}:${file.size}:${file.lastModified}`, file);
-  }
-  return Array.from(byKey.values());
-}
+// src/components/UEditor/clipboard-tables.ts
 function getClipboardData(dataTransfer, type) {
   try {
     return dataTransfer.getData(type) ?? "";
@@ -25913,42 +25853,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 getClipboardTableHtml(dataTransfer) {
+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 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 +25975,76 @@ 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
+  );
+}
+
+// src/components/UEditor/url-safety.ts
+var LINK_PROTOCOLS = /* @__PURE__ */ new Set(["http:", "https:", "mailto:", "tel:"]);
+var IMAGE_PROTOCOLS = /* @__PURE__ */ new Set(["http:", "https:"]);
+function normalizeUrlInput(raw) {
+  return raw.trim().replace(/[\u0000-\u001F\u007F\s]+/g, "");
+}
+function isProtocolRelativeUrl(value) {
+  return value.startsWith("//");
+}
+function isRelativeUrl(value) {
+  return value.startsWith("/") || value.startsWith("./") || value.startsWith("../") || value.startsWith("#");
+}
+function isDataImageUrl(value) {
+  return /^data:image\/(?:png|jpe?g|gif|webp|svg\+xml|bmp|x-icon|avif);base64,/i.test(value);
+}
+function isSafeUEditorUrl(raw, kind) {
+  const value = normalizeUrlInput(raw);
+  if (!value) return false;
+  if (kind === "image" && isDataImageUrl(value)) return true;
+  if (isRelativeUrl(value)) return true;
+  if (isProtocolRelativeUrl(value)) return false;
+  try {
+    const parsed = new URL(value);
+    return kind === "image" ? IMAGE_PROTOCOLS.has(parsed.protocol) : LINK_PROTOCOLS.has(parsed.protocol);
+  } catch {
+    return false;
+  }
+}
+function sanitizeUEditorUrl(raw, kind) {
+  const value = raw.trim();
+  if (!value) return "";
+  if (isSafeUEditorUrl(value, kind)) return normalizeUrlInput(value);
+  if (kind === "link" && !isProtocolRelativeUrl(value) && !/^[a-zA-Z][a-zA-Z0-9+.-]*:/.test(value)) {
+    const withProtocol = `https://${value}`;
+    return isSafeUEditorUrl(withProtocol, kind) ? withProtocol : "";
+  }
+  return "";
+}
+
+// src/components/UEditor/clipboard-images.ts
+var DEFAULT_UEDITOR_IMAGE_MAX_FILE_SIZE = 10 * 1024 * 1024;
+var DEFAULT_UEDITOR_IMAGE_MIME_TYPES = ["image/png", "image/jpeg", "image/webp", "image/gif", "image/svg+xml"];
+function getImageFiles(dataTransfer) {
+  if (!dataTransfer) return [];
+  const itemFiles = [];
+  const byKey = /* @__PURE__ */ new Map();
+  for (const item of Array.from(dataTransfer.items ?? [])) {
+    if (item.kind !== "file") continue;
+    if (!item.type.startsWith("image/")) continue;
+    const file = item.getAsFile();
+    if (!file) continue;
+    byKey.set(`${file.name}:${file.size}:${file.lastModified}`, file);
+  }
+  itemFiles.push(...Array.from(byKey.values()));
+  if (itemFiles.length > 0) return itemFiles;
+  for (const file of Array.from(dataTransfer.files ?? [])) {
+    if (!file.type.startsWith("image/")) continue;
+    byKey.set(`${file.name}:${file.size}:${file.lastModified}`, file);
+  }
+  return Array.from(byKey.values());
 }
 function fileToDataUrl(file) {
   return new Promise((resolve, reject) => {
@@ -26071,16 +26100,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);