@cyberyozh/text-editor 0.1.11 → 0.1.13

package/src/utils/html-to-tiptap-content.ts

@@ -0,0 +1,41 @@
+import { generateJSON, type JSONContent } from "@tiptap/core";
+import { getSharedExtensions } from "./get-shared-extensions";
+import { BaseFigure } from "@/extensions/base/figure";
+
+function isJSONContent(value: unknown): value is JSONContent {
+  return (
+    typeof value === "object" && value !== null && "type" in value && typeof value.type === "string"
+  );
+}
+
+export function htmlToTiptapContent(content: string | JSONContent): JSONContent {
+  if (isJSONContent(content)) {
+    return content;
+  }
+
+  if (typeof content === "string") {
+    try {
+      const parsed = JSON.parse(content);
+      if (isJSONContent(parsed)) {
+        return parsed;
+      }
+    } catch {
+      // Not valid JSON, treat as HTML
+    }
+  }
+
+  if (!content || content.trim() === "") {
+    return { type: "doc", content: [{ type: "paragraph" }] };
+  }
+
+  const sharedExtensions = getSharedExtensions();
+
+  const extensions = [...sharedExtensions, BaseFigure];
+
+  try {
+    return generateJSON(content, extensions);
+  } catch (error) {
+    console.error("Failed to convert HTML to Tiptap content:", error);
+    return { type: "doc", content: [{ type: "paragraph" }] };
+  }
+}

package/src/extensions/views/components/table.tsx

@@ -1,75 +0,0 @@
-import { useEffect, useRef, useState, type ReactNode } from "react";
-
-interface TableProps {
-  children: ReactNode;
-}
-
-/**
- * Table component for static rendering
- * Applies column widths from Tiptap table cells
- */
-export function Table({ children }: TableProps) {
-  const wrapperRef = useRef<HTMLDivElement>(null);
-  const [undefinedColWidth, setUndefinedColWidth] = useState<number | undefined>(undefined);
-
-  let colWidths: (number | undefined)[] = [];
-
-  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: any) => cell?.props?.node?.attrs?.colwidth?.[0]);
-    }
-  }
-
-  const definedWidths = colWidths.filter((w): w is number => w !== undefined);
-  const totalDefinedWidth = definedWidths.reduce((total, width) => total + width, 0);
-  const undefinedCount = colWidths.filter((w) => w === undefined).length;
-
-  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 : undefined);
-    }
-  }, [totalDefinedWidth, undefinedCount]);
-
-  const tableWidth =
-    undefinedCount > 0 && undefinedColWidth
-      ? totalDefinedWidth + undefinedColWidth * undefinedCount + 2
-      : totalDefinedWidth > 0
-      ? totalDefinedWidth + 2
-      : undefined;
-
-  return (
-    <div
-      ref={wrapperRef}
-      className="tableWrapper"
-    >
-      <table style={tableWidth ? { width: `${tableWidth}px` } : undefined}>
-        {colWidths.length > 0 && (
-          <colgroup>
-            {colWidths.map((width, index) => (
-              <col
-                key={index}
-                style={
-                  width
-                    ? { width: `${width}px` }
-                    : undefinedColWidth
-                    ? { width: `${undefinedColWidth}px` }
-                    : undefined
-                }
-              />
-            ))}
-          </colgroup>
-        )}
-        <tbody>{children}</tbody>
-      </table>
-    </div>
-  );
-}