adds features

2026-08-27 07:38:35 +02:00
parent 891026ccbb
commit adaae41e44
33 changed files with 2771 additions and 396 deletions
@@ -0,0 +1,152 @@
+<script lang="ts">
+	import { PDFDocument } from 'pdf-lib';
+	import FileDropzone from '$lib/components/FileDropzone.svelte';
+	import RasterizationWarning from '$lib/components/RasterizationWarning.svelte';
+	import Button from '$lib/components/ui/button.svelte';
+	import { downloadBlob } from '$lib/download';
+	import { isRasterizationTooLarge } from '$lib/rasterization-limits';
+	import { Unlock, AlertTriangle } from '@lucide/svelte';
+
+	let pdfFile: File | null = $state(null);
+	let password = $state('');
+	let isProcessing = $state(false);
+	let error = $state<string | null>(null);
+	const rasterizationBlocked = $derived(isRasterizationTooLarge(pdfFile));
+
+	const handleFileSelected = (files: File[]) => {
+		pdfFile = files[0] ?? null;
+		error = null;
+	};
+
+	const decryptPdf = async () => {
+		if (!pdfFile) return;
+
+		isProcessing = true;
+		error = null;
+
+		try {
+			const pdfjsLib = await import('pdfjs-dist');
+			const { getDocument, GlobalWorkerOptions } = pdfjsLib;
+			GlobalWorkerOptions.workerSrc = await import('pdfjs-dist/build/pdf.worker.mjs?url').then(
+				(module) => module.default
+			);
+
+			const loadingTask = getDocument({
+				data: new Uint8Array(await pdfFile.arrayBuffer()),
+				password
+			});
+
+			try {
+				const pdfDocument = await loadingTask.promise;
+				const outputPdf = await PDFDocument.create();
+
+				for (let pageNumber = 1; pageNumber <= pdfDocument.numPages; pageNumber += 1) {
+					const page = await pdfDocument.getPage(pageNumber);
+					const viewport = page.getViewport({ scale: 2 });
+					const canvas = document.createElement('canvas');
+					canvas.width = Math.ceil(viewport.width);
+					canvas.height = Math.ceil(viewport.height);
+					const canvasContext = canvas.getContext('2d');
+					if (!canvasContext) throw new Error('Could not create canvas context');
+
+					await page.render({
+						canvas,
+						canvasContext,
+						viewport,
+						background: '#ffffff'
+					}).promise;
+					const pngBlob = await new Promise<Blob>((resolve, reject) => {
+						canvas.toBlob(
+							(result) => (result ? resolve(result) : reject(new Error('PNG encode failed'))),
+							'image/png'
+						);
+					});
+					const pngImage = await outputPdf.embedPng(new Uint8Array(await pngBlob.arrayBuffer()));
+					const originalViewport = page.getViewport({ scale: 1 });
+					const pdfPage = outputPdf.addPage([originalViewport.width, originalViewport.height]);
+					pdfPage.drawImage(pngImage, {
+						x: 0,
+						y: 0,
+						width: pdfPage.getWidth(),
+						height: pdfPage.getHeight()
+					});
+				}
+
+				const baseName = pdfFile.name.replace(/\.pdf$/i, '');
+				downloadBlob(await outputPdf.save(), `${baseName}_entsperrt.pdf`);
+			} finally {
+				await loadingTask.destroy();
+			}
+		} catch (decryptionError) {
+			console.error('Decryption failed:', decryptionError);
+			error = 'Fehler beim Entsperren. Bitte prüfen Sie das Passwort und versuchen Sie es erneut.';
+		} finally {
+			isProcessing = false;
+		}
+	};
+</script>
+
+<div class="mx-auto max-w-4xl space-y-6">
+	<div>
+		<h1 class="text-2xl font-bold text-primary-900">Passwort entfernen</h1>
+		<p class="mt-2 text-sm text-primary-700">
+			Entfernen Sie den Passwortschutz von einem PDF-Dokument.
+		</p>
+	</div>
+
+	<div class="rounded-lg border border-amber-200 bg-amber-50 p-4 flex gap-3">
+		<AlertTriangle class="h-5 w-5 shrink-0 text-amber-600 mt-0.5" />
+		<div class="text-sm text-amber-800">
+			<p class="font-medium">Hinweis zur Qualität</p>
+			<p class="mt-1">
+				Das PDF wird neu gerendert, wodurch Text zu Bildern wird. Ausgewählter Text,
+				Durchsuchbarkeit und Vektorgrafiken gehen verloren. Die Dateigröße kann größer werden.
+			</p>
+		</div>
+	</div>
+
+	{#if !pdfFile}
+		<FileDropzone onFilesSelected={handleFileSelected} />
+	{:else}
+		<div class="space-y-6">
+			<FileDropzone
+				onFilesSelected={handleFileSelected}
+				label="Anderes PDF ablegen"
+				sublabel={pdfFile.name}
+				class="py-4"
+			/>
+			<RasterizationWarning file={pdfFile} />
+			<div class="rounded-xl border border-primary-200 bg-white p-4 space-y-4">
+				<div class="flex items-center gap-2 text-primary-900">
+					<Unlock class="h-5 w-5" />
+					<h2 class="text-lg font-semibold">{pdfFile.name}</h2>
+				</div>
+
+				<div>
+					<label class="block text-sm font-medium text-primary-900 mb-1" for="decrypt-password">
+						Passwort
+					</label>
+					<input
+						id="decrypt-password"
+						type="password"
+						bind:value={password}
+						class="w-full rounded-lg border border-primary-200 px-3 py-2 text-sm focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary"
+						placeholder="Passwort des PDFs eingeben"
+					/>
+				</div>
+			</div>
+
+			{#if error}
+				<div class="rounded-lg border border-red-200 bg-red-50 p-4 text-sm text-red-800">
+					{error}
+				</div>
+			{/if}
+
+			<div class="flex justify-end gap-2">
+				<Button onclick={decryptPdf} disabled={isProcessing || !password || rasterizationBlocked}>
+					{isProcessing ? 'Wird entsperrt...' : 'Passwort entfernen & herunterladen'}
+				</Button>
+			</div>
+		</div>
+	{/if}
+</div>