feat(new tool): Pdf Unlocker

Pdf Unlocker using QPDF-Wasm (modularized)
Fix #696

Author: sharevb

Diff for: src/tools/index.ts

@@ -81,11 +81,25 @@ import { tool as uuidGenerator } from './uuid-generator';
 import { tool as macAddressLookup } from './mac-address-lookup';
 import { tool as xmlFormatter } from './xml-formatter';
 import { tool as yamlViewer } from './yaml-viewer';
+import { tool as pdfUnlock } from './pdf-unlock';
 
 export const toolsByCategory: ToolCategory[] = [
   {
     name: 'Crypto',
-    components: [tokenGenerator, hashText, bcrypt, uuidGenerator, ulidGenerator, cypher, bip39, hmacGenerator, rsaKeyPairGenerator, passwordStrengthAnalyser, pdfSignatureChecker],
+    components: [
+      tokenGenerator,
+      hashText,
+      bcrypt,
+      uuidGenerator,
+      ulidGenerator,
+      cypher,
+      bip39,
+      hmacGenerator,
+      rsaKeyPairGenerator,
+      passwordStrengthAnalyser,
+      pdfSignatureChecker,
+      pdfUnlock,
+    ],
   },
   {
     name: 'Converter',

Diff for: src/tools/pdf-unlock/index.ts

@@ -0,0 +1,12 @@
+import { LockOff } from '@vicons/tabler';
+import { defineTool } from '../tool';
+
+export const tool = defineTool({
+  name: 'Pdf Decrypt and Unlock',
+  path: '/pdf-unlock',
+  description: 'Decrypt a PDF and unlock (remove security permissions)',
+  keywords: ['pdf', 'unlock', 'decrypt'],
+  component: () => import('./pdf-unlock.vue'),
+  icon: LockOff,
+  createdAt: new Date('2024-01-09'),
+});

Diff for: src/tools/pdf-unlock/pdf-unlock.vue

@@ -0,0 +1,72 @@
+<script setup lang="ts">
+import { Base64 } from 'js-base64';
+import createQPDFModule from '@/libs/qpdf/qpdf';
+import { useDownloadFileFromBase64Refs } from '@/composable/downloadBase64';
+
+const status = ref<'idle' | 'done' | 'error' | 'processing'>('idle');
+const file = ref<File | null>(null);
+
+const base64OutputPDF = ref('');
+const fileName = ref('');
+const fileExtension = ref('pdf');
+const { download } = useDownloadFileFromBase64Refs(
+  {
+    source: base64OutputPDF,
+    filename: fileName,
+    extension: fileExtension,
+  });
+
+async function onProcessClicked(uploadedFile: File) {
+  file.value = uploadedFile;
+  const fileBuffer = await uploadedFile.arrayBuffer();
+
+  fileName.value = `decrypted_${uploadedFile.name}`;
+  status.value = 'processing';
+  try {
+    const outPdfBuffer = await callMainWithInOutPdf(fileBuffer,
+      [
+        '--decrypt',
+        'in.pdf',
+        'out.pdf',
+      ],
+      0);
+    base64OutputPDF.value = `data:application/pdf;base64,${Base64.fromUint8Array(outPdfBuffer)}`;
+    status.value = 'done';
+
+    download();
+  }
+  catch (e) {
+    status.value = 'error';
+  }
+}
+
+async function callMainWithInOutPdf(data: ArrayBuffer, args: string[], expected_exitcode: number) {
+  const mod = await createQPDFModule();
+  mod.FS.writeFile('in.pdf', new Uint8Array(data));
+  const ret = mod.callMain(args);
+  if (expected_exitcode !== ret) {
+    throw new Error('Process run failed');
+  }
+  return mod.FS.readFile('out.pdf');
+}
+</script>
+
+<template>
+  <div>
+    <div style="flex: 0 0 100%">
+      <div mx-auto max-w-600px>
+        <c-file-upload title="Drag and drop a PDF file here, or click to select a file" accept=".pdf" @file-upload="onProcessClicked" />
+      </div>
+    </div>
+
+    <div mt-3 flex justify-center>
+      <c-alert v-if="status === 'error'" type="error">
+        An error occured processing {{ fileName }}
+      </c-alert>
+      <n-spin
+        v-if="status === 'processing'"
+        size="small"
+      />
+    </div>
+  </div>
+</template>