eddyter 1.3.80 → 1.3.82

package/dist/index.js

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

package/dist/nodes/FileNode.d.ts

@@ -1,19 +1,23 @@
 import { DecoratorNode, DOMConversionMap, DOMExportOutput, EditorConfig, LexicalNode, NodeKey, SerializedLexicalNode, Spread } from '../../node_modules/lexical';
+export type FileDisplayType = "card" | "inline";
 export interface FilePayload {
     src: string;
     fileName: string;
     fileSize?: number;
+    displayType?: FileDisplayType;
     key?: NodeKey;
 }
 export type SerializedFileNode = Spread<{
     src: string;
     fileName: string;
     fileSize?: number;
+    displayType?: FileDisplayType;
 }, SerializedLexicalNode>;
 export declare class FileNode extends DecoratorNode<JSX.Element> {
     __src: string;
     __fileName: string;
     __fileSize?: number;
+    __displayType: FileDisplayType;
     /** Optional first-page thumbnail (e.g. PDF); used in exportDOM for preview */
     __previewDataUrl?: string;
     static getType(): string;
@@ -22,8 +26,10 @@ export declare class FileNode extends DecoratorNode<JSX.Element> {
     exportDOM(): DOMExportOutput;
     private formatFileSize;
     static importDOM(): DOMConversionMap | null;
-    constructor(src: string, fileName: string, fileSize?: number, key?: NodeKey);
+    constructor(src: string, fileName: string, fileSize?: number, displayType?: FileDisplayType, key?: NodeKey);
     exportJSON(): SerializedFileNode;
+    getDisplayType(): FileDisplayType;
+    setDisplayType(displayType: FileDisplayType): void;
     createDOM(config: EditorConfig): HTMLElement;
     updateDOM(): false;
     getSrc(): string;
@@ -32,5 +38,5 @@ export declare class FileNode extends DecoratorNode<JSX.Element> {
     setPreviewDataUrl(url: string): void;
     decorate(): JSX.Element;
 }
-export declare function $createFileNode({ src, fileName, fileSize, key, }: FilePayload): FileNode;
+export declare function $createFileNode({ src, fileName, fileSize, displayType, key, }: FilePayload): FileNode;
 export declare function $isFileNode(node: LexicalNode | null | undefined): node is FileNode;

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

@@ -21,6 +21,7 @@ interface ConfigurableEditorProps {
     initialContent?: string;
     onChange?: (html: string) => void;
     apiKey?: string;
+    toolbarTopOffset?: number;
 }
 declare const ConfigurableEditor: React.FC<ConfigurableEditorProps>;
 export default ConfigurableEditor;

package/dist/plugins/FloatingFileMenuPlugin.d.ts

@@ -0,0 +1,3 @@
+export default function FloatingFileMenuPlugin({ anchorElem, }: {
+    anchorElem?: HTMLElement;
+}): JSX.Element | null;

package/dist/plugins/VoiceTranscriptPlugin.d.ts

@@ -2,22 +2,8 @@ export declare const TOGGLE_VOICE_TRANSCRIPT_COMMAND: import('../../node_modules
 export declare const INSERT_TRANSCRIPT_COMMAND: import('../../node_modules/lexical').LexicalCommand<{
     text: string;
 }>;
-export declare const useVoiceRecording: (apiKey?: string, language?: string) => {
-    isRecording: boolean;
-    isPaused: boolean;
-    isLoading: boolean;
-    isProcessing: boolean;
-    processingStatus: string;
-    isBatchMode: boolean;
-    error: string | null;
-    isConnected: boolean;
-    elapsedTime: number;
-    toggleRecording: () => Promise<void>;
-    pauseRecording: () => void;
-    resumeRecording: () => void;
-    setEditor: (editor: any) => void;
-};
-export declare const VoiceTranscriptButton: ({ editor, apiKey }: {
+export { useVoiceRecording } from '../hooks/useVoiceRecording';
+export declare const VoiceTranscriptButton: ({ editor, apiKey, }: {
     editor: any;
     apiKey?: string;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/plugins/WordCountPlugin.d.ts

@@ -1,3 +1,6 @@
 import { default as React } from 'react';
-declare const WordCountPlugin: React.FC;
+interface WordPluginProps {
+    isWordCountEnabled: boolean;
+}
+declare const WordCountPlugin: React.FC<WordPluginProps>;
 export default WordCountPlugin;

package/dist/types.d.ts

@@ -37,6 +37,7 @@ export interface ToolbarProps {
     enableHtmlViewToggle?: boolean;
     enableNotePanels?: boolean;
     enableAutocompleteToggle?: boolean;
+    enableInlineAutocompleteToggle?: boolean;
     enableHeadings?: boolean;
     enableLists?: boolean;
     enableBlockquote?: boolean;
@@ -142,6 +143,7 @@ export interface EditorConfigTypes {
         enableHtmlViewToggle: boolean;
         enableNotePanels: boolean;
         enableAutocompleteToggle: boolean;
+        enableInlineAutocompleteToggle?: boolean;
         enableHeadings: boolean;
         enableLists: boolean;
         enableBlockquote: boolean;

package/dist/ui/Icons.d.ts

@@ -84,4 +84,5 @@ declare const BugIcon: () => import("react/jsx-runtime").JSX.Element;
 declare const LockIcon: () => import("react/jsx-runtime").JSX.Element;
 declare const AiSparkle: () => import("react/jsx-runtime").JSX.Element;
 declare const CodeSquare: () => import("react/jsx-runtime").JSX.Element;
-export { AddCommentIcon, AddImageIcon, AdjustToneIcon, AIChatIcon, AIIcon, AlignBottomIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignMiddleIcon, AlignRightIcon, AlignTopIcon, BoldIcon, BugIcon, BulletListIcon, ChartBarIcon, CheckBoxIcon, CheckIcon, ChevronDownIcon, CodeIcon, CompleteSentenceIcon, DisableIcon, EmojifyIcon, FaceSmileIcon, FileIcon, FixGrammarIcon, GenerateImageIcon, Heading1Icon, Heading2Icon, Heading3Icon, Heading4Icon, Heading5Icon, Heading6Icon, HorizontalRuleIcon, HtmlViewIcon, ImageIcon, ItalicIcon, LinkIcon, LockIcon, MagicoonIcon, MakeLongerIcon, MakeShorterIcon, MenuAltIcon, MessageEditIcon, MicrophoneIcon, NoteIcon, NumberListIcon, PauseCircleIcon, ParagraphIcon, PenLineIcon, PerspectiveIcon, PlayCircleIcon, PlusIcon, QuoteIcon, RecordingIcon, RedoIcon, SearchTextIcon, SearchTextIcon2, SendIcon, SignatureIcon, SimplifyIcon, SparkleIcon, StopCircleIcon, StrikethroughIcon, SubscriptIcon, SuperscriptIcon, TodoIcon, TranslateIcon, TypeCapitalizeIcon, TypeLowercaseIcon, TypeUppercaseIcon, UnderlineIcon, UndoIcon, UploadIcon, TableIcon, HighlighterIcon, LightbulbIcon, ClearFormattingIcon, CrossIcon, DownloadIcon, TrashIcon, ExternalLinkIcon, WrapTextLeftIcon, WrapTextRightIcon, AiSparkle, CodeSquare };
+declare const InlineAutocomplete: () => import("react/jsx-runtime").JSX.Element;
+export { AddCommentIcon, AddImageIcon, AdjustToneIcon, AIChatIcon, AIIcon, AlignBottomIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignMiddleIcon, AlignRightIcon, AlignTopIcon, BoldIcon, BugIcon, BulletListIcon, ChartBarIcon, CheckBoxIcon, CheckIcon, ChevronDownIcon, CodeIcon, CompleteSentenceIcon, DisableIcon, EmojifyIcon, FaceSmileIcon, FileIcon, FixGrammarIcon, GenerateImageIcon, Heading1Icon, Heading2Icon, Heading3Icon, Heading4Icon, Heading5Icon, Heading6Icon, HorizontalRuleIcon, HtmlViewIcon, ImageIcon, ItalicIcon, LinkIcon, LockIcon, MagicoonIcon, MakeLongerIcon, MakeShorterIcon, MenuAltIcon, MessageEditIcon, MicrophoneIcon, NoteIcon, NumberListIcon, PauseCircleIcon, ParagraphIcon, PenLineIcon, PerspectiveIcon, PlayCircleIcon, PlusIcon, QuoteIcon, RecordingIcon, RedoIcon, SearchTextIcon, SearchTextIcon2, SendIcon, SignatureIcon, SimplifyIcon, SparkleIcon, StopCircleIcon, StrikethroughIcon, SubscriptIcon, SuperscriptIcon, TodoIcon, TranslateIcon, TypeCapitalizeIcon, TypeLowercaseIcon, TypeUppercaseIcon, UnderlineIcon, UndoIcon, UploadIcon, TableIcon, HighlighterIcon, LightbulbIcon, ClearFormattingIcon, CrossIcon, DownloadIcon, TrashIcon, ExternalLinkIcon, WrapTextLeftIcon, WrapTextRightIcon, AiSparkle, CodeSquare, InlineAutocomplete };

package/dist/utils/fontLoader.d.ts

@@ -2,7 +2,7 @@
  * Dynamic font loader for the editor package.
  *
  * When the editor is integrated into an external project, that project may not
- * load the Google Fonts the editor uses (Geist for UI, Inter/Manrope/etc. for
+ * load the Google Fonts the editor uses (Geist for UI, Geist/Poppins/Inter/Manrope/etc. for
  * content).  This utility detects which fonts are missing and injects a single
  * <link> to the Google Fonts API so they become available everywhere in the
  * editor — toolbars, dropdowns, slash-commands, content area, etc.

package/dist/utils/htmlFormat.d.ts

@@ -1,5 +1,7 @@
+export declare function formatHtmlForCodeView(html: string): string;
 /**
- * Simple HTML formatter for the code view: breaks tags onto separate lines
- * so minified/single-line HTML is readable. Safe to run on any HTML string.
+ * Collapse formatting whitespace (newlines, indentation) between tags so that
+ * when we parse this HTML back into the editor we don't get extra text nodes.
+ * Use this before applying HTML from the code view to preserve structure.
  */
-export declare function formatHtmlForCodeView(html: string): string;
+export declare function normalizeHtmlBeforeApply(html: string): string;

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "eddyter",
     "private": false,
-    "version": "1.3.80",
+    "version": "1.3.82",
     "type": "module",
     "packageManager": "pnpm@9.0.0",
     "keywords": [
@@ -58,6 +58,7 @@
         "prepublishOnly": "pnpm build"
     },
     "dependencies": {
+        "@codemirror/theme-one-dark": "^6.1.3",
         "@lexical/clipboard": "^0.24.0",
         "@lexical/code": "^0.24.0",
         "@lexical/dragon": "^0.24.0",
@@ -84,6 +85,8 @@
         "@radix-ui/react-tabs": "^1.1.3",
         "@radix-ui/react-tooltip": "^1.1.8",
         "@types/react-signature-canvas": "^1.0.7",
+        "@uiw/codemirror-extensions-langs": "^4.25.7",
+        "@uiw/react-codemirror": "^4.25.7",
         "axios": "^1.8.1",
         "class-variance-authority": "^0.7.1",
         "clsx": "^2.1.1",

package/dist/index-BTnX5edL.js

@@ -1,131 +0,0 @@
-import { jsx as i, jsxs as p } from "react/jsx-runtime";
-import { useLexicalComposerContext as U } from "@lexical/react/LexicalComposerContext";
-import { $getNodeByKey as v } from "lexical";
-import { useState as N, useEffect as y } from "react";
-import { v as w, w as L, x as E, F as g, y as j, z as B } from "./index-BiGNE0nG.js";
-function W(t, e) {
-  const l = t.split(".").pop()?.toLowerCase();
-  return l === "pdf" || e.startsWith("data:application/pdf") ? "pdf" : l === "docx" || e.startsWith("data:application/vnd.openxmlformats") && t.toLowerCase().endsWith(".docx") ? "docx" : l === "xlsx" || l === "xls" || e.startsWith("data:application/vnd.openxmlformats-officedocument.spreadsheetml") || e.startsWith("data:application/vnd.ms-excel") ? "xlsx" : null;
-}
-function $(t, e) {
-  const [l, d] = N(null);
-  return y(() => {
-    const s = t && e ? W(e, t) : null;
-    if (!t || !e || !s) {
-      d(null);
-      return;
-    }
-    let c = !1;
-    return s === "pdf" ? import("./generatePdfThumbnail-Be9_gTd2.js").then(({ generatePdfThumbnail: o }) => o(t)).then((o) => {
-      c || d(o);
-    }).catch(() => {
-      c || d(null);
-    }) : s === "docx" ? import("./generateDocxThumbnail-CuC4oE4q.js").then(({ generateDocxThumbnail: o }) => o(t)).then((o) => {
-      c || d(o);
-    }).catch(() => {
-      c || d(null);
-    }) : s === "xlsx" && import("./generateXlsxThumbnail-BHmQkbG6.js").then(({ generateXlsxThumbnail: o }) => o(t)).then((o) => {
-      c || d(o);
-    }).catch(() => {
-      c || d(null);
-    }), () => {
-      c = !0, d(null);
-    };
-  }, [t, e]), l;
-}
-const z = (t) => t ? t < 1024 ? `${t} B` : t < 1024 * 1024 ? `${(t / 1024).toFixed(1)} KB` : t < 1024 * 1024 * 1024 ? `${(t / (1024 * 1024)).toFixed(1)} MB` : `${(t / (1024 * 1024 * 1024)).toFixed(1)} GB` : "", k = (t) => {
-  const e = t.split(".");
-  return e.length > 1 ? e[e.length - 1].toLowerCase() : "";
-}, b = (t) => {
-  const e = k(t);
-  return e === "pdf" || e === "docx" || e === "xlsx" || e === "xls";
-}, R = (t) => {
-  const e = k(t);
-  return ["pdf", "doc", "docx", "txt", "odt"].includes(e) ? /* @__PURE__ */ i(g, { className: "cteditor-w-8 cteditor-h-8 cteditor-text-blue-500" }) : ["xls", "xlsx", "csv"].includes(e) ? /* @__PURE__ */ i(g, { className: "cteditor-w-8 cteditor-h-8 cteditor-text-green-600" }) : ["zip", "rar", "7z", "tar", "gz"].includes(e) ? /* @__PURE__ */ i(j, { className: "cteditor-w-8 cteditor-h-8 cteditor-text-orange-500" }) : /* @__PURE__ */ i(B, { className: "cteditor-w-8 cteditor-h-8 cteditor-text-gray-500" });
-}, _ = ({ src: t, fileName: e, fileSize: l, nodeKey: d }) => {
-  const [s] = U(), c = $(b(e) ? t : void 0, e);
-  if (y(() => {
-    c && s.update(() => {
-      const n = v(d);
-      w(n) && n.setPreviewDataUrl(c);
-    });
-  }, [s, d, c]), !t || !e)
-    return console.error("FileView: Missing required props", { src: t, fileName: e, fileSize: l, nodeKey: d }), /* @__PURE__ */ i("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__ */ i("div", { className: "cteditor-text-sm cteditor-text-destructive", children: "Error loading file" }) });
-  const o = (n) => {
-    n.preventDefault(), n.stopPropagation();
-    try {
-      if (t.startsWith("data:")) {
-        const r = t.split(","), f = r[0].match(/:(.*?);/), D = f ? f[1] : "application/octet-stream", m = atob(r[1]);
-        let u = m.length;
-        const x = new Uint8Array(u);
-        for (; u--; )
-          x[u] = m.charCodeAt(u);
-        const P = new Blob([x], { type: D }), h = URL.createObjectURL(P), a = document.createElement("a");
-        a.href = h, a.download = e, a.style.display = "none", document.body.appendChild(a), a.click(), document.body.removeChild(a), setTimeout(() => URL.revokeObjectURL(h), 100);
-      } else {
-        const r = document.createElement("a");
-        r.href = t, r.download = e, r.style.display = "none", r.target = "_blank", document.body.appendChild(r), r.click(), document.body.removeChild(r);
-      }
-    } catch (r) {
-      console.error("Error downloading file:", r), window.open(t, "_blank");
-    }
-  }, F = (n) => {
-    n.preventDefault(), n.stopPropagation(), s.update(() => {
-      const r = v(d);
-      w(r) && r.remove();
-    });
-  }, C = b(e) && c;
-  return /* @__PURE__ */ p(
-    "div",
-    {
-      className: "cteditor-inline-flex cteditor-flex-col cteditor-gap-2 cteditor-py-2 cteditor-px-2 cteditor-my-2 cteditor-border cteditor-border-border cteditor-rounded-lg cteditor-bg-background hover:cteditor-bg-accent/50 cteditor-transition-colors cteditor-cursor-pointer cteditor-max-w-[240px]",
-      onClick: o,
-      role: "button",
-      tabIndex: 0,
-      onKeyDown: (n) => {
-        (n.key === "Enter" || n.key === " ") && (n.preventDefault(), o(n));
-      },
-      children: [
-        /* @__PURE__ */ i("div", { className: "cteditor-w-full cteditor-aspect-[120/88] cteditor-rounded cteditor-overflow-hidden cteditor-bg-muted cteditor-flex cteditor-items-center cteditor-justify-center", children: C ? /* @__PURE__ */ i(
-          "img",
-          {
-            src: c,
-            alt: "",
-            className: "cteditor-w-full cteditor-h-full cteditor-object-cover"
-          }
-        ) : /* @__PURE__ */ i("div", { className: "*:cteditor-size-8", children: R(e) }) }),
-        /* @__PURE__ */ p("div", { className: "cteditor-flex cteditor-items-start cteditor-gap-2 cteditor-w-full", children: [
-          /* @__PURE__ */ p("div", { className: "cteditor-flex-1 cteditor-min-w-0", children: [
-            /* @__PURE__ */ i("div", { className: "cteditor-font-medium cteditor-text-xs cteditor-text-foreground cteditor-truncate", children: e }),
-            l && /* @__PURE__ */ i("div", { className: "cteditor-text-xs cteditor-text-muted-foreground", children: z(l) })
-          ] }),
-          /* @__PURE__ */ p("div", { className: "cteditor-flex cteditor-gap-1 cteditor-flex-shrink-0", children: [
-            /* @__PURE__ */ i(
-              "button",
-              {
-                onClick: o,
-                className: "cteditor-p-1 cteditor-rounded-md hover:cteditor-bg-accent cteditor-transition-colors",
-                "aria-label": "Download file",
-                title: "Download file",
-                children: /* @__PURE__ */ i(L, { className: "cteditor-w-4 cteditor-h-4 cteditor-text-muted-foreground" })
-              }
-            ),
-            /* @__PURE__ */ i(
-              "button",
-              {
-                onClick: F,
-                className: "cteditor-p-1 cteditor-rounded-md hover:cteditor-bg-destructive hover:cteditor-text-destructive-foreground cteditor-transition-colors",
-                "aria-label": "Delete file",
-                title: "Delete file",
-                children: /* @__PURE__ */ i(E, { className: "cteditor-w-4 cteditor-h-4 cteditor-text-muted-foreground" })
-              }
-            )
-          ] })
-        ] })
-      ]
-    }
-  );
-};
-export {
-  _ as default
-};