svelte-pdf-view 0.1.5 → 0.1.7

package/README.md

@@ -41,7 +41,7 @@ If you're using Vite (including SvelteKit), you may need to exclude `pdfjs-dist`
 export default defineConfig({
 	// ... other config
 	optimizeDeps: {
-		exclude: ['pdfjs-dist']
+		exclude: ['svelte-pdf-view']
 	}
 });
 ```

package/dist/PdfRenderer.svelte

@@ -2,6 +2,7 @@
 	import { BROWSER } from 'esm-env';
 	import { onDestroy, onMount } from 'svelte';
 	import { getPdfViewerContext, type PdfViewerActions } from './pdf-viewer/context.js';
+	import { getPdfJs } from './pdf-viewer/pdfjs-singleton.js';
 	import { rendererStyles } from './pdf-viewer/renderer-styles.js';
 
 	/** PDF source - can be a URL string, ArrayBuffer, Uint8Array, or Blob */
@@ -44,23 +45,6 @@
 	// Core instances
 	let viewer: import('./pdf-viewer/PDFViewerCore.js').PDFViewerCore | null = null;
 	let findController: import('./pdf-viewer/FindController.js').FindController | null = null;
-	let pdfjsLib: typeof import('pdfjs-dist/legacy/build/pdf.mjs') | null = null;
-
-	async function initPdfJs() {
-		if (!BROWSER) return null;
-
-		pdfjsLib = await import('pdfjs-dist/legacy/build/pdf.mjs');
-
-		// Create worker using import.meta.url for proper bundler resolution
-		const worker = new pdfjsLib.PDFWorker({
-			port: new Worker(new URL('pdfjs-dist/legacy/build/pdf.worker.mjs', import.meta.url), {
-				type: 'module'
-			}) as unknown as null
-		});
-		pdfjsLib.GlobalWorkerOptions.workerPort = worker.port;
-
-		return pdfjsLib;
-	}
 
 	async function loadPdf(source: PdfSource) {
 		if (!BROWSER || !scrollContainerEl) return;
@@ -69,7 +53,7 @@
 		viewerState.error = null;
 
 		try {
-			const pdfjs = await initPdfJs();
+			const pdfjs = await getPdfJs();
 			if (!pdfjs) return;
 
 			const { PDFViewerCore } = await import('./pdf-viewer/PDFViewerCore.js');
@@ -228,6 +212,8 @@
 			viewer = null;
 		}
 		findController = null;
+		// Note: Worker is a global singleton, not cleaned up per-component
+		// Use destroyPdfJs() from pdfjs-singleton.js if you need to fully cleanup
 	});
 </script>
 

package/dist/PdfViewerInner.svelte

@@ -42,23 +42,6 @@
 	// Core instances (loaded dynamically)
 	let viewer: import('./pdf-viewer/PDFViewerCore.js').PDFViewerCore | null = null;
 	let findController: import('./pdf-viewer/FindController.js').FindController | null = null;
-	let pdfjsLib: typeof import('pdfjs-dist/legacy/build/pdf.mjs') | null = null;
-
-	async function initPdfJs() {
-		if (!BROWSER) return null;
-
-		pdfjsLib = await import('pdfjs-dist/legacy/build/pdf.mjs');
-
-		// Create worker using import.meta.url
-		const worker = new pdfjsLib.PDFWorker({
-			port: new Worker(new URL('pdfjs-dist/legacy/build/pdf.worker.mjs', import.meta.url), {
-				type: 'module'
-			}) as unknown as null
-		});
-		pdfjsLib.GlobalWorkerOptions.workerPort = worker.port;
-
-		return pdfjsLib;
-	}
 
 	async function loadPdf(url: string) {
 		if (!BROWSER || !scrollContainerEl) return;
@@ -67,8 +50,9 @@
 		error = null;
 
 		try {
-			// Initialize PDF.js
-			const pdfjs = await initPdfJs();
+			// Get PDF.js from global singleton
+			const { getPdfJs } = await import('./pdf-viewer/pdfjs-singleton.js');
+			const pdfjs = await getPdfJs();
 			if (!pdfjs) return;
 
 			// Initialize viewer
@@ -223,6 +207,8 @@
 			viewer = null;
 		}
 		findController = null;
+		// Note: Worker is a global singleton, not cleaned up per-component
+		// Use destroyPdfJs() from pdfjs-singleton.js if you need to fully cleanup
 	});
 </script>
 

package/dist/index.d.ts

@@ -1,3 +1,4 @@
 export { default as PdfViewer, Toolbar as PdfToolbar, Renderer as PdfRenderer } from './PdfViewer.svelte';
 export type { PdfSource } from './PdfRenderer.svelte';
 export { getPdfViewerContext, type PdfViewerState, type PdfViewerActions, type PdfViewerContext } from './pdf-viewer/context.js';
+export { destroyPdfJs } from './pdf-viewer/pdfjs-singleton.js';

package/dist/index.js

@@ -2,3 +2,5 @@
 export { default as PdfViewer, Toolbar as PdfToolbar, Renderer as PdfRenderer } from './PdfViewer.svelte';
 // Export context for custom toolbars
 export { getPdfViewerContext } from './pdf-viewer/context.js';
+// Export PDF.js singleton utilities
+export { destroyPdfJs } from './pdf-viewer/pdfjs-singleton.js';

package/dist/pdf-viewer/pdfjs-singleton.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Get the PDF.js library instance. Creates the worker on first call.
+ * Subsequent calls return the cached instance.
+ */
+export declare function getPdfJs(): Promise<typeof import('pdfjs-dist/legacy/build/pdf.mjs') | null>;
+/**
+ * Destroy the PDF.js worker and cleanup resources.
+ * Call this when you're completely done with PDF viewing in your app.
+ * Note: After calling this, the next getPdfJs() call will create a new worker.
+ */
+export declare function destroyPdfJs(): void;

package/dist/pdf-viewer/pdfjs-singleton.js

@@ -0,0 +1,51 @@
+import { BROWSER } from 'esm-env';
+// Global singleton state
+let pdfjsLib = null;
+let pdfWorker = null;
+let rawWorker = null;
+let initPromise = null;
+/**
+ * Get the PDF.js library instance. Creates the worker on first call.
+ * Subsequent calls return the cached instance.
+ */
+export async function getPdfJs() {
+    if (!BROWSER)
+        return null;
+    // Return cached instance
+    if (pdfjsLib && pdfWorker)
+        return pdfjsLib;
+    // If initialization is in progress, wait for it
+    if (initPromise)
+        return initPromise;
+    // Start initialization
+    initPromise = (async () => {
+        pdfjsLib = await import('pdfjs-dist/legacy/build/pdf.mjs');
+        // Create worker only once using import.meta.url for proper bundler resolution
+        rawWorker = new Worker(new URL('pdfjs-dist/legacy/build/pdf.worker.mjs', import.meta.url), {
+            type: 'module'
+        });
+        pdfWorker = new pdfjsLib.PDFWorker({
+            port: rawWorker
+        });
+        pdfjsLib.GlobalWorkerOptions.workerPort = pdfWorker.port;
+        return pdfjsLib;
+    })();
+    return initPromise;
+}
+/**
+ * Destroy the PDF.js worker and cleanup resources.
+ * Call this when you're completely done with PDF viewing in your app.
+ * Note: After calling this, the next getPdfJs() call will create a new worker.
+ */
+export function destroyPdfJs() {
+    if (pdfWorker) {
+        pdfWorker.destroy();
+        pdfWorker = null;
+    }
+    if (rawWorker) {
+        rawWorker.terminate();
+        rawWorker = null;
+    }
+    pdfjsLib = null;
+    initPromise = null;
+}

package/package.json

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