eddyter 1.3.73 → 1.3.75

package/dist/{index-CX3cfSUQ.js → index-CtPRZTab.js}

@@ -1,5 +1,5 @@
 import { jsx as t, jsxs as s, Fragment as it } from "react/jsx-runtime";
-import { I as nt } from "./ImageResizer-FrE13F54.js";
+import { I as nt } from "./ImageResizer-o0eMm1Mg.js";
 import { CodeNode as xe } from "@lexical/code";
 import { LinkNode as Ce } from "@lexical/link";
 import { AutoFocusPlugin as ct } from "@lexical/react/LexicalAutoFocusPlugin";
@@ -16,7 +16,7 @@ import { useLexicalNodeSelection as lt } from "@lexical/react/useLexicalNodeSele
 import { mergeRegister as mt } from "@lexical/utils";
 import { RootNode as Re, TextNode as Pe, LineBreakNode as De, ParagraphNode as Se, $getSelection as O, $isNodeSelection as L, $isParagraphNode as Z, $setSelection as ee, $isRangeSelection as ut, SELECTION_CHANGE_COMMAND as gt, COMMAND_PRIORITY_LOW as v, CLICK_COMMAND as ft, DRAGSTART_COMMAND as pt, KEY_DELETE_COMMAND as ht, KEY_BACKSPACE_COMMAND as bt, KEY_ENTER_COMMAND as yt, KEY_ESCAPE_COMMAND as xt, createCommand as Ct, $getNodeByKey as _ } from "lexical";
 import { useRef as z, useState as p, useEffect as te, useLayoutEffect as Nt, useCallback as x, Suspense as wt } from "react";
