@olenbetong/synergi-react 2.3.9 → 2.4.0

package/es/components/FilePond.d.ts

@@ -4,7 +4,7 @@ import "filepond/dist/filepond.css";
 import type { DataObject } from "@olenbetong/appframe-data";
 import { type FilePondErrorDescription, type FilePondFile, type FilePondOptions, FileStatus, registerPlugin } from "filepond";
 import { type RefObject } from "react";
-export { registerPlugin, FileStatus };
+export { FileStatus, registerPlugin };
 type FilePondProps<T extends Record<string, unknown>> = React.HTMLProps<HTMLInputElement> & {
     dataObject: DataObject<T>;
     fields: Partial<T>;

package/es/components/FilePond.js

@@ -10,7 +10,7 @@ import FilePondPluginImagePreview from "filepond-plugin-image-preview";
 import FilePondPluginImageResize from "filepond-plugin-image-resize";
 import FilePondPluginImageTransform from "filepond-plugin-image-transform";
 import { useEffect, useMemo, useRef } from "react";
-export { registerPlugin, FileStatus };
+export { FileStatus, registerPlugin };
 registerPlugin(FilePondPluginImageExifOrientation, FilePondPluginImageResize, FilePondPluginImagePreview, FilePondPluginImageTransform);
 let isMostLikelyMobile = navigator.userAgent.match(/Android/i) ||
     navigator.userAgent.match(/iPhone/i) ||

package/es/components/ImageEditor/index.d.ts

@@ -1,6 +1,6 @@
-export { ImageEditor } from "./ImageEditor.js";
-export type { ImageEditorRef } from "./ImageEditor.js";
 export { defaultPlugins, defaultViewPlugin } from "./defaultPlugins.js";
+export type { ImageEditorRef } from "./ImageEditor.js";
+export { ImageEditor } from "./ImageEditor.js";
 export { cropPlugin } from "./plugins/cropPlugin/index.js";
 export { rotateCcwPlugin, rotateCwPlugin } from "./plugins/rotatePlugin.js";
 export type { ActionPlugin, EditAction, Plugin, ToolPlugin, ViewPlugin } from "./types.js";

package/es/components/ImageEditor/index.js

@@ -1,4 +1,4 @@
-export { ImageEditor } from "./ImageEditor.js";
 export { defaultPlugins, defaultViewPlugin } from "./defaultPlugins.js";
+export { ImageEditor } from "./ImageEditor.js";
 export { cropPlugin } from "./plugins/cropPlugin/index.js";
 export { rotateCcwPlugin, rotateCwPlugin } from "./plugins/rotatePlugin.js";

package/es/components/MergeProgressDialog/index.d.ts

@@ -0,0 +1,8 @@
+export type MergeProgressDialogProps = {
+    open: boolean;
+    onClose: () => void;
+    /** Called once when the dialog opens; should return the merger ID for the start route */
+    getMergerId: () => Promise<string | number>;
+    mergeType?: "pdf" | "zip";
+};
+export declare function MergeProgressDialog({ open, onClose, getMergerId, mergeType }: MergeProgressDialogProps): import("react/jsx-runtime").JSX.Element;

package/es/components/MergeProgressDialog/index.js

@@ -0,0 +1,136 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Box, Button, DialogActions, LinearProgress, Link, Typography } from "@mui/material";
+import { getLocalizedString } from "@olenbetong/appframe-core";
+import { ResponsiveDialog } from "@olenbetong/appframe-mui";
+import { useEffect, useRef, useState } from "react";
+function formatRemaining(ms) {
+    if (ms < 60_000)
+        return `~${Math.ceil(ms / 1000)}s`;
+    let mins = Math.floor(ms / 60_000);
+    let secs = Math.ceil((ms % 60_000) / 1000);
+    return secs > 0 ? `~${mins}m ${secs}s` : `~${mins}m`;
+}
+export function MergeProgressDialog({ open, onClose, getMergerId, mergeType = "pdf" }) {
+    let [phase, setPhase] = useState({ kind: "preparing" });
+    let [now, setNow] = useState(Date.now);
+    let esRef = useRef(null);
+    let doneRef = useRef(false);
+    // Tick every second while processing to recompute the time estimate
+    useEffect(() => {
+        if (phase.kind !== "processing")
+            return;
+        let timer = setInterval(() => setNow(Date.now()), 1000);
+        return () => clearInterval(timer);
+    }, [phase.kind]);
+    // Start the merge job each time the dialog opens
+    // biome-ignore lint/correctness/useExhaustiveDependencies: intentionally only re-runs on open change
+    useEffect(() => {
+        if (!open)
+            return;
+        setPhase({ kind: "preparing" });
+        doneRef.current = false;
+        let cancelled = false;
+        let es = null;
+        async function start() {
+            try {
+                let mergerId = await getMergerId();
+                if (cancelled)
+                    return;
+                let response = await fetch(`/api/ob/merger/start/${mergerId}/${mergeType}`, { method: "POST" });
+                if (!response.ok)
+                    throw new Error(`${response.status} ${response.statusText}`);
+                let { jobId } = await response.json();
+                if (cancelled)
+                    return;
+                es = new EventSource(`/api/ob/merger/events/${jobId}`);
+                esRef.current = es;
+                es.addEventListener("progress", (e) => {
+                    let d = JSON.parse(e.data);
+                    setPhase((prev) => ({
+                        kind: "processing",
+                        completed: d.completed,
+                        total: d.total,
+                        currentFile: d.currentFile ?? "",
+                        startedAt: prev.kind === "processing" ? prev.startedAt : Date.now(),
+                    }));
+                    setNow(Date.now());
+                });
+                es.addEventListener("done", (e) => {
+                    doneRef.current = true;
+                    es?.close();
+                    let d = JSON.parse(e.data);
+                    setPhase({ kind: "completed", jobId, fileName: d.fileName ?? "" });
+                    window.open(`/api/ob/merger/download/${jobId}`);
+                });
+                // Catches both server-sent "event: error" and connection errors.
+                // After a "done" event the server closes the stream, which also fires error —
+                // doneRef guards against treating that as a failure.
+                es.addEventListener("error", (e) => {
+                    if (doneRef.current)
+                        return;
+                    es?.close();
+                    let message = getLocalizedString("Unknown error");
+                    let data = e.data;
+                    if (data) {
+                        try {
+                            message = JSON.parse(data).message ?? message;
+                        }
+                        catch { }
+                    }
+                    setPhase({ kind: "failed", error: message });
+                });
+            }
+            catch (err) {
+                if (!cancelled) {
+                    setPhase({ kind: "failed", error: err?.message ?? String(err) });
+                }
+            }
+        }
+        start();
+        return () => {
+            cancelled = true;
+            es?.close();
+            esRef.current = null;
+        };
+    }, [open]);
+    function handleClose() {
+        esRef.current?.close();
+        esRef.current = null;
+        onClose();
+    }
+    let pct = 0;
+    let remaining = null;
+    if (phase.kind === "processing" && phase.total > 0) {
+        pct = Math.round((phase.completed / phase.total) * 100);
+        if (phase.completed > 0) {
+            let elapsed = now - phase.startedAt;
+            let msPerFile = elapsed / phase.completed;
+            let remainingMs = msPerFile * (phase.total - phase.completed);
+            remaining = formatRemaining(remainingMs);
+        }
+    }
+    let title = phase.kind === "completed"
+        ? getLocalizedString("Merge complete")
+        : phase.kind === "failed"
+            ? getLocalizedString("Merge failed")
+            : getLocalizedString("Merging drawings");
+    let canClose = phase.kind === "completed" || phase.kind === "failed";
+    return (_jsxs(ResponsiveDialog, { open: open, onClose: canClose ? handleClose : undefined, title: title, maxWidth: "sm", fullWidth: true, slotProps: {
+            transition: {
+                mountOnEnter: true,
+                unmountOnExit: true,
+            },
+        }, children: [_jsxs(Box, { sx: { px: 3, pb: 1 }, children: [(phase.kind === "preparing" || phase.kind === "processing") && (_jsx(LinearProgress, { variant: phase.kind === "preparing" || phase.total === 0 ? "indeterminate" : "determinate", value: pct, sx: { mb: 1.5 } })), phase.kind === "preparing" && (_jsx(Typography, { variant: "body2", sx: {
+                            color: "text.secondary",
+                        }, children: getLocalizedString("Starting merge job…") })), phase.kind === "processing" && (_jsxs(_Fragment, { children: [_jsxs(Typography, { variant: "body2", children: [phase.completed, " / ", phase.total, " ", getLocalizedString("files"), remaining && (_jsxs(Typography, { component: "span", variant: "body2", sx: {
+                                            color: "text.secondary",
+                                        }, children: [" ", "\u2014 ", remaining] }))] }), phase.currentFile && (_jsx(Typography, { variant: "body2", noWrap: true, title: phase.currentFile, sx: {
+                                    color: "text.secondary",
+                                    mt: 0.5,
+                                }, children: phase.currentFile }))] })), phase.kind === "completed" && (_jsxs(_Fragment, { children: [_jsx(Typography, { variant: "body2", sx: {
+                                    color: "success.main",
+                                }, children: getLocalizedString("Download started. You can close this dialog.") }), _jsxs(Typography, { variant: "body2", sx: {
+                                    color: "text.secondary",
+                                    mt: 1,
+                                }, children: [getLocalizedString("If the file did not open automatically, "), " ", _jsx(Link, { href: `/api/ob/merger/download/${phase.jobId}`, target: "_blank", rel: "noopener noreferrer", children: getLocalizedString("click here to open it") }), "."] })] })), phase.kind === "failed" && (_jsx(Typography, { variant: "body2", color: "error", children: phase.error }))] }), _jsx(DialogActions, { children: _jsx(Button, { onClick: handleClose, disabled: !canClose, children: getLocalizedString("Close") }) })] }));
+}

