@emailmaker/filemanager 1.1.95 → 1.1.102

package/helpers/__tests__/applyImageEditorTranslations.test.d.ts

@@ -0,0 +1 @@
+export {};

package/helpers/__tests__/imageEditorCropPresets.test.d.ts

@@ -0,0 +1 @@
+export {};

package/helpers/__tests__/locales.test.d.ts

@@ -0,0 +1 @@
+export {};

package/helpers/applyImageEditorTranslations.d.ts

@@ -0,0 +1,6 @@
+/**
+ * applyImageEditorTranslations hands the editor its dictionary before the editor first renders and
+ * returns that dictionary for the `translations` prop. The prop alone is applied only after the
+ * first render, so labels that never re-render (Rotate, Flip X, Flip Y) would stay in English.
+ */
+export declare function applyImageEditorTranslations(locale: string | undefined): Record<string, string>;

package/helpers/imageEditorCropPresets.d.ts

@@ -0,0 +1,8 @@
+import type { FilerobotImageEditorConfig } from 'react-filerobot-image-editor';
+type CropPreset = NonNullable<NonNullable<FilerobotImageEditorConfig['Crop']>['presetsItems']>[number];
+/**
+ * IMAGE_EDITOR_CROP_PRESETS are the aspect-ratio templates added below the editor's built-in crop
+ * items, ordered by shape. 9:16 is absent on purpose: the built-in "Portrait" already offers it.
+ */
+export declare const IMAGE_EDITOR_CROP_PRESETS: CropPreset[];
+export {};

package/index.d.ts

@@ -18,6 +18,8 @@ export { FileManagerApiError } from './shared/fileManagerApiError';
 export { mapHttpStatusToErrorCode } from './shared/mapHttpStatusToErrorCode';
 export { buildAssetsPath, joinUrls, getAssetsBase } from './helpers/urls';
 export { getImageEditorTranslations } from './helpers/imageEditorTranslations';
+export { applyImageEditorTranslations } from './helpers/applyImageEditorTranslations';
+export { IMAGE_EDITOR_CROP_PRESETS } from './helpers/imageEditorCropPresets';
 export { FailedRequestCache } from './adapters/FailedRequestCache';
 export { MutationRegistry } from './adapters/MutationRegistry';
 export { compareFileSystemItems, defaultChildrenViewFilterMatch, defaultFileSystemItemComparator, defaultHasSortValue, hasComparableSortValue, matchesChildrenViewFilter, resolveSortParams, resolveViewStrategyOptions, } from './adapters/cacheViewStrategy';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@emailmaker/filemanager",
-  "version": "1.1.95",
+  "version": "1.1.102",
   "main": "./file-manager.js",
   "module": "./file-manager.esm.js",
   "types": "./index.d.ts",
@@ -24,6 +24,10 @@
     "./notification": {
       "types": "./notification.d.ts"
     },
+    "./image-editor": {
+      "types": "./components/FilerobotEditor/FilerobotEditor.d.ts",
+      "import": "./file-manager-FilerobotEditor.js"
+    },
     "./package.json": "./package.json",
     "./*": "./*"
   },

package/types.d.ts

@@ -1,5 +1,6 @@
 import React, { ReactNode, RefObject } from 'react';
 import type { FormInstance } from 'antd';
+import type { IconifyJSON } from '@iconify/types';
 import { MY_FILES, GIF, STOCK_IMAGES, ICONS, AI, IMAGE_CODES, EDITOR, IMAGE_EXTENSIONS } from './constants';
 import type { InputRef } from 'antd';
 import type { TextAreaRef } from 'antd/es/input/TextArea';
