eddyter 1.4.5 → 1.4.7

package/dist/{index-BJ5KLQGQ.js → index-DAqL9TB6.js}

@@ -1,22 +1,21 @@
-import { jsxs as N, Fragment as rt, jsx as i } from "react/jsx-runtime";
-import { I as it } from "./ImageResizer-Bt7kgv0a.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 Nt, KEY_DELETE_COMMAND as xt, 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 w, useCallback as x, useEffect as Dt } from "react";
-import { J as v, W as Lt, k as Pt, A as Mt, l as _t, m as $t, T as zt, z as It, L as Wt, i as Ot } from "./index-DMZDKMjN.js";
-function ie({
+import { jsxs as x, Fragment as rt, jsx as i } from "react/jsx-runtime";
+import { I as it } from "./ImageResizer-C5luyjPa.js";
+import { J as N, W as ot, k as nt, A as ct, l as lt, m as at, T as dt, z as st, M as ut, L as ft, i as gt } from "./index-Cs_v2OZr.js";
+import { LinkNode as mt } from "@lexical/link";
+import { AutoFocusPlugin as ht } from "@lexical/react/LexicalAutoFocusPlugin";
+import { useLexicalComposerContext as pt } from "@lexical/react/LexicalComposerContext";
+import { ContentEditable as bt } from "@lexical/react/LexicalContentEditable";
+import { LexicalErrorBoundary as Ct } from "@lexical/react/LexicalErrorBoundary";
+import { HistoryPlugin as xt } from "@lexical/react/LexicalHistoryPlugin";
+import { LexicalNestedComposer as Nt } from "@lexical/react/LexicalNestedComposer";
+import { OnChangePlugin as vt } from "@lexical/react/LexicalOnChangePlugin";
+import { RichTextPlugin as Et } from "@lexical/react/LexicalRichTextPlugin";
+import { useLexicalEditable as Rt } from "@lexical/react/useLexicalEditable";
+import { useLexicalNodeSelection as kt } from "@lexical/react/useLexicalNodeSelection";
+import { mergeRegister as yt } from "@lexical/utils";
+import { $getSelection as L, $isNodeSelection as h, $setSelection as O, SELECTION_CHANGE_COMMAND as At, COMMAND_PRIORITY_LOW as f, CLICK_COMMAND as St, DRAGSTART_COMMAND as Dt, KEY_DELETE_COMMAND as Lt, KEY_BACKSPACE_COMMAND as Mt, KEY_ENTER_COMMAND as Pt, KEY_ESCAPE_COMMAND as _t, RootNode as $t, TextNode as zt, LineBreakNode as It, ParagraphNode as Wt, $getNodeByKey as y, $isParagraphNode as T } from "lexical";
+import { useRef as M, useState as w, useCallback as v, useEffect as Ot } from "react";
+function re({
   src: j,
   nodeKey: g,
   width: p,
@@ -29,17 +28,17 @@ function ie({
   controls: V = !0,
   position: n = "none"
 }) {
-  const a = P(null), S = P(null), [l, d, C] = ht(g), [s, M] = w(!1), [o] = lt(), [R, H] = w(null), _ = P(null), K = mt(), D = x(
+  const a = M(null), S = M(null), [l, d, C] = kt(g), [s, P] = w(!1), [o] = pt(), [R, H] = w(null), _ = M(null), K = Rt(), D = v(
     (t) => {
       const r = L();
       return l && h(r) && (t.preventDefault(), o.update(() => {
         r.getNodes().forEach((c) => {
-          v(c) && c.remove();
+          N(c) && c.remove();
         });
       })), !1;
     },
     [o, l]
-  ), $ = x(
+  ), $ = v(
     (t) => {
       const r = L(), e = S.current;
       if (l && h(r) && r.getNodes().length === 1) {
@@ -51,14 +50,14 @@ function ie({
       return !1;
     },
     [b, l, E]
-  ), z = x(
+  ), z = v(
     (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 = x(
+  ), I = v(
     (t) => {
       const r = t;
       if (s)
@@ -76,40 +75,40 @@ function ie({
     },
     [s, l, d, C]
   );
-  Dt(() => {
+  Ot(() => {
     let t = !0;
-    const r = pt(
+    const r = yt(
       o.registerUpdateListener(({ editorState: e }) => {
         t && H(e.read(() => L()));
       }),
       o.registerCommand(
-        bt,
+        At,
         (e, c) => (_.current = c, !1),
         f
       ),
       o.registerCommand(
-        Ct,
+        St,
         I,
         f
       ),
       o.registerCommand(
-        Nt,
+        Dt,
         (e) => e.target === a.current ? (e.preventDefault(), !0) : !1,
         f
       ),
       o.registerCommand(
-        xt,
+        Lt,
         D,
         f
       ),
       o.registerCommand(
-        vt,
+        Mt,
         D,
         f
       ),
-      o.registerCommand(Et, $, f),
+      o.registerCommand(Pt, $, f),
       o.registerCommand(
-        Rt,
+        _t,
         z,
         f
       )
@@ -132,21 +131,21 @@ function ie({
   const X = () => {
     o.update(() => {
       const t = y(g);
-      v(t) && t.setShowCaption(!0);
+      N(t) && t.setShowCaption(!0);
     });
   }, G = (t, r) => {
     setTimeout(() => {
-      M(!1);
+      P(!1);
     }, 200), o.update(() => {
       const e = y(g);
-      v(e) && e.setWidthAndHeight(t, r);
+      N(e) && e.setWidthAndHeight(t, r);
     });
   }, J = () => {
-    M(!0);
+    P(!0);
   }, U = (t) => {
     t.preventDefault(), t.stopPropagation(), o.update(() => {
       const r = y(g);
-      if (v(r)) {
+      if (N(r)) {
         const e = r.getParent();
         r.remove(), e && T(e) && e.getChildrenSize() === 0 && e.setFormat("left");
       }
@@ -154,13 +153,13 @@ function ie({
   }, m = (t, r) => {
     t.preventDefault(), t.stopPropagation(), o.update(() => {
       const e = y(g);
-      if (v(e)) {
+      if (N(e)) {
         e.setPosition(r);
         const c = e.getParent();
         c && T(c) && (r === "left" ? c.setFormat("left") : r === "right" ? c.setFormat("right") : c.setFormat(""));
       }
     });
-  }, q = x(
+  }, q = v(
     (t) => {
       if (s || t.target.closest("button"))
         return;
@@ -174,8 +173,8 @@ function ie({
     },
     [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__ */ N(rt, { children: [
-    /* @__PURE__ */ N(
+  return /* @__PURE__ */ x(rt, { children: [
+    /* @__PURE__ */ x(
       "div",
       {
         draggable: Q,
@@ -228,8 +227,8 @@ function ie({
               draggable: "false"
             }
           ),
-          l && h(R) && /* @__PURE__ */ N("div", { className: "cteditor-absolute cteditor-top-2 cteditor-right-2 cteditor-flex cteditor-gap-1 cteditor-z-10", children: [
-            /* @__PURE__ */ N("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: [
+          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",
                 {
@@ -237,7 +236,7 @@ function ie({
                   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, {})
+                  children: /* @__PURE__ */ i(ot, {})
                 }
               ),
               /* @__PURE__ */ i(
@@ -247,7 +246,7 @@ function ie({
                   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, {})
+                  children: /* @__PURE__ */ i(nt, {})
                 }
               ),
               /* @__PURE__ */ i("div", { className: "cteditor-w-px cteditor-h-5 cteditor-bg-border cteditor-mx-0.5" }),
@@ -258,7 +257,7 @@ function ie({
                   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, {})
+                  children: /* @__PURE__ */ i(ct, {})
                 }
               ),
               /* @__PURE__ */ i(
@@ -268,7 +267,7 @@ function ie({
                   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, {})
+                  children: /* @__PURE__ */ i(lt, {})
                 }
               ),
               /* @__PURE__ */ i(
@@ -278,7 +277,7 @@ function ie({
                   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, {})
+                  children: /* @__PURE__ */ i(at, {})
                 }
               ),
               /* @__PURE__ */ i("div", { className: "cteditor-w-px cteditor-h-5 cteditor-bg-border cteditor-mx-0.5" }),
@@ -289,7 +288,7 @@ function ie({
                   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" })
+                  children: /* @__PURE__ */ i(dt, { className: "cteditor-w-4 cteditor-h-4 cteditor-text-foreground" })
                 }
               )
             ] }),
@@ -302,7 +301,7 @@ function ie({
                 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" })
+                children: /* @__PURE__ */ i(st, { className: "cteditor-w-4 cteditor-h-4" })
               }
             )
           ] }),
@@ -332,43 +331,43 @@ function ie({
           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__ */ N(
-          ut,
+        children: /* @__PURE__ */ x(
+          Nt,
           {
             initialEditor: b,
             initialNodes: [
-              kt,
-              yt,
-              At,
-              St,
-              nt,
-              ot
+              $t,
+              zt,
+              It,
+              Wt,
+              mt,
+              ut
             ],
             children: [
-              /* @__PURE__ */ i(ct, {}),
+              /* @__PURE__ */ i(ht, {}),
               /* @__PURE__ */ i(
-                gt,
+                Et,
                 {
                   contentEditable: /* @__PURE__ */ i(
-                    at,
+                    bt,
                     {
                       "aria-placeholder": "Enter a caption...",
                       placeholder: () => /* @__PURE__ */ i("span", { className: "cteditor-text-xs", children: "Enter a caption..." }),
                       className: "ImageNode__contentEditable"
                     }
                   ),
-                  ErrorBoundary: dt
+                  ErrorBoundary: Ct
                 }
               ),
               /* @__PURE__ */ i(
-                ft,
+                vt,
                 {
                   onChange: () => {
                   }
                 }
               ),
-              /* @__PURE__ */ i(st, {}),
-              /* @__PURE__ */ i(Wt, { namespace: Ot.namespace })
+              /* @__PURE__ */ i(xt, {}),
+              /* @__PURE__ */ i(ft, { namespace: gt.namespace })
             ]
           }
         )
@@ -377,5 +376,5 @@ function ie({
   ] });
 }
 export {
-  ie as default
+  re as default
 };

package/dist/index.d.ts

@@ -10,5 +10,5 @@ export type { ContentPreviewProps } from './components/ContentPreview';
 export type { ReactNativeBridgeConfig, ReactNativeMessage, ReactNativeMessageType, } from './hooks/useReactNativeBridge';
 export { isReactNativeWebView, useReactNativeBridge, } from './hooks/useReactNativeBridge';
 export type { CurrentUser } from './Provider/EditorProvider';
-export type { EditorConfigTypes } from './types';
+export type { EditorConfigTypes, ToolbarConfig } from './types';
 export { editorConfig as defaultEditorConfig } from './editorConfig';

package/dist/index.js

@@ -1,4 +1,4 @@
-import { M as a, N as r, O as t, P as s, Q as o, R as d, U as v, V as u, Y as f, Z as n, _ as l, a0 as w } from "./index-DMZDKMjN.js";
+import { N as a, O as r, P as t, Q as s, R as o, U as d, V as v, Y as u, Z as f, _ as n, a0 as l, a1 as w } from "./index-Cs_v2OZr.js";
 export {
   a as ConfigurableEditor,
   r as ConfigurableEditorWithAuth,

package/dist/pages/ConfigurableEditor/ConfigurableEditor.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { EditorConfigTypes } from '../../types';
+import { EditorConfigTypes, ToolbarConfig } from '../../types';
 /**
  * Handles editor state changes, retrieving root and selection.
  */
@@ -21,7 +21,7 @@ interface ConfigurableEditorProps {
     initialContent?: string;
     onChange?: (html: string) => void;
     apiKey?: string;
-    toolbarTopOffset?: number;
+    toolbarConfig?: ToolbarConfig;
     editorClassName?: string;
     editorStyle?: React.CSSProperties;
 }

package/dist/plugins/CustomHorizontalRulePlugin/CustomHorizontalRuleNode.d.ts

@@ -6,6 +6,9 @@ export interface CustomHorizontalRulePayload {
     strokeWidth?: number;
     lineStyle?: LineStyle;
 }
+export interface OpenHorizontalRuleDialogPayload {
+    editingNodeKey?: NodeKey;
+}
 export type SerializedCustomHorizontalRuleNode = Spread<{
     color?: string;
     strokeWidth?: number;
@@ -13,7 +16,7 @@ export type SerializedCustomHorizontalRuleNode = Spread<{
 }, SerializedLexicalNode>;
 export declare const INSERT_CUSTOM_HORIZONTAL_RULE_COMMAND: LexicalCommand<CustomHorizontalRulePayload>;
 /** Opens the horizontal rule customization dialog (e.g. from slash menu). */
-export declare const OPEN_HORIZONTAL_RULE_DIALOG_COMMAND: LexicalCommand<void>;
+export declare const OPEN_HORIZONTAL_RULE_DIALOG_COMMAND: LexicalCommand<OpenHorizontalRuleDialogPayload | undefined>;
 export declare class CustomHorizontalRuleNode extends BaseHorizontalRuleNode {
     __color?: string;
     __strokeWidth?: number;

package/dist/plugins/CustomHorizontalRulePlugin/HorizontalRuleCustomizationDialog.d.ts

@@ -1,9 +1,16 @@
-import { BaseSelection, LexicalEditor } from '../../../node_modules/lexical';
+import { BaseSelection, LexicalEditor, NodeKey } from '../../../node_modules/lexical';
 import { default as React } from 'react';
+import { LineStyle } from './CustomHorizontalRuleNode';
 interface HorizontalRuleCustomizationDialogProps {
     activeEditor: LexicalEditor;
     onClose: () => void;
     savedSelection?: BaseSelection | null;
+    editingNodeKey?: NodeKey | null;
+    initialValues?: {
+        color: string;
+        strokeWidth: number;
+        lineStyle: LineStyle;
+    } | null;
 }
 declare const HorizontalRuleCustomizationDialog: React.FC<HorizontalRuleCustomizationDialogProps>;
 export default HorizontalRuleCustomizationDialog;

package/dist/types.d.ts

@@ -116,6 +116,14 @@ export interface EmojiPluginProps {
     onChange?: (emoji: EmojiClickData, event?: MouseEvent) => void;
     icon?: React.ReactElement<LucideProps>;
 }
+export interface ToolbarConfig {
+    /** Sticky toolbar behavior mode. */
+    mode?: "sticky" | "static";
+    /** Top offset (px) used only when mode is "sticky". */
+    offset?: number;
+    /** z-index used only when mode is "sticky". */
+    zIndex?: number;
+}
 export interface InsertFilePayload {
     linkText: string;
     src: string;

package/dist/utils/fileUploadValidation.d.ts

@@ -0,0 +1,2 @@
+export declare const BLOCKED_FILE_TYPE_MESSAGE = "This file type is not allowed for security reasons.";
+export declare const validateBlockedExtension: (file: File) => string | null;

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "eddyter",
     "private": false,
-    "version": "1.4.5",
+    "version": "1.4.7",
     "type": "module",
     "packageManager": "pnpm@9.0.0",
     "keywords": [