@cyberyozh/text-editor 0.1.5 → 0.1.7

package/dist/render.mjs

@@ -2186,6 +2186,16 @@ var PromptContent = ({ children, isEmpty, placeholder }) => /* @__PURE__ */ jsx6
   }
 ) });
 
+// src/extensions/views/components/table.tsx
+import { jsx as jsx67, jsxs as jsxs21 } from "react/jsx-runtime";
+function Table({ children, colWidths = [] }) {
+  const tableWidth = colWidths.length > 0 ? colWidths.reduce((total, width) => total + width, 0) : null;
+  return /* @__PURE__ */ jsx67("div", { className: "tableWrapper", children: /* @__PURE__ */ jsxs21("table", { style: tableWidth ? { width: `${tableWidth}px` } : void 0, children: [
+    colWidths.length > 0 && /* @__PURE__ */ jsx67("colgroup", { children: colWidths.map((width, index) => /* @__PURE__ */ jsx67("col", { style: { width: `${width}px` } }, index)) }),
+    /* @__PURE__ */ jsx67("tbody", { children })
+  ] }) });
+}
+
 // src/utils/detect-video-hosting.ts
 var VIDEO_PATTERNS = {
   youtube: /(?:https?:\/\/)?(?:www\.)?(?:youtube\.com|youtu\.be)\/(?:watch\?v=|shorts\/)?([a-zA-Z0-9_-]{11})/,
@@ -2258,22 +2268,22 @@ var detectVideoHosting = (src) => {
 };
 
 // src/extensions/views/components/video.tsx
-import { jsx as jsx67, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx68, jsxs as jsxs22 } from "react/jsx-runtime";
 var Video = ({ src, children }) => {
   const videoInfo = detectVideoHosting(src);
   if (!videoInfo?.embedUrl) {
-    return /* @__PURE__ */ jsxs21("div", { className: "video-node", children: [
-      /* @__PURE__ */ jsx67("div", { className: "video-error", children: /* @__PURE__ */ jsx67("span", { children: "Unsupported or invalid video URL" }) }),
+    return /* @__PURE__ */ jsxs22("div", { className: "video-node", children: [
+      /* @__PURE__ */ jsx68("div", { className: "video-error", children: /* @__PURE__ */ jsx68("span", { children: "Unsupported or invalid video URL" }) }),
       children
     ] });
   }
-  return /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsxs22(
     "div",
     {
       className: "video-node",
       "data-video": "",
       children: [
-        /* @__PURE__ */ jsx67("div", { className: "video-player-wrapper", children: /* @__PURE__ */ jsx67(
+        /* @__PURE__ */ jsx68("div", { className: "video-player-wrapper", children: /* @__PURE__ */ jsx68(
           "iframe",
           {
             className: "video-iframe",
@@ -2290,10 +2300,10 @@ var Video = ({ src, children }) => {
 };
 
 // src/render/static-renderer-config.tsx
-import { jsx as jsx68 } from "react/jsx-runtime";
+import { jsx as jsx69 } from "react/jsx-runtime";
 var getNodeMapping = (getImageById) => ({
   callout({ node, children }) {
-    return /* @__PURE__ */ jsx68(Callout, { ...node.attrs, children });
+    return /* @__PURE__ */ jsx69(Callout, { ...node.attrs, children });
   },
   codeBlock({ node, children }) {
     const language = node.attrs.language || "";
@@ -2317,41 +2327,64 @@ var getNodeMapping = (getImageById) => ({
       console.warn(`Failed to highlight code for language "${language}":`, error);
       highlightedHtml = codeText.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
     }
-    return /* @__PURE__ */ jsx68(
+    return /* @__PURE__ */ jsx69(
       CodeBlock,
       {
         language,
         isEditable: false,
-        children: /* @__PURE__ */ jsx68("code", { dangerouslySetInnerHTML: { __html: highlightedHtml } })
+        children: /* @__PURE__ */ jsx69("code", { dangerouslySetInnerHTML: { __html: highlightedHtml } })
       }
     );
   },
   customQuote({ children }) {
-    return /* @__PURE__ */ jsx68(CustomQuote, { children });
+    return /* @__PURE__ */ jsx69(CustomQuote, { children });
   },
   customQuoteText({ children }) {
-    return /* @__PURE__ */ jsx68(CustomQuoteText, { children });
+    return /* @__PURE__ */ jsx69(CustomQuoteText, { children });
   },
   customQuoteAuthor({ children }) {
-    return /* @__PURE__ */ jsx68(CustomQuoteAuthor, { children });
+    return /* @__PURE__ */ jsx69(CustomQuoteAuthor, { children });
   },
   customQuoteSign({ children }) {
-    return /* @__PURE__ */ jsx68(CustomQuoteSign, { children });
+    return /* @__PURE__ */ jsx69(CustomQuoteSign, { children });
   },
   promptHeader({ children }) {
-    return /* @__PURE__ */ jsx68(PromptHeader, { children });
+    return /* @__PURE__ */ jsx69(PromptHeader, { children });
   },
   promptContent({ children }) {
-    return /* @__PURE__ */ jsx68(PromptContent, { children });
+    return /* @__PURE__ */ jsx69(PromptContent, { children });
   },
   video({ node }) {
-    return /* @__PURE__ */ jsx68(Video, { src: node.attrs.src });
+    return /* @__PURE__ */ jsx69(Video, { src: node.attrs.src });
+  },
+  table({ children }) {
+    let colWidths = [];
+    if (Array.isArray(children) && children.length > 0) {
+      const firstRow = children[0];
+      if (firstRow?.props?.children) {
+        const cells = Array.isArray(firstRow.props.children) ? firstRow.props.children : [firstRow.props.children];
+        colWidths = cells.map((cell) => cell?.props?.node?.attrs?.colwidth?.[0]).filter((width) => width !== void 0);
+      }
+    }
+    return /* @__PURE__ */ jsx69(Table, { colWidths, children });
   },
   figure({ node }) {
-    return /* @__PURE__ */ jsx68(Figure, { ...node.attrs, getImageById });
+    return /* @__PURE__ */ jsx69(
+      Figure,
+      {
+        ...node.attrs,
+        getImageById
+      }
+    );
   },
   image({ node }) {
-    return /* @__PURE__ */ jsx68(Figure, { ...node.attrs, getImageById });
+    return /* @__PURE__ */ jsx69(
+      Figure,
+      {
+        ...node.attrs,
+        getImageById
+      }
+    );
   },
   inlineMath({ node }) {
     const latex = node.attrs.latex || "";
@@ -2364,7 +2397,7 @@ var getNodeMapping = (getImageById) => ({
     } catch (error) {
       console.warn("KaTeX rendering error for inline math:", error);
     }
-    return /* @__PURE__ */ jsx68(
+    return /* @__PURE__ */ jsx69(
       "span",
       {
         className: "react-renderer node-inlineMath",
@@ -2385,7 +2418,7 @@ var getNodeMapping = (getImageById) => ({
     } catch (error) {
       console.warn("KaTeX rendering error for block math:", error);
     }
-    return /* @__PURE__ */ jsx68("div", { className: "react-renderer node-blockMath", children: /* @__PURE__ */ jsx68(
+    return /* @__PURE__ */ jsx69("div", { className: "react-renderer node-blockMath", children: /* @__PURE__ */ jsx69(
       "div",
       {
         className: "tiptap-mathematics-render",
@@ -2406,7 +2439,7 @@ var getNodeMapping = (getImageById) => ({
     } catch (error) {
       console.warn("KaTeX rendering error for inline latex:", error);
     }
-    return /* @__PURE__ */ jsx68(
+    return /* @__PURE__ */ jsx69(
       "span",
       {
         className: "react-renderer node-inlineLatex inline-latex",
@@ -2419,33 +2452,33 @@ var getNodeMapping = (getImageById) => ({
   */
   calloutAlert({ node, children }) {
     const type = node.attrs.type || "info";
-    return /* @__PURE__ */ jsx68(Callout, { type, children });
+    return /* @__PURE__ */ jsx69(Callout, { type, children });
   },
   calloutTip({ node, children }) {
     const type = node.attrs.type || "info";
-    return /* @__PURE__ */ jsx68(Callout, { type, children });
+    return /* @__PURE__ */ jsx69(Callout, { type, children });
   },
   customQuoteV2({ children }) {
-    return /* @__PURE__ */ jsx68(CustomQuote, { children });
+    return /* @__PURE__ */ jsx69(CustomQuote, { children });
   },
   promptV2Header({ children }) {
-    return /* @__PURE__ */ jsx68(PromptHeader, { children });
+    return /* @__PURE__ */ jsx69(PromptHeader, { children });
   },
   promptV2Content({ children }) {
-    return /* @__PURE__ */ jsx68(PromptContent, { children });
+    return /* @__PURE__ */ jsx69(PromptContent, { children });
   }
 });
 var nodeMapping = getNodeMapping();
 var markMapping = {
   "copyable-text"({ children }) {
-    return /* @__PURE__ */ jsx68(CopyableText2, { children });
+    return /* @__PURE__ */ jsx69(CopyableText2, { children });
   }
 };
 
 // src/render/tiptap-render.tsx
 import "highlight.js/styles/github-dark.css";
 import "katex/dist/katex.min.css";
-import { jsx as jsx69 } from "react/jsx-runtime";
+import { jsx as jsx70 } from "react/jsx-runtime";
 function renderTiptapToReact(content, getImageById) {
   let parsedContent;
   try {
@@ -2466,7 +2499,7 @@ function renderTiptapToReact(content, getImageById) {
       markMapping
     }
   });
-  return /* @__PURE__ */ jsx69(
+  return /* @__PURE__ */ jsx70(
     "div",
     {
       className: "tiptap",