eddyter 1.3.76 → 1.3.78

package/dist/{index-CVEa0GRe.js → index-Bzbg5ykO.js}

@@ -1,31 +1,31 @@
 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 k } from "react";
-import { q as w, r as L, s as E, F as g, v as j, w as B } from "./index-DjD3NbU0.js";
+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-BDzAe_Dw.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 k(() => {
+  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-U8R2yu3J.js").then(({ generatePdfThumbnail: r }) => r(t)).then((r) => {
-      c || d(r);
+    return s === "pdf" ? import("./generatePdfThumbnail-B7hHlIu1.js").then(({ generatePdfThumbnail: o }) => o(t)).then((o) => {
+      c || d(o);
     }).catch(() => {
       c || d(null);
-    }) : s === "docx" ? import("./generateDocxThumbnail-BbSs-3CJ.js").then(({ generateDocxThumbnail: r }) => r(t)).then((r) => {
-      c || d(r);
+    }) : s === "docx" ? import("./generateDocxThumbnail-DI95OEXG.js").then(({ generateDocxThumbnail: o }) => o(t)).then((o) => {
+      c || d(o);
     }).catch(() => {
       c || d(null);
-    }) : s === "xlsx" && import("./generateXlsxThumbnail-BUwuqsXR.js").then(({ generateXlsxThumbnail: r }) => r(t)).then((r) => {
-      c || d(r);
+    }) : s === "xlsx" && import("./generateXlsxThumbnail-L2Rxm_uB.js").then(({ generateXlsxThumbnail: o }) => o(t)).then((o) => {
+      c || d(o);
     }).catch(() => {
       c || d(null);
     }), () => {
@@ -33,29 +33,29 @@ function $(t, e) {
     };
   }, [t, e]), l;
 }
