@cherrystudio/file-preview 0.1.3 → 0.2.1

package/dist/{SpreadsheetFilePreview-DJdoyeis.js → SpreadsheetFilePreview-PWFG3UY3.js}

@@ -1,11 +1,13 @@
 import "./documentAnchor-J7GGLU15.js";
 import { r as readPreviewDocument, t as PreviewError } from "./source-Rx3etU3y.js";
-import { F as cn, I as LoaderCircle, N as EmptyState, i as FilePreviewLayout, o as usePreviewHost, r as FilePreviewToolbarButton, s as usePreviewLogger, t as useTranslation, z as cva } from "./useTranslation-DMhY277o.js";
-import { n as normalizeSelectionText, r as CircleAlert, t as createPreviewSelection } from "./selection-CQPD5a6C.js";
-import { n as ZoomIn, t as ZoomOut } from "./zoom-out-DLOQGt1e.js";
-import { t as FilePreviewTooLarge } from "./FilePreviewTooLarge-DkHa6toZ.js";
+import { _ as cva, a as usePreviewHost, d as EmptyState, m as LoaderCircle, o as usePreviewLogger, p as cn, r as FilePreviewLayout, t as useTranslation } from "./useTranslation-BJY4EKsz.js";
+import { t as CircleAlert } from "./circle-alert-sByhBDN4.js";
+import { n as ZoomIn, t as ZoomOut } from "./zoom-out-B2XJ64Kx.js";
+import { t as FilePreviewToolbarButton } from "./FilePreviewToolbarButton-ptqwCTnz.js";
+import { t as FilePreviewTooLarge } from "./FilePreviewTooLarge-DC7vPyMI.js";
+import { n as normalizeSelectionText, t as createPreviewSelection } from "./selection-B0INvh6t.js";
 import * as React$1 from "react";
