@cyberyozh/text-editor 0.1.6 → 0.1.8

package/dist/render.js

@@ -2222,6 +2222,30 @@ var PromptContent = ({ children, isEmpty, placeholder }) => /* @__PURE__ */ (0,
   }
 ) });
 
+// src/extensions/views/components/table.tsx
+var import_jsx_runtime67 = require("react/jsx-runtime");
+function 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);
+    }
+  }
+  const tableWidth = colWidths.length > 0 ? colWidths.reduce((total, width) => total + width, 0) : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "tableWrapper", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("table", { style: tableWidth ? { width: `${tableWidth}px` } : void 0, children: [
+    colWidths.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("colgroup", { children: colWidths.map((width, index) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+      "col",
+      {
+        style: { width: `${width}px` }
+      },
+      index
+    )) }),
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("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})/,
@@ -2294,22 +2318,22 @@ var detectVideoHosting = (src) => {
 };
 
 // src/extensions/views/components/video.tsx
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 var Video = ({ src, children }) => {
   const videoInfo = detectVideoHosting(src);
   if (!videoInfo?.embedUrl) {
-    return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "video-node", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "video-error", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { children: "Unsupported or invalid video URL" }) }),
+    return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "video-node", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "video-error", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { children: "Unsupported or invalid video URL" }) }),
       children
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
     "div",
     {
       className: "video-node",
       "data-video": "",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "video-player-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "video-player-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
           "iframe",
           {
             className: "video-iframe",
@@ -2326,10 +2350,10 @@ var Video = ({ src, children }) => {
 };
 
 // src/render/static-renderer-config.tsx
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 var getNodeMapping = (getImageById) => ({
   callout({ node, children }) {
-    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Callout, { ...node.attrs, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Callout, { ...node.attrs, children });
   },
   codeBlock({ node, children }) {
     const language = node.attrs.language || "";
@@ -2353,41 +2377,56 @@ 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__ */ (0, import_jsx_runtime68.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
       CodeBlock,
       {
         language,
         isEditable: false,
-        children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("code", { dangerouslySetInnerHTML: { __html: highlightedHtml } })
+        children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("code", { dangerouslySetInnerHTML: { __html: highlightedHtml } })
       }
     );
   },
   customQuote({ children }) {
-    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(CustomQuote, { children });
+    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(CustomQuote, { children });
   },
   customQuoteText({ children }) {
-    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(CustomQuoteText, { children });
+    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(CustomQuoteText, { children });
   },
   customQuoteAuthor({ children }) {
-    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(CustomQuoteAuthor, { children });
+    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(CustomQuoteAuthor, { children });
   },
   customQuoteSign({ children }) {
-    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(CustomQuoteSign, { children });
+    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(CustomQuoteSign, { children });
   },
   promptHeader({ children }) {
-    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(PromptHeader, { children });
+    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(PromptHeader, { children });
   },
   promptContent({ children }) {
-    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(PromptContent, { children });
+    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(PromptContent, { children });
   },
   video({ node }) {
-    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Video, { src: node.attrs.src });
+    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Video, { src: node.attrs.src });
+  },
+  table({ children }) {
+    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Table, { children });
   },
   figure({ node }) {
-    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Figure, { ...node.attrs, getImageById });
+    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+      Figure,
+      {
+        ...node.attrs,
+        getImageById
+      }
+    );
   },
   image({ node }) {
-    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Figure, { ...node.attrs, getImageById });
+    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+      Figure,
+      {
+        ...node.attrs,
+        getImageById
+      }
+    );
   },
   inlineMath({ node }) {
     const latex = node.attrs.latex || "";
@@ -2400,7 +2439,7 @@ var getNodeMapping = (getImageById) => ({
     } catch (error) {
       console.warn("KaTeX rendering error for inline math:", error);
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
       "span",
       {
         className: "react-renderer node-inlineMath",
@@ -2421,7 +2460,7 @@ var getNodeMapping = (getImageById) => ({
     } catch (error) {
       console.warn("KaTeX rendering error for block math:", error);
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "react-renderer node-blockMath", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "react-renderer node-blockMath", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
       "div",
       {
         className: "tiptap-mathematics-render",
@@ -2442,7 +2481,7 @@ var getNodeMapping = (getImageById) => ({
     } catch (error) {
       console.warn("KaTeX rendering error for inline latex:", error);
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
       "span",
       {
         className: "react-renderer node-inlineLatex inline-latex",
@@ -2455,33 +2494,33 @@ var getNodeMapping = (getImageById) => ({
   */
   calloutAlert({ node, children }) {
     const type = node.attrs.type || "info";
-    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Callout, { type, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Callout, { type, children });
   },
   calloutTip({ node, children }) {
     const type = node.attrs.type || "info";
-    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Callout, { type, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Callout, { type, children });
   },
   customQuoteV2({ children }) {
-    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(CustomQuote, { children });
+    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(CustomQuote, { children });
   },
   promptV2Header({ children }) {
-    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(PromptHeader, { children });
+    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(PromptHeader, { children });
   },
   promptV2Content({ children }) {
-    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(PromptContent, { children });
+    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(PromptContent, { children });
   }
 });
 var nodeMapping = getNodeMapping();
 var markMapping = {
   "copyable-text"({ children }) {
-    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(CopyableText2, { children });
+    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(CopyableText2, { children });
   }
 };
 
 // src/render/tiptap-render.tsx
 var import_github_dark = require("highlight.js/styles/github-dark.css");
 var import_katex_min = require("katex/dist/katex.min.css");
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 function renderTiptapToReact(content, getImageById) {
   let parsedContent;
   try {
@@ -2502,7 +2541,7 @@ function renderTiptapToReact(content, getImageById) {
       markMapping
     }
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
     "div",
     {
       className: "tiptap",