-const R = (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` : "", y = (t) => {
+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 = y(t);
+  const e = k(t);
   return e === "pdf" || e === "docx" || e === "xlsx" || e === "xls";
-}, T = (t) => {
-  const e = y(t);
+}, 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" });
-}, V = ({ src: t, fileName: e, fileSize: l, nodeKey: d }) => {
+}, _ = ({ src: t, fileName: e, fileSize: l, nodeKey: d }) => {
   const [s] = U(), c = $(b(e) ? t : void 0, e);
-  if (k(() => {
+  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 r = (n) => {
+  const o = (n) => {
     n.preventDefault(), n.stopPropagation();
     try {
       if (t.startsWith("data:")) {
-        const o = t.split(","), f = o[0].match(/:(.*?);/), D = f ? f[1] : "application/octet-stream", m = atob(o[1]);
+        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--; )
@@ -63,27 +63,27 @@ const R = (t) => t ? t < 1024 ? `${t} B` : t < 1024 * 1024 ? `${(t / 1024).toFix
         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 o = document.createElement("a");
-        o.href = t, o.download = e, o.style.display = "none", o.target = "_blank", document.body.appendChild(o), o.click(), document.body.removeChild(o);
+        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 (o) {
-      console.error("Error downloading file:", o), window.open(t, "_blank");
+    } catch (r) {
+      console.error("Error downloading file:", r), window.open(t, "_blank");
     }
   }, F = (n) => {
     n.preventDefault(), n.stopPropagation(), s.update(() => {
-      const o = v(d);
-      w(o) && o.remove();
+      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: r,
+      onClick: o,
       role: "button",
       tabIndex: 0,
       onKeyDown: (n) => {
-        (n.key === "Enter" || n.key === " ") && (n.preventDefault(), r(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(
@@ -93,17 +93,17 @@ const R = (t) => t ? t < 1024 ? `${t} B` : t < 1024 * 1024 ? `${(t / 1024).toFix
             alt: "",
             className: "cteditor-w-full cteditor-h-full cteditor-object-cover"
           }
-        ) : /* @__PURE__ */ i("div", { className: "*:cteditor-size-8", children: T(e) }) }),
+        ) : /* @__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: R(l) })
+            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: r,
+                onClick: o,
                 className: "cteditor-p-1 cteditor-rounded-md hover:cteditor-bg-accent cteditor-transition-colors",
                 "aria-label": "Download file",
                 title: "Download file",
@@ -127,5 +127,5 @@ const R = (t) => t ? t < 1024 ? `${t} B` : t < 1024 * 1024 ? `${(t / 1024).toFix
   );
 };
 export {
-  V as default
+  _ as default
 };

package/dist/index.js

@@ -1,4 +1,4 @@
-import { G as a, H as r, I as t, J as s, K as o, M as d, N as v, O as u, P as f, Q as n, R as l, U as w } from "./index-DjD3NbU0.js";
+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-BDzAe_Dw.js";
 export {
   a as ConfigurableEditor,
   r as ConfigurableEditorWithAuth,

package/dist/nodes/EmbedNode.d.ts

@@ -1,4 +1,4 @@
-import { DecoratorNode, DOMExportOutput, NodeKey } from '../../node_modules/lexical';
+import { DecoratorNode, DOMConversionMap, DOMExportOutput, NodeKey } from '../../node_modules/lexical';
 /**
  * A custom Lexical node that embeds and renders various types of content
  * such as videos, PDFs, documents, and other media files.
@@ -21,6 +21,7 @@ export declare class EmbedNode extends DecoratorNode<JSX.Element> {
     updateDOM(): boolean;
     static importJSON(serializedNode: any): EmbedNode;
     exportJSON(): any;
+    static importDOM(): DOMConversionMap | null;
     exportDOM(): DOMExportOutput;
     getURL(): string;
     getDisplayType(): DisplayType;

package/dist/types.d.ts

@@ -45,6 +45,7 @@ export interface ToolbarProps {
     enableCharts?: boolean;
     enableAutoCorrection?: boolean;
     enablePdfExport?: boolean;
+    enableDocExport?: boolean;
     enableSpeechToText?: boolean;
     enableComments?: boolean;
     enableMentions?: boolean;
@@ -147,6 +148,7 @@ export interface EditorConfigTypes {
         enableCharts: boolean;
         enableAutoCorrection: boolean;
         enablePdfExport: boolean;
+        enableDocExport: boolean;
         enableSpeechToText: boolean;
         enableComments: boolean;
         enableMentions: boolean;

package/dist/utils/cropUrl.d.ts

@@ -0,0 +1,28 @@
+export type CropData = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    naturalWidth: number;
+    naturalHeight: number;
+};
+/**
+ * Returns true if the given src is served from our CloudFront CDN.
+ * Includes both direct CDN URLs and /transform-image/... crop URLs.
+ */
+export declare function isCdnUrl(src: string): boolean;
+/**
+ * Builds the crop URL using CDN: https://<cdn>/transform-image/<s3-key>?crop=x,y,w,h
+ */
+export declare function buildCropUrl(src: string, crop: CropData): string;
+/**
+ * Strips the `crop` query param. Used when re-opening the crop dialog (full image).
+ */
+export declare function stripCropParams(src: string): string;
+/**
+ * Returns the URL for the original (full, uncropped) image. Use this for the crop
+ * dialog preview so the user always sees the full image to draw a new crop.
+ * For CDN images this is the direct object URL (e.g. https://cdn.../key), not
+ * /transform-image/..., so the preview loads reliably.
+ */
+export declare function getOriginalImageUrl(src: string): string;

package/dist/utils/export.d.ts

@@ -1,2 +1,7 @@
 import { LexicalEditor } from '../../node_modules/lexical';
 export declare function exportEditorToPDF(editor: LexicalEditor, filename?: string, apiKey?: string): Promise<void>;
+/**
+ * Export editor content as a Word document (.docx).
+ * Uses the same HTML as the editor (with inline styles). Requires complete HTML document for html-docx-js.
+ */
+export declare function exportEditorToDoc(editor: LexicalEditor, filename?: string, _apiKey?: string): Promise<void>;

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "eddyter",
     "private": false,
-    "version": "1.3.76",
+    "version": "1.3.78",
     "type": "module",
     "packageManager": "pnpm@9.0.0",
     "keywords": [
@@ -88,16 +88,16 @@
         "class-variance-authority": "^0.7.1",
         "clsx": "^2.1.1",
         "docx-preview": "^0.3.0",
-        "html2canvas": "^1.4.1",
         "emoji-picker-react": "^4.12.0",
+        "html-docx-js": "^0.3.1",
+        "html2canvas": "^1.4.1",
         "html2pdf.js": "^0.14.0",
         "lexical": "^0.24.0",
         "lexical-ai-plugin": "0.0.2-alpha",
         "lodash-es": "^4.17.21",
-        "pdfjs-dist": "^3.11.174",
-        "xlsx": "^0.18.5",
         "lucide-react": "^0.344.0",
         "marked": "^17.0.1",
+        "pdfjs-dist": "^3.11.174",
         "prettier": "^3.5.1",
         "react-colorful": "^5.6.1",
         "react-router-dom": "^7.2.0",
@@ -105,7 +105,8 @@
         "sass": "^1.57.1",
         "tailwind-merge": "^3.0.2",
         "tailwindcss": "3",
-        "tailwindcss-animate": "^1.0.7"
+        "tailwindcss-animate": "^1.0.7",
+        "xlsx": "^0.18.5"
     },
     "license": "SEE LICENSE IN LICENSE",
     "devDependencies": {