eddyter 1.4.10 → 1.4.12-beta.1

package/dist/CommentBubblePlugin-Dys_vAAy.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-BMOkFC_x.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
+};