eddyter 1.4.18 → 1.4.19

package/dist/{CommentBubblePlugin-kiMehQkL.js → CommentBubblePlugin-B77d3Qq6.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-Bex3G_eE.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-BJQyKmrN.js

@@ -0,0 +1,212 @@
+import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import { useLexicalComposerContext as I } from "@lexical/react/LexicalComposerContext";
+import { $getSelection as T, $isRangeSelection as S, $isTextNode as A, COMMAND_PRIORITY_LOW as D } from "lexical";
+import { c as z, ab as E, ac as R, ad as L, ae as $, af as F, D as V, a as j, ag as P, a0 as B, Y as K, B as O } from "./index-Bex3G_eE.js";
+import { useState as v, useCallback as f, useEffect as N, useRef as U } from "react";
+import { u as H, M as Q } from "./useVoiceToText-BzaLSbRi.js";
+const W = z("Quote", [
+  [
+    "path",
+    {
+      d: "M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z",
+      key: "4rm80e"
+    }
+  ],
+  [
+    "path",
+    {
+      d: "M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1z",
+      key: "10za9r"
+    }
+  ]
+]), Y = ({
+  isOpen: r,
+  onClose: d,
+  onSubmit: p,
+  selectedText: x
+}) => {
+  const [a, s] = v(""), [b, m] = v(!1), { currentUser: _ } = E(), h = _?.name || "Anonymous", u = (e) => e.split(" ").map((C) => C[0]).join("").toUpperCase().slice(0, 2), {
+    isRecording: n,
+    error: w,
+    toggleRecording: o
+  } = H({
+    onTranscriptUpdate: (e) => {
+      s(e);
+    }
+  }), c = f(() => {
+    a.trim() && (p(a.trim()), s(""), d());
+  }, [a, p, d]), l = f(
+    (e) => {
+      e.key === "Enter" && (e.metaKey || e.ctrlKey) ? (e.preventDefault(), c()) : e.key === "Escape" && (e.preventDefault(), d());
+    },
+    [c, d]
+  );
+  N(() => {
+    r && s("");
+  }, [r]);
+  const g = U(null);
+  return N(() => {
+    if (!g.current) return;
+    const e = g.current;
+    e.style.height = "auto", e.style.height = `${e.scrollHeight}px`;
+  }, [a]), /* @__PURE__ */ t(V, { open: r, onOpenChange: d, children: /* @__PURE__ */ i(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__ */ i("div", { className: "cteditor-flex cteditor-items-center cteditor-justify-between cteditor-pt-3.5 cteditor-px-4 cteditor-pb-2.5", children: [
+      /* @__PURE__ */ i("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__ */ i("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__ */ i("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(W, { 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__ */ i("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__ */ i("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__ */ i("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(K, {}) }) : /* @__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__ */ i("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__ */ i("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__ */ i("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: c,
+            disabled: !a.trim(),
+            className: "cteditor-text-[13px]",
+            children: "Add comment"
+          }
+        )
+      ] })
+    ] })
+  ] }) });
+}, et = () => {
+  const [r] = I(), [d, p] = v(!1), [x, a] = v(""), { addComment: s, currentUser: b } = E(), m = b?.name || "Anonymous", _ = b?.id, h = b?.avatar, u = f(
+    (o) => {
+      r.update(() => {
+        const c = T();
+        if (S(c)) {
+          const l = c.getTextContent();
+          if (l.trim()) {
+            const g = s({
+              text: o,
+              author: m,
+              authorId: _,
+              authorAvatar: h,
+              selectedText: l
+            }), e = c.extract(), C = Date.now();
+            for (const k of e)
+              if (A(k)) {
+                const M = R(
+                  k.getTextContent(),
+                  g,
+                  o,
+                  m,
+                  C
+                );
+                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 c = o.getTextContent();
+        a(c);
+      }
+    }), p(!0);
+  }, [r]), w = f(() => {
+    p(!1), a("");
+  }, []);
+  return N(() => r.registerCommand(
+    L,
+    ({ text: o }) => (u(o), !0),
+    D
+  ), [r, u]), N(() => {
+    const o = () => (n(), !0);
+    return r.registerCommand(
+      $,
+      o,
+      D
+    );
+  }, [r, n]), N(() => {
+    return r.registerRootListener((c, l) => {
+      l !== null && l.removeEventListener("comment-click", o), c !== null && c.addEventListener("comment-click", o);
+    });
+    function o(c) {
+      r.dispatchCommand(F, void 0);
+    }
+  }, [r]), /* @__PURE__ */ t(
+    Y,
+    {
+      isOpen: d,
+      onClose: w,
+      onSubmit: u,
+      selectedText: x
+    }
+  );
+};
+export {
+  et as default
+};

package/dist/{NotePanelPlugin-FirMseLu.js → NotePanelPlugin-BqOdcg07.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 { aB as N, aC as u, aD as d } from "./index-Bex3G_eE.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-BnmdRgUu.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 K, g as $, B as b, aE as q, t as d, p as F } from "./index-Bex3G_eE.js";
+import { S as E } from "./sparkles-C-XoMho5.js";
 const U = L("ArrowRight", [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]