eddyter 1.4.16 → 1.4.18

package/dist/{CommentBubblePlugin-DZQW1ibY.js → CommentBubblePlugin-kiMehQkL.js}

@@ -1,8 +1,8 @@
-import { useLexicalComposerContext as a } from "@lexical/react/LexicalComposerContext";
+import { useLexicalComposerContext as p } from "@lexical/react/LexicalComposerContext";
 import { useRef as y, useEffect as v } from "react";
-import { u as b } from "./index-BDDjWwK4.js";
+import { a1 as b } from "./index-CXyZgoBl.js";
 const g = () => {
-  const [n] = a(), { getCommentById: o } = b(), t = y(null);
+  const [n] = p(), { getCommentById: o } = b(), t = y(null);
   return v(() => {
     if (!n.getRootElement())
       return;
@@ -12,8 +12,8 @@ const g = () => {
       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 a = 1 + c.replies.length;
+      e.textContent = a.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 = () => {

package/dist/CommentPlugin-DIuM-Jao.js

@@ -0,0 +1,154 @@
+import { jsx as t, jsxs as a } from "react/jsx-runtime";
+import { useLexicalComposerContext as w } from "@lexical/react/LexicalComposerContext";
+import { $getSelection as b, $isRangeSelection as D, $isTextNode as A, COMMAND_PRIORITY_LOW as S } from "lexical";
+import { a1 as I, a2 as _, a3 as $, a4 as j, D as F, a as K, b as L, d as P, U as H, V as U, a5 as z, H as B, g as V, B as O } from "./index-CXyZgoBl.js";
+import { useState as M, useCallback as f, useEffect as N, useRef as W } from "react";
+import { u as Y, M as q } from "./useVoiceToText-U0yKgS5Q.js";
+const G = ({
+  isOpen: o,
+  onClose: n,
+  onSubmit: u,
+  selectedText: g
+}) => {
+  const [c, d] = M(""), {
+    isRecording: r,
+    error: s,
+    toggleRecording: C
+  } = Y({
+    onTranscriptUpdate: (e) => {
+      d(e);
+    }
+  }), l = f(() => {
+    c.trim() && (u(c.trim()), d(""), n());
+  }, [c, u, n]), p = f(
+    (e) => {
+      e.key === "Enter" && (e.metaKey || e.ctrlKey) ? (e.preventDefault(), l()) : e.key === "Escape" && (e.preventDefault(), n());
+    },
+    [l, n]
+  );
+  N(() => {
+    o && d("");
+  }, [o]);
+  const m = W(null);
+  return N(() => {
+    if (!m.current) return;
+    const e = m.current;
+    e.style.height = "auto", e.style.height = `${e.scrollHeight}px`;
+  }, [c]), /* @__PURE__ */ t(F, { open: o, onOpenChange: n, children: /* @__PURE__ */ a(K, { className: "sm:cteditor-max-w-xl", children: [
+    /* @__PURE__ */ t(L, { children: /* @__PURE__ */ t(P, { className: "cteditor-flex cteditor-items-center cteditor-gap-3", children: "Add Comment" }) }),
+    /* @__PURE__ */ a("div", { className: "cteditor-space-y-4", children: [
+      g && /* @__PURE__ */ t(H, { className: "cteditor-bg-primary/5 cteditor-border-primary/20 cteditor-rounded-md pt-6", children: /* @__PURE__ */ t(U, { className: "md:cteditor-p-2 cteditor-p-2  cteditor-px-4 md:cteditor-pt-3 cteditor-pt-2", children: /* @__PURE__ */ a("div", { className: "cteditor-space-y-1", children: [
+        /* @__PURE__ */ t("p", { className: "cteditor-text-sm cteditor-font-medium", children: "Selected text:" }),
+        /* @__PURE__ */ a("p", { className: "cteditor-text-sm cteditor-italic cteditor-text-muted-foreground cteditor-leading-relaxed", children: [
+          "“",
+          g,
+          "”"
+        ] })
+      ] }) }) }),
+      /* @__PURE__ */ a("div", { className: "cteditor-space-y-2", children: [
+        /* @__PURE__ */ a("div", { className: "cteditor-relative", children: [
+          /* @__PURE__ */ t(
+            z,
+            {
+              ref: m,
+              value: c,
+              onChange: (e) => d(e.target.value),
+              onKeyDown: p,
+              className: "cteditor-min-h-[120px] cteditor-resize-none cteditor-pr-11 cteditor-overflow-clip",
+              placeholder: r ? "Listening..." : "Write your comment here...",
+              autoFocus: !0,
+              disabled: r
+            }
+          ),
+          /* @__PURE__ */ t(
+            "button",
+            {
+              type: "button",
+              onClick: C,
+              className: `cteditor-absolute cteditor-right-1  cteditor-top-1/2 -cteditor-translate-y-1/2 cteditor-h-8 cteditor-w-8 [&>svg]:cteditor-size-5 cteditor-flex cteditor-justify-center cteditor-items-center  ${r ? "cteditor-text-red-500 cteditor-animate-pulse" : ""}`,
+              title: r ? "Stop recording" : "Start voice input",
+              children: r ? /* @__PURE__ */ t(B, {}) : /* @__PURE__ */ t(q, {})
+            }
+          )
+        ] }),
+        r && /* @__PURE__ */ a("p", { className: "cteditor-text-xs cteditor-text-blue-600 dark:cteditor-text-blue-400 cteditor-flex cteditor-items-center cteditor-gap-1", children: [
+          /* @__PURE__ */ t("span", { className: "cteditor-inline-block cteditor-w-2 cteditor-h-2 cteditor-bg-red-500 cteditor-rounded-full cteditor-animate-pulse" }),
+          "Recording... Speak your comment clearly"
+        ] }),
+        s && /* @__PURE__ */ t("p", { className: "cteditor-text-xs cteditor-text-destructive", children: s }),
+        !r && !s && /* @__PURE__ */ t("p", { className: "cteditor-text-xs cteditor-text-muted-foreground", children: "Press Ctrl/Cmd + Enter to submit or click the microphone to speak" })
+      ] })
+    ] }),
+    /* @__PURE__ */ t(V, { className: "cteditor-flex cteditor-justify-between cteditor-items-center", children: /* @__PURE__ */ a("div", { className: "cteditor-flex cteditor-gap-2", children: [
+      /* @__PURE__ */ t(O, { variant: "outline", onClick: n, children: "Cancel" }),
+      /* @__PURE__ */ t(O, { onClick: l, disabled: !c.trim(), children: "Add Comment" })
+    ] }) })
+  ] }) });
+}, ot = () => {
+  const [o] = w(), [n, u] = M(!1), [g, c] = M(""), { addComment: d, currentUser: r } = I(), s = r?.name || "Anonymous", C = r?.id, l = r?.avatar, p = f(
+    (i) => {
+      o.update(() => {
+        const x = b();
+        if (D(x)) {
+          const T = x.getTextContent();
+          if (T.trim()) {
+            const k = d({
+              text: i,
+              author: s,
+              authorId: C,
+              authorAvatar: l,
+              selectedText: T
+            }), E = x.extract(), R = Date.now();
+            for (const h of E)
+              if (A(h)) {
+                const y = _(
+                  h.getTextContent(),
+                  k,
+                  i,
+                  s,
+                  R
+                );
+                y.setFormat(h.getFormat());
+                const v = h.getStyle();
+                v && y.setStyle(v), h.replace(y);
+              }
+          }
+        }
+      });
+    },
+    [o, d, s, C, l]
+  ), m = f(() => {
+    o.getEditorState().read(() => {
+      const i = b();
+      if (D(i)) {
+        const x = i.getTextContent();
+        c(x);
+      }
+    }), u(!0);
+  }, [o]), e = f(() => {
+    u(!1), c("");
+  }, []);
+  return N(() => o.registerCommand(
+    $,
+    ({ text: i }) => (p(i), !0),
+    S
+  ), [o, p]), N(() => {
+    const i = () => (m(), !0);
+    return o.registerCommand(
+      j,
+      i,
+      S
+    );
+  }, [o, m]), /* @__PURE__ */ t(
+    G,
+    {
+      isOpen: n,
+      onClose: e,
+      onSubmit: p,
+      selectedText: g
+    }
+  );
+};
+export {
+  ot as default
+};