@cyberyozh/text-editor 0.1.11 → 0.1.13

package/dist/render.d.mts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { JSONContent as JSONContent$1 } from '@tiptap/core';
 
 type JSONContent = Record<string, any>;
 interface TiptapRenderProps {
@@ -55,4 +56,6 @@ interface TiptapRenderProps {
  */
 declare function TiptapRender({ content, getImageById }: TiptapRenderProps): ReactNode;
 
-export { TiptapRender };
+declare function htmlToTiptapContent(content: string | JSONContent$1): JSONContent$1;
+
+export { TiptapRender, htmlToTiptapContent };

package/dist/render.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { JSONContent as JSONContent$1 } from '@tiptap/core';
 
 type JSONContent = Record<string, any>;
 interface TiptapRenderProps {
@@ -55,4 +56,6 @@ interface TiptapRenderProps {
  */
 declare function TiptapRender({ content, getImageById }: TiptapRenderProps): ReactNode;
 
-export { TiptapRender };
+declare function htmlToTiptapContent(content: string | JSONContent$1): JSONContent$1;
+
+export { TiptapRender, htmlToTiptapContent };

package/dist/render.js

@@ -30,12 +30,13 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/render/index.ts
 var render_exports = {};
 __export(render_exports, {
-  TiptapRender: () => TiptapRender
+  TiptapRender: () => TiptapRender,
+  htmlToTiptapContent: () => htmlToTiptapContent
 });
 module.exports = __toCommonJS(render_exports);
 
 // src/render/tiptap-render.tsx
-var import_react3 = require("@tiptap/static-renderer/pm/react");
+var import_react2 = require("@tiptap/static-renderer/pm/react");
 
 // src/extensions/render/get-render-extensions.ts
 var import_extension_mathematics = require("@tiptap/extension-mathematics");
@@ -664,8 +665,9 @@ var BaseFigure = import_extension_image.default.extend({
   isolating: true,
   selectable: false,
   addOptions() {
+    const parentOptions = this.parent?.() || {};
     return {
-      HTMLAttributes: {},
+      ...parentOptions,
       getImageById: void 0,
       onFigureClick: void 0
     };
@@ -1598,9 +1600,8 @@ function getRenderExtensions() {
     BasePromptContent,
     BaseVideo,
     BaseFigure,
-    // Need to update
     import_extension_table.TableKit.configure({
-      table: { resizable: false }
+      table: { resizable: false, renderWrapper: true }
     }),
     import_extension_mathematics.Mathematics.configure({
       katexOptions: {
@@ -2281,51 +2282,6 @@ var PromptContent = ({ children, isEmpty, placeholder }) => /* @__PURE__ */ (0,
   }
 ) });
 
-// src/extensions/views/components/table.tsx
-var import_react2 = require("react");
-var import_jsx_runtime67 = require("react/jsx-runtime");
-function Table({ children }) {
-  const wrapperRef = (0, import_react2.useRef)(null);
-  const [undefinedColWidth, setUndefinedColWidth] = (0, import_react2.useState)(void 0);
-  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]);
-    }
-  }
-  const definedWidths = colWidths.filter((w) => w !== void 0);
-  const totalDefinedWidth = definedWidths.reduce((total, width) => total + width, 0);
-  const undefinedCount = colWidths.filter((w) => w === void 0).length;
-  (0, import_react2.useEffect)(() => {
-    if (wrapperRef.current && undefinedCount > 0) {
-      const containerWidth = wrapperRef.current.clientWidth;
-      const remainingSpace = containerWidth - totalDefinedWidth - 2;
-      const calculatedWidth = Math.floor(remainingSpace / undefinedCount);
-      setUndefinedColWidth(calculatedWidth > 0 ? calculatedWidth : void 0);
-    }
-  }, [totalDefinedWidth, undefinedCount]);
-  const tableWidth = undefinedCount > 0 && undefinedColWidth ? totalDefinedWidth + undefinedColWidth * undefinedCount + 2 : totalDefinedWidth > 0 ? totalDefinedWidth + 2 : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
-    "div",
-    {
-      ref: wrapperRef,
-      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: `${width}px` } : undefinedColWidth ? { width: `${undefinedColWidth}px` } : void 0
-          },
-          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})/,
@@ -2398,22 +2354,22 @@ var detectVideoHosting = (src) => {
 };
 
 // src/extensions/views/components/video.tsx
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 var Video = ({ src, children }) => {
   const videoInfo = detectVideoHosting(src);
   if (!videoInfo?.embedUrl) {
-    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" }) }),
+    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" }) }),
       children
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
     "div",
     {
       className: "video-node",
       "data-video": "",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "video-player-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "video-player-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
           "iframe",
           {
             className: "video-iframe",
@@ -2430,10 +2386,10 @@ var Video = ({ src, children }) => {
 };
 
 // src/render/static-renderer-config.tsx
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 var getNodeMapping = (getImageById) => ({
   callout({ node, children }) {
-    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Callout, { ...node.attrs, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Callout, { ...node.attrs, children });
   },
   codeBlock({ node, children }) {
     const language = node.attrs.language || "";
@@ -2457,41 +2413,38 @@ 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_runtime69.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
       CodeBlock,
       {
         language,
         isEditable: false,
-        children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("code", { dangerouslySetInnerHTML: { __html: highlightedHtml } })
+        children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("code", { dangerouslySetInnerHTML: { __html: highlightedHtml } })
       }
     );
   },
   customQuote({ children }) {
-    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(CustomQuote, { children });
+    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(CustomQuote, { children });
   },
   customQuoteText({ children }) {
-    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(CustomQuoteText, { children });
+    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(CustomQuoteText, { children });
   },
   customQuoteAuthor({ children }) {
-    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(CustomQuoteAuthor, { children });
+    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(CustomQuoteAuthor, { children });
   },
   customQuoteSign({ children }) {
-    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(CustomQuoteSign, { children });
+    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(CustomQuoteSign, { children });
   },
   promptHeader({ children }) {
-    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(PromptHeader, { children });
+    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(PromptHeader, { children });
   },
   promptContent({ children }) {
-    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(PromptContent, { children });
+    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(PromptContent, { children });
   },
   video({ node }) {
-    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Video, { src: node.attrs.src });
-  },
-  table({ children }) {
-    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Table, { children });
+    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Video, { src: node.attrs.src });
   },
   figure({ node }) {
-    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
       Figure,
       {
         ...node.attrs,
@@ -2500,7 +2453,7 @@ var getNodeMapping = (getImageById) => ({
     );
   },
   image({ node }) {
-    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
       Figure,
       {
         ...node.attrs,
@@ -2519,7 +2472,7 @@ var getNodeMapping = (getImageById) => ({
     } catch (error) {
       console.warn("KaTeX rendering error for inline math:", error);
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
       "span",
       {
         className: "react-renderer node-inlineMath",
@@ -2540,7 +2493,7 @@ var getNodeMapping = (getImageById) => ({
     } catch (error) {
       console.warn("KaTeX rendering error for block math:", error);
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "react-renderer node-blockMath", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "react-renderer node-blockMath", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
       "div",
       {
         className: "tiptap-mathematics-render",
@@ -2561,7 +2514,7 @@ var getNodeMapping = (getImageById) => ({
     } catch (error) {
       console.warn("KaTeX rendering error for inline latex:", error);
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
       "span",
       {
         className: "react-renderer node-inlineLatex inline-latex",
@@ -2574,33 +2527,33 @@ var getNodeMapping = (getImageById) => ({
   */
   calloutAlert({ node, children }) {
     const type = node.attrs.type || "info";
-    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Callout, { type, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Callout, { type, children });
   },
   calloutTip({ node, children }) {
     const type = node.attrs.type || "info";
-    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Callout, { type, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Callout, { type, children });
   },
   customQuoteV2({ children }) {
-    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(CustomQuote, { children });
+    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(CustomQuote, { children });
   },
   promptV2Header({ children }) {
-    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(PromptHeader, { children });
+    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(PromptHeader, { children });
   },
   promptV2Content({ children }) {
-    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(PromptContent, { children });
+    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(PromptContent, { children });
   }
 });
 var nodeMapping = getNodeMapping();
 var markMapping = {
   "copyable-text"({ children }) {
-    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(CopyableText2, { children });
+    return /* @__PURE__ */ (0, import_jsx_runtime68.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_runtime70 = require("react/jsx-runtime");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 function renderTiptapToReact(content, getImageById) {
   let parsedContent;
   try {
@@ -2613,7 +2566,7 @@ function renderTiptapToReact(content, getImageById) {
     console.warn("Failed to parse Tiptap content:", error);
     parsedContent = { type: "doc", content: [{ type: "paragraph" }] };
   }
-  const rendered = (0, import_react3.renderToReactElement)({
+  const rendered = (0, import_react2.renderToReactElement)({
     extensions: getRenderExtensions(),
     content: parsedContent,
     options: {
@@ -2621,7 +2574,7 @@ function renderTiptapToReact(content, getImageById) {
       markMapping
     }
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
     "div",
     {
       className: "tiptap",
@@ -2633,8 +2586,40 @@ function renderTiptapToReact(content, getImageById) {
 function TiptapRender({ content, getImageById }) {
   return renderTiptapToReact(content, getImageById);
 }
+
+// src/utils/html-to-tiptap-content.ts
+var import_core16 = require("@tiptap/core");
+function isJSONContent(value) {
+  return typeof value === "object" && value !== null && "type" in value && typeof value.type === "string";
+}
+function htmlToTiptapContent(content) {
+  if (isJSONContent(content)) {
+    return content;
+  }
+  if (typeof content === "string") {
+    try {
+      const parsed = JSON.parse(content);
+      if (isJSONContent(parsed)) {
+        return parsed;
+      }
+    } catch {
+    }
+  }
+  if (!content || content.trim() === "") {
+    return { type: "doc", content: [{ type: "paragraph" }] };
+  }
+  const sharedExtensions = getSharedExtensions();
+  const extensions = [...sharedExtensions, BaseFigure];
+  try {
+    return (0, import_core16.generateJSON)(content, extensions);
+  } catch (error) {
+    console.error("Failed to convert HTML to Tiptap content:", error);
+    return { type: "doc", content: [{ type: "paragraph" }] };
+  }
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  TiptapRender
+  TiptapRender,
+  htmlToTiptapContent
 });
 //# sourceMappingURL=render.js.map