eddyter 1.4.12 → 1.4.13

package/dist/index-D_izLqTY.js

@@ -0,0 +1,552 @@
+import { jsx as o, jsxs as j, Fragment as re } from "react/jsx-runtime";
+import { $insertDataTransferForRichText as se } from "@lexical/clipboard";
+import { useLexicalComposerContext as ee } from "@lexical/react/LexicalComposerContext";
+import { mergeRegister as ce, $wrapNodeInElement as J } from "@lexical/utils";
+import { $isTableCellNode as ae } from "@lexical/table";
+import { $getNodeByKey as T, $createNodeSelection as G, $setSelection as H, $getSelection as S, $isNodeSelection as te, SELECTION_CHANGE_COMMAND as de, COMMAND_PRIORITY_LOW as ne, KEY_ENTER_COMMAND as le, $createParagraphNode as W, $isRootOrShadowRoot as V, PASTE_COMMAND as ue, $isRangeSelection as U, COMMAND_PRIORITY_CRITICAL as me } from "lexical";
+import { useState as M, useEffect as E, useCallback as _, useRef as Q } from "react";
+import { c as fe, E as k, L as pe, a as N, I as ge, C as he, W as be, b as ye, A as xe, d as Ee, e as Ce, f as ve, T as Ne, $ as Z } from "./index-DFEFJp4J.js";
+import { createPortal as ke } from "react-dom";
+const Ae = fe("Copy", [
+  ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
+  ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
+]), K = "cteditor-flex cteditor-items-center cteditor-gap-0.5 cteditor-bg-background/80 cteditor-rounded-md cteditor-shadow-md cteditor-border cteditor-border-border cteditor-p-0.5", w = "cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded hover:cteditor-bg-accent cteditor-transition-colors cteditor-text-foreground", P = "cteditor-bg-accent", Y = "cteditor-size-8 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded-md cteditor-bg-background/80 cteditor-shadow-md cteditor-border cteditor-border-border hover:cteditor-bg-accent cteditor-transition-colors cteditor-text-foreground";
+function we({
+  editor: c,
+  anchorElem: y,
+  nodeKey: n,
+  url: f,
+  onClose: u
+}) {
+  const a = Q(null), d = Q(), [g, i] = M(
+    "embed"
+  ), [A, t] = M(
+    "left"
+  ), [p, m] = M("none"), [r, l] = M(!1), h = _(() => {
+    const e = a.current;
+    if (!e) return;
+    const R = c.getRootElement()?.querySelector(
+      `[data-lexical-node-key="${n}"]`
+    );
+    if (R) {
+      const v = R.getBoundingClientRect(), I = e.getBoundingClientRect(), X = y.getBoundingClientRect(), oe = v.left + v.width / 2, ie = I.width / 2;
+      let F = v.top - I.height - 15, O = oe - ie;
+      O < 10 && (O = 10), O + I.width > window.innerWidth - 10 && (O = window.innerWidth - I.width - 10), F < 10 && (F = v.bottom + 15), F -= X.top, O -= X.left, e.style.opacity = "1", e.style.transform = `translate(${O}px, ${F}px)`, r || (e.style.display = "flex", e.style.visibility = "visible", e.style.zIndex = "9999", l(!0));
+    } else
+      e.style.opacity = "0", e.style.visibility = "hidden";
+  }, [c, n, y, r]), x = _(() => {
+    const e = () => {
+      h(), d.current = requestAnimationFrame(e);
+    };
+    d.current = requestAnimationFrame(e);
+  }, [h]), L = _(() => {
+    d.current && (cancelAnimationFrame(d.current), d.current = void 0);
+  }, []);
+  E(() => (x(), () => {
+    L();
+  }), [x, L]), E(() => {
+    const e = a.current;
+    if (e) {
+      const s = setTimeout(() => {
+        e.style.display = "flex", e.style.opacity = "1", e.style.visibility = "visible", e.style.zIndex = "9999", l(!0);
+      }, 100);
+      return () => clearTimeout(s);
+    }
+  }, []), E(() => {
+    const e = (s) => {
+      const R = s, { nodeKey: v } = R.detail;
+      v === n && l(!0);
+    };
+    return document.addEventListener("embedNodeSelected", e), () => {
+      document.removeEventListener(
+        "embedNodeSelected",
+        e
+      );
+    };
+  }, [n]), E(() => {
+    c.getEditorState().read(() => {
+      const e = T(n);
+      e instanceof k && (typeof e.getDisplayType == "function" && i(e.getDisplayType()), typeof e.getAlignment == "function" && t(e.getAlignment()), typeof e.getPosition == "function" && m(e.getPosition()));
+    });
+  }, [c, n]);
+  const C = (e) => {
+    i(e), c.update(() => {
+      const s = T(n);
+      s instanceof k && typeof s.setDisplayType == "function" && s.setDisplayType(e);
+    });
+  }, $ = (e) => {
+    t(e), c.update(() => {
+      const s = T(n);
+      s instanceof k && typeof s.setAlignment == "function" && s.setAlignment(e);
+    });
+  }, q = (e) => {
+    m(e), c.update(() => {
+      const s = T(n);
+      s instanceof k && typeof s.setPosition == "function" && s.setPosition(e);
+    });
+  }, z = (e) => {
+    e.stopPropagation(), window.open(f, "_blank");
+  }, D = (e) => {
+    e.stopPropagation(), c.update(() => {
+      const s = T(n);
+      s && s.remove();
+    }), u();
+  }, b = (e) => {
+    e.stopPropagation(), navigator.clipboard.writeText(f).then(() => {
+    });
+  };
+  return E(() => {
+    const e = (s) => {
+      a.current && !a.current.contains(s.target) && (s.target.closest("[data-embed-type]") || u());
+    };
+    return r && setTimeout(() => {
+      document.addEventListener("mousedown", e);
+    }, 100), () => {
+      document.removeEventListener("mousedown", e);
+    };
+  }, [u, r]), /* @__PURE__ */ j(
+    "div",
+    {
+      className: "floating-embed-menu cteditor-flex cteditor-gap-1 cteditor-z-10",
+      ref: a,
+      onClick: (e) => {
+        e.stopPropagation();
+      },
+      style: {
+        position: "absolute",
+        top: 0,
+        left: 0,
+        opacity: 0,
+        visibility: "hidden",
+        zIndex: 9999,
+        transition: "opacity 0.15s ease-in-out"
+      },
+      children: [
+        /* @__PURE__ */ j("div", { className: K, children: [
+          /* @__PURE__ */ o(
+            "button",
+            {
+              type: "button",
+              className: N(
+                w,
+                g === "url" && P
+              ),
+              onClick: (e) => {
+                e.stopPropagation(), C("url");
+              },
+              title: "Link",
+              children: /* @__PURE__ */ o(pe, {})
+            }
+          ),
+          /* @__PURE__ */ o(
+            "button",
+            {
+              type: "button",
+              className: N(
+                w,
+                g === "card" && P
+              ),
+              onClick: (e) => {
+                e.stopPropagation(), C("card");
+              },
+              title: "Card",
+              children: /* @__PURE__ */ o(ge, { className: "cteditor-size-3.5" })
+            }
+          ),
+          /* @__PURE__ */ o(
+            "button",
+            {
+              type: "button",
+              className: N(
+                w,
+                g === "embed" && P
+              ),
+              onClick: (e) => {
+                e.stopPropagation(), C("embed");
+              },
+              title: "Embed",
+              children: /* @__PURE__ */ o(he, {})
+            }
+          )
+        ] }),
+        /* @__PURE__ */ o("div", { className: "cteditor-w-px cteditor-h-6 cteditor-bg-border cteditor-flex-shrink-0" }),
+        /* @__PURE__ */ j("div", { className: K, children: [
+          /* @__PURE__ */ o(
+            "button",
+            {
+              type: "button",
+              className: N(
+                w,
+                p === "left" && P
+              ),
+              onClick: (e) => {
+                e.stopPropagation(), q(p === "left" ? "none" : "left");
+              },
+              title: "Wrap text left (text beside card)",
+              children: /* @__PURE__ */ o(be, {})
+            }
+          ),
+          /* @__PURE__ */ o(
+            "button",
+            {
+              type: "button",
+              className: N(
+                w,
+                p === "right" && P
+              ),
+              onClick: (e) => {
+                e.stopPropagation(), q(p === "right" ? "none" : "right");
+              },
+              title: "Wrap text right (text beside card)",
+              children: /* @__PURE__ */ o(ye, {})
+            }
+          )
+        ] }),
+        /* @__PURE__ */ o("div", { className: "cteditor-w-px cteditor-h-6 cteditor-bg-border cteditor-flex-shrink-0" }),
+        /* @__PURE__ */ j("div", { className: K, children: [
+          /* @__PURE__ */ o(
+            "button",
+            {
+              type: "button",
+              className: N(
+                w,
+                A === "left" && P
+              ),
+              onClick: (e) => {
+                e.stopPropagation(), $("left");
+              },
+              title: "Align left",
+              children: /* @__PURE__ */ o(xe, {})
+            }
+          ),
+          /* @__PURE__ */ o(
+            "button",
+            {
+              type: "button",
+              className: N(
+                w,
+                A === "center" && P
+              ),
+              onClick: (e) => {
+                e.stopPropagation(), $("center");
+              },
+              title: "Align center",
+              children: /* @__PURE__ */ o(Ee, {})
+            }
+          ),
+          /* @__PURE__ */ o(
+            "button",
+            {
+              type: "button",
+              className: N(
+                w,
+                A === "right" && P
+              ),
+              onClick: (e) => {
+                e.stopPropagation(), $("right");
+              },
+              title: "Align right",
+              children: /* @__PURE__ */ o(Ce, {})
+            }
+          )
+        ] }),
+        /* @__PURE__ */ o("div", { className: "cteditor-w-px cteditor-h-6 cteditor-bg-border cteditor-flex-shrink-0" }),
+        /* @__PURE__ */ o(
+          "button",
+          {
+            type: "button",
+            className: Y,
+            onClick: z,
+            title: "Open in new tab",
+            children: /* @__PURE__ */ o(ve, { className: "cteditor-size-4" })
+          }
+        ),
+        /* @__PURE__ */ o(
+          "button",
+          {
+            type: "button",
+            className: N(
+              Y,
+              "hover:cteditor-bg-destructive hover:cteditor-text-destructive-foreground"
+            ),
+            onClick: D,
+            title: "Remove",
+            children: /* @__PURE__ */ o(Ne, { className: "cteditor-size-4" })
+          }
+        ),
+        /* @__PURE__ */ o(
+          "button",
+          {
+            type: "button",
+            className: Y,
+            onClick: b,
+            title: "Copy",
+            children: /* @__PURE__ */ o(Ae, { className: "cteditor-size-4" })
+          }
+        )
+      ]
+    }
+  );
+}
+function Pe(c, y) {
+  const [n, f] = M(null), [u, a] = M(""), d = (t) => t.includes("youtube.com") || t.includes("youtu.be") || t.includes("loom.com") || t.includes("vimeo.com") || t.includes("supercut.video") || t.includes("jam.dev") || t.includes("figma.com");
+  E(() => {
+    const t = (p) => {
+      const m = p, { nodeKey: r, url: l } = m.detail;
+      r && l && d(l) && (f(r), a(l));
+    };
+    return document.addEventListener("embedNodeSelected", t), () => {
+      document.removeEventListener(
+        "embedNodeSelected",
+        t
+      );
+    };
+  }, []);
+  const g = _(
+    (t) => {
+      if (!t) return;
+      const p = t.closest("[data-lexical-node-key]");
+      if (!p) return;
+      const m = p.getAttribute("data-lexical-node-key");
+      m && c.update(() => {
+        const r = T(m);
+        if (r instanceof k) {
+          const l = typeof r.getURL == "function" ? r.getURL() : r.__url;
+          if (d(l)) {
+            const h = G();
+            h.add(m), H(h), f(m), a(l);
+          }
+        }
+      });
+    },
+    [c]
+  ), i = _(() => {
+    c.getEditorState().read(() => {
+      const t = S();
+      if (te(t)) {
+        const m = t.getNodes()[0];
+        if (m instanceof k) {
+          const r = typeof m.getURL == "function" ? m.getURL() : m.__url;
+          if (d(r)) {
+            f(m.getKey()), a(r);
+            return;
+          }
+        }
+      }
+      f(null);
+    });
+  }, [c]);
+  E(() => {
+    const t = c.getRootElement();
+    if (!t) return;
+    const p = (m) => {
+      const r = m.target, l = r.closest(
+        '[data-embed-type="youtube"], [data-embed-type="loom"], [data-embed-type="vimeo"], [data-embed-type="figma"]'
+      );
+      if (l) {
+        const h = l.getAttribute("data-lexical-node-key");
+        if (h) {
+          c.update(() => {
+            const x = T(h);
+            if (x instanceof k) {
+              const L = typeof x.getURL == "function" ? x.getURL() : x.__url, C = G();
+              C.add(h), H(C), f(h), a(L);
+            }
+          });
+          return;
+        }
+      }
+      g(r);
+    };
+    return t.addEventListener("mousedown", p), () => {
+      t.removeEventListener("mousedown", p);
+    };
+  }, [c, g]), E(() => ce(
+    c.registerUpdateListener(() => {
+      i();
+    }),
+    c.registerCommand(
+      de,
+      () => (i(), !1),
+      ne
+    )
+  ), [c, i]);
+  const A = _(() => {
+    f(null);
+  }, []);
+  return n ? ke(
+    /* @__PURE__ */ o(
+      we,
+      {
+        editor: c,
+        anchorElem: y,
+        nodeKey: n,
+        url: u,
+        onClose: A
+      }
+    ),
+    y
+  ) : null;
+}
+function Te({
+  anchorElem: c
+}) {
+  const [y] = ee(), n = c ?? (typeof document < "u" ? document.body : null);
+  return n ? Pe(y, n) : null;
+}
+const Re = [
+  "youtube.com",
+  "youtu.be",
+  "vimeo.com",
+  "loom.com",
+  "supercut.video",
+  "jam.dev"
+];
+function Se(c, y) {
+  try {
+    const u = new DOMParser().parseFromString(c, "text/html").body, a = (u.textContent || "").trim().replace(/\s+/g, " "), d = y.trim().replace(/\s+/g, " ");
+    return a && a !== d || !!u.querySelector(
+      "img,iframe,video,table,blockquote,figure,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code"
+    ) ? !1 : u.querySelectorAll("a[href]").length === 1 ? !0 : a === d;
+  } catch {
+    return !1;
+  }
+}
+const qe = ({
+  floatingAnchorElem: c
+}) => {
+  const y = c ?? (typeof document < "u" ? document.body : void 0), [n] = ee();
+  return E(() => {
+    const f = n.getRootElement();
+    if (!f) return;
+    const u = (a) => {
+      const d = a.target;
+      if (d.closest('a[download], a[href*=".mp4"], a[href*=".webm"], a[href*=".ogg"], a[href*=".pdf"], a[href*=".doc"], a[href*=".docx"], a[href*=".xls"], a[href*=".xlsx"], a[href*=".ppt"], a[href*=".pptx"], a[href*=".zip"], a[href*=".rar"], a[href*=".txt"], a[href*=".csv"], a[href*=".json"], a[href*=".png"], a[href*=".jpg"], a[href*=".jpeg"], a[href*=".gif"], a[href*=".webp"], a[href*=".svg"]')) return;
+      const i = d.closest("[data-lexical-node-key]");
+      if (!i || !(i.querySelector("iframe") || i.querySelector("video") || i.getAttribute("data-embed-type"))) return;
+      const t = i.getAttribute("data-lexical-node-key");
+      if (!t) return;
+      a.preventDefault(), a.stopPropagation();
+      const p = i.getBoundingClientRect();
+      n.update(() => {
+        const m = T(t);
+        if (m instanceof k) {
+          const r = m.__url, l = G();
+          l.add(t), H(l);
+          const h = new CustomEvent("embedNodeSelected", {
+            detail: {
+              nodeKey: t,
+              url: r,
+              rect: p
+            },
+            bubbles: !0
+          });
+          document.dispatchEvent(h);
+        }
+      });
+    };
+    return f.addEventListener("click", u, !0), () => {
+      f.removeEventListener("click", u, !0);
+    };
+  }, [n]), E(() => n.registerCommand(
+    le,
+    (f) => {
+      const u = S();
+      if (!u || !te(u)) return !1;
+      const a = u.getNodes();
+      if (a.length !== 1) return !1;
+      const d = a[0];
+      if (!(d instanceof k)) return !1;
+      f.preventDefault();
+      const g = W(), i = d.getParent();
+      return i && V(i) ? d.insertAfter(g) : i ? i.insertAfter(g) : d.insertAfter(g), g.selectStart(), !0;
+    },
+    ne
+  ), [n]), E(() => n.registerCommand(
+    ue,
+    (f) => {
+      const u = f.clipboardData;
+      if (!u) return !1;
+      const a = S();
+      if (!U(a)) return !1;
+      const d = u.getData("application/x-lexical-editor");
+      if (d)
+        try {
+          const l = JSON.parse(d);
+          if (l && Array.isArray(l.nodes) && l.nodes.length > 0)
+            return f.preventDefault(), n.update(
+              () => {
+                const h = S();
+                U(h) && se(u, h, n);
+              },
+              { tag: "paste" }
+            ), !0;
+        } catch {
+        }
+      const g = u.getData("text/html");
+      if (g && g.includes("data-lexical-embed-node"))
+        try {
+          const h = new DOMParser().parseFromString(g, "text/html"), x = h.querySelectorAll('[data-lexical-embed-node="1"]');
+          if (x.length > 0) {
+            const L = (h.body.textContent || "").trim();
+            let C = "";
+            x.forEach((z) => {
+              C += z.textContent || "";
+            });
+            const $ = L.replace(C, "").trim(), q = !!h.body.querySelector(
+              "p,h1,h2,h3,h4,h5,h6,ul,ol,li,blockquote,table,pre"
+            );
+            if ($.length === 0 && !q)
+              return f.preventDefault(), n.update(
+                () => {
+                  const z = S();
+                  if (!U(z)) return;
+                  const D = [];
+                  x.forEach((b) => {
+                    const B = b.getAttribute("data-embed-url"), e = b.getAttribute("data-embed-display-type") || "embed", s = b.getAttribute("data-embed-alignment") || "left", R = b.getAttribute("data-embed-position") || "none", v = Number(b.getAttribute("data-embed-width")) || 560, I = Number(b.getAttribute("data-embed-height")) || 315;
+                    B && D.push(
+                      Z(
+                        B,
+                        e,
+                        s,
+                        v,
+                        I,
+                        R
+                      )
+                    );
+                  }), D.length > 0 && D.forEach((b, B) => {
+                    const e = S();
+                    if (U(e) && (e.insertNodes([b]), V(b.getParentOrThrow()) && J(b, W).selectEnd(), B < D.length - 1)) {
+                      const s = S();
+                      U(s) && s.insertParagraph();
+                    }
+                  });
+                },
+                { tag: "paste" }
+              ), !0;
+          }
+        } catch {
+        }
+      const i = u.getData("text/plain").trim();
+      if (!i.match(/^https?:\/\//) || g && !Se(g, i))
+        return !1;
+      const A = a.anchor.getNode();
+      let t = !1, p = A;
+      for (; p; ) {
+        if (ae(p)) {
+          t = !0;
+          break;
+        }
+        p = p.getParent();
+      }
+      if (t)
+        return a.insertText(i), !0;
+      const m = Re.some((l) => i.includes(l)), r = Z(i);
+      return m ? r.setDisplayType("embed") : i.match(/\.(pdf|docx?|xlsx?|pptx?|zip|rar|txt)$/) || i.includes("figma.com") ? r.setDisplayType("card") : r.setDisplayType("url"), a.insertNodes([r]), V(r.getParentOrThrow()) && J(r, W).selectEnd(), !0;
+    },
+    me
+  ), [n]), /* @__PURE__ */ o(re, { children: /* @__PURE__ */ o(Te, { anchorElem: y }) });
+};
+export {
+  qe as default
+};