package/es/components/PdfViewer/PdfViewer.js

@@ -1,34 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import rawPdfWorkerSrc from "pdfjs-dist/build/pdf.worker.min.mjs?raw";
 import { useEffect, useMemo, useRef, useState } from "react";
 import { Document, Page, pdfjs } from "react-pdf";
 import "./PdfViewer.css";
-// Clear any leftover workerPort from previous mounts/HMR to avoid using a terminated worker
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-const opts = pdfjs.GlobalWorkerOptions;
-if (opts.workerPort && typeof opts.workerPort === "object" && typeof opts.workerPort.terminate === "function") {
-    try {
-        opts.workerPort.terminate();
-    }
-    catch { }
-}
-// Remove the property entirely to avoid type checks on undefined
-try {
-    delete opts.workerPort;
-}
-catch {
-    opts.workerPort = null;
-}
-// Provide a dedicated Worker instance via blob; pdf.js prefers workerPort over workerSrc
-try {
-    const blob = new Blob([rawPdfWorkerSrc], { type: "text/javascript" });
-    const worker = new Worker(URL.createObjectURL(blob), { type: "module" });
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    pdfjs.GlobalWorkerOptions.workerPort = worker;
-}
-catch {
-    // Ignore – pdf.js may fallback to fake worker in extreme cases
-}
+// Use new URL(..., import.meta.url) — understood by Rolldown/Rollup on all platforms,
+// including Windows where ?raw query strings are invalid in file paths.
+pdfjs.GlobalWorkerOptions.workerSrc = new URL("pdfjs-dist/build/pdf.worker.min.mjs", import.meta.url).toString();
 export function PdfViewer({ url, file }) {
     let [numPages, setNumPages] = useState(0);
     let [error, setError] = useState(null);

package/es/index.d.ts

@@ -2,8 +2,11 @@ export { Checkbox, type CheckboxProps } from "./components/Checkbox/index.js";
 export { CardColumn, CardDetail, CardLabel, CardStep, CardStepList, ColorCard } from "./components/ColorCard/index.js";
 export { DateNavigator } from "./components/DateNavigator/index.js";
 export * from "./components/FilePond.js";
+export * from "./components/ImageEditor/index.js";
 export { Card, LinkedList, LinkedListItem } from "./components/LinkedCardList/index.js";
+export { MergeProgressDialog, type MergeProgressDialogProps } from "./components/MergeProgressDialog/index.js";
 export { BannerImage as PageBannerImage, type BannerImageProps, PageBanner, type PageBannerProps, Tab as PageBannerTab, TabList as PageBannerTabList, type TabListProps as PageBannerTabListProps, type TabProps as PageBannerTabProps, Title as PageBannerTitle, type TitleProps as PageBannerTitleProps, } from "./components/PageBanner/index.js";
+export * from "./components/PdfViewer/index.js";
 export { Portal } from "./components/Portal/index.js";
 export { ProgressBar } from "./components/ProgressBar/index.js";
 export { Sidebar, type SidebarProps } from "./components/Sidebar/index.js";
@@ -11,5 +14,3 @@ export { Spinner, type SpinnerProps } from "./components/Spinner/index.js";
 export { SplitContainer, type SplitContainerProps } from "./components/SplitContainer/index.js";
 export { ValueToggleGroup, type ValueToggleGroupProps } from "./components/ValueToggleGroup/index.js";
 export { useTranslation } from "./useTranslation/index.js";
-export * from "./components/ImageEditor/index.js";
-export * from "./components/PdfViewer/index.js";

package/es/index.js

@@ -2,8 +2,11 @@ export { Checkbox } from "./components/Checkbox/index.js";
 export { CardColumn, CardDetail, CardLabel, CardStep, CardStepList, ColorCard } from "./components/ColorCard/index.js";
 export { DateNavigator } from "./components/DateNavigator/index.js";
 export * from "./components/FilePond.js";
+export * from "./components/ImageEditor/index.js";
 export { Card, LinkedList, LinkedListItem } from "./components/LinkedCardList/index.js";
+export { MergeProgressDialog } from "./components/MergeProgressDialog/index.js";
 export { BannerImage as PageBannerImage, PageBanner, Tab as PageBannerTab, TabList as PageBannerTabList, Title as PageBannerTitle, } from "./components/PageBanner/index.js";
+export * from "./components/PdfViewer/index.js";
 export { Portal } from "./components/Portal/index.js";
 export { ProgressBar } from "./components/ProgressBar/index.js";
 export { Sidebar } from "./components/Sidebar/index.js";
@@ -11,5 +14,3 @@ export { Spinner } from "./components/Spinner/index.js";
 export { SplitContainer } from "./components/SplitContainer/index.js";
 export { ValueToggleGroup } from "./components/ValueToggleGroup/index.js";
 export { useTranslation } from "./useTranslation/index.js";
-export * from "./components/ImageEditor/index.js";
-export * from "./components/PdfViewer/index.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@olenbetong/synergi-react",
-  "version": "2.3.9",
+  "version": "2.4.0",
   "description": "Standalone React component for SynergiWeb and Partner Portal",
   "type": "module",
   "exports": {

package/src/components/FilePond.tsx

@@ -22,7 +22,7 @@ import FilePondPluginImageResize from "filepond-plugin-image-resize";
 import FilePondPluginImageTransform from "filepond-plugin-image-transform";
 import { type RefObject, useEffect, useMemo, useRef } from "react";
 
-export { registerPlugin, FileStatus };
+export { FileStatus, registerPlugin };
 
 registerPlugin(
 	FilePondPluginImageExifOrientation,

package/src/components/ImageEditor/index.ts

@@ -1,6 +1,6 @@
-export { ImageEditor } from "./ImageEditor.js";
-export type { ImageEditorRef } from "./ImageEditor.js";
 export { defaultPlugins, defaultViewPlugin } from "./defaultPlugins.js";
+export type { ImageEditorRef } from "./ImageEditor.js";
+export { ImageEditor } from "./ImageEditor.js";
 export { cropPlugin } from "./plugins/cropPlugin/index.js";
 export { rotateCcwPlugin, rotateCwPlugin } from "./plugins/rotatePlugin.js";
 export type { ActionPlugin, EditAction, Plugin, ToolPlugin, ViewPlugin } from "./types.js";

package/src/components/MergeProgressDialog/index.tsx

@@ -0,0 +1,249 @@
+import { Box, Button, DialogActions, LinearProgress, Link, Typography } from "@mui/material";
+import { getLocalizedString } from "@olenbetong/appframe-core";
+import { ResponsiveDialog } from "@olenbetong/appframe-mui";
+import { useEffect, useRef, useState } from "react";
+
+export type MergeProgressDialogProps = {
+	open: boolean;
+	onClose: () => void;
+	/** Called once when the dialog opens; should return the merger ID for the start route */
+	getMergerId: () => Promise<string | number>;
+	mergeType?: "pdf" | "zip";
+};
+
+type MergePhase =
+	| { kind: "preparing" }
+	| { kind: "processing"; completed: number; total: number; currentFile: string; startedAt: number }
+	| { kind: "completed"; jobId: string; fileName: string }
+	| { kind: "failed"; error: string };
+
+function formatRemaining(ms: number) {
+	if (ms < 60_000) return `~${Math.ceil(ms / 1000)}s`;
+	let mins = Math.floor(ms / 60_000);
+	let secs = Math.ceil((ms % 60_000) / 1000);
+	return secs > 0 ? `~${mins}m ${secs}s` : `~${mins}m`;
+}
+
+export function MergeProgressDialog({ open, onClose, getMergerId, mergeType = "pdf" }: MergeProgressDialogProps) {
+	let [phase, setPhase] = useState<MergePhase>({ kind: "preparing" });
+	let [now, setNow] = useState(Date.now);
+	let esRef = useRef<EventSource | null>(null);
+	let doneRef = useRef(false);
+
+	// Tick every second while processing to recompute the time estimate
+	useEffect(() => {
+		if (phase.kind !== "processing") return;
+		let timer = setInterval(() => setNow(Date.now()), 1000);
+		return () => clearInterval(timer);
+	}, [phase.kind]);
+
+	// Start the merge job each time the dialog opens
+	// biome-ignore lint/correctness/useExhaustiveDependencies: intentionally only re-runs on open change
+	useEffect(() => {
+		if (!open) return;
+
+		setPhase({ kind: "preparing" });
+		doneRef.current = false;
+
+		let cancelled = false;
+		let es: EventSource | null = null;
+
+		async function start() {
+			try {
+				let mergerId = await getMergerId();
+				if (cancelled) return;
+
+				let response = await fetch(`/api/ob/merger/start/${mergerId}/${mergeType}`, { method: "POST" });
+				if (!response.ok) throw new Error(`${response.status} ${response.statusText}`);
+				let { jobId } = await response.json();
+				if (cancelled) return;
+
+				es = new EventSource(`/api/ob/merger/events/${jobId}`);
+				esRef.current = es;
+
+				es.addEventListener("progress", (e) => {
+					let d = JSON.parse((e as MessageEvent).data);
+					setPhase((prev) => ({
+						kind: "processing",
+						completed: d.completed,
+						total: d.total,
+						currentFile: d.currentFile ?? "",
+						startedAt: prev.kind === "processing" ? prev.startedAt : Date.now(),
+					}));
+					setNow(Date.now());
+				});
+
+				es.addEventListener("done", (e) => {
+					doneRef.current = true;
+					es?.close();
+					let d = JSON.parse((e as MessageEvent).data);
+					setPhase({ kind: "completed", jobId, fileName: d.fileName ?? "" });
+					window.open(`/api/ob/merger/download/${jobId}`);
+				});
+
+				// Catches both server-sent "event: error" and connection errors.
+				// After a "done" event the server closes the stream, which also fires error —
+				// doneRef guards against treating that as a failure.
+				es.addEventListener("error", (e) => {
+					if (doneRef.current) return;
+					es?.close();
+					let message = getLocalizedString("Unknown error");
+					let data = (e as MessageEvent).data;
+					if (data) {
+						try {
+							message = JSON.parse(data).message ?? message;
+						} catch {}
+					}
+					setPhase({ kind: "failed", error: message });
+				});
+			} catch (err: unknown) {
+				if (!cancelled) {
+					setPhase({ kind: "failed", error: (err as Error)?.message ?? String(err) });
+				}
+			}
+		}
+
+		start();
+
+		return () => {
+			cancelled = true;
+			es?.close();
+			esRef.current = null;
+		};
+	}, [open]);
+
+	function handleClose() {
+		esRef.current?.close();
+		esRef.current = null;
+		onClose();
+	}
+
+	let pct = 0;
+	let remaining: string | null = null;
+
+	if (phase.kind === "processing" && phase.total > 0) {
+		pct = Math.round((phase.completed / phase.total) * 100);
+		if (phase.completed > 0) {
+			let elapsed = now - phase.startedAt;
+			let msPerFile = elapsed / phase.completed;
+			let remainingMs = msPerFile * (phase.total - phase.completed);
+			remaining = formatRemaining(remainingMs);
+		}
+	}
+
+	let title =
+		phase.kind === "completed"
+			? getLocalizedString("Merge complete")
+			: phase.kind === "failed"
+				? getLocalizedString("Merge failed")
+				: getLocalizedString("Merging drawings");
+
+	let canClose = phase.kind === "completed" || phase.kind === "failed";
+
+	return (
+		<ResponsiveDialog
+			open={open}
+			onClose={canClose ? handleClose : undefined}
+			title={title}
+			maxWidth="sm"
+			fullWidth
+			slotProps={{
+				transition: {
+					mountOnEnter: true,
+					unmountOnExit: true,
+				},
+			}}
+		>
+			<Box sx={{ px: 3, pb: 1 }}>
+				{(phase.kind === "preparing" || phase.kind === "processing") && (
+					<LinearProgress
+						variant={phase.kind === "preparing" || phase.total === 0 ? "indeterminate" : "determinate"}
+						value={pct}
+						sx={{ mb: 1.5 }}
+					/>
+				)}
+
+				{phase.kind === "preparing" && (
+					<Typography
+						variant="body2"
+						sx={{
+							color: "text.secondary",
+						}}
+					>
+						{getLocalizedString("Starting merge job…")}
+					</Typography>
+				)}
+
+				{phase.kind === "processing" && (
+					<>
+						<Typography variant="body2">
+							{phase.completed} / {phase.total} {getLocalizedString("files")}
+							{remaining && (
+								<Typography
+									component="span"
+									variant="body2"
+									sx={{
+										color: "text.secondary",
+									}}
+								>
+									{" "}
+									— {remaining}
+								</Typography>
+							)}
+						</Typography>
+						{phase.currentFile && (
+							<Typography
+								variant="body2"
+								noWrap
+								title={phase.currentFile}
+								sx={{
+									color: "text.secondary",
+									mt: 0.5,
+								}}
+							>
+								{phase.currentFile}
+							</Typography>
+						)}
+					</>
+				)}
+
+				{phase.kind === "completed" && (
+					<>
+						<Typography
+							variant="body2"
+							sx={{
+								color: "success.main",
+							}}
+						>
+							{getLocalizedString("Download started. You can close this dialog.")}
+						</Typography>
+						<Typography
+							variant="body2"
+							sx={{
+								color: "text.secondary",
+								mt: 1,
+							}}
+						>
+							{getLocalizedString("If the file did not open automatically, ")}{" "}
+							<Link href={`/api/ob/merger/download/${phase.jobId}`} target="_blank" rel="noopener noreferrer">
+								{getLocalizedString("click here to open it")}
+							</Link>
+							.
+						</Typography>
+					</>
+				)}
+
+				{phase.kind === "failed" && (
+					<Typography variant="body2" color="error">
+						{phase.error}
+					</Typography>
+				)}
+			</Box>
+			<DialogActions>
+				<Button onClick={handleClose} disabled={!canClose}>
+					{getLocalizedString("Close")}
+				</Button>
+			</DialogActions>
+		</ResponsiveDialog>
+	);
+}

package/src/components/PdfViewer/PdfViewer.tsx

@@ -1,31 +1,10 @@
-import rawPdfWorkerSrc from "pdfjs-dist/build/pdf.worker.min.mjs?raw";
 import { useEffect, useMemo, useRef, useState } from "react";
 import { Document, Page, pdfjs } from "react-pdf";
 import "./PdfViewer.css";
 
-// Clear any leftover workerPort from previous mounts/HMR to avoid using a terminated worker
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-const opts: any = pdfjs.GlobalWorkerOptions as any;
-if (opts.workerPort && typeof opts.workerPort === "object" && typeof opts.workerPort.terminate === "function") {
-	try {
-		opts.workerPort.terminate();
-	} catch {}
-}
-// Remove the property entirely to avoid type checks on undefined
-try {
-	delete opts.workerPort;
-} catch {
-	opts.workerPort = null;
-}
-// Provide a dedicated Worker instance via blob; pdf.js prefers workerPort over workerSrc
-try {
-	const blob = new Blob([rawPdfWorkerSrc], { type: "text/javascript" });
-	const worker = new Worker(URL.createObjectURL(blob), { type: "module" });
-	// eslint-disable-next-line @typescript-eslint/no-explicit-any
-	(pdfjs.GlobalWorkerOptions as any).workerPort = worker;
-} catch {
-	// Ignore – pdf.js may fallback to fake worker in extreme cases
-}
+// Use new URL(..., import.meta.url) — understood by Rolldown/Rollup on all platforms,
+// including Windows where ?raw query strings are invalid in file paths.
+pdfjs.GlobalWorkerOptions.workerSrc = new URL("pdfjs-dist/build/pdf.worker.min.mjs", import.meta.url).toString();
 
 type PdfViewerProps = { url?: string; file?: string | Blob | ArrayBuffer };
 

package/src/index.ts

@@ -2,7 +2,9 @@ export { Checkbox, type CheckboxProps } from "./components/Checkbox/index.js";
 export { CardColumn, CardDetail, CardLabel, CardStep, CardStepList, ColorCard } from "./components/ColorCard/index.js";
 export { DateNavigator } from "./components/DateNavigator/index.js";
 export * from "./components/FilePond.js";
+export * from "./components/ImageEditor/index.js";
 export { Card, LinkedList, LinkedListItem } from "./components/LinkedCardList/index.js";
+export { MergeProgressDialog, type MergeProgressDialogProps } from "./components/MergeProgressDialog/index.js";
 export {
 	BannerImage as PageBannerImage,
 	type BannerImageProps,
@@ -15,6 +17,7 @@ export {
 	Title as PageBannerTitle,
 	type TitleProps as PageBannerTitleProps,
 } from "./components/PageBanner/index.js";
+export * from "./components/PdfViewer/index.js";
 export { Portal } from "./components/Portal/index.js";
 export { ProgressBar } from "./components/ProgressBar/index.js";
 export { Sidebar, type SidebarProps } from "./components/Sidebar/index.js";
@@ -22,5 +25,3 @@ export { Spinner, type SpinnerProps } from "./components/Spinner/index.js";
 export { SplitContainer, type SplitContainerProps } from "./components/SplitContainer/index.js";
 export { ValueToggleGroup, type ValueToggleGroupProps } from "./components/ValueToggleGroup/index.js";
 export { useTranslation } from "./useTranslation/index.js";
-export * from "./components/ImageEditor/index.js";
-export * from "./components/PdfViewer/index.js";