eddyter 1.4.18 → 1.4.19-beta.0

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

@@ -1,9 +1,9 @@
 import { useLexicalComposerContext as p } from "@lexical/react/LexicalComposerContext";
-import { useRef as y, useEffect as v } from "react";
-import { a1 as b } from "./index-CXyZgoBl.js";
+import { useRef as y, useEffect as b } from "react";
+import { ab as v } from "./index-jEC_qTLD.js";
 const g = () => {
-  const [n] = p(), { getCommentById: o } = b(), t = y(null);
-  return v(() => {
+  const [n] = p(), { getCommentById: o } = v(), t = y(null);
+  return b(() => {
     if (!n.getRootElement())
       return;
     const e = document.createElement("div");

package/dist/CommentPlugin-BICzJnwy.js

@@ -0,0 +1,197 @@
+import { jsx as t, jsxs as c } from "react/jsx-runtime";
+import { useLexicalComposerContext as A } from "@lexical/react/LexicalComposerContext";
+import { $getSelection as T, $isRangeSelection as S, $isTextNode as I, COMMAND_PRIORITY_LOW as D } from "lexical";
+import { ab as E, ac as R, ad as z, ae as L, af as $, D as F, a as j, ag as P, a0 as B, ah as K, Y as U, B as O } from "./index-jEC_qTLD.js";
+import { useState as C, useCallback as f, useEffect as N, useRef as W } from "react";
+import { u as Y, M as q } from "./useVoiceToText-BSB1QOIb.js";
+const H = ({
+  isOpen: r,
+  onClose: d,
+  onSubmit: p,
+  selectedText: x
+}) => {
+  const [a, s] = C(""), [b, m] = C(!1), { currentUser: _ } = E(), h = _?.name || "Anonymous", u = (e) => e.split(" ").map((v) => v[0]).join("").toUpperCase().slice(0, 2), {
+    isRecording: n,
+    error: w,
+    toggleRecording: o
+  } = Y({
+    onTranscriptUpdate: (e) => {
+      s(e);
+    }
+  }), i = f(() => {
+    a.trim() && (p(a.trim()), s(""), d());
+  }, [a, p, d]), l = f(
+    (e) => {
+      e.key === "Enter" && (e.metaKey || e.ctrlKey) ? (e.preventDefault(), i()) : e.key === "Escape" && (e.preventDefault(), d());
+    },
+    [i, d]
+  );
+  N(() => {
+    r && s("");
+  }, [r]);
+  const g = W(null);
+  return N(() => {
+    if (!g.current) return;
+    const e = g.current;
+    e.style.height = "auto", e.style.height = `${e.scrollHeight}px`;
+  }, [a]), /* @__PURE__ */ t(F, { open: r, onOpenChange: d, children: /* @__PURE__ */ c(j, { className: "cteditor-max-w-[460px] cteditor-gap-0 !cteditor-p-0 cteditor-border-black/[0.07] dark:cteditor-border-white/[0.07] cteditor-bg-white dark:cteditor-bg-[#18181b] cteditor-rounded-[14px] sm:cteditor-rounded-[14px] cteditor-overflow-hidden cteditor-shadow-[inset_0_1px_0_rgba(0,0,0,0.02),0_26px_60px_-18px_rgba(0,0,0,0.15),0_10px_22px_-10px_rgba(0,0,0,0.1)] dark:cteditor-shadow-[inset_0_1px_0_rgba(255,255,255,0.05),0_26px_60px_-18px_rgba(0,0,0,0.7),0_10px_22px_-10px_rgba(0,0,0,0.5)] [&>button.closeDialog]:cteditor-hidden", children: [
+    /* @__PURE__ */ c("div", { className: "cteditor-flex cteditor-items-center cteditor-justify-between cteditor-pt-3.5 cteditor-px-4 cteditor-pb-2.5", children: [
+      /* @__PURE__ */ c("div", { className: "cteditor-flex cteditor-items-center cteditor-gap-2 cteditor-text-[13px] cteditor-font-semibold cteditor-text-black/90 dark:cteditor-text-white/[0.92] cteditor-tracking-[-0.005em]", children: [
+        /* @__PURE__ */ t("span", { className: "cteditor-w-5.5 cteditor-h-5.5 cteditor-bg-black/[0.03] dark:cteditor-bg-white/[0.05] cteditor-border cteditor-border-black/[0.05] dark:cteditor-border-white/[0.07] cteditor-rounded-md cteditor-grid cteditor-place-items-center cteditor-text-black/70 dark:cteditor-text-white/[0.78]", children: /* @__PURE__ */ t(P, { className: "cteditor-size-3" }) }),
+        /* @__PURE__ */ t("span", { children: "Add comment" })
+      ] }),
+      /* @__PURE__ */ t(
+        "button",
+        {
+          onClick: d,
+          className: "cteditor-w-6 cteditor-h-6 cteditor-rounded-md cteditor-grid cteditor-place-items-center cteditor-text-black/45 dark:cteditor-text-white/[0.46] hover:cteditor-bg-black/5 dark:hover:cteditor-bg-white/5 hover:cteditor-text-black/85 dark:hover:cteditor-text-white/[0.85] cteditor-transition-all",
+          "aria-label": "Close",
+          children: /* @__PURE__ */ t(B, { className: "cteditor-size-[13px]" })
+        }
+      )
+    ] }),
+    x && /* @__PURE__ */ c("div", { className: "cteditor-mx-4  cteditor-pt-3 cteditor-pr-3.5 cteditor-pb-3 cteditor-pl-4 cteditor-bg-black/[0.015] dark:cteditor-bg-white/[0.025] cteditor-border cteditor-border-black/[0.04] cteditor-border-l-2 cteditor-border-l-[#d9a558]/65 cteditor-rounded-r-lg cteditor-rounded-l-none cteditor-relative", children: [
+      /* @__PURE__ */ c("div", { className: "cteditor-uppercase cteditor-tracking-[0.14em] cteditor-text-[10px] cteditor-font-semibold cteditor-text-black/45 dark:cteditor-text-white/[0.42] cteditor-mb-1.5 cteditor-flex cteditor-items-center cteditor-gap-1.5", children: [
+        /* @__PURE__ */ t(K, { className: "cteditor-size-2.5 cteditor-opacity-70" }),
+        "Selected · ",
+        x.length,
+        " chars"
+      ] }),
+      /* @__PURE__ */ t("div", { className: "cteditor-font-serif cteditor-italic cteditor-text-sm cteditor-leading-normal cteditor-text-black/80 dark:cteditor-text-white/[0.82] cteditor-line-clamp-2", children: x })
+    ] }),
+    /* @__PURE__ */ c("div", { className: `cteditor-mx-4 cteditor-rounded-[10px] cteditor-border cteditor-transition-all ${b ? "cteditor-border-black/15 dark:cteditor-border-white/18 cteditor-bg-black/[0.02] dark:cteditor-bg-white/3 cteditor-shadow-[0_0_0_3px_rgba(0,0,0,0.02)] dark:cteditor-shadow-[0_0_0_3px_rgba(255,255,255,0.03)]" : "cteditor-border-black/[0.06] dark:cteditor-border-white/[0.08] cteditor-bg-black/[0.01] dark:cteditor-bg-white/[0.018]"}`, children: [
+      /* @__PURE__ */ c("div", { className: "cteditor-flex cteditor-items-center cteditor-gap-2 cteditor-pt-2.5 cteditor-px-3 cteditor-pb-2 cteditor-text-xs", children: [
+        /* @__PURE__ */ t("span", { className: "cteditor-w-5 cteditor-h-5 cteditor-rounded-full cteditor-bg-gradient-to-br cteditor-from-[#d9a558] cteditor-to-[#8c5a1c] cteditor-text-[#1a1408] cteditor-grid cteditor-place-items-center cteditor-text-[10px] cteditor-font-bold cteditor-tracking-[0.02em]", children: u(h) }),
+        /* @__PURE__ */ t("span", { className: "cteditor-text-black/80 dark:cteditor-text-white/[0.78] cteditor-font-medium", children: h })
+      ] }),
+      /* @__PURE__ */ c("div", { className: "cteditor-relative cteditor-px-3.5 cteditor-pb-3", children: [
+        /* @__PURE__ */ t(
+          "textarea",
+          {
+            ref: g,
+            value: a,
+            onChange: (e) => s(e.target.value),
+            onKeyDown: l,
+            onFocus: () => m(!0),
+            onBlur: () => m(!1),
+            className: "cteditor-w-full cteditor-min-h-14 cteditor-bg-transparent cteditor-border-0 cteditor-outline-none cteditor-text-black dark:cteditor-text-white/[0.92] cteditor-font-sans cteditor-text-sm cteditor-leading-relaxed cteditor-pr-7 cteditor-resize-none",
+            placeholder: n ? "Listening..." : "Write your comment...",
+            autoFocus: !0,
+            disabled: n
+          }
+        ),
+        /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            onClick: o,
+            className: `cteditor-absolute cteditor-right-3 cteditor-bottom-3 cteditor-w-[26px] cteditor-h-[26px] cteditor-rounded-md cteditor-grid cteditor-place-items-center cteditor-border cteditor-transition-all ${n ? "cteditor-text-red-500 cteditor-bg-red-500/10 cteditor-border-red-500/20 cteditor-animate-pulse" : "cteditor-text-black/45 dark:cteditor-text-white/50 cteditor-bg-black/[0.02] dark:cteditor-bg-white/[0.03] cteditor-border-black/[0.05] dark:cteditor-border-white/[0.06] hover:cteditor-text-black dark:hover:cteditor-text-white/90"}`,
+            title: n ? "Stop recording" : "Start voice input",
+            children: n ? /* @__PURE__ */ t("span", { className: "cteditor-size-3.5 [&>svg]:cteditor-size-full", children: /* @__PURE__ */ t(U, {}) }) : /* @__PURE__ */ t(q, { className: "cteditor-size-[13px]" })
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ t("p", { className: "cteditor-text-xs cteditor-text-foreground/50  cteditor-px-4 -cteditor-mt-1", children: "Press Ctrl/Cmd + Enter to submit or click the microphone to speak" }),
+    /* @__PURE__ */ c("div", { className: "cteditor-flex cteditor-items-center cteditor-justify-between cteditor-pt-2.5 cteditor-px-4 cteditor-pb-3.5 cteditor-border-t cteditor-border-black/5 dark:cteditor-border-white/[0.04]", children: [
+      /* @__PURE__ */ t("div", { className: "cteditor-flex-grow", children: n ? /* @__PURE__ */ c("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 clearly"
+      ] }) : w ? /* @__PURE__ */ t("p", { className: "cteditor-text-xs cteditor-text-destructive", children: w }) : null }),
+      /* @__PURE__ */ c("div", { className: "cteditor-inline-flex cteditor-items-center cteditor-gap-2", children: [
+        /* @__PURE__ */ t(
+          O,
+          {
+            variant: "ghost",
+            onClick: d,
+            className: "cteditor-text-[13px]",
+            children: "Cancel"
+          }
+        ),
+        /* @__PURE__ */ t(
+          O,
+          {
+            onClick: i,
+            disabled: !a.trim(),
+            className: "cteditor-text-[13px]",
+            children: "Add comment"
+          }
+        )
+      ] })
+    ] })
+  ] }) });
+}, tt = () => {
+  const [r] = A(), [d, p] = C(!1), [x, a] = C(""), { addComment: s, currentUser: b } = E(), m = b?.name || "Anonymous", _ = b?.id, h = b?.avatar, u = f(
+    (o) => {
+      r.update(() => {
+        const i = T();
+        if (S(i)) {
+          const l = i.getTextContent();
+          if (l.trim()) {
+            const g = s({
+              text: o,
+              author: m,
+              authorId: _,
+              authorAvatar: h,
+              selectedText: l
+            }), e = i.extract(), v = Date.now();
+            for (const k of e)
+              if (I(k)) {
+                const M = R(
+                  k.getTextContent(),
+                  g,
+                  o,
+                  m,
+                  v
+                );
+                M.setFormat(k.getFormat());
+                const y = k.getStyle();
+                y && M.setStyle(y), k.replace(M);
+              }
+          }
+        }
+      });
+    },
+    [r, s, m, _, h]
+  ), n = f(() => {
+    r.getEditorState().read(() => {
+      const o = T();
+      if (S(o)) {
+        const i = o.getTextContent();
+        a(i);
+      }
+    }), p(!0);
+  }, [r]), w = f(() => {
+    p(!1), a("");
+  }, []);
+  return N(() => r.registerCommand(
+    z,
+    ({ text: o }) => (u(o), !0),
+    D
+  ), [r, u]), N(() => {
+    const o = () => (n(), !0);
+    return r.registerCommand(
+      L,
+      o,
+      D
+    );
+  }, [r, n]), N(() => {
+    return r.registerRootListener((i, l) => {
+      l !== null && l.removeEventListener("comment-click", o), i !== null && i.addEventListener("comment-click", o);
+    });
+    function o(i) {
+      r.dispatchCommand($, void 0);
+    }
+  }, [r]), /* @__PURE__ */ t(
+    H,
+    {
+      isOpen: d,
+      onClose: w,
+      onSubmit: u,
+      selectedText: x
+    }
+  );
+};
+export {
+  tt as default
+};

package/dist/{NotePanelPlugin-FirMseLu.js → NotePanelPlugin-igN9zPi_.js}

@@ -1,8 +1,8 @@
 import { useLexicalComposerContext as a } from "@lexical/react/LexicalComposerContext";
 import { $insertNodes as s, COMMAND_PRIORITY_EDITOR as i } from "lexical";
 import { useEffect as l } from "react";
-import { ap as N, aq as u, ar as d } from "./index-CXyZgoBl.js";
-function g() {
+import { aC as N, aD as u, aE as d } from "./index-jEC_qTLD.js";
+function p() {
   const [e] = a();
   return l(() => {
     if (!e.hasNode(N))
@@ -27,5 +27,5 @@ function g() {
   }, [e]), null;
 }
 export {
-  g as default
+  p as default
 };

package/dist/{TextEnhancePlugin-oXbL_F1i.js → TextEnhancePlugin-q9i0TKCN.js}

@@ -2,8 +2,8 @@ import { jsx as t, jsxs as o } from "react/jsx-runtime";
 import { useLexicalComposerContext as R } from "@lexical/react/LexicalComposerContext";
 import { COMMAND_PRIORITY_LOW as O, $getSelection as C, $isRangeSelection as w } from "lexical";
 import { forwardRef as M, useState as l, useImperativeHandle as P, useRef as D, useEffect as H } from "react";
-import { c as L, D as _, a as z, b as j, d as W, e as B, as as K, g as $, B as b, at as q, t as d, p as F } from "./index-CXyZgoBl.js";
-import { S as E } from "./sparkles-CTAYmQOE.js";
+import { c as L, D as _, a as z, b as j, d as W, e as B, l as F, g as K, B as b, aF as $, t as d, p as q } from "./index-jEC_qTLD.js";
+import { S as E } from "./sparkles-N8q1Rg6P.js";
 const U = L("ArrowRight", [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
@@ -89,13 +89,13 @@ const U = L("ArrowRight", [
       ] }),
       g && !p && /* @__PURE__ */ o("div", { className: "cteditor-space-y-1.5 cteditor-animate-in cteditor-fade-in cteditor-slide-in-from-bottom-4", children: [
         /* @__PURE__ */ o("div", { className: "cteditor-flex cteditor-items-center cteditor-gap-1.5", children: [
-          /* @__PURE__ */ t(K, { className: "cteditor-w-3.5 cteditor-h-3.5 cteditor-text-green-500" }),
+          /* @__PURE__ */ t(F, { className: "cteditor-w-3.5 cteditor-h-3.5 cteditor-text-green-500" }),
           /* @__PURE__ */ t("label", { className: "cteditor-text-xs cteditor-font-medium cteditor-text-foreground", children: "Enhanced Text" })
         ] }),
         /* @__PURE__ */ t("div", { className: "cteditor-p-3 cteditor-bg-gradient-to-br cteditor-from-purple-500/5 cteditor-to-pink-500/5 cteditor-rounded-lg cteditor-border cteditor-border-purple-500/20 cteditor-max-h-48 cteditor-overflow-y-auto", children: /* @__PURE__ */ t("p", { className: "cteditor-text-sm cteditor-text-foreground cteditor-leading-relaxed", children: i }) })
       ] })
     ] }),
-    /* @__PURE__ */ o($, { children: [
+    /* @__PURE__ */ o(K, { children: [
       /* @__PURE__ */ t(b, { variant: "outline", onClick: x, children: "Cancel" }),
       !g && /* @__PURE__ */ o(
         b,
@@ -136,7 +136,7 @@ const Z = ({ apiKey: f }) => {
       });
     });
     try {
-      await F({
+      await q({
         editor: s,
         selectedText: c,
         transformationType: "ENHANCE_WITH_AI",
@@ -183,7 +183,7 @@ const Z = ({ apiKey: f }) => {
     });
   }), !0);
   return H(() => s.registerCommand(
-    q,
+    $,
     (c) => (u(c), !0),
     O
   ), [s, f]), /* @__PURE__ */ t(