@@ -556,6 +557,18 @@ export interface Config {
     elementId?: string;
     baseUrl?: string;
     assetsUrl?: string;
+    /**
+     * Directory with the icon sets (`lucide.json`, `tabler.json`), relative to `baseUrl`.
+     *
+     * The sets are fetched, not bundled: together they are 2.7 MB of data that a bundler can
+     * neither split nor shake. Defaults to `static/media/icon-sets`.
+     */
+    iconSetsUrl?: string;
+    /**
+     * Host loader of an icon set (`lucide`, `tabler`). When given, `iconSetsUrl` and the packaged files are not used:
+     * the host delivers the sets as its own modules and nothing is fetched.
+     */
+    loadIconSet?: (prefix: 'lucide' | 'tabler') => Promise<IconifyJSON>;
     /** Counters and limits */
     counters?: Counters;
     limits?: Limits;
@@ -579,6 +592,11 @@ export interface Config {
     rememberLastFolder?: boolean;
     compressMaxSize?: number;
     compressMaxWidthOrHeight?: number;
+    /**
+     * Squeeze image editor results to `compressMaxSize` too. Off by default: the result is only downscaled
+     * beyond `compressMaxWidthOrHeight`, otherwise every save would shrink the image again.
+     */
+    compressEditedImages?: boolean;
     /** URL локальной копии browser-image-compression для web worker. */
     compessorUrl?: string;
     /** Alias для compessorUrl с корректным написанием. */

package/utils/filerobotEditorConfig.d.ts

@@ -10,6 +10,7 @@ export interface FilerobotEditorConfigOptions {
     assetsUrl?: string;
     compressMaxSize?: Config['compressMaxSize'];
     compressMaxWidthOrHeight?: Config['compressMaxWidthOrHeight'];
+    compressEditedImages?: Config['compressEditedImages'];
     compessorUrl?: string;
     compressorUrl?: string;
     showNotifications?: boolean;

package/utils/generateId.d.ts

@@ -0,0 +1,5 @@
+/**
+ * generateId returns a random unique id: a v4 UUID where `crypto.randomUUID` exists (secure contexts),
+ * otherwise random hex. Callers use it as an opaque key, never parse it.
+ */
+export declare function generateId(): string;

package/utils/imageCompression.d.ts

@@ -10,3 +10,13 @@ export interface PrepareImageForUploadOptions {
 }
 export declare function prepareImageForUpload(file: File, options?: PrepareImageForUploadOptions): Promise<File>;
 export declare const compressImageWithLimits: typeof prepareImageForUpload;
+/** Options of `prepareEditedImageForUpload`. */
+export interface PrepareEditedImageOptions extends PrepareImageForUploadOptions {
+    /** Squeeze the result to `maxSizeMB` like a new upload; set when the host configured the limit explicitly. */
+    compressBySize?: boolean;
+}
+/**
+ * Prepares an image editor result for upload: by default downscales only beyond maxWidthOrHeight and ignores the size limit,
+ * because re-running the upload compression on every save shrank the resolution and coarsened PNGs each time.
+ */
+export declare function prepareEditedImageForUpload(file: File, options?: PrepareEditedImageOptions): Promise<File>;

package/utils/imageCompression.editedImage.test.d.ts

@@ -0,0 +1 @@
+export {};

package/utils/imageCompression.png.test.d.ts

@@ -0,0 +1 @@
+export {};

package/utils/pngCompression.d.ts

@@ -0,0 +1,23 @@
+/**
+ * PNG compression rule shared by the file manager and the app: how many colours an uploaded PNG keeps
+ * and which PNGs are left alone. Pure functions — the compression library itself is not imported here.
+ */
+/** PNG_COMPRESSION_COLORS is the palette an uploaded PNG is quantized to on the first pass. */
+export declare const PNG_COMPRESSION_COLORS = 1024;
+/**
+ * PNG_INITIAL_QUALITY is the `initialQuality` for `browser-image-compression`: its PNG encoder (UPNG)
+ * keeps 4096 × quality colours.
+ */
+export declare const PNG_INITIAL_QUALITY: number;
+/**
+ * isAnimatedPng tells an animated PNG by its `acTL` chunk, which the format places before the first
+ * `IDAT`. Reads only within the buffer, so a truncated or broken file counts as still.
+ */
+export declare function isAnimatedPng(bytes: Uint8Array): boolean;
+/** isAnimatedPngFile reads the start of the file and checks it with `isAnimatedPng`. */
+export declare function isAnimatedPngFile(file: Blob): Promise<boolean>;
+/**
+ * keepSmallerPng returns the compressed PNG only when it is smaller. The library never falls back to
+ * the original: it keeps cutting colours and may still hand back a larger file.
+ */
+export declare function keepSmallerPng<T extends Blob>(original: T, compressed: T): T;

package/utils/pngCompression.test.d.ts

@@ -0,0 +1 @@
+export {};

package/file-manager-FilerobotEditor-WbM5WTct.js

@@ -1,330 +0,0 @@
-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-UP2zpv8z.js";
-import { n as u, t as d } from "./file-manager-imageEditorTranslations-CtNVql-A.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 = await ee(new File([i], n, { type: a }), {
-				maxSizeMB: j?.compressMaxSize,
-				maxWidthOrHeight: j?.compressMaxWidthOrHeight,
-				mimeType: a,
-				fileName: n,
-				libURL: o,
-				enableCompression: e(j, a)
-			});
-			i = t, a = t.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-WbM5WTct.js.map