svelte-pdf-view 0.1.10 → 0.1.12

package/dist/PdfRenderer.svelte

@@ -36,10 +36,11 @@
 		scrollbarWidth = '10px'
 	}: Props = $props();
 
-	const { state: viewerState, src: contextSrc, _registerRenderer } = getPdfViewerContext();
+	const context = getPdfViewerContext();
+	const { state: viewerState, _registerRenderer } = context;
 
-	// Use prop src if provided, otherwise fall back to context src
-	let src = $derived(srcProp ?? contextSrc);
+	// Use prop src if provided, otherwise fall back to context src (via getter for reactivity)
+	let src = $derived(srcProp ?? context.src);
 
 	let hostEl: HTMLDivElement | undefined = $state();
 	let shadowRoot: ShadowRoot | null = null;
@@ -166,7 +167,7 @@
 				viewerState.searchTotal = 0;
 			}
 		},
-		download: () => {} // Download is handled by PdfViewer, not renderer
+		download: async () => {} // Download is handled by PdfViewer, not renderer
 	};
 
 	onMount(async () => {

package/dist/PdfViewer.svelte

@@ -52,46 +52,44 @@
 	let rendererActions: PdfViewerActions | null = null;
 
 	// Download helper function
-	function downloadPdf(filenameOverride?: string) {
+	async function downloadPdf(filenameOverride?: string) {
 		const downloadName =
 			filenameOverride ||
 			downloadFilename ||
 			(typeof src === 'string' ? src.split('/').pop() : 'document.pdf') ||
 			'document.pdf';
 
+		let blob: Blob;
+
 		if (typeof src === 'string') {
-			// URL - fetch and download
-			const link = document.createElement('a');
-			link.href = src;
-			link.download = downloadName;
-			link.click();
+			// URL - fetch first to handle cross-origin URLs (e.g., Firebase Storage)
+			// The download attribute is ignored for cross-origin URLs
+			try {
+				const response = await fetch(src);
+				blob = await response.blob();
+			} catch {
+				// Fallback for same-origin URLs if fetch fails
+				const link = document.createElement('a');
+				link.href = src;
+				link.download = downloadName;
+				link.click();
+				return;
+			}
 		} else if (src instanceof Blob) {
-			// Blob - create object URL
-			const url = URL.createObjectURL(src);
-			const link = document.createElement('a');
-			link.href = url;
-			link.download = downloadName;
-			link.click();
-			URL.revokeObjectURL(url);
+			blob = src;
 		} else if (src instanceof ArrayBuffer) {
-			// ArrayBuffer
-			const blob = new Blob([src], { type: 'application/pdf' });
-			const url = URL.createObjectURL(blob);
-			const link = document.createElement('a');
-			link.href = url;
-			link.download = downloadName;
-			link.click();
-			URL.revokeObjectURL(url);
+			blob = new Blob([src], { type: 'application/pdf' });
 		} else {
-			// Uint8Array - create a copy as ArrayBuffer
-			const blob = new Blob([new Uint8Array(src)], { type: 'application/pdf' });
-			const url = URL.createObjectURL(blob);
-			const link = document.createElement('a');
-			link.href = url;
-			link.download = downloadName;
-			link.click();
-			URL.revokeObjectURL(url);
+			// Uint8Array
+			blob = new Blob([new Uint8Array(src)], { type: 'application/pdf' });
 		}
+
+		const url = URL.createObjectURL(blob);
+		const link = document.createElement('a');
+		link.href = url;
+		link.download = downloadName;
+		link.click();
+		URL.revokeObjectURL(url);
 	}
 
 	// Actions that proxy to the renderer
@@ -117,7 +115,9 @@
 	setPdfViewerContext({
 		state,
 		actions,
-		src,
+		get src() {
+			return src;
+		},
 		_registerRenderer: (renderer: PdfViewerActions) => {
 			rendererActions = renderer;
 		}

package/dist/pdf-viewer/context.d.ts

@@ -23,7 +23,7 @@ export interface PdfViewerActions {
     searchNext: () => void;
     searchPrevious: () => void;
     clearSearch: () => void;
-    download: (filename?: string) => void;
+    download: (filename?: string) => Promise<void>;
 }
 export interface PdfViewerContext {
     state: PdfViewerState;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "svelte-pdf-view",
-	"version": "0.1.10",
+	"version": "0.1.12",
 	"description": "A modern, modular PDF viewer component for Svelte 5. Built on PDF.js with TypeScript support",
 	"author": "Louis Li",
 	"license": "Apache-2.0",