eddyter 1.4.15 → 1.4.16

package/dist/{index-o_C9Vw0n.js → index-BydXFu_2.js}

@@ -1,6 +1,6 @@
 import { jsx as i, jsxs as b } from "react/jsx-runtime";
 import { useLexicalComposerContext as k } from "@lexical/react/LexicalComposerContext";
-import { c as L, g as I, h as w } from "./index-D5W6pnOr.js";
+import { c as L, g as I, h as w } from "./index-BDDjWwK4.js";
 import { useBasicTypeaheadTriggerMatch as C, LexicalTypeaheadMenuPlugin as S, MenuOption as R } from "@lexical/react/LexicalTypeaheadMenuPlugin";
 import { useState as y, useMemo as v, useCallback as g, useEffect as O } from "react";
 import * as E from "react-dom";

package/dist/{index-MXcGtHZr.js → index-W6_ogglw.js}

@@ -1,8 +1,8 @@
 import { jsx as r, jsxs as p } from "react/jsx-runtime";
-import { useLexicalComposerContext as T } from "@lexical/react/LexicalComposerContext";
+import { useLexicalComposerContext as j } from "@lexical/react/LexicalComposerContext";
 import { $getNodeByKey as g } from "lexical";
 import { useState as B, useEffect as D } from "react";