-import React, { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import React, { memo, useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { flushSync } from "react-dom";
 typeof window !== "undefined" && window.document && window.document.createElement;
@@ -971,7 +973,7 @@ function SpreadsheetFilePreviewToolbar({ canZoomIn, canZoomOut, onZoomIn, onZoom
 var XLSX_PREVIEW_MAX_SIZE_BYTES = 20971520;
 function useXlsxWorkbook(document, fileName) {
 	const logger = usePreviewLogger("useXlsxWorkbook");
-	const { failDocument, resources } = usePreviewHost();
+	const { failDocument, resources, isCurrentDocument } = usePreviewHost();
 	const { baseUrl, createWorker } = resources ?? {};
 	const [state, setState] = useState({ status: "idle" });
 	const workerRef = useRef(null);
@@ -981,6 +983,7 @@ function useXlsxWorkbook(document, fileName) {
 		let cancelled = false;
 		const controller = new AbortController();
 		const requestId = ++requestIdRef.current;
+		const isCurrent = () => !cancelled && requestId === requestIdRef.current && isCurrentDocument?.() !== false;
 		if (document.size > 20971520) {
 			failDocument?.(new PreviewError("too_large", "Workbook exceeds the preview size limit"));
 			setState({
@@ -989,15 +992,18 @@ function useXlsxWorkbook(document, fileName) {
 			});
 			return;
 		}
-		setState({ status: "loading" });
+		setState((current) => ({
+			status: "loading",
+			model: "model" in current ? current.model : void 0
+		}));
 		(async () => {
 			let bytes;
 			try {
 				const raw = await readPreviewDocument(document, XLSX_PREVIEW_MAX_SIZE_BYTES, controller.signal);
-				if (cancelled || requestId !== requestIdRef.current) return;
+				if (!isCurrent()) return;
 				bytes = raw.slice().buffer;
 			} catch (error) {
-				if (cancelled || requestId !== requestIdRef.current) return;
+				if (!isCurrent()) return;
 				const normalized = error instanceof Error ? error : new Error(String(error));
 				failDocument?.(normalized);
 				setState({
@@ -1010,7 +1016,7 @@ function useXlsxWorkbook(document, fileName) {
 			try {
 				worker = createXlsxWorker(baseUrl, createWorker);
 			} catch (error) {
-				if (cancelled || requestId !== requestIdRef.current) return;
+				if (!isCurrent()) return;
 				const normalized = error instanceof Error ? error : new Error(String(error));
 				failDocument?.(normalized);
 				setState({
@@ -1019,7 +1025,7 @@ function useXlsxWorkbook(document, fileName) {
 				});
 				return;
 			}
-			if (cancelled || requestId !== requestIdRef.current) {
+			if (!isCurrent()) {
 				worker.terminate();
 				return;
 			}
@@ -1028,6 +1034,7 @@ function useXlsxWorkbook(document, fileName) {
 				if (cancelled || event.data.id !== requestIdRef.current) return;
 				worker.terminate();
 				if (workerRef.current === worker) workerRef.current = null;
+				if (!isCurrent()) return;
 				if (event.data.ok) {
 					for (const warning of event.data.model.warnings) {
 						if (loggedWarningsRef.current.has(warning)) continue;
@@ -1050,6 +1057,7 @@ function useXlsxWorkbook(document, fileName) {
 				if (cancelled || requestId !== requestIdRef.current) return;
 				worker.terminate();
 				if (workerRef.current === worker) workerRef.current = null;
+				if (!isCurrent()) return;
 				failDocument?.(event.error instanceof Error ? event.error : new Error(event.message));
 				setState({
 					status: "error",
@@ -1066,7 +1074,7 @@ function useXlsxWorkbook(document, fileName) {
 			} catch (error) {
 				worker.terminate();
 				if (workerRef.current === worker) workerRef.current = null;
-				if (cancelled || requestId !== requestIdRef.current) return;
+				if (!isCurrent()) return;
 				const normalized = error instanceof Error ? error : new Error(String(error));
 				failDocument?.(normalized);
 				setState({
@@ -1087,7 +1095,8 @@ function useXlsxWorkbook(document, fileName) {
 		logger,
 		failDocument,
 		baseUrl,
-		createWorker
+		createWorker,
+		isCurrentDocument
 	]);
 	return state;
 }
@@ -2172,7 +2181,7 @@ var CellView = memo(function CellView({ cell, style, covered = false, isFirstRow
 		borderLeft: covered ? void 0 : isFirstCol ? css.borderLeft ?? DEFAULT_GRID_LINE : css.borderLeft
 	};
 	return /* @__PURE__ */ jsx("div", {
-		className: "absolute px-1 text-foreground text-sm",
+		className: "absolute px-1 text-sm text-foreground",
 		style: finalCss,
 		children: cell && /* @__PURE__ */ jsx("span", {
 			className: cn(cell.formulaState === "unevaluated" && "text-muted-foreground italic"),
@@ -2206,7 +2215,7 @@ var SelectedCellOverlay = ({ cell, style, rect }) => {
 	};
 	return /* @__PURE__ */ jsx("div", {
 		"data-testid": "xlsx-grid-selected-overlay",
-		className: "z-10 px-1 text-foreground text-sm shadow-md outline outline-primary",
+		className: "z-10 px-1 text-sm text-foreground shadow-md outline outline-primary",
 		style: finalCss,
 		children: cell && /* @__PURE__ */ jsx("span", {
 			className: cn(cell.formulaState === "unevaluated" && "text-muted-foreground italic"),
@@ -2219,7 +2228,7 @@ var SelectedCellOverlay = ({ cell, style, rect }) => {
 var UnsupportedChartPlaceholder = ({ chart }) => {
 	const { t } = useTranslation();
 	return /* @__PURE__ */ jsxs("div", {
-		className: "flex h-full w-full flex-col items-center justify-center gap-1 rounded-md border border-border border-dashed text-center text-muted-foreground text-xs",
+		className: "text-muted-foreground flex h-full w-full flex-col items-center justify-center gap-1 rounded-md border border-dashed border-border text-center text-xs",
 		children: [/* @__PURE__ */ jsx("span", { children: t("xlsx_preview.chart_unsupported") }), chart.rawTypeName && /* @__PURE__ */ jsx("span", { children: chart.rawTypeName })]
 	});
 };
@@ -2292,6 +2301,20 @@ var XlsxGrid = ({ sheet, styles, imageUrls, zoom, onSelectCell, pickerActive, re
 		estimateSize: (index) => colLayout.sizes[index] * zoom,
 		overscan: OVERSCAN
 	});
+	useLayoutEffect(() => {
+		rowVirtualizer.measure();
+	}, [
+		rowVirtualizer,
+		rowLayout,
+		zoom
+	]);
+	useLayoutEffect(() => {
+		colVirtualizer.measure();
+	}, [
+		colVirtualizer,
+		colLayout,
+		zoom
+	]);
 	const virtualRows = rowVirtualizer.getVirtualItems();
 	const virtualCols = colVirtualizer.getVirtualItems();
 	const readViewport = useCallback((el) => ({
@@ -2406,6 +2429,12 @@ var XlsxGrid = ({ sheet, styles, imageUrls, zoom, onSelectCell, pickerActive, re
 		commitSelection(null);
 	}, [applySelection, commitSelection]);
 	const pickerWasActiveRef = useRef(false);
+	const previousSheetRef = useRef(sheet);
+	useEffect(() => {
+		if (previousSheetRef.current === sheet) return;
+		previousSheetRef.current = sheet;
+		clearSelection();
+	}, [sheet, clearSelection]);
 	useEffect(() => {
 		const isActive = Boolean(pickerActive);
 		if (pickerWasActiveRef.current === isActive) return;
@@ -2776,7 +2805,7 @@ var XlsxGrid = ({ sheet, styles, imageUrls, zoom, onSelectCell, pickerActive, re
 						className: "absolute",
 						style: zoomTransform,
 						children: virtualCols.map((vc) => /* @__PURE__ */ jsx("div", {
-							className: "absolute flex items-center justify-center border-border border-r text-muted-foreground text-xs",
+							className: "text-muted-foreground absolute flex items-center justify-center border-r border-border text-xs",
 							style: {
 								left: axisOffset(colLayout, vc.index),
 								width: colLayout.sizes[vc.index],
@@ -2798,7 +2827,7 @@ var XlsxGrid = ({ sheet, styles, imageUrls, zoom, onSelectCell, pickerActive, re
 						className: "absolute",
 						style: zoomTransform,
 						children: virtualRows.map((vr) => /* @__PURE__ */ jsx("div", {
-							className: "absolute flex items-center justify-center border-border border-b text-muted-foreground text-xs",
+							className: "text-muted-foreground absolute flex items-center justify-center border-b border-border text-xs",
 							style: {
 								top: axisOffset(rowLayout, vr.index),
 								height: rowLayout.sizes[vr.index],
@@ -3037,23 +3066,21 @@ function SpreadsheetFilePreview({ sourceId, fileName, document: previewDocument,
 	const [selectedCell, setSelectedCell] = useState(null);
 	const [chartRenderer, setChartRenderer] = useState(null);
 	const [imageUrls, setImageUrls] = useState({});
-	const model = state.status === "ready" ? state.model : null;
+	const model = "model" in state ? state.model : null;
 	const sheets = useMemo(() => model ? visibleSheets(model) : [], [model]);
 	const activeSheet = sheets.find((sheet) => sheet.name === activeSheetName) ?? sheets[0] ?? null;
 	useEffect(() => {
 		setSelectedCell(null);
-		if (sheets.length === 0) {
-			setActiveSheetName(null);
-			return;
-		}
+		if (sheets.length === 0) return;
 		if (!sheets.some((sheet) => sheet.name === activeSheetName)) setActiveSheetName(sheets[0].name);
 	}, [sheets, activeSheetName]);
 	const handleSelectCell = useCallback((info) => setSelectedCell(info && activeSheet ? {
 		...info,
-		sheet: activeSheet
-	} : null), [activeSheet]);
+		sheet: activeSheet,
+		document: previewDocument
+	} : null), [activeSheet, previewDocument]);
 	const selectionReference = useMemo(() => {
-		if (!selectedCell || !activeSheet || selectedCell.sheet !== activeSheet) return null;
+		if (state.status !== "ready" || !selectedCell || !activeSheet || selectedCell.sheet !== activeSheet || selectedCell.document !== previewDocument) return null;
 		return createPreviewSelection({
 			sourceId,
 			anchor: {
@@ -3068,7 +3095,8 @@ function SpreadsheetFilePreview({ sourceId, fileName, document: previewDocument,
 		selectedCell,
 		activeSheet,
 		sourceId,
-		previewDocument.revision
+		previewDocument,
+		state.status
 	]);
 	const captureArmedRef = useRef(false);
 	useEffect(() => {
@@ -3127,9 +3155,9 @@ function SpreadsheetFilePreview({ sourceId, fileName, document: previewDocument,
 		});
 	}, []);
 	let content;
-	if (state.status === "loading" || state.status === "idle") content = /* @__PURE__ */ jsxs("div", {
+	if (state.status === "loading" && !model || state.status === "idle") content = /* @__PURE__ */ jsxs("div", {
 		role: "status",
-		className: "flex h-full w-full items-center justify-center gap-2 bg-background text-muted-foreground text-sm",
+		className: "text-muted-foreground flex h-full w-full items-center justify-center gap-2 bg-background text-sm",
 		children: [/* @__PURE__ */ jsx(LoaderCircle, {
 			className: "size-4 animate-spin",
 			"aria-hidden": true
@@ -3157,13 +3185,14 @@ function SpreadsheetFilePreview({ sourceId, fileName, document: previewDocument,
 			className: "relative flex h-full w-full flex-col overflow-hidden bg-background",
 			children: [/* @__PURE__ */ jsx("div", {
 				className: "min-h-0 flex-1",
+				inert: state.status !== "ready",
 				children: /* @__PURE__ */ jsx(XlsxGrid_default, {
 					sheet: activeSheet,
 					styles: model.styles,
 					imageUrls,
 					zoom,
 					onSelectCell: handleSelectCell,
-					pickerActive: onSelection !== void 0,
+					pickerActive: state.status === "ready" && onSelection !== void 0,
 					renderChart
 				}, activeSheet.name)
 			}), /* @__PURE__ */ jsxs("div", {
@@ -3187,9 +3216,9 @@ function SpreadsheetFilePreview({ sourceId, fileName, document: previewDocument,
 						})
 					}),
 					/* @__PURE__ */ jsxs("div", {
-						className: "flex min-w-0 flex-1 items-center justify-end gap-2 text-muted-foreground text-xs",
+						className: "text-muted-foreground flex min-w-0 flex-1 items-center justify-end gap-2 text-xs",
 						children: [statusBarText ? /* @__PURE__ */ jsx("span", {
-							className: "selectable cursor-text select-text truncate",
+							className: "selectable cursor-text truncate select-text",
 							"data-testid": "xlsx-preview-status-bar",
 							children: statusBarText
 						}) : null, cellOnActiveSheet?.cell?.formulaState === "unevaluated" ? /* @__PURE__ */ jsx("span", {

package/dist/{WordFilePreview-Tvm-vK91.js → WordFilePreview-hfALJk2N.js}

@@ -1,10 +1,12 @@
 import { i as __toESM } from "./rolldown-runtime-B-lAHAz2.js";
 import { r as readPreviewDocument, t as PreviewError } from "./source-Rx3etU3y.js";
-import { I as LoaderCircle, N as EmptyState, c as FilePreviewToolbar, i as FilePreviewLayout, o as usePreviewHost, r as FilePreviewToolbarButton, t as useTranslation } from "./useTranslation-DMhY277o.js";
-import { n as ChevronRight, r as ChevronLeft, t as RotateCcw } from "./rotate-ccw-YWx7RzY9.js";
-import { r as CircleAlert, t as createPreviewSelection } from "./selection-CQPD5a6C.js";
-import { n as ZoomIn, t as ZoomOut } from "./zoom-out-DLOQGt1e.js";
-import { t as FilePreviewTooLarge } from "./FilePreviewTooLarge-DkHa6toZ.js";
+import { a as usePreviewHost, d as EmptyState, m as LoaderCircle, r as FilePreviewLayout, s as FilePreviewToolbar, t as useTranslation } from "./useTranslation-BJY4EKsz.js";
+import { n as ChevronRight, r as ChevronLeft, t as RotateCcw } from "./rotate-ccw-Bx-jjhVm.js";
+import { t as CircleAlert } from "./circle-alert-sByhBDN4.js";
+import { n as ZoomIn, t as ZoomOut } from "./zoom-out-B2XJ64Kx.js";
+import { t as FilePreviewToolbarButton } from "./FilePreviewToolbarButton-ptqwCTnz.js";
+import { t as FilePreviewTooLarge } from "./FilePreviewTooLarge-DC7vPyMI.js";
+import { t as createPreviewSelection } from "./selection-B0INvh6t.js";
 import { t as attachTouchPinch } from "./touchPinch-C4fl-9fg.js";
 import { t as require_jszip_min } from "./jszip.min-uwqlc4KL.js";
 import { useCallback, useEffect, useId, useLayoutEffect, useRef, useState } from "react";
@@ -3834,7 +3836,7 @@ function sanitizeHyperlinks(body) {
 	});
 }
 function WordFilePreview({ sourceId, fileName, document: previewDocument, onSelection }) {
-	const { options, failDocument } = usePreviewHost();
+	const { options, failDocument, isCurrentDocument } = usePreviewHost();
 	const { t } = useTranslation();
 	const docxClassName = `docx-preview-${useId().replace(/[^a-zA-Z0-9_-]/g, "")}`;
 	const containerRef = useRef(null);
@@ -3851,7 +3853,10 @@ function WordFilePreview({ sourceId, fileName, document: previewDocument, onSele
 	const [zoom, setZoom] = useState(DOCX_PREVIEW_DEFAULT_ZOOM);
 	const [fitZoom, setFitZoom] = useState(DOCX_PREVIEW_DEFAULT_ZOOM);
 	const [manualZoom, setManualZoom] = useState(false);
-	const [normalizeSymbolBullets] = useState(() => options?.docx?.normalizeSymbolBullets === true);
+	const normalizeSymbolBulletsRef = useRef(options?.docx?.normalizeSymbolBullets === true);
+	useLayoutEffect(() => {
+		normalizeSymbolBulletsRef.current = options?.docx?.normalizeSymbolBullets === true;
+	}, [options?.docx?.normalizeSymbolBullets]);
 	const fitWidth = options?.docx?.initialZoom === "fit-width";
 	const minZoom = fitWidth ? Math.min(DOCX_PREVIEW_MIN_ZOOM, fitZoom) : DOCX_PREVIEW_MIN_ZOOM;
 	useLayoutEffect(() => {
@@ -3921,16 +3926,10 @@ function WordFilePreview({ sourceId, fileName, document: previewDocument, onSele
 		if (!bodyContainer || !styleContainer) return;
 		const controller = new AbortController();
 		const token = ++renderTokenRef.current;
-		const isCurrent = () => renderTokenRef.current === token;
+		const isCurrent = () => renderTokenRef.current === token && isCurrentDocument?.() !== false;
+		const normalizeSymbolBullets = normalizeSymbolBulletsRef.current;
 		setError(null);
 		setLoading(true);
-		setCurrentPage(0);
-		setPageCount(0);
-		setZoom(DOCX_PREVIEW_DEFAULT_ZOOM);
-		setFitZoom(DOCX_PREVIEW_DEFAULT_ZOOM);
-		setManualZoom(false);
-		fitScrollTopRef.current = null;
-		pinchAnchorRef.current = null;
 		const stagingHost = document.createElement("div");
 		const stagingBody = document.createElement("div");
 		const stagingStyle = document.createElement("div");
@@ -3965,11 +3964,17 @@ function WordFilePreview({ sourceId, fileName, document: previewDocument, onSele
 					page.classList.add("docx-preview-page", "docx-preview");
 				});
 				sanitizeHyperlinks(stagingBody);
+				const scrollTop = containerRef.current?.scrollTop ?? 0;
+				const scrollLeft = containerRef.current?.scrollLeft ?? 0;
 				bodyContainer.replaceChildren(...stagingBody.childNodes);
 				styleContainer.replaceChildren(...stagingStyle.childNodes);
+				if (containerRef.current) {
+					containerRef.current.scrollTop = scrollTop;
+					containerRef.current.scrollLeft = scrollLeft;
+				}
 				const nextPageCount = Math.max(pages.length, 1);
 				setPageCount(nextPageCount);
-				setCurrentPage(nextPageCount > 0 ? 1 : 0);
+				setCurrentPage((page) => clamp(page, 1, nextPageCount));
 				focusContainer();
 			} catch (loadError) {
 				if (!isCurrent()) return;
@@ -3984,8 +3989,6 @@ function WordFilePreview({ sourceId, fileName, document: previewDocument, onSele
 		return () => {
 			controller.abort();
 			renderTokenRef.current += 1;
-			bodyContainer.innerHTML = "";
-			styleContainer.innerHTML = "";
 			stagingHost.remove();
 		};
 	}, [
@@ -3994,12 +3997,12 @@ function WordFilePreview({ sourceId, fileName, document: previewDocument, onSele
 		previewDocument,
 		failDocument,
 		docxClassName,
-		normalizeSymbolBullets
+		isCurrentDocument
 	]);
 	useEffect(() => {
 		const scrollRoot = containerRef.current;
 		const bodyContainer = bodyRef.current;
-		if (!scrollRoot || !bodyContainer || pageCount <= 0) return;
+		if (!scrollRoot || !bodyContainer || pageCount <= 0 || loading) return;
 		const pages = Array.from(bodyContainer.querySelectorAll(".docx-preview-page"));
 		if (pages.length === 0) return;
 		const visiblePages = /* @__PURE__ */ new Set();
@@ -4022,7 +4025,7 @@ function WordFilePreview({ sourceId, fileName, document: previewDocument, onSele
 		});
 		pages.forEach((page) => observer.observe(page));
 		return () => observer.disconnect();
-	}, [pageCount]);
+	}, [pageCount, loading]);
 	const handlePick = useCallback((event) => {
 		if (!onSelection || !(event.target instanceof Element)) return;
 		if (event.target.closest("a[href]")) event.preventDefault();
@@ -4105,12 +4108,12 @@ function WordFilePreview({ sourceId, fileName, document: previewDocument, onSele
 						"data-picker": onSelection ? "true" : void 0,
 						onClick: handlePick,
 						style: contentStyle,
-						className: "mx-auto w-fit min-w-0 [&[data-picker=true]_p[data-docx-part=body]:not([data-docx-picked=true]):hover]:bg-primary/10 [&[data-picker=true]_p[data-docx-part=body]]:cursor-pointer [&_.docx-preview-wrapper]:mx-auto [&_.docx-preview]:box-border [&_.docx-preview]:max-w-full [&_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"
+						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"
 					})]
 				}),
 				loading ? /* @__PURE__ */ jsxs("div", {
 					role: "status",
-					className: "absolute inset-0 flex items-center justify-center gap-2 bg-background text-sm text-muted-foreground",
+					className: "text-muted-foreground absolute inset-0 flex items-center justify-center gap-2 bg-background text-sm",
 					children: [/* @__PURE__ */ jsx(LoaderCircle, {
 						className: "size-4 animate-spin",
 						"aria-hidden": true

package/dist/circle-alert-sByhBDN4.js

@@ -0,0 +1,31 @@
+import { g as createLucideIcon } from "./useTranslation-BJY4EKsz.js";
+/**
+* @license lucide-react v0.545.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+var CircleAlert = createLucideIcon("circle-alert", [
+	["circle", {
+		cx: "12",
+		cy: "12",
+		r: "10",
+		key: "1mglay"
+	}],
+	["line", {
+		x1: "12",
+		x2: "12",
+		y1: "8",
+		y2: "12",
+		key: "1pkeuh"
+	}],
+	["line", {
+		x1: "12",
+		x2: "12.01",
+		y1: "16",
+		y2: "16",
+		key: "4dfq90"
+	}]
+]);
+//#endregion
+export { CircleAlert as t };

package/dist/{imageFilePreviewPlugin-CYLM2bwR.js → imageFilePreviewPlugin-D6hV1Hm1.js}

@@ -23,7 +23,7 @@ var imageFilePreviewPlugin = {
 		"image/vnd.microsoft.icon",
 		"image/svg+xml"
 	],
-	load: () => import("./ImageFilePreview-Be0jdBJ-.js")
+	load: () => import("./ImageFilePreview-C_P1iIEi.js")
 };
 //#endregion
 export { imageFilePreviewPlugin as t };

package/dist/react.js

@@ -1,7 +1,8 @@
 import { n as assertPreviewRange, t as PreviewError } from "./source-Rx3etU3y.js";
-import { F as cn, I as LoaderCircle, L as FileWarning, N as EmptyState, R as createLucideIcon, a as PreviewHostContext, c as FilePreviewToolbar, f as DialogPortalContainerProvider, i as FilePreviewLayout, l as FilePreviewToolbarPortalHost, n as I18nContext, o as usePreviewHost, p as PortalContainerProvider, r as FilePreviewToolbarButton, t as useTranslation, u as FilePreviewToolbarPortalProvider } from "./useTranslation-DMhY277o.js";
-import { t as imageFilePreviewPlugin } from "./imageFilePreviewPlugin-CYLM2bwR.js";
-import { Component, Suspense, createContext, createElement, lazy, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { a as usePreviewHost, c as FilePreviewToolbarPortalHost, d as EmptyState, g as createLucideIcon, h as FileWarning, i as PreviewHostContext, l as FilePreviewToolbarPortalProvider, m as LoaderCircle, n as I18nContext, p as cn, r as FilePreviewLayout, s as FilePreviewToolbar, t as useTranslation } from "./useTranslation-BJY4EKsz.js";
+import { n as DialogPortalContainerProvider, r as PortalContainerProvider, t as FilePreviewToolbarButton } from "./FilePreviewToolbarButton-ptqwCTnz.js";
+import { t as imageFilePreviewPlugin } from "./imageFilePreviewPlugin-D6hV1Hm1.js";
+import { Component, Suspense, createContext, createElement, lazy, useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 /**
 * @license lucide-react v0.545.0 - ISC
@@ -31,28 +32,38 @@ var plugins = [
 		id: "pdf",
 		extensions: ["pdf"],
 		mediaTypes: ["application/pdf"],
-		load: () => import("./PdfFilePreview-D3Ie0_mm.js"),
+		load: () => import("./PdfFilePreview-CbrMcPzo.js"),
 		supportsSelectionReference: true
 	},
 	{
 		id: "powerpoint",
 		extensions: ["pptx"],
 		mediaTypes: ["application/vnd.openxmlformats-officedocument.presentationml.presentation"],
-		load: () => import("./PowerPointFilePreview-CyQHTp4B.js"),
+		load: () => import("./PowerPointFilePreview-9E6kUy_A.js"),
 		supportsSelectionReference: true
 	},
+	{
+		id: "rtf",
+		extensions: ["rtf"],
+		mediaTypes: [
+			"application/rtf",
+			"text/rtf",
+			"application/x-rtf"
+		],
+		load: () => import("./RtfFilePreview-Bgl6lmWy.js")
+	},
 	{
 		id: "spreadsheet",
 		extensions: ["xlsx"],
 		mediaTypes: ["application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"],
-		load: () => import("./SpreadsheetFilePreview-DJdoyeis.js"),
+		load: () => import("./SpreadsheetFilePreview-PWFG3UY3.js"),
 		supportsSelectionReference: true
 	},
 	{
 		id: "word",
 		extensions: ["docx"],
 		mediaTypes: ["application/vnd.openxmlformats-officedocument.wordprocessingml.document"],
-		load: () => import("./WordFilePreview-Tvm-vK91.js"),
+		load: () => import("./WordFilePreview-hfALJk2N.js"),
 		supportsSelectionReference: true
 	}
 ];
@@ -2997,6 +3008,8 @@ function PreviewSession({ source, header, className, style, refreshKey = 0, reso
 	const [session, setSession] = useState(null);
 	const [failure, setFailure] = useState(null);
 	const closeRef = useRef(void 0);
+	const plugin = useMemo(() => resolvePreviewPlugin(source.name, source.mediaType), [source.name, source.mediaType]);
+	const Plugin = useMemo(() => plugin ? lazy(plugin.load) : null, [plugin]);
 	const hasFailedRef = useRef(false);
 	const callbacks = useRef({
 		onSelection,
@@ -3010,7 +3023,7 @@ function PreviewSession({ source, header, className, style, refreshKey = 0, reso
 		onError,
 		onRequestOpen
 	};
-	const failDocument = useCallback((error) => {
+	const reportFailure = useCallback((error) => {
 		if (hasFailedRef.current) return;
 		hasFailedRef.current = true;
 		closeRef.current?.();
@@ -3024,7 +3037,24 @@ function PreviewSession({ source, header, className, style, refreshKey = 0, reso
 		});
 		callbacks.current.onError?.(normalized);
 	}, []);
-	const reportSelection = useCallback((selection) => callbacks.current.onSelection?.(selection), []);
+	const requestIdRef = useRef(0);
+	useLayoutEffect(() => {
+		requestIdRef.current += 1;
+		return () => {
+			requestIdRef.current += 1;
+		};
+	}, [
+		source,
+		refreshKey,
+		plugin
+	]);
+	const isCurrentSession = useCallback(() => session?.requestId === requestIdRef.current, [session]);
+	const failDocument = useCallback((error) => {
+		if (isCurrentSession()) reportFailure(error);
+	}, [isCurrentSession, reportFailure]);
+	const reportSelection = useCallback((selection) => {
+		if (isCurrentSession()) callbacks.current.onSelection?.(selection);
+	}, [isCurrentSession]);
 	const reportDiagnostic = useCallback((diagnostic) => callbacks.current.onDiagnostic?.(diagnostic), []);
 	const requestOpen = useCallback((reason) => callbacks.current.onRequestOpen?.(reason), []);
 	const hasOpenAction = onRequestOpen !== void 0;
@@ -3034,7 +3064,8 @@ function PreviewSession({ source, header, className, style, refreshKey = 0, reso
 		options,
 		onDiagnostic: reportDiagnostic,
 		onRequestOpen: hasOpenAction ? requestOpen : void 0,
-		failDocument
+		failDocument,
+		isCurrentDocument: isCurrentSession
 	}), [
 		root,
 		resources,
@@ -3042,15 +3073,14 @@ function PreviewSession({ source, header, className, style, refreshKey = 0, reso
 		reportDiagnostic,
 		requestOpen,
 		hasOpenAction,
-		failDocument
+		failDocument,
+		isCurrentSession
 	]);
-	const plugin = useMemo(() => resolvePreviewPlugin(source.name, source.mediaType), [source.name, source.mediaType]);
-	const Plugin = useMemo(() => plugin ? lazy(plugin.load) : null, [plugin]);
 	useEffect(() => {
-		setSession(null);
 		setFailure(null);
 		hasFailedRef.current = false;
 		if (!plugin) return;
+		const requestId = requestIdRef.current;
 		const controller = new AbortController();
 		let opened = null;
 		let closed = false;
@@ -3075,8 +3105,9 @@ function PreviewSession({ source, header, className, style, refreshKey = 0, reso
 				assertPreviewRange(opened.size, 0, opened.size);
 				setSession({
 					source,
-					refreshKey,
-					document: opened
+					requestId,
+					document: opened,
+					plugin
 				});
 			} catch (error) {
 				close();
@@ -3085,7 +3116,7 @@ function PreviewSession({ source, header, className, style, refreshKey = 0, reso
 					source,
 					refreshKey
 				});
-				failDocument(error);
+				reportFailure(error);
 			}
 		})();
 		return () => {
@@ -3097,9 +3128,9 @@ function PreviewSession({ source, header, className, style, refreshKey = 0, reso
 		source,
 		refreshKey,
 		plugin,
-		failDocument
+		reportFailure
 	]);
-	const ready = session?.source === source && session.refreshKey === refreshKey ? session : null;
+	const ready = session?.source.id === source.id && session.plugin === plugin ? session : null;
 	const failed = failure?.source === source && failure.refreshKey === refreshKey;
 	const content = !Plugin ? /* @__PURE__ */ jsx(PreviewState, { kind: "unsupported" }) : failed ? /* @__PURE__ */ jsx(PreviewState, { kind: "error" }) : !ready ? /* @__PURE__ */ jsx(PreviewState, { kind: "loading" }) : /* @__PURE__ */ jsx(m, {
 		resetKeys: [ready.document],
@@ -3108,14 +3139,14 @@ function PreviewSession({ source, header, className, style, refreshKey = 0, reso
 		children: /* @__PURE__ */ jsx(Suspense, {
 			fallback: /* @__PURE__ */ jsx(PreviewState, { kind: "loading" }),
 			children: /* @__PURE__ */ jsx(Plugin, {
-				sourceId: source.id,
-				fileName: source.name,
-				mediaType: source.mediaType,
+				sourceId: ready.source.id,
+				fileName: ready.source.name,
+				mediaType: ready.source.mediaType,
 				document: ready.document,
 				onSelection: onSelection ? reportSelection : void 0
-			}, `${source.id}:${refreshKey}:${ready.document.revision}`)
+			})
 		})
-	}, `${source.id}:${refreshKey}:${ready.document.revision}`);
+	}, `${source.id}:${plugin?.id}`);
 	return /* @__PURE__ */ jsx("div", {
 		ref: setRoot,
 		"data-file-preview-root": "",

package/dist/{rotate-ccw-YWx7RzY9.js → rotate-ccw-Bx-jjhVm.js}

@@ -1,4 +1,4 @@
-import { R as createLucideIcon } from "./useTranslation-DMhY277o.js";
+import { g as createLucideIcon } from "./useTranslation-BJY4EKsz.js";
 /**
 * @license lucide-react v0.545.0 - ISC
 *

package/dist/{selection-CQPD5a6C.js → selection-B0INvh6t.js}

@@ -1,34 +1,4 @@
 import { n as SELECTION_EXCERPT_MAX_LENGTH } from "./documentAnchor-J7GGLU15.js";
-import { R as createLucideIcon } from "./useTranslation-DMhY277o.js";
-/**
-* @license lucide-react v0.545.0 - ISC
-*
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
-*/
-var CircleAlert = createLucideIcon("circle-alert", [
-	["circle", {
-		cx: "12",
-		cy: "12",
-		r: "10",
-		key: "1mglay"
-	}],
-	["line", {
-		x1: "12",
-		x2: "12",
-		y1: "8",
-		y2: "12",
-		key: "1pkeuh"
-	}],
-	["line", {
-		x1: "12",
-		x2: "12.01",
-		y1: "16",
-		y2: "16",
-		key: "4dfq90"
-	}]
-]);
-//#endregion
 //#region src/selection.ts
 var SELECTION_WHITESPACE = /[\t\n\v\f\r \u0085\u00a0\u1680\u2000-\u200a\u2028\u2029\u202f\u205f\u3000\ufeff\u001c-\u001f]+/g;
 function normalizeSelectionText(text) {
@@ -44,4 +14,4 @@ function createPreviewSelection(input) {
 	} : null;
 }
 //#endregion
-export { normalizeSelectionText as n, CircleAlert as r, createPreviewSelection as t };
+export { normalizeSelectionText as n, createPreviewSelection as t };