@cherrystudio/file-preview 0.2.2 → 0.2.3

package/README.md

@@ -64,6 +64,11 @@ without splitting a surrogate pair; an empty normalized excerpt produces `null`.
 Callback references are stabilized inside `Preview`, so inline callbacks do not
 reopen documents or repeat a selection notification merely because the host rendered.
 
+DOCX text supports native selection and copying with Ctrl+C (Cmd+C on macOS),
+including across paragraphs. Copying uses the browser selection, not the normalized
+or length-limited reference excerpt. While paragraph picking is enabled, ending a
+text drag preserves the existing paragraph pick; a plain click still picks or clears it.
+
 Recognized `source.mediaType` values take precedence over the filename extension;
 missing or unrecognized media types fall back to the extension. `supportsPreview`
 and `canSelectPreview` accept the same optional media type as their second argument.

package/dist/{WordFilePreview-hfALJk2N.js → WordFilePreview-Do062CDe.js}

@@ -3841,6 +3841,7 @@ function WordFilePreview({ sourceId, fileName, document: previewDocument, onSele
 	const docxClassName = `docx-preview-${useId().replace(/[^a-zA-Z0-9_-]/g, "")}`;
 	const containerRef = useRef(null);
 	const bodyRef = useRef(null);
+	const pressPositionRef = useRef(null);
 	const styleRef = useRef(null);
 	const renderTokenRef = useRef(0);
 	const fitScrollTopRef = useRef(null);
@@ -4027,9 +4028,14 @@ function WordFilePreview({ sourceId, fileName, document: previewDocument, onSele
 		return () => observer.disconnect();
 	}, [pageCount, loading]);
 	const handlePick = useCallback((event) => {
+		const pressPosition = pressPositionRef.current;
+		pressPositionRef.current = null;
 		if (!onSelection || !(event.target instanceof Element)) return;
 		if (event.target.closest("a[href]")) event.preventDefault();
-		const previous = bodyRef.current?.querySelector("[data-docx-picked=\"true\"]") ?? null;
+		const bodyContainer = bodyRef.current;
+		const selection = bodyContainer?.ownerDocument.getSelection();
+		if (pressPosition && (event.clientX !== pressPosition.x || event.clientY !== pressPosition.y) && bodyContainer && selection && !selection.isCollapsed && selection.rangeCount > 0 && selection.getRangeAt(0).intersectsNode(bodyContainer)) return;
+		const previous = bodyContainer?.querySelector("[data-docx-picked=\"true\"]") ?? null;
 		const resolved = paragraphToDocxAnchor(event.target);
 		previous?.removeAttribute("data-docx-picked");
 		if (!resolved || resolved.element === previous) {
@@ -4106,9 +4112,15 @@ function WordFilePreview({ sourceId, fileName, document: previewDocument, onSele
 						"data-testid": "docx-preview-content",
 						"data-zoom": zoom,
 						"data-picker": onSelection ? "true" : void 0,
+						onMouseDown: (event) => {
+							pressPositionRef.current = {
+								x: event.clientX,
+								y: event.clientY
+							};
+						},
 						onClick: handlePick,
 						style: contentStyle,
-						className: "mx-auto w-fit min-w-0 [&_.docx-preview]:box-border [&_.docx-preview]:max-w-full [&_.docx-preview-wrapper]:mx-auto [&_p[data-docx-picked=true]]:bg-primary/15 [&_p[data-docx-picked=true]]:outline [&_p[data-docx-picked=true]]:outline-1 [&_p[data-docx-picked=true]]:outline-primary/60 [&_section]:overflow-hidden [&_section]:rounded-sm [&_section]:shadow-md [&[data-picker=true]_p[data-docx-part=body]]:cursor-pointer [&[data-picker=true]_p[data-docx-part=body]:not([data-docx-picked=true]):hover]:bg-primary/10"
+						className: "selectable mx-auto w-fit min-w-0 [&_.docx-preview]:box-border [&_.docx-preview]:max-w-full [&_.docx-preview-wrapper]:mx-auto [&_p[data-docx-picked=true]]:bg-primary/15 [&_p[data-docx-picked=true]]:outline [&_p[data-docx-picked=true]]:outline-1 [&_p[data-docx-picked=true]]:outline-primary/60 [&_section]:overflow-hidden [&_section]:rounded-sm [&_section]:shadow-md [&[data-picker=true]_p[data-docx-part=body]]:cursor-pointer [&[data-picker=true]_p[data-docx-part=body]:not([data-docx-picked=true]):hover]:bg-primary/10"
 					})]
 				}),
 				loading ? /* @__PURE__ */ jsxs("div", {

package/dist/react.js

@@ -63,7 +63,7 @@ var plugins = [
 		id: "word",
 		extensions: ["docx"],
 		mediaTypes: ["application/vnd.openxmlformats-officedocument.wordprocessingml.document"],
-		load: () => import("./WordFilePreview-hfALJk2N.js"),
+		load: () => import("./WordFilePreview-Do062CDe.js"),
 		supportsSelectionReference: true
 	}
 ];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cherrystudio/file-preview",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "description": "Portable read-only document preview for Cherry Studio",
   "license": "AGPL-3.0-only",
   "repository": {