-import { j as k, D as y, T as E, F as h, k as I, l as W } from "./index-D5W6pnOr.js";
+import { k, D as y, T as E, F as m, l as I, m as W } from "./index-BDDjWwK4.js";
 function $(e, t) {
   const d = e.split(".").pop()?.toLowerCase();
   return d === "pdf" || t.startsWith("data:application/pdf") ? "pdf" : d === "docx" || t.startsWith("data:application/vnd.openxmlformats") && e.toLowerCase().endsWith(".docx") ? "docx" : d === "xlsx" || d === "xls" || t.startsWith("data:application/vnd.openxmlformats-officedocument.spreadsheetml") || t.startsWith("data:application/vnd.ms-excel") ? "xlsx" : null;
@@ -16,15 +16,15 @@ function z(e, t) {
       return;
     }
     let l = !1;
-    return c === "pdf" ? import("./generatePdfThumbnail-C0rDYo5e.js").then(({ generatePdfThumbnail: o }) => o(e)).then((o) => {
+    return c === "pdf" ? import("./generatePdfThumbnail-CfDAh39b.js").then(({ generatePdfThumbnail: o }) => o(e)).then((o) => {
       l || n(o);
     }).catch(() => {
       l || n(null);
-    }) : c === "docx" ? import("./generateDocxThumbnail-fv5LNJIq.js").then(({ generateDocxThumbnail: o }) => o(e)).then((o) => {
+    }) : c === "docx" ? import("./generateDocxThumbnail-DJlPLsdY.js").then(({ generateDocxThumbnail: o }) => o(e)).then((o) => {
       l || n(o);
     }).catch(() => {
       l || n(null);
-    }) : c === "xlsx" && import("./generateXlsxThumbnail-C_vobxPD.js").then(({ generateXlsxThumbnail: o }) => o(e)).then((o) => {
+    }) : c === "xlsx" && import("./generateXlsxThumbnail-cRIT4Jyf.js").then(({ generateXlsxThumbnail: o }) => o(e)).then((o) => {
       l || n(o);
     }).catch(() => {
       l || n(null);
@@ -41,7 +41,7 @@ const R = (e) => e ? e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFix
   return t === "pdf" || t === "docx" || t === "xlsx" || t === "xls";
 }, C = (e) => {
   const t = N(e);
-  return ["pdf", "doc", "docx", "txt", "odt"].includes(t) ? /* @__PURE__ */ r(h, { className: "cteditor-w-8 cteditor-h-8 cteditor-text-blue-600" }) : ["xls", "xlsx", "csv"].includes(t) ? /* @__PURE__ */ r(h, { className: "cteditor-w-8 cteditor-h-8 cteditor-text-green-600" }) : ["ppt", "pptx"].includes(t) ? /* @__PURE__ */ r(h, { className: "cteditor-w-8 cteditor-h-8 cteditor-text-red-600" }) : ["zip", "rar", "7z", "tar", "gz"].includes(t) ? /* @__PURE__ */ r(I, { className: "cteditor-w-8 cteditor-h-8 cteditor-text-orange-500" }) : /* @__PURE__ */ r(W, { className: "cteditor-w-8 cteditor-h-8 cteditor-text-gray-500" });
+  return ["pdf", "doc", "docx", "txt", "odt"].includes(t) ? /* @__PURE__ */ r(m, { className: "cteditor-w-8 cteditor-h-8 cteditor-text-blue-600" }) : ["xls", "xlsx", "csv"].includes(t) ? /* @__PURE__ */ r(m, { className: "cteditor-w-8 cteditor-h-8 cteditor-text-green-600" }) : ["ppt", "pptx"].includes(t) ? /* @__PURE__ */ r(m, { className: "cteditor-w-8 cteditor-h-8 cteditor-text-red-600" }) : ["zip", "rar", "7z", "tar", "gz"].includes(t) ? /* @__PURE__ */ r(I, { className: "cteditor-w-8 cteditor-h-8 cteditor-text-orange-500" }) : /* @__PURE__ */ r(W, { className: "cteditor-w-8 cteditor-h-8 cteditor-text-gray-500" });
 }, H = ({
   src: e,
   fileName: t,
@@ -49,7 +49,7 @@ const R = (e) => e ? e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFix
   displayType: n = "card",
   nodeKey: c
 }) => {
-  const l = n === "inline" ? "inline" : "card", [o] = T(), u = z(F(t) ? e : void 0, t);
+  const l = n === "inline" ? "inline" : "card", [o] = j(), u = z(F(t) ? e : void 0, t);
   if (D(() => {
     u && o.update(() => {
       const a = g(c);
@@ -57,7 +57,7 @@ const R = (e) => e ? e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFix
     });
   }, [o, c, u]), !e || !t)
     return console.error("FileView: Missing required props", { src: e, fileName: t, fileSize: d, nodeKey: c }), /* @__PURE__ */ r("div", { className: "cteditor-inline-flex cteditor-items-center cteditor-gap-3 cteditor-px-4 cteditor-py-3 cteditor-my-2 cteditor-border cteditor-border-destructive cteditor-rounded-lg cteditor-bg-destructive/10", children: /* @__PURE__ */ r("div", { className: "cteditor-text-sm cteditor-text-destructive", children: "Error loading file" }) });
-  const m = (a) => {
+  const h = (a) => {
     a.preventDefault(), a.stopPropagation();
     try {
       if (e.startsWith("data:")) {
@@ -66,7 +66,7 @@ const R = (e) => e ? e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFix
         const w = new Uint8Array(x);
         for (; x--; )
           w[x] = b.charCodeAt(x);
-        const j = new Blob([w], { type: L }), v = URL.createObjectURL(j), s = document.createElement("a");
+        const T = new Blob([w], { type: L }), v = URL.createObjectURL(T), s = document.createElement("a");
         s.href = v, s.download = t, s.style.display = "none", document.body.appendChild(s), s.click(), document.body.removeChild(s), setTimeout(() => URL.revokeObjectURL(v), 100);
       } else {
         const i = document.createElement("a");
@@ -95,7 +95,7 @@ const R = (e) => e ? e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFix
           "button",
           {
             type: "button",
-            onClick: m,
+            onClick: h,
             className: "cteditor-p-1 cteditor-rounded-md hover:cteditor-bg-accent cteditor-transition-colors cteditor-flex-shrink-0",
             "aria-label": "Download file",
             title: "Download file",
@@ -130,7 +130,7 @@ const R = (e) => e ? e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFix
               "button",
               {
                 type: "button",
-                onClick: m,
+                onClick: h,
                 className: "cteditor-p-1 cteditor-rounded-md cteditor-text-black/80 hover:cteditor-bg-black/10 cteditor-transition-colors",
                 "aria-label": "Download file",
                 title: "Download file",

package/dist/{index-DKRhyxUF.js → index-gjz4wieB.js}

@@ -15,7 +15,7 @@ import { useLexicalNodeSelection as pt } from "@lexical/react/useLexicalNodeSele
 import { mergeRegister as ht } from "@lexical/utils";
 import { $getSelection as P, $isNodeSelection as p, $setSelection as W, 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 yt, RootNode as Rt, TextNode as At, LineBreakNode as kt, ParagraphNode as St, $getNodeByKey as A, $isParagraphNode as T } from "lexical";
 import { useRef as L, useState as w, useCallback as x, useEffect as Dt } from "react";
-import { U as v, W as Pt, b as Lt, A as Mt, d as _t, e as $t, H as zt, T as It, N as Ot, O as Wt } from "./index-D5W6pnOr.js";
+import { V as v, W as Pt, b as Lt, A as Mt, d as _t, e as $t, J as zt, T as It, O as Ot, P as Wt } from "./index-BDDjWwK4.js";
 function ie({
   src: j,
   nodeKey: g,
@@ -25,8 +25,8 @@ function ie({
   resizable: Y,
   showCaption: E,
   caption: b,
-  captionsEnabled: F,
-  controls: V = !0,
+  captionsEnabled: V,
+  controls: F = !0,
   position: n = "none"
 }) {
   const a = L(null), S = L(null), [l, d, C] = pt(g), [s, M] = w(!1), [o] = lt(), [y, H] = w(null), _ = L(null), K = mt(), D = x(
@@ -141,9 +141,9 @@ function ie({
       const e = A(g);
       v(e) && e.setWidthAndHeight(t, r);
     });
-  }, U = () => {
+  }, J = () => {
     M(!0);
-  }, q = (t) => {
+  }, U = (t) => {
     t.preventDefault(), t.stopPropagation(), o.update(() => {
       const r = A(g);
       if (v(r)) {
@@ -160,7 +160,7 @@ function ie({
         c && T(c) && (r === "left" ? c.setFormat("left") : r === "right" ? c.setFormat("right") : c.setFormat(""));
       }
     });
-  }, J = x(
+  }, q = x(
     (t) => {
       if (s || t.target.closest("button"))
         return;
@@ -207,14 +207,14 @@ function ie({
           position: "relative",
           display: "inline-block"
         },
-        onClick: J,
+        onClick: q,
         children: [
           /* @__PURE__ */ i(
             "video",
             {
               ref: a,
               src: j,
-              controls: V,
+              controls: F,
               preload: "metadata",
               className: O ? `focused ${p(y) ? "draggable" : ""}` : void 0,
               style: Z ? {
@@ -304,7 +304,7 @@ function ie({
               {
                 type: "button",
                 onClick: (t) => {
-                  t.stopPropagation(), q(t);
+                  t.stopPropagation(), U(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",
@@ -322,9 +322,9 @@ function ie({
               buttonRef: S,
               imageRef: a,
               maxWidth: B,
-              onResizeStart: U,
+              onResizeStart: J,
               onResizeEnd: G,
-              captionsEnabled: F
+              captionsEnabled: V
             }
           )
         ]

package/dist/index.js

@@ -1,4 +1,4 @@
-import { Y as i, Z as r, _ as t, a0 as s, a1 as o, a2 as d, a3 as v, a4 as u, a5 as f, a6 as n, a7 as l, a8 as w } from "./index-D5W6pnOr.js";
+import { Z as i, _ as r, a0 as t, a1 as s, a2 as o, a3 as d, a4 as v, a5 as u, a6 as f, a7 as n, a8 as l, a9 as w } from "./index-BDDjWwK4.js";
 export {
   i as ConfigurableEditor,
   r as ConfigurableEditorWithAuth,

package/dist/nodes/NotePanelNode.d.ts

@@ -3,29 +3,34 @@ export type NotePanelType = "info" | "warning" | "error" | "success" | "note";
 export interface NotePanelPayload {
     type: NotePanelType;
     title?: string;
+    bodyHtml?: string;
     key?: NodeKey;
 }
 export type SerializedNotePanelNode = Spread<{
     panelType: NotePanelType;
     title: string;
+    bodyHtml: string;
 }, SerializedLexicalNode>;
 export declare class NotePanelNode extends DecoratorNode<JSX.Element> {
     __panelType: NotePanelType;
     __title: string;
+    __bodyHtml: string;
     static getType(): string;
     static clone(node: NotePanelNode): NotePanelNode;
     static importJSON(serializedNode: SerializedNotePanelNode): NotePanelNode;
     exportDOM(): DOMExportOutput;
     static importDOM(): DOMConversionMap | null;
-    constructor(type: NotePanelType, title?: string, key?: NodeKey);
+    constructor(type: NotePanelType, title?: string, bodyHtml?: string, key?: NodeKey);
     exportJSON(): SerializedNotePanelNode;
     setPanelType(type: NotePanelType): void;
     setTitle(title: string): void;
+    setBodyHtml(bodyHtml: string): void;
+    getBodyHtml(): string;
     createDOM(config: EditorConfig): HTMLElement;
     updateDOM(): false;
     getPanelType(): NotePanelType;
     getTitle(): string;
     decorate(): JSX.Element;
 }
-export declare function $createNotePanelNode({ type, title, key, }: NotePanelPayload): NotePanelNode;
+export declare function $createNotePanelNode({ type, title, bodyHtml, key, }: NotePanelPayload): NotePanelNode;
 export declare function $isNotePanelNode(node: LexicalNode | null | undefined): node is NotePanelNode;

package/dist/utils/notePanelExport.d.ts

@@ -0,0 +1,11 @@
+import { NotePanelType } from '../nodes/NotePanelNode';
+export declare function isNotePanelPlaceholderText(text: string): boolean;
+/**
+ * Clone the rendered note panel from the editor DOM with computed styles inlined
+ * so preview/HTML export matches the text area (icon, colors, borders, layout).
+ */
+export declare function cloneNotePanelFromLiveDom(livePanel: HTMLElement): HTMLDivElement | null;
+export declare function buildNotePanelExportElement(type: NotePanelType, title: string, bodyHtml: string): HTMLDivElement;
+/** Prefer live DOM clone; fall back to themed static markup. */
+export declare function buildNotePanelExportFromLiveOrFallback(livePanel: HTMLElement, type: NotePanelType, title: string, bodyHtml: string): HTMLDivElement;
+export declare function readNotePanelBodyFromDom(panel: HTMLElement): string;

package/dist/utils/notePanelPaste.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Note panels use a nested contentEditable inside Lexical's root. Paste targets
+ * may be a Text node (no `closest`), so resolve to an Element before querying.
+ */
+export declare function getEventTargetElement(target: EventTarget | null): Element | null;
+/** Outer Lexical theme wrapper + React panel root (see NotePanelView). */
+export declare function isPasteInsideNotePanelSurface(target: EventTarget | null): boolean;

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "eddyter",
     "private": false,
-    "version": "1.4.15",
+    "version": "1.4.16",
     "description": "Plug and Play AI Rich Text Editor for any website, blog, CRM, ERP, or web app. Built on Lexical with AI writing assistance, dark mode, and real-time collaboration.",
     "homepage": "https://www.eddyter.com",
     "repository": {