@haklex/rich-renderer-image 0.42.0 → 0.43.0

package/dist/index.mjs

@@ -9,7 +9,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { ActionBar, ActionButton, Popover, PopoverPanel, PopoverTrigger, SegmentedControl } from "@haklex/rich-editor-ui";
 import { $getNearestNodeFromDOMNode, $getNodeByKey, COMMAND_PRIORITY_HIGH, DRAGOVER_COMMAND, DRAGSTART_COMMAND, DROP_COMMAND, REDO_COMMAND, UNDO_COMMAND } from "lexical";
 import { AlignCenterVertical, AlignEndVertical, AlignStartVertical, ArrowLeftToLine, ArrowRightToLine, Captions, CopyPlus, Download, ExternalLink, ImageIcon, Loader2, Replace, Scaling, Trash2, Type, Upload } from "lucide-react";
-import { useImageUpload } from "@haklex/rich-editor/plugins";
+import { resolvePreprocessTargets, useImagePreprocess, useImageUpload } from "@haklex/rich-editor/plugins";
 //#region src/atoms.ts
 function getCaptionText(altText, caption) {
 	if (caption) return caption;
@@ -174,6 +174,7 @@ function useImageActions() {
 	const store = useStore();
 	const [editor] = useLexicalComposerContext();
 	const uploadImage = useImageUpload();
+	const preprocess = useImagePreprocess();
 	const withImageNode = useCallback((updater) => {
 		const wrapperRef = store.get(wrapperRefAtom);
 		if (!wrapperRef.current) return;
@@ -258,8 +259,10 @@ function useImageActions() {
 	return {
 		commitMeta,
 		closeReplacePanel,
-		handleReplaceFile: useCallback(async (file) => {
-			if (!file || !file.type.startsWith("image/")) return;
+		handleReplaceFile: useCallback(async (picked) => {
+			if (!picked || !picked.type.startsWith("image/")) return;
+			const [file] = await resolvePreprocessTargets([picked], "replace", preprocess?.ref.current ?? null);
+			if (!file) return;
 			store.set(replaceLoadingAtom, true);
 			store.set(replaceErrorAtom, null);
 			try {
@@ -283,6 +286,7 @@ function useImageActions() {
 			}
 		}, [
 			closeReplacePanel,
+			preprocess,
 			store,
 			uploadImage,
 			withImageNode

package/dist/useImageActions.d.ts

@@ -2,7 +2,7 @@ import { ImageDisplaySize, ImageLayout } from '@haklex/rich-editor/nodes';
 export declare function useImageActions(): {
     commitMeta: () => void;
     closeReplacePanel: () => void;
-    handleReplaceFile: (file: File | null) => Promise<void>;
+    handleReplaceFile: (picked: File | null) => Promise<void>;
     handlePreviewUrl: () => Promise<void>;
     handleReplaceByUrl: () => void;
     handleReplaceOpenChange: (nextOpen: boolean) => void;

package/dist/useImageActions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useImageActions.d.ts","sourceRoot":"","sources":["../src/useImageActions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAqD/E,wBAAgB,eAAe;;;8BA0Gd,IAAI,GAAG,IAAI;;;wCA6Db,OAAO;;;;;iCA/EX,gBAAgB;+BASb,WAAW;EA2FxB"}
+{"version":3,"file":"useImageActions.d.ts","sourceRoot":"","sources":["../src/useImageActions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AA0D/E,wBAAgB,eAAe;;;gCA2GZ,IAAI,GAAG,IAAI;;;wCAmEf,OAAO;;;;;iCArFX,gBAAgB;+BASb,WAAW;EAiGxB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haklex/rich-renderer-image",
-  "version": "0.42.0",
+  "version": "0.43.0",
   "description": "Image renderer with blurhash",
   "repository": {
     "type": "git",
@@ -45,9 +45,9 @@
     "lucide-react": "^1.0.0",
     "react": ">=19",
     "react-dom": ">=19",
-    "@haklex/rich-editor": "^0.42.0",
-    "@haklex/rich-editor-ui": "^0.42.0",
-    "@haklex/rich-style-token": "^0.42.0"
+    "@haklex/rich-editor": "^0.43.0",
+    "@haklex/rich-editor-ui": "^0.43.0",
+    "@haklex/rich-style-token": "^0.43.0"
   },
   "publishConfig": {
     "access": "public"