eddyter 1.4.12 → 1.4.13

package/README.md

@@ -156,7 +156,7 @@ Display saved editor content in read-only mode with interactive features:
   mode="preview"
   initialContent={savedHtml}
   onPreviewClick={() => setMode('edit')}
-  previewClassName="my-preview-styles"
+  containerClassName="my-preview-styles"
 />
 ```
 
@@ -200,7 +200,8 @@ The main editor component with authentication.
 | `onAuthError` | `(error: string) => void` | No | Called when authentication fails |
 | `customVerifyKey` | `(key: string) => Promise<ApiResponse>` | No | Custom key verification function |
 | `mode` | `"edit" \| "preview"` | No | Editor mode (default: `"edit"`) |
-| `previewClassName` | `string` | No | CSS class for preview container |
+| `containerClassName` | `string` | No | CSS class for the outermost editor container |
+| `contentClassName` | `string` | No | CSS class for the specific editor/preview content area |
 | `editor` | `{ maxHeight?: React.CSSProperties["maxHeight"] }` | No | Editor container options (`maxHeight`) |
 | `onPreviewClick` | `() => void` | No | Click handler for preview mode |
 | `enableReactNativeBridge` | `boolean` | No | Enable React Native WebView bridge |

package/dist/CommentBubblePlugin-DDCERFQO.js

@@ -0,0 +1,29 @@
+import { useLexicalComposerContext as a } from "@lexical/react/LexicalComposerContext";
+import { useRef as y, useEffect as v } from "react";
+import { u as b } from "./index-DFEFJp4J.js";
+const g = () => {
+  const [n] = a(), { getCommentById: o } = b(), t = y(null);
+  return v(() => {
+    if (!n.getRootElement())
+      return;
+    const e = document.createElement("div");
+    e.className = "comment-count-bubble", e.style.display = "none", document.body.appendChild(e), t.current = e;
+    const r = (l) => {
+      const d = l, { commentId: i, element: u } = d.detail, c = o(i);
+      if (!c)
+        return;
+      const p = 1 + c.replies.length;
+      e.textContent = p.toString();
+      const s = u.getBoundingClientRect();
+      e.style.setProperty("display", "flex", "important"), e.style.setProperty("left", `${s.right + window.scrollX - 10}px`, "important"), e.style.setProperty("top", `${s.top + window.scrollY - 10}px`, "important");
+    }, m = () => {
+      t.current && t.current.style.setProperty("display", "none", "important");
+    };
+    return document.addEventListener("comment-hover", r), document.addEventListener("comment-hover-end", m), () => {
+      document.removeEventListener("comment-hover", r), document.removeEventListener("comment-hover-end", m), t.current && document.body.contains(t.current) && document.body.removeChild(t.current);
+    };
+  }, [n, o]), null;
+};
+export {
+  g as default
+};