-import { a as vt, D as Et, b as kt, d as It, e as Rt, f as Pt, h as Dt, B as be, L as Ae, i as Le, u as St, $ as M, W as At, j as Lt, A as Mt, k as $t, l as Ot, T as _t, m as zt, S as Wt, E as jt, n as Kt, t as E, o as Bt, p as Tt, C as Ft } from "./index-CfRDm1jv.js";
+import { a as vt, D as Et, b as kt, d as It, e as Rt, f as Pt, h as Dt, B as be, L as Ae, i as Le, u as St, $ as M, W as At, j as Lt, A as Mt, k as $t, l as Ot, T as _t, m as zt, S as Wt, E as jt, n as Kt, t as E, o as Bt, p as Tt, C as Ft } from "./index-DxEP36zG.js";
 const Gt = vt("Link2", [
   ["path", { d: "M9 17H7A5 5 0 0 1 7 7h2", key: "8i5ue5" }],
   ["path", { d: "M15 7h2a5 5 0 1 1 0 10h-2", key: "1b9ql8" }],
@@ -419,8 +419,7 @@ function Nr({
     S.current && clearTimeout(S.current);
   }, []);
   const fe = async () => {
-    if (!P.trim() || D)
-      return;
+    if (!P.trim() || D) return;
     ae(!0);
     const e = E.loading("Refining image...", {
       description: "This may take 10-30 seconds. Please wait."
@@ -451,8 +450,7 @@ function Nr({
       if (R && R.trim()) {
         const G = R.trim();
         a(G) && d && d !== "Generated image" && d.trim() ? b = d.trim() : b = G;
-      } else
-        d && d !== "Generated image" && d.trim() && (b = d.trim());
+      } else d && d !== "Generated image" && d.trim() && (b = d.trim());
       b ? r = `${b} with ${n}` : r = n;
       const he = (await Bt({
         content: `Generate Image: ${r}`,
@@ -474,13 +472,12 @@ function Nr({
           description: r.message,
           duration: 8e3
         });
-      } else
-        r instanceof Ft ? E.error("Credits Issue", {
-          description: r.message,
-          duration: 8e3
-        }) : E.error("Failed to refine image", {
-          description: r instanceof Error ? r.message : "Unknown error. Please try again."
-        });
+      } else r instanceof Ft ? E.error("Credits Issue", {
+        description: r.message,
+        duration: 8e3
+      }) : E.error("Failed to refine image", {
+        description: r instanceof Error ? r.message : "Unknown error. Please try again."
+      });
     } finally {
       ae(!1);
     }
@@ -504,12 +501,24 @@ function Nr({
     // Fill the floated container
   } : c === "full" ? {
     position: "relative",
-    display: "inline-block"
-    // Use inline-block to respect text-align: center from parent
-  } : c === "inline-left" || c === "inline-center" || c === "inline-right" ? {
+    display: "block",
+    width: "fit-content",
+    margin: "0 auto"
+  } : c === "inline-left" ? {
     position: "relative",
-    display: "inline-block"
-    // Use inline-block to respect text-align from parent
+    display: "block",
+    width: "fit-content",
+    marginRight: "auto"
+  } : c === "inline-center" ? {
+    position: "relative",
+    display: "block",
+    width: "fit-content",
+    margin: "0 auto"
+  } : c === "inline-right" ? {
+    position: "relative",
+    display: "block",
+    width: "fit-content",
+    marginLeft: "auto"
   } : {
     position: "relative",
     display: "inline-block"

package/dist/index-Cuv9ugJL.js

@@ -0,0 +1,381 @@
+import { jsxs as x, Fragment as rt, jsx as i } from "react/jsx-runtime";
+import { I as it } from "./ImageResizer-o0eMm1Mg.js";
+import { CodeNode as ot } from "@lexical/code";
+import { LinkNode as nt } from "@lexical/link";
+import { AutoFocusPlugin as ct } from "@lexical/react/LexicalAutoFocusPlugin";
+import { useLexicalComposerContext as lt } from "@lexical/react/LexicalComposerContext";
+import { ContentEditable as at } from "@lexical/react/LexicalContentEditable";
+import { LexicalErrorBoundary as dt } from "@lexical/react/LexicalErrorBoundary";
+import { HistoryPlugin as st } from "@lexical/react/LexicalHistoryPlugin";
+import { LexicalNestedComposer as ut } from "@lexical/react/LexicalNestedComposer";
+import { OnChangePlugin as ft } from "@lexical/react/LexicalOnChangePlugin";
+import { RichTextPlugin as gt } from "@lexical/react/LexicalRichTextPlugin";
+import { useLexicalEditable as mt } from "@lexical/react/useLexicalEditable";
+import { useLexicalNodeSelection as ht } from "@lexical/react/useLexicalNodeSelection";
+import { mergeRegister as pt } from "@lexical/utils";
+import { $getSelection as L, $isNodeSelection as h, $setSelection as O, SELECTION_CHANGE_COMMAND as bt, COMMAND_PRIORITY_LOW as f, CLICK_COMMAND as Ct, DRAGSTART_COMMAND as xt, KEY_DELETE_COMMAND as Nt, KEY_BACKSPACE_COMMAND as vt, KEY_ENTER_COMMAND as Et, KEY_ESCAPE_COMMAND as Rt, RootNode as kt, TextNode as yt, LineBreakNode as At, ParagraphNode as St, $getNodeByKey as y, $isParagraphNode as T } from "lexical";
+import { useRef as P, useState as j, useCallback as N, useEffect as Dt } from "react";
+import { x as v, W as Lt, j as Pt, A as Mt, k as _t, l as $t, T as zt, r as It, L as Wt, i as Ot } from "./index-DxEP36zG.js";
+function ie({
+  src: w,
+  nodeKey: g,
+  width: p,
+  height: A,
+  maxWidth: B,
+  resizable: Y,
+  showCaption: E,
+  caption: b,
+  captionsEnabled: F,
+  controls: V = !0,
+  position: n = "none"
+}) {
+  const a = P(null), S = P(null), [l, d, C] = ht(g), [s, M] = j(!1), [o] = lt(), [R, H] = j(null), _ = P(null), K = mt(), D = N(
+    (t) => {
+      const r = L();
+      return l && h(r) && (t.preventDefault(), o.update(() => {
+        r.getNodes().forEach((c) => {
+          v(c) && c.remove();
+        });
+      })), !1;
+    },
+    [o, l]
+  ), $ = N(
+    (t) => {
+      const r = L(), e = S.current;
+      if (l && h(r) && r.getNodes().length === 1) {
+        if (E)
+          return O(null), t.preventDefault(), b.focus(), !0;
+        if (e !== null && e !== document.activeElement)
+          return t.preventDefault(), e.focus(), !0;
+      }
+      return !1;
+    },
+    [b, l, E]
+  ), z = N(
+    (t) => _.current === b || S.current === t.target ? (O(null), o.update(() => {
+      d(!0);
+      const r = o.getRootElement();
+      r !== null && r.focus();
+    }), !0) : !1,
+    [b, o, d]
+  ), I = N(
+    (t) => {
+      const r = t;
+      if (s)
+        return !0;
+      const e = r.target;
+      if (e.closest("button") && a.current && e.closest(".editor-image") === a.current.closest(".editor-image"))
+        return !0;
+      const c = e === a.current;
+      let u = !1;
+      if (!c && a.current) {
+        const k = a.current.getBoundingClientRect();
+        u = r.clientX >= k.left && r.clientX <= k.right && r.clientY >= k.top && r.clientY <= k.bottom;
+      }
+      return c || u ? (r.shiftKey ? d(!l) : (C(), d(!0)), !0) : !1;
+    },
+    [s, l, d, C]
+  );
+  Dt(() => {
+    let t = !0;
+    const r = pt(
+      o.registerUpdateListener(({ editorState: e }) => {
+        t && H(e.read(() => L()));
+      }),
+      o.registerCommand(
+        bt,
+        (e, c) => (_.current = c, !1),
+        f
+      ),
+      o.registerCommand(
+        Ct,
+        I,
+        f
+      ),
+      o.registerCommand(
+        xt,
+        (e) => e.target === a.current ? (e.preventDefault(), !0) : !1,
+        f
+      ),
+      o.registerCommand(
+        Nt,
+        D,
+        f
+      ),
+      o.registerCommand(
+        vt,
+        D,
+        f
+      ),
+      o.registerCommand(Et, $, f),
+      o.registerCommand(
+        Rt,
+        z,
+        f
+      )
+    );
+    return () => {
+      t = !1, r();
+    };
+  }, [
+    C,
+    o,
+    s,
+    l,
+    g,
+    D,
+    $,
+    z,
+    I,
+    d
+  ]);
+  const X = () => {
+    o.update(() => {
+      const t = y(g);
+      v(t) && t.setShowCaption(!0);
+    });
+  }, G = (t, r) => {
+    setTimeout(() => {
+      M(!1);
+    }, 200), o.update(() => {
+      const e = y(g);
+      v(e) && e.setWidthAndHeight(t, r);
+    });
+  }, U = () => {
+    M(!0);
+  }, q = (t) => {
+    t.preventDefault(), t.stopPropagation(), o.update(() => {
+      const r = y(g);
+      if (v(r)) {
+        const e = r.getParent();
+        r.remove(), e && T(e) && e.getChildrenSize() === 0 && e.setFormat("left");
+      }
+    });
+  }, m = (t, r) => {
+    t.preventDefault(), t.stopPropagation(), o.update(() => {
+      const e = y(g);
+      if (v(e)) {
+        e.setPosition(r);
+        const c = e.getParent();
+        c && T(c) && (r === "left" ? c.setFormat("left") : r === "right" ? c.setFormat("right") : c.setFormat(""));
+      }
+    });
+  }, J = N(
+    (t) => {
+      if (s || t.target.closest("button"))
+        return;
+      const e = t.target === a.current;
+      let c = !1;
+      if (!e && a.current) {
+        const u = a.current.getBoundingClientRect();
+        c = t.clientX >= u.left && t.clientX <= u.right && t.clientY >= u.top && t.clientY <= u.bottom;
+      }
+      !e && !c || (t.stopPropagation(), t.shiftKey ? d(!l) : (C(), d(!0)));
+    },
+    [s, l, d, C]
+  ), Q = l && h(R) && !s, W = (l || s) && K, Z = typeof p == "number" && typeof A == "number", tt = typeof p == "number" ? p : "auto", et = typeof A == "number" ? A : "auto";
+  return /* @__PURE__ */ x(rt, { children: [
+    /* @__PURE__ */ x(
+      "div",
+      {
+        draggable: Q,
+        style: n === "left" || n === "right" ? {
+          position: "relative",
+          display: "block",
+          width: "100%"
+        } : n === "full" ? {
+          position: "relative",
+          display: "block",
+          width: "fit-content",
+          margin: "0 auto"
+        } : n === "inline-left" ? {
+          position: "relative",
+          display: "block",
+          width: "fit-content",
+          marginRight: "auto"
+        } : n === "inline-center" ? {
+          position: "relative",
+          display: "block",
+          width: "fit-content",
+          margin: "0 auto"
+        } : n === "inline-right" ? {
+          position: "relative",
+          display: "block",
+          width: "fit-content",
+          marginLeft: "auto"
+        } : {
+          position: "relative",
+          display: "inline-block"
+        },
+        onClick: J,
+        children: [
+          /* @__PURE__ */ i(
+            "video",
+            {
+              ref: a,
+              src: w,
+              controls: V,
+              preload: "metadata",
+              className: W ? `focused ${h(R) ? "draggable" : ""}` : void 0,
+              style: Z ? {
+                width: tt,
+                height: et,
+                maxWidth: "100%"
+              } : {
+                maxWidth: "100%",
+                height: "auto"
+              },
+              draggable: "false"
+            }
+          ),
+          l && h(R) && /* @__PURE__ */ x("div", { className: "cteditor-absolute cteditor-top-2 cteditor-right-2 cteditor-flex cteditor-gap-1 cteditor-z-10", children: [
+            /* @__PURE__ */ x("div", { className: "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", children: [
+              /* @__PURE__ */ i(
+                "button",
+                {
+                  onClick: (t) => m(t, "left"),
+                  className: `cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded hover:cteditor-bg-accent cteditor-transition-colors ${n === "left" ? "cteditor-bg-accent" : ""}`,
+                  "aria-label": "Wrap text left",
+                  title: "Wrap text left",
+                  children: /* @__PURE__ */ i(Lt, {})
+                }
+              ),
+              /* @__PURE__ */ i(
+                "button",
+                {
+                  onClick: (t) => m(t, "right"),
+                  className: `cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded hover:cteditor-bg-accent cteditor-transition-colors ${n === "right" ? "cteditor-bg-accent" : ""}`,
+                  "aria-label": "Wrap text right",
+                  title: "Wrap text right",
+                  children: /* @__PURE__ */ i(Pt, {})
+                }
+              ),
+              /* @__PURE__ */ i("div", { className: "cteditor-w-px cteditor-h-5 cteditor-bg-border cteditor-mx-0.5" }),
+              /* @__PURE__ */ i(
+                "button",
+                {
+                  onClick: (t) => m(t, "inline-left"),
+                  className: `cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded hover:cteditor-bg-accent cteditor-transition-colors ${n === "inline-left" ? "cteditor-bg-accent" : ""}`,
+                  "aria-label": "Align left",
+                  title: "Align left (no text wrap)",
+                  children: /* @__PURE__ */ i(Mt, {})
+                }
+              ),
+              /* @__PURE__ */ i(
+                "button",
+                {
+                  onClick: (t) => m(t, "inline-center"),
+                  className: `cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded hover:cteditor-bg-accent cteditor-transition-colors ${n === "inline-center" || n === "full" ? "cteditor-bg-accent" : ""}`,
+                  "aria-label": "Align center",
+                  title: "Align center (no text wrap)",
+                  children: /* @__PURE__ */ i(_t, {})
+                }
+              ),
+              /* @__PURE__ */ i(
+                "button",
+                {
+                  onClick: (t) => m(t, "inline-right"),
+                  className: `cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded hover:cteditor-bg-accent cteditor-transition-colors ${n === "inline-right" ? "cteditor-bg-accent" : ""}`,
+                  "aria-label": "Align right",
+                  title: "Align right (no text wrap)",
+                  children: /* @__PURE__ */ i($t, {})
+                }
+              ),
+              /* @__PURE__ */ i("div", { className: "cteditor-w-px cteditor-h-5 cteditor-bg-border cteditor-mx-0.5" }),
+              /* @__PURE__ */ i(
+                "button",
+                {
+                  onClick: (t) => m(t, "none"),
+                  className: `cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded hover:cteditor-bg-accent cteditor-transition-colors ${n === "none" ? "cteditor-bg-accent" : ""}`,
+                  "aria-label": "Inline",
+                  title: "Inline with text",
+                  children: /* @__PURE__ */ i(zt, { className: "cteditor-w-4 cteditor-h-4 cteditor-text-foreground" })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ i(
+              "button",
+              {
+                onClick: (t) => {
+                  t.stopPropagation(), q(t);
+                },
+                className: "cteditor-size-8 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded-md cteditor-bg-background/80 hover:cteditor-bg-destructive hover:cteditor-text-destructive-foreground cteditor-transition-colors cteditor-shadow-md cteditor-border cteditor-border-border",
+                "aria-label": "Delete video",
+                title: "Delete video",
+                children: /* @__PURE__ */ i(It, { className: "cteditor-w-4 cteditor-h-4" })
+              }
+            )
+          ] }),
+          Y && h(R) && W && /* @__PURE__ */ i(
+            it,
+            {
+              showCaption: E,
+              setShowCaption: X,
+              editor: o,
+              buttonRef: S,
+              imageRef: a,
+              maxWidth: B,
+              onResizeStart: U,
+              onResizeEnd: G,
+              captionsEnabled: F
+            }
+          )
+        ]
+      }
+    ),
+    E && /* @__PURE__ */ i(
+      "div",
+      {
+        className: "image-caption-container",
+        style: {
+          width: typeof p == "number" ? `${p}px` : "100%",
+          maxWidth: "100%",
+          ...n === "inline-center" || n === "full" ? { margin: "0 auto" } : n === "inline-right" ? { marginLeft: "auto" } : n === "left" ? { float: "left", clear: "left" } : n === "right" ? { float: "right", clear: "right" } : {}
+        },
+        children: /* @__PURE__ */ x(
+          ut,
+          {
+            initialEditor: b,
+            initialNodes: [
+              kt,
+              yt,
+              At,
+              St,
+              nt,
+              ot
+            ],
+            children: [
+              /* @__PURE__ */ i(ct, {}),
+              /* @__PURE__ */ i(
+                gt,
+                {
+                  contentEditable: /* @__PURE__ */ i(
+                    at,
+                    {
+                      "aria-placeholder": "Enter a caption...",
+                      placeholder: () => /* @__PURE__ */ i("span", { className: "cteditor-text-xs", children: "Enter a caption..." }),
+                      className: "ImageNode__contentEditable"
+                    }
+                  ),
+                  ErrorBoundary: dt
+                }
+              ),
+              /* @__PURE__ */ i(
+                ft,
+                {
+                  onChange: () => {
+                  }
+                }
+              ),
+              /* @__PURE__ */ i(st, {}),
+              /* @__PURE__ */ i(Wt, { namespace: Ot.namespace })
+            ]
+          }
+        )
+      }
+    )
+  ] });
+}
+export {
+  ie as default
+};