svelte-pdf-view 0.1.9 → 0.1.11

package/README.md

@@ -112,11 +112,12 @@ The main container component that provides context for toolbar and renderer.
 </PdfViewer>
 ```
 
-| Prop    | Type        | Default  | Description                                        |
-| ------- | ----------- | -------- | -------------------------------------------------- |
-| `src`   | `PdfSource` | required | PDF source (URL, ArrayBuffer, Uint8Array, or Blob) |
-| `scale` | `number`    | `1.0`    | Initial zoom scale                                 |
-| `class` | `string`    | `''`     | CSS class for the container                        |
+| Prop               | Type        | Default  | Description                                                            |
+| ------------------ | ----------- | -------- | ---------------------------------------------------------------------- |
+| `src`              | `PdfSource` | required | PDF source (URL, ArrayBuffer, Uint8Array, or Blob)                     |
+| `scale`            | `number`    | `1.0`    | Initial zoom scale                                                     |
+| `downloadFilename` | `string`    | -        | Custom filename for PDF download (default: from URL or 'document.pdf') |
+| `class`            | `string`    | `''`     | CSS class for the container                                            |
 
 ### `<PdfToolbar>`
 

package/dist/PdfRenderer.svelte

@@ -166,7 +166,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

@@ -18,13 +18,21 @@
 		src: PdfSource;
 		/** Initial scale (default: 1.0) */
 		scale?: number;
+		/** Custom filename for PDF download (default: extracted from URL or 'document.pdf') */
+		downloadFilename?: string;
 		/** CSS class for the container */
 		class?: string;
 		/** Children (toolbar and renderer) */
 		children?: Snippet;
 	}
 
-	let { src, scale: initialScale = 1.0, class: className = '', children }: Props = $props();
+	let {
+		src,
+		scale: initialScale = 1.0,
+		downloadFilename,
+		class: className = '',
+		children
+	}: Props = $props();
 
 	// Reactive state that will be shared via context
 	let state = $state<PdfViewerState>({
@@ -44,45 +52,44 @@
 	let rendererActions: PdfViewerActions | null = null;
 
 	// Download helper function
-	function downloadPdf(filename?: string) {
+	async function downloadPdf(filenameOverride?: string) {
 		const downloadName =
-			filename ||
+			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

package/dist/PdfViewer.svelte.d.ts

@@ -7,6 +7,8 @@ interface Props {
     src: PdfSource;
     /** Initial scale (default: 1.0) */
     scale?: number;
+    /** Custom filename for PDF download (default: extracted from URL or 'document.pdf') */
+    downloadFilename?: string;
     /** CSS class for the container */
     class?: string;
     /** Children (toolbar and 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.9",
+	"version": "0.1.11",
 	"description": "A modern, modular PDF viewer component for Svelte 5. Built on PDF.js with TypeScript support",
 	"author": "Louis Li",
 	"license": "Apache-2.0",