@emailmaker/filemanager 0.10.103 → 1.1.70

package/file-manager-PixieEditor-Doy__jUq.js

@@ -0,0 +1,597 @@
+import { B as e, C as t, G as n, I as r, M as i, N as a, Q as o, T as s, X as c, _ as l, f as u, nt as ee, ut as d, w as f } from "./file-manager-hooks-vqT-4jeg.js";
+import { i as p, t as te } from "./file-manager-urls-DN9gaYil.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 = c(t);
+		return e && e.startsWith("image/") && (n = e), C(t.replace(/data:image\/[^;]+;base64,/, ""), o(n));
+	}
+	return C(t, o(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: c, onClose: _, file: v, onSave: y, onSaveCopy: b }) => {
+	let { t: x } = n(), C = m.useRef(null), T = r(), se = u(), { options: E, actions: ce } = e(), { i18n: D } = n(), { 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 && c && H) {
+			let e = !1;
+			return (async () => {
+				N(!0);
+				try {
+					let t = await Y(H);
+					if (!t || typeof t != "string" || t.trim() === "") throw Error("Invalid image data: empty or null");
+					if (!t.startsWith("data:")) throw Error("Invalid image data: not a valid data URL");
+					let n = t.match(/^data:([^;]+);base64,(.+)$/);
+					if (!n) throw Error("Invalid image data: malformed data URL format");
+					let [, r, i] = n;
+					if (!r.startsWith("image/")) throw Error(`Invalid image data: unsupported MIME type ${r}`);
+					if (i.length < 10) throw Error("Invalid image data: base64 content too short");
+					if (!/^[A-Za-z0-9+/]+=*$/.test(i)) throw Error("Invalid image data: corrupted base64 content");
+					if (!e) {
+						F(t);
+						let e = f(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,
+		c
+	]);
+	let X = m.useCallback(async (e, t, n) => {
+		let r = await oe(n, e), i = o(r.type || `image/${n}`), a = O?.compessorUrl ?? O?.compressorUrl;
+		if (i.startsWith("image/")) try {
+			let e = await l(new File([r], t, { type: i }), {
+				maxSizeMB: O?.compressMaxSize,
+				maxWidthOrHeight: O?.compressMaxWidthOrHeight,
+				mimeType: i,
+				fileName: t,
+				libURL: a,
+				enableCompression: s(O, i)
+			});
+			r = e, i = e.type;
+		} catch (e) {
+			console.warn("Image preparation failed, using original:", e);
+		}
+		return {
+			blob: r,
+			mimeType: i,
+			thumbnailDataUrl: await w(r)
+		};
+	}, [O]), Z = m.useCallback(async (e, t, n, r) => {
+		let o = r === "save" ? G.current : K.current;
+		if (!H || !o) return;
+		let s = typeof H == "object" && H ? H : null, c = null;
+		try {
+			N(!0);
+			let { blob: i, mimeType: a, thumbnailDataUrl: s } = await X(e, t, n), l = {
+				...H,
+				thumbnail: s,
+				size: i.size,
+				date: (/* @__PURE__ */ new Date()).toISOString().split("T")[0],
+				type: a,
+				folderId: H.folderId || "",
+				name: H.name || t,
+				extension: H.extension || (H.name || t).split(".").pop()?.toLowerCase() || ""
+			};
+			c = l;
+			let u = await o(l, {
+				blob: i,
+				mimeType: a,
+				thumbnail: s,
+				mode: r
+			});
+			if (u) return N(!1), u;
+			throw Error(x(r === "saveCopy" ? "Failed to save image copy" : "Failed to save changes"));
+		} catch (e) {
+			console.error("Error saving:", e);
+			let n = c ?? s;
+			if (!e?.notificationShown) {
+				let o = i(e), s = a(o?.code, x) ?? o?.message ?? x(r === "saveCopy" ? "Failed to save image copy" : "Error saving image");
+				T.error({
+					id: r === "saveCopy" ? "IMAGE_SAVE_COPY_FAILED" : "IMAGE_SAVE_FAILED",
+					message: s,
+					placement: "bottomRight",
+					data: {
+						itemId: n?.id ?? void 0,
+						itemName: n?.name ?? t,
+						folderId: n?.folderId ?? null,
+						thumbnail: n?.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 = f(H, I);
+		try {
+			await S.tools?.export.save(n.replace(/\.[^/.]+$/, ""), r.pixieFormat, t.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 || !c || !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 : d, a = O?.theme === "system" ? i : O?.theme, o = (O?.locale || D.language || "en").split("-")[0].split("_")[0], s = (D.getResourceBundle(o, "translation") || {}).pixie || {}, c = (e) => e.split(" ").map((e) => e.charAt(0).toUpperCase() + e.slice(1).toLowerCase()).join(" "), l = {};
+			Object.entries(s).forEach(([e, t]) => {
+				let n = c(e);
+				l[n] = t, l[e] = t;
+			});
+			let u = { [r]: l }, p = f(H, I), m = {
+				selector: "#pixie-editor",
+				baseUrl: te(O?.baseUrl || "", O?.assetsUrl || "assets/image-editor"),
+				image: P,
+				activeLanguage: r,
+				languages: u,
+				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: t.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,
+		c,
+		R,
+		O?.locale,
+		O?.theme,
+		O?.baseUrl,
+		O?.assetsUrl,
+		_,
+		Z,
+		T,
+		D,
+		x
+	]);
+	m.useEffect(() => {
+		c && P && R && $();
+	}, [
+		c,
+		P,
+		R,
+		$
+	]), m.useEffect(() => {
+		if (!c) {
+			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);
+			}
+		};
+	}, [c]);
+	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: c,
+		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: [c && !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-Doy__jUq.js.map

package/{file-manager-browser-CweGvoKm.js → file-manager-browser-DDyRNDQk.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./file-manager-rolldown-runtime-DtPi1Y-2.js";
+import { t as e } from "./file-manager-rolldown-runtime-DAVfCfog.js";
 //#region node_modules/qrcode/lib/can-promise.js
 var t = /* @__PURE__ */ e(((e, t) => {
 	t.exports = function() {
@@ -793,7 +793,7 @@ var t = /* @__PURE__ */ e(((e, t) => {
 })), b = /* @__PURE__ */ e(((e, t) => {
 	var n = h();
 	function r(e) {
-		this.mode = n.BYTE, this.data = typeof e == "string" ? new TextEncoder().encode(e) : new Uint8Array(e);
+		this.mode = n.BYTE, typeof e == "string" ? this.data = new TextEncoder().encode(e) : this.data = new Uint8Array(e);
 	}
 	r.getBitsLength = function(e) {
 		return e * 8;
@@ -1120,7 +1120,7 @@ var t = /* @__PURE__ */ e(((e, t) => {
 		};
 	}
 	e.getOptions = function(e) {
-		e ||= {}, e.color || (e.color = {});
+		e ||= {}, e.color ||= {};
 		let n = e.margin === void 0 || e.margin === null || e.margin < 0 ? 4 : e.margin, r = e.width && e.width >= 21 ? e.width : void 0, i = e.scale || 4;
 		return {
 			width: r,
@@ -1226,4 +1226,4 @@ var t = /* @__PURE__ */ e(((e, t) => {
 //#endregion
 export default O();
 
-//# sourceMappingURL=file-manager-browser-CweGvoKm.js.map
+//# sourceMappingURL=file-manager-browser-DDyRNDQk.js.map