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

package/file-manager-PixieEditor.js

@@ -1,600 +0,0 @@
-import { D as e, E as t, F as n, H as r, P as i, Q as a, R as o, T as s, et as c, f as l, ft as u, it as ee, q as d, y as f } from "./file-manager-hooks-D9OOfpfX.js";
-import { t as p } from "./file-manager-PageLoader-C55pqnwT.js";
-import { t as te } from "./file-manager-urls-C8FU4GJ1.js";
-import m from "react";
-import { Button as h, Modal as ne } from "antd";
-import { jsx as g, jsxs as re } from "react/jsx-runtime";
-import { CloseOutlined as ie, HistoryOutlined as ae } from "@ant-design/icons";
-import { Pixie as _ } from "pixie";
-//#region packages/file-manager/src/components/PixieEditor/backgroundColor.ts
-function v(e, t, n, r, i, a) {
-	if (t.type === "linear") {
-		let i = e.createLinearGradient(n + t.coords.x1, r + t.coords.y1, n + t.coords.x2, r + t.coords.y2);
-		return t.colorStops.forEach((e) => i.addColorStop(e.offset, e.color)), i;
-	}
-	if (t.type === "radial") {
-		let i = e.createRadialGradient(n + t.coords.x1, r + t.coords.y1, t.coords.r1 ?? 0, n + t.coords.x2, r + t.coords.y2, t.coords.r2 ?? 0);
-		return t.colorStops.forEach((e) => i.addColorStop(e.offset, e.color)), i;
-	}
-	throw Error("Unknown gradient type");
-}
-function y(e) {
-	if (!this.backgroundColor) return;
-	let t = this._getNonTransformedDimensions(), n = -t.x / 2, r = -t.y / 2, i = t.x, a = t.y, o = this.backgroundColor;
-	if (typeof o == "string" || o instanceof CanvasGradient || o instanceof CanvasPattern) e.fillStyle = o, e.fillRect(n, r, i, a);
-	else if (typeof o == "object" && "type" in o && (o.type === "linear" || o.type === "radial")) e.fillStyle = v(e, o, n, r, i, a), e.fillRect(n, r, i, a);
-	else if ("source" in o && (o.source instanceof HTMLImageElement || o.source instanceof HTMLCanvasElement)) {
-		if (o.repeat) {
-			let t = e.createPattern(o.source, o.repeat);
-			t && (e.fillStyle = t, e.fillRect(n, r, i, a));
-		} else e.drawImage(o.source, n, r, i, a);
-	}
-	this._removeShadow(e);
-}
-function b(e) {
-	if (!e.fabric) {
-		console.warn("Pixie fabric instance is not available");
-		return;
-	}
-	e.fabric.on("object:added", (e) => {
-		let t = e.target;
-		t && t.name === "text" && (t._renderBackground = y);
-	});
-}
-//#endregion
-//#region packages/file-manager/src/components/PixieEditor/PixieController.tsx
-var x = "fm-pixie-editor", S = new class {
-	constructor() {
-		this._container = document.createElement("div"), this._instance = null, this._container.classList.add(x), this._container.style.width = "100%", this._container.style.height = "85vh", this._container.style.minHeight = "400px";
-	}
-	get className() {
-		return `.${x}`;
-	}
-	get canvas() {
-		return this._instance?.state.canvasRef?.current;
-	}
-	get tools() {
-		return this._instance?.tools;
-	}
-	isLoaded() {
-		return !!this._instance;
-	}
-	async _setConfig(e) {
-		this._instance ? await this._instance.resetEditor(e) : this._instance = await _.init({
-			...e,
-			selector: this.className
-		}), b(this._instance);
-	}
-	async show(e, t, n = t.firstChild) {
-		t.insertBefore(this._container, n), await this._setConfig(e), this._instance.open();
-	}
-	close() {
-		this._container.parentNode?.removeChild(this._container);
-	}
-}(), C = (e, t = "image/png") => fetch(`data:${t};base64,${e}`).then((e) => e.blob());
-function oe(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 = a(t);
-		return e && e.startsWith("image/") && (n = e), C(t.replace(/data:image\/[^;]+;base64,/, ""), c(n));
-	}
-	return C(t, c(n));
-}
-function w(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 T = ({ visible: a, onClose: _, file: v, onSave: y, onSaveCopy: b }) => {
-	let { t: x } = d(), C = m.useRef(null), T = o(), se = l(), { options: E, actions: ce } = r(), { i18n: D } = d(), { config: O } = E, { setCurrentMenuFile: k } = ce, { getFileData: A, resolveFileForEditByUrl: j } = se, [M, N] = m.useState(!1), [P, F] = m.useState(null), [I, L] = m.useState(""), [R, z] = m.useState(!1), [B, V] = m.useState(!1), [H, U] = m.useState(null), W = m.useRef(!1), G = m.useRef(void 0), K = m.useRef(void 0), q = m.useRef("saveCopy"), J = m.useRef(void 0);
-	G.current = y, K.current = b, m.useEffect(() => {
-		v && !W.current && (async () => {
-			if (J.current !== v) {
-				if (typeof v == "object") {
-					U(v);
-					return;
-				}
-				J.current = v, N(!0);
-				try {
-					if (v.startsWith("data:")) U({
-						thumbnail: v,
-						saveWithoutFolder: !0
-					});
-					else {
-						let e = await j(v);
-						J.current === v && U(e);
-					}
-				} catch (e) {
-					console.error("Failed to load file for editor:", e), J.current === v && (J.current = null), _?.();
-				} finally {
-					N(!1);
-				}
-			}
-		})();
-	}, [
-		v,
-		_,
-		j
-	]);
-	let Y = m.useCallback(async (e) => {
-		try {
-			if (typeof e.thumbnail == "string" && e.thumbnail.startsWith("data:")) return e.thumbnail;
-			let t = await A(e.id, !0);
-			if (!t) throw Error(x("Error loading image"));
-			return new Promise((e) => {
-				let n = new FileReader();
-				n.onload = () => e(n.result), n.readAsDataURL(t);
-			});
-		} catch (e) {
-			throw console.error("Error getting the image data:", e), e;
-		}
-	}, [A, x]);
-	m.useEffect(() => {
-		if (!P && a && H) {
-			let e = !1;
-			return (async () => {
-				N(!0);
-				try {
-					let n = await Y(H);
-					if (!n || typeof n != "string" || n.trim() === "") throw Error("Invalid image data: empty or null");
-					if (!n.startsWith("data:")) throw Error("Invalid image data: not a valid data URL");
-					let r = n.match(/^data:([^;]+);base64,(.+)$/);
-					if (!r) throw Error("Invalid image data: malformed data URL format");
-					let [, i, a] = r;
-					if (!i.startsWith("image/")) throw Error(`Invalid image data: unsupported MIME type ${i}`);
-					if (a.length < 10) throw Error("Invalid image data: base64 content too short");
-					if (!/^[A-Za-z0-9+/]+=*$/.test(a)) throw Error("Invalid image data: corrupted base64 content");
-					if (!e) {
-						F(n);
-						let e = t(H, "image/png");
-						L(e.mimeType);
-					}
-				} catch (t) {
-					e || (T.error({
-						id: "IMAGE_DOWNLOAD_FAILED",
-						innerException: t,
-						message: x("Error loading image"),
-						placement: "bottomRight",
-						data: {
-							itemId: H?.id ?? void 0,
-							itemName: H?.name ?? void 0,
-							folderId: H?.folderId ?? null,
-							thumbnail: H?.thumbnail
-						}
-					}), _?.());
-				} finally {
-					N(!1);
-				}
-			})(), () => {
-				e = !0;
-			};
-		}
-	}, [
-		H,
-		Y,
-		P,
-		_,
-		x,
-		a
-	]);
-	let X = m.useCallback(async (t, n, r) => {
-		let i = await oe(r, t), a = c(i.type || `image/${r}`), o = O?.compessorUrl ?? O?.compressorUrl;
-		if (a.startsWith("image/")) try {
-			let t = new File([i], n, { type: a }), r = await f(t, {
-				maxSizeMB: O?.compressMaxSize,
-				maxWidthOrHeight: O?.compressMaxWidthOrHeight,
-				mimeType: a,
-				fileName: n,
-				libURL: o,
-				enableCompression: e(O, a)
-			});
-			i = r, a = r.type;
-		} catch (e) {
-			console.warn("Image preparation failed, using original:", e);
-		}
-		return {
-			blob: i,
-			mimeType: a,
-			thumbnailDataUrl: await w(i)
-		};
-	}, [O]), Z = m.useCallback(async (e, t, r, a) => {
-		let o = a === "save" ? G.current : K.current;
-		if (!H || !o) return;
-		let s = typeof H == "object" && H ? H : null, c = null;
-		try {
-			N(!0);
-			let { blob: n, mimeType: i, thumbnailDataUrl: s } = await X(e, t, r), l = {
-				...H,
-				thumbnail: s,
-				size: n.size,
-				date: (/* @__PURE__ */ new Date()).toISOString().split("T")[0],
-				type: i,
-				folderId: H.folderId || "",
-				name: H.name || t,
-				extension: H.extension || (H.name || t).split(".").pop()?.toLowerCase() || ""
-			};
-			c = l;
-			let u = await o(l, {
-				blob: n,
-				mimeType: i,
-				thumbnail: s,
-				mode: a
-			});
-			if (u) return N(!1), u;
-			throw Error(x(a === "saveCopy" ? "Failed to save image copy" : "Failed to save changes"));
-		} catch (e) {
-			console.error("Error saving:", e);
-			let r = c ?? s;
-			if (!e?.notificationShown) {
-				let o = i(e), s = n(o?.code, x) ?? o?.message ?? x(a === "saveCopy" ? "Failed to save image copy" : "Error saving image");
-				T.error({
-					id: a === "saveCopy" ? "IMAGE_SAVE_COPY_FAILED" : "IMAGE_SAVE_FAILED",
-					message: s,
-					placement: "bottomRight",
-					data: {
-						itemId: r?.id ?? void 0,
-						itemName: r?.name ?? t,
-						folderId: r?.folderId ?? null,
-						thumbnail: r?.thumbnail
-					},
-					innerException: e
-				});
-			}
-			N(!1);
-		}
-	}, [
-		H,
-		T,
-		X,
-		x
-	]), Q = m.useCallback(async (e) => {
-		if (!S.isLoaded() || !H) {
-			console.error("❌ Pixie instance or file is missing");
-			return;
-		}
-		q.current = e;
-		let n = H.name || "edited-image", r = t(H, I);
-		try {
-			await S.tools?.export.save(n.replace(/\.[^/.]+$/, ""), r.pixieFormat, s.QUALITY);
-		} catch (t) {
-			console.error("🎨 Error saving through the button:", t);
-			try {
-				let t = S.canvas, i = t ? t.toDataURL(r.mimeType) : null;
-				i && await Z(i, n, r.extension, e);
-			} catch (e) {
-				console.error("🎨 Alternative method also did not work:", e);
-			}
-		}
-	}, [
-		H,
-		I,
-		Z
-	]), $ = m.useCallback(async () => {
-		if (P && a && R && !W.current) try {
-			W.current = !0;
-			let e = C.current, n = 0;
-			for (; n < 20 && (e.clientWidth === 0 || e.clientHeight === 0);) await new Promise((e) => setTimeout(e, 50)), n++;
-			let r = O?.locale ? O?.locale.replace("_", "-") : "en", i = matchMedia("(prefers-color-scheme: dark)").matches ? ee : u, a = O?.theme === "system" ? i : O?.theme, o = (O?.locale || D.language || "en").split("-")[0].split("_")[0], c = (D.getResourceBundle(o, "translation") || {}).pixie || {}, l = (e) => e.split(" ").map((e) => e.charAt(0).toUpperCase() + e.slice(1).toLowerCase()).join(" "), d = {};
-			Object.entries(c).forEach(([e, t]) => {
-				let n = l(e);
-				d[n] = t, d[e] = t;
-			});
-			let f = { [r]: d }, p = t(H, I), m = {
-				selector: "#pixie-editor",
-				baseUrl: te(O?.baseUrl || "", O?.assetsUrl || "assets/image-editor"),
-				image: P,
-				activeLanguage: r,
-				languages: f,
-				ui: {
-					activeTheme: a,
-					mode: "inline",
-					forceOverlayModeOnMobile: !1,
-					visible: !0,
-					menubar: {
-						replaceDefaultItems: !0,
-						position: "top",
-						items: [
-							{
-								type: "undoWidget",
-								align: "left"
-							},
-							{
-								type: "zoomWidget",
-								align: "center",
-								desktopOnly: !0
-							},
-							{
-								type: "button",
-								align: "right",
-								desktopOnly: !0,
-								icon: () => /* @__PURE__ */ g(ae, { style: { fontSize: 20 } }),
-								action: (e) => {
-									e.togglePanel("history");
-								}
-							},
-							{
-								type: "button",
-								icon: () => /* @__PURE__ */ g(ie, { style: { fontSize: 20 } }),
-								align: "right",
-								desktopOnly: !0,
-								action: _
-							}
-						]
-					},
-					nav: { position: "top" }
-				},
-				tools: {
-					export: {
-						defaultFormat: p.pixieFormat,
-						defaultQuality: s.QUALITY,
-						defaultName: H?.name?.replace(/\.[^/.]+$/, "") || "image"
-					},
-					text: {
-						replaceDefaultItems: !0,
-						defaultText: "Handwriting",
-						items: [
-							{
-								family: "Inter",
-								src: "fonts/inter-v20-cyrillic_latin-regular.woff2"
-							},
-							{
-								family: "Commissioner",
-								src: "fonts/commissioner-v24-cyrillic_latin-regular.woff2"
-							},
-							{
-								family: "Montserrat Light",
-								src: "fonts/Montserrat-Light.woff2"
-							},
-							{
-								family: "Montserrat Regular",
-								src: "fonts/Montserrat-Regular.woff2"
-							},
-							{
-								family: "Montserrat Bold",
-								src: "fonts/Montserrat-Bold.woff2"
-							},
-							{
-								family: "Montserrat Black",
-								src: "fonts/Montserrat-Black.woff2"
-							},
-							{
-								family: "Roboto Light",
-								src: "fonts/Roboto-Light.woff2"
-							},
-							{
-								family: "Roboto Regular",
-								src: "fonts/Roboto-Regular.woff2"
-							},
-							{
-								family: "Roboto Bold",
-								src: "fonts/Roboto-Bold.woff2"
-							},
-							{
-								family: "Roboto Black",
-								src: "fonts/Roboto-Black.woff2"
-							},
-							{
-								family: "Lato Light",
-								src: "fonts/Lato-Light.woff2"
-							},
-							{
-								family: "Lato Regular",
-								src: "fonts/Lato-Regular.woff2"
-							},
-							{
-								family: "Lato Bold",
-								src: "fonts/Lato-Bold.woff2"
-							},
-							{
-								family: "Lato Black",
-								src: "fonts/Lato-Black.woff2"
-							},
-							{
-								family: "Rubik Light",
-								src: "fonts/Rubik-Light.woff2"
-							},
-							{
-								family: "Rubik Regular",
-								src: "fonts/Rubik-Regular.woff2"
-							},
-							{
-								family: "Rubik Bold",
-								src: "fonts/Rubik-Bold.woff2"
-							},
-							{
-								family: "Rubik Black",
-								src: "fonts/Rubik-Black.woff2"
-							},
-							{
-								family: "Bebas Neue Light",
-								src: "fonts/BebasNeueLight.woff2"
-							},
-							{
-								family: "Bebas Neue Regular",
-								src: "fonts/BebasNeueRegular.woff2"
-							},
-							{
-								family: "Bebas Neue Book",
-								src: "fonts/BebasNeueBook.woff2"
-							},
-							{
-								family: "Bebas Neue Bold",
-								src: "fonts/BebasNeueBold.woff2"
-							},
-							{
-								family: "Fira Sans",
-								src: "fonts/fira-sans-v11-latin-ext_latin_cyrillic-regular.woff2"
-							},
-							{
-								family: "Lobster",
-								src: "fonts/Lobster.woff2"
-							},
-							{
-								family: "Pacifico",
-								src: "fonts/pacifico-v23-cyrillic_latin-regular.woff2"
-							},
-							{
-								family: "Playfair Display",
-								src: "fonts/playfair-display-v40-cyrillic_latin-regular.woff2"
-							},
-							{
-								family: "Oswald",
-								src: "fonts/oswald-v57-cyrillic_latin-regular.woff2"
-							},
-							{
-								family: "Caveat",
-								src: "fonts/caveat-v23-cyrillic_latin-regular.woff2"
-							}
-						]
-					}
-				},
-				onSave: async function(e, t, n) {
-					try {
-						return N(!0), await Z(e, t, n, q.current);
-					} catch (e) {
-						throw console.error("🎨 PIXIE onSave ERROR:", e), N(!1), e;
-					}
-				}
-			};
-			try {
-				V(!1), await S.show(m, C.current);
-				let e = S.canvas;
-				e && e.focus(), V(!0), N(!1);
-			} catch (e) {
-				console.error("init pixie failed:", e);
-			}
-		} catch (e) {
-			console.error("Error initializing Pixie:", e), T.error({
-				id: "EDITOR_INIT_FAILED",
-				message: x("Error initializing editor"),
-				placement: "bottomRight",
-				innerException: e
-			}), W.current = !1, _?.();
-		}
-	}, [
-		H,
-		I,
-		P,
-		a,
-		R,
-		O?.locale,
-		O?.theme,
-		O?.baseUrl,
-		O?.assetsUrl,
-		_,
-		Z,
-		T,
-		D,
-		x
-	]);
-	m.useEffect(() => {
-		a && P && R && $();
-	}, [
-		a,
-		P,
-		R,
-		$
-	]), m.useEffect(() => {
-		if (!a) {
-			try {
-				S.close();
-			} catch (e) {
-				console.warn("Error closing Pixie:", e);
-			}
-			N(!1), F(null), L(""), W.current = !1, z(!1), V(!1);
-		}
-		return () => {
-			try {
-				S.close();
-			} catch (e) {
-				console.warn("Error closing Pixie when unmounting:", e);
-			}
-		};
-	}, [a]);
-	let le = !!H?.id && O?.features?.enableUpdateFile !== !1;
-	return /* @__PURE__ */ g(ne, {
-		title: H?.name ? x("Editing: {{name}}", { name: H.name }) : x("Editing image"),
-		open: a,
-		closeIcon: null,
-		onCancel: _,
-		afterOpenChange: (e) => z(e),
-		forceRender: !0,
-		width: "100vw",
-		getContainer: E.getModalContainer,
-		style: {
-			top: 0,
-			height: "100vh",
-			maxWidth: "none",
-			padding: 10
-		},
-		styles: { body: {
-			height: "85vh",
-			padding: 0
-		} },
-		footer: [
-			/* @__PURE__ */ g(h, {
-				onClick: _,
-				disabled: !R || M,
-				children: x("Cancel")
-			}, "cancel"),
-			/* @__PURE__ */ g(h, {
-				type: "primary",
-				onClick: () => Q("saveCopy"),
-				loading: M,
-				children: x("Save as copy and choose")
-			}, "save-copy"),
-			...le ? [/* @__PURE__ */ g(h, {
-				type: "primary",
-				onClick: () => Q("save"),
-				loading: M,
-				children: x("Save and choose")
-			}, "save")] : []
-		],
-		mask: { closable: !1 },
-		destroyOnHidden: !1,
-		afterClose: () => {
-			k && k("");
-		},
-		children: /* @__PURE__ */ re("div", {
-			ref: C,
-			style: {
-				position: "relative",
-				width: "100%",
-				height: "100%"
-			},
-			children: [a && !B ? /* @__PURE__ */ g("div", {
-				style: {
-					position: "absolute",
-					inset: 0,
-					display: "flex",
-					alignItems: "center",
-					justifyContent: "center",
-					background: "rgba(255,255,255,0.45)",
-					backdropFilter: "blur(1px)",
-					pointerEvents: "all",
-					zIndex: 10
-				},
-				children: /* @__PURE__ */ g("span", {
-					style: {
-						fontSize: 14,
-						color: "#555"
-					},
-					children: x("Loading editor...")
-				})
-			}) : null, M && B && /* @__PURE__ */ g(p, { style: {
-				position: "absolute",
-				top: 0,
-				background: "var(--em-colorBgLayout)",
-				zIndex: 100,
-				opacity: .7
-			} })]
-		})
-	});
-};
-//#endregion
-export { T as PixieEditor };
-
-//# sourceMappingURL=file-manager-PixieEditor.js.map

package/file-manager-urls-C8FU4GJ1.js

@@ -1,19 +0,0 @@
-//#region packages/file-manager/src/helpers/urls.ts
-function e(e, t) {
-	return e ? t ? `${e.replace(/\/+$/, "")}/${t.replace(/^\/+/, "")}` : e : t;
-}
-function t(t) {
-	let n = typeof __webpack_public_path__ < "u" ? __webpack_public_path__ : "";
-	if (t && /^[a-zA-Z][a-zA-Z\d+\-.]*?:/.test(t)) return t;
-	let r = e(n, t || "");
-	return r && !r.startsWith("/") && !/^[a-zA-Z][a-zA-Z\d+\-.]*?:/.test(r) && (r = "/" + r), r;
-}
-function n(n, r) {
-	if (/^[a-zA-Z][a-zA-Z\d+\-.]*?:/.test(r)) return r;
-	let i = e(t(n), r || "");
-	return i && !i.startsWith("/") && !/^[a-zA-Z][a-zA-Z\d+\-.]*?:/.test(i) ? "/" + i : i;
-}
-//#endregion
-export { t as n, e as r, n as t };
-
-//# sourceMappingURL=file-manager-urls-C8FU4GJ1.js.map

package/hooks/usePixieEditor.d.ts

@@ -1,16 +0,0 @@
-import type { PixieSavePayload } from '../types';
-import { File as AppFile, FilesQueryParams, ThumbnailFile } from '../types';
-interface UsePixieEditorProps {
-    files: AppFile[];
-    fetchFiles: (params?: FilesQueryParams) => Promise<void>;
-    selectedFolder: string | null;
-}
-export declare const usePixieEditor: ({ files, fetchFiles, selectedFolder }: UsePixieEditorProps) => {
-    isPixieEditorVisible: boolean;
-    editingFile: AppFile | ThumbnailFile | null;
-    handleEdit: (fileForEdit?: ThumbnailFile | AppFile) => void;
-    handlePixieEditorSave: (updatedFile: AppFile, payload: PixieSavePayload) => Promise<AppFile | undefined>;
-    handlePixieEditorSaveCopy: (updatedFile: AppFile, payload: PixieSavePayload) => Promise<AppFile | undefined>;
-    handlePixieEditorClose: () => void;
-};
-export {};