@emailmaker/filemanager 1.1.85-dev.1 → 1.1.85-dev.11

package/.build-meta.json

@@ -1,5 +1,5 @@
 {
   "version": 1,
-  "hash": "563fb7d14367a66690a7bee71a0c8990ddf7b5463f6132f9ba75096dc9bb1cc3",
+  "hash": "95d21bb98a0ea83b7d739a0b0e50c2e2162b8a5ca3e0cf5596c1c9889ac23d57",
   "prefix": "em"
 }

package/adapters/DataSourceProxyBase.d.ts

@@ -220,7 +220,7 @@ export declare class DataSourceProxyBase implements FileManagerDataProviders {
         folderId?: string | null;
         noFolder?: boolean;
         name?: string;
-        eventSource?: 'upload' | 'uploadByUrl' | 'pixie' | 'iconStock' | 'imageStock' | 'gif';
+        eventSource?: 'upload' | 'uploadByUrl' | 'imageEditor' | 'iconStock' | 'imageStock' | 'gif';
     }): Promise<File>;
     /**
      * Обновляет данные файла

package/adapters/PathAwareStorageAdapter.d.ts

@@ -48,7 +48,7 @@ export declare class PathAwareStorageAdapter implements StorageProvider {
     uploadFiles(request: UploadFilesRequest): Promise<BatchResult<FileSystemItem>>;
     findFileByUrl(url: string, folderId?: string): Promise<FileSystemItem | undefined>;
     uploadFileByUrl(url: string, folderId?: string | null, options?: {
-        eventSource?: 'upload' | 'uploadByUrl' | 'pixie' | 'iconStock' | 'imageStock' | 'gif';
+        eventSource?: 'upload' | 'uploadByUrl' | 'imageEditor' | 'iconStock' | 'imageStock' | 'gif';
     }): Promise<FileSystemItem>;
     moveItem(item: FileSystemItem, targetFolderId?: string): Promise<FileSystemItemUpdate>;
     moveItems(items: FileSystemItem[], targetFolderId?: string): Promise<BatchResult<FileSystemItemUpdate>>;

package/components/FileModals/FileModals.d.ts

@@ -10,7 +10,7 @@ interface FileModalsProps {
     folders: Folder[];
     isUrlModalVisible: boolean;
     setIsUrlModalVisible: (visible: boolean) => void;
-    handleAddFileByUrl: (url?: string | null, noFolder?: boolean, fileName?: string, eventSource?: 'upload' | 'uploadByUrl' | 'pixie' | 'iconStock' | 'imageStock' | 'gif') => Promise<File | void>;
+    handleAddFileByUrl: (url?: string | null, noFolder?: boolean, fileName?: string, eventSource?: 'upload' | 'uploadByUrl' | 'imageEditor' | 'iconStock' | 'imageStock' | 'gif') => Promise<File | void>;
     urlForm: FormInstance;
     isRenameModalVisible: boolean;
     handleRenameOk: () => void;

package/components/FilerobotEditor/FilerobotEditor.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { FilerobotSavePayload } from '../../types';
+import { File as AppFile, ThumbnailFile } from '../../types';
+export interface FilerobotEditorProps {
+    visible: boolean;
+    onClose?: () => void;
+    file: AppFile | ThumbnailFile | string | null;
+    onSave: (updatedFile: AppFile, payload: FilerobotSavePayload) => Promise<AppFile | undefined>;
+    onSaveCopy: (updatedFile: AppFile, payload: FilerobotSavePayload) => Promise<AppFile | undefined>;
+}
+export declare const FilerobotEditor: React.FC<FilerobotEditorProps>;

package/components/FilerobotEditor/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { FilerobotEditorProps } from './FilerobotEditor';
+export declare const FilerobotEditor: React.FC<FilerobotEditorProps>;
+export type { FilerobotEditorProps };

package/components/ImageIcons/iconSets.d.ts

@@ -17,6 +17,8 @@ export interface IconSetsSource {
     baseUrl?: string;
     /** Directory with the set files; defaults to `ICON_SETS_ASSETS_PATH`. */
     path?: string;
+    /** Host loader of a set; when given it is the only source and nothing is fetched. */
+    load?: (prefix: IconSetPrefix) => Promise<IconifyJSON>;
 }
 /**
  * Points the loader at the host assets. Changing the source drops what was already fetched:

package/components/ImageIcons/packagedIconSets.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Icon set files shipped inside this package: the build puts them into `dist/assets/icon-sets`,
+ * next to the chunk that loads them.
+ *
+ * The URLs are literal `new URL(..., import.meta.url)` on purpose: the host bundler (webpack 5,
+ * Vite, Parcel) recognises the pattern and emits the files itself, so the host does not have to
+ * copy them by hand. Served unbundled, the URL points into the package directory directly.
+ */
+export declare function packagedIconSetUrl(prefix: string): string | undefined;

package/core.d.ts

@@ -1,7 +1,7 @@
 /**
  * Data layer entry point: adapters, caching and storage contracts without the React UI.
  *
- * The default entry (`src/index.ts`) pulls React, antd and the Pixie editor at module level, so a
+ * The default entry (`src/index.ts`) pulls React, antd and the image editor at module level, so a
  * host that only needs the data layer would download the whole editor with it. This entry re-exports
  * the same modules — nothing is duplicated — and lets a host build providers, warm the tree cache or
  * react to indexing before (or without) mounting any UI.

package/file-manager-FilerobotEditor.js

@@ -0,0 +1,331 @@
+import { D as e, E as t, L as n, T as r, V as i, Z as a, f as o, it as s, nt as c, y as ee, yt as l } from "./file-manager-hooks-C6CQk0K1.js";
+import { n as u, t as d } from "./file-manager-imageEditorTranslations-xNXgW8en.js";
+import f from "react";
+import { Button as p, Modal as m } from "antd";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import _, { TABS as v } from "react-filerobot-image-editor";
+var y = {
+	"em-filemanager": "em-filemanager",
+	emFilemanager: "em-filemanager",
+	filerobotEditorModal: "filerobotEditorModal",
+	filerobotEditorContainer: "filerobotEditorContainer",
+	filerobotEditorBody: "filerobotEditorBody"
+}, b = {
+	container: y.filerobotEditorContainer,
+	body: y.filerobotEditorBody
+}, x = (e, t = "image/png") => fetch(`data:${t};base64,${e}`).then((e) => e.blob());
+function S(e, t) {
+	if (e === "json") return new Blob([t], { type: "application/json" });
+	if (e === "svg") return new Blob([t], { type: "image/svg+xml" });
+	let n = `image/${e}`;
+	if (t.startsWith("data:")) {
+		let e = c(t);
+		return e && e.startsWith("image/") && (n = e), x(t.replace(/data:image\/[^;]+;base64,/, ""), s(n));
+	}
+	return x(t, s(n));
+}
+function C(e) {
+	return new Promise((t, n) => {
+		let r = new FileReader();
+		r.onload = () => t(r.result), r.onerror = () => n(r.error ?? /* @__PURE__ */ Error("Failed to convert blob to data URL")), r.readAsDataURL(e);
+	});
+}
+var w = [
+	{
+		label: "Arial",
+		value: "Arial"
+	},
+	{
+		label: "Helvetica",
+		value: "Helvetica"
+	},
+	{
+		label: "Verdana",
+		value: "Verdana"
+	},
+	{
+		label: "Tahoma",
+		value: "Tahoma"
+	},
+	{
+		label: "Trebuchet MS",
+		value: "Trebuchet MS"
+	},
+	{
+		label: "Times New Roman",
+		value: "Times New Roman"
+	},
+	{
+		label: "Georgia",
+		value: "Georgia"
+	},
+	{
+		label: "Courier New",
+		value: "Courier New"
+	},
+	{
+		label: "Impact",
+		value: "Impact"
+	},
+	{
+		label: "Comic Sans MS",
+		value: "Comic Sans MS"
+	}
+], T = ({ visible: c, onClose: x, file: T, onSave: E, onSaveCopy: te }) => {
+	let { t: D } = a(), O = n(), k = o(), { options: A } = i(), { i18n: ne } = a(), { config: j } = A, { getFileData: M, resolveFileForEditByUrl: N } = k, [P, F] = f.useState(!1), [I, re] = f.useState(null), [L, R] = f.useState(""), [z, B] = f.useState(!1), [V, H] = f.useState(null), [U, W] = f.useState(null), G = f.useRef(void 0), K = f.useRef(void 0), q = f.useRef(void 0), J = f.useRef(void 0);
+	G.current = E, K.current = te, f.useEffect(() => {
+		T && (async () => {
+			if (J.current !== T) {
+				if (typeof T == "object") {
+					H(T);
+					return;
+				}
+				J.current = T, F(!0);
+				try {
+					if (T.startsWith("data:")) H({
+						thumbnail: T,
+						saveWithoutFolder: !0
+					});
+					else {
+						let e = await N(T);
+						J.current === T && H(e);
+					}
+				} catch (e) {
+					console.error("Failed to load file for editor:", e), J.current === T && (J.current = null), x?.();
+				} finally {
+					F(!1);
+				}
+			}
+		})();
+	}, [
+		T,
+		x,
+		N
+	]);
+	let Y = f.useCallback(async (e) => {
+		if (typeof e.thumbnail == "string" && e.thumbnail.startsWith("data:")) return e.thumbnail;
+		let t = await M(e.id, !0);
+		if (!t) throw Error(D("Error loading image"));
+		return new Promise((e) => {
+			let n = new FileReader();
+			n.onload = () => e(n.result), n.readAsDataURL(t);
+		});
+	}, [M, D]);
+	f.useEffect(() => {
+		if (!I && c && V) {
+			let e = !1;
+			return (async () => {
+				F(!0);
+				try {
+					let n = await Y(V);
+					if (!e) {
+						re(n);
+						let e = t(V, "image/png");
+						R(e.mimeType);
+					}
+				} catch (t) {
+					e || (O.error({
+						id: "IMAGE_DOWNLOAD_FAILED",
+						innerException: t,
+						message: D("Error loading image"),
+						placement: "bottomRight",
+						data: {}
+					}), x?.());
+				} finally {
+					F(!1);
+				}
+			})(), () => {
+				e = !0;
+			};
+		}
+	}, [
+		V,
+		Y,
+		I,
+		x,
+		D,
+		c
+	]);
+	let X = f.useCallback(async (t, n, r) => {
+		let i = await S(r, t), a = s(i.type || `image/${r}`), o = j?.compessorUrl ?? j?.compressorUrl;
+		if (a.startsWith("image/")) try {
+			let t = new File([i], n, { type: a }), r = await ee(t, {
+				maxSizeMB: j?.compressMaxSize,
+				maxWidthOrHeight: j?.compressMaxWidthOrHeight,
+				mimeType: a,
+				fileName: n,
+				libURL: o,
+				enableCompression: e(j, a),
+				compressBySize: j?.compressEditedImages === !0
+			});
+			i = r, a = r.type;
+		} catch (e) {
+			console.warn("Image preparation failed, using original:", e);
+		}
+		return {
+			blob: i,
+			mimeType: a,
+			thumbnailDataUrl: await C(i)
+		};
+	}, [j]), Z = f.useCallback(async (e, t, n, r) => {
+		let i = r === "save" ? G.current : K.current;
+		if (V && i) try {
+			F(!0);
+			let { blob: a, mimeType: o, thumbnailDataUrl: s } = await X(e, t, n), c = await i({
+				...V,
+				thumbnail: s,
+				size: a.size,
+				date: (/* @__PURE__ */ new Date()).toISOString().split("T")[0],
+				type: o,
+				folderId: V.folderId || "",
+				name: V.name || t,
+				extension: V.extension || (V.name || t).split(".").pop()?.toLowerCase() || ""
+			}, {
+				blob: a,
+				mimeType: o,
+				thumbnail: s,
+				mode: r
+			});
+			return F(!1), c;
+		} catch (e) {
+			console.error("Error saving:", e), W(String(e?.message || e)), F(!1);
+		}
+	}, [V, X]), Q = f.useCallback((e) => {
+		if (!q.current || !V) {
+			console.error("FIE getCurrentImgData недоступен или файл не загружен");
+			return;
+		}
+		let n = V.name || "edited-image", i = t(V, L);
+		try {
+			let { imageData: t, designState: a } = q.current({
+				name: n.replace(/\.[^/.]+$/, ""),
+				extension: i.extension,
+				quality: r.QUALITY
+			}, void 0, !1);
+			console.log("[FIE PoC] getCurrentImgData ->", t, a);
+			let o = t.imageBase64 ?? (t.imageCanvas ? t.imageCanvas.toDataURL(i.mimeType) : void 0);
+			if (!o) throw Error("FIE не вернул ни imageBase64, ни imageCanvas");
+			Z(o, n, i.extension, e);
+		} catch (e) {
+			console.error("🎨 Ошибка получения данных из FIE:", e), W(String(e?.message || e));
+		}
+	}, [
+		V,
+		L,
+		Z
+	]), $ = j?.locale ? j?.locale.replace("_", "-") : "en";
+	matchMedia(l).matches, j?.theme === "system" || j?.theme;
+	let ie = {
+		theme: void 0,
+		useBackendTranslations: !1,
+		language: $.split("-")[0] || "en",
+		translations: d($),
+		tabsIds: [
+			v.ADJUST,
+			v.FINETUNE,
+			v.FILTERS,
+			v.ANNOTATE,
+			v.RESIZE
+		],
+		defaultTabId: v.ADJUST,
+		savingPixelRatio: 1,
+		previewPixelRatio: 1,
+		avoidChangesNotSavedAlertOnLeave: !0,
+		defaultSavedImageName: V?.name?.replace(/\.[^/.]+$/, "") || "image",
+		removeSaveButton: !0,
+		observePluginContainerSize: !0,
+		Text: {
+			fontFamily: "Arial",
+			fonts: w
+		},
+		getCurrentImgDataFnRef: q,
+		onModify: () => {}
+	}, ae = !!V?.id && j?.features?.enableUpdateFile !== !1;
+	return /* @__PURE__ */ h(m, {
+		title: V?.name ? D("Editing: {{name}}", { name: V.name }) : D("Editing image"),
+		open: c,
+		closeIcon: null,
+		onCancel: x,
+		afterOpenChange: (e) => B(e),
+		forceRender: !0,
+		width: "100%",
+		getContainer: A.getModalContainer,
+		className: y.filerobotEditorModal,
+		classNames: b,
+		footer: [
+			/* @__PURE__ */ h(p, {
+				onClick: x,
+				disabled: !z || P,
+				children: D("Cancel")
+			}, "cancel"),
+			/* @__PURE__ */ h(p, {
+				type: "primary",
+				onClick: () => Q("saveCopy"),
+				loading: P,
+				children: D("Save as copy and choose")
+			}, "save-copy"),
+			...ae ? [/* @__PURE__ */ h(p, {
+				type: "primary",
+				onClick: () => Q("save"),
+				loading: P,
+				children: D("Save and choose")
+			}, "save")] : []
+		],
+		mask: { closable: !1 },
+		destroyOnHidden: !1,
+		children: /* @__PURE__ */ g("div", {
+			style: {
+				position: "relative",
+				width: "100%",
+				height: "100%"
+			},
+			children: [
+				c && z && I ? /* @__PURE__ */ h(_, {
+					source: I,
+					...ie
+				}) : /* @__PURE__ */ h("div", {
+					style: {
+						position: "absolute",
+						inset: 0,
+						display: "flex",
+						alignItems: "center",
+						justifyContent: "center"
+					},
+					children: /* @__PURE__ */ h("span", {
+						style: {
+							fontSize: 14,
+							color: "#555"
+						},
+						children: D("Loading editor...")
+					})
+				}),
+				U && /* @__PURE__ */ g("div", {
+					style: {
+						position: "absolute",
+						bottom: 8,
+						left: 8,
+						right: 8,
+						background: "#fff1f0",
+						border: "1px solid #ffa39e",
+						color: "#a8071a",
+						padding: 8,
+						fontSize: 12,
+						zIndex: 100
+					},
+					children: ["[FIE PoC] ", U]
+				}),
+				P && /* @__PURE__ */ h(u, { style: {
+					position: "absolute",
+					top: 0,
+					background: "var(--em-colorBgLayout)",
+					zIndex: 100,
+					opacity: .7
+				} })
+			]
+		})
+	});
+};
+//#endregion
+export { T as FilerobotEditor };
+
+//# sourceMappingURL=file-manager-FilerobotEditor.js.map