Release v1.7.5

feat: add page and document level support for adding atttachments

.github/workflows/build-and-publish.yml

@@ -20,7 +20,7 @@ jobs:
         uses: actions/checkout@v4
 
       - name: Setup Node.js
-        uses: actions/setup-node@v6
+        uses: actions/setup-node@v4
         with:
           node-version: "20"
 

README.md

@@ -180,7 +180,7 @@ The easiest way to self-host is to download the pre-built distribution file from
 **Navigate to the extracted Folder:**
 ```bash
 # Navigate to the extracted folder
-cd dist-1.6.2  # Replace with your version
+cd dist-1.7.3  # Replace with your version
 ```
 
 **Serve with Python:**

about.html

@@ -261,7 +261,7 @@
               © 2025 BentoPDF. All rights reserved.
             </p>
             <p class="text-gray-500 text-xs mt-2">
-              Version <span id="app-version">1.6.2</span>
+              Version <span id="app-version"></span>
             </p>
           </div>
 
@@ -331,7 +331,7 @@
     </footer>
 
     <script type="module" src="src/js/utils/lucide-init.ts"></script>
-
+    <script type="module" src="src/version.ts"></script>
     <script type="module" src="src/js/mobileMenu.ts"></script>
   </body>
 </html>

contact.html

@@ -133,7 +133,7 @@
               © 2025 BentoPDF. All rights reserved.
             </p>
             <p class="text-gray-500 text-xs mt-2">
-              Version <span id="app-version">1.6.2</span>
+              Version <span id="app-version"></span>
             </p>
           </div>
 
@@ -203,7 +203,7 @@
     </footer>
 
     <script type="module" src="src/js/utils/lucide-init.ts"></script>
-
+    <script type="module" src="src/version.ts"></script>
     <script type="module" src="src/js/mobileMenu.ts"></script>
   </body>
 </html>

faq.html

@@ -319,7 +319,7 @@
               © 2025 BentoPDF. All rights reserved.
             </p>
             <p class="text-gray-500 text-xs mt-2">
-              Version <span id="app-version">1.6.2</span>
+              Version <span id="app-version"></span>
             </p>
           </div>
 
@@ -389,7 +389,7 @@
     </footer>
 
     <script type="module" src="src/js/utils/lucide-init.ts"></script>
-
+    <script type="module" src="src/version.ts"></script>
     <script type="module" src="src/js/mobileMenu.ts"></script>
   </body>
 </html>

index.html

@@ -594,7 +594,7 @@
             © 2025 BentoPDF. All rights reserved.
           </p>
           <p class="text-gray-500 text-xs mt-2">
-            Version <span id="app-version">1.6.2</span>
+            Version <span id="app-version"></span>
           </p>
         </div>
 
@@ -664,6 +664,7 @@
   </footer>
 
   <script type="module" src="src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="src/version.ts"></script>
   <script type="module" src="src/js/main.ts"></script>
   <script type="module" src="src/js/mobileMenu.ts"></script>
 </body>

nginx.conf

@@ -34,5 +34,7 @@ http {
         add_header X-Frame-Options "SAMEORIGIN" always;
         add_header X-Content-Type-Options "nosniff" always;
         add_header X-XSS-Protection "1; mode=block" always;
+        add_header Cross-Origin-Opener-Policy "same-origin" always;
+        add_header Cross-Origin-Resource-Policy "cross-origin" always;
     }
 }

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "bento-pdf",
-  "version": "1.6.2",
+  "version": "1.7.3",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "bento-pdf",
-      "version": "1.6.2",
+      "version": "1.7.3",
       "license": "Apache-2.0",
       "dependencies": {
         "@fontsource/cedarville-cursive": "^5.2.7",

package.json

@@ -1,7 +1,7 @@
 {
   "name": "bento-pdf",
   "private": true,
-  "version": "1.7.1",
+  "version": "1.7.5",
   "license": "Apache-2.0",
   "type": "module",
   "scripts": {
@@ -16,10 +16,12 @@
     "test:watch": "vitest watch",
     "build:docker": "vite build",
     "format": "prettier --write .",
+    "update-version": "node scripts/update-version.js",
     "release": "node scripts/release.js patch",
     "release:minor": "node scripts/release.js minor",
     "release:major": "node scripts/release.js major",
-    "serve:simple": "SIMPLE_MODE=true npm run build && npx serve dist -p 3000",
+    "serve:simple": "SIMPLE_MODE=true npm run build && npm run preview -- --port 3000",
+    "serve": "npm run build && npm run preview -- --port 3000",
     "package": "node scripts/package-dist.js"
   },
   "devDependencies": {

privacy.html

@@ -244,7 +244,7 @@
               © 2025 BentoPDF. All rights reserved.
             </p>
             <p class="text-gray-500 text-xs mt-2">
-              Version <span id="app-version">1.6.2</span>
+              Version <span id="app-version"></span>
             </p>
           </div>
 
@@ -313,7 +313,7 @@
       </div>
     </footer>
     <script type="module" src="src/js/utils/lucide-init.ts"></script>
-
+    <script type="module" src="src/version.ts"></script>
     <script type="module" src="src/js/mobileMenu.ts"></script>
   </body>
 </html>

public/pdfjs-annotation-viewer/web/viewer.mjs

@@ -12372,7 +12372,10 @@ const PDFViewerApplication = {
     let file;
     const queryString = document.location.search.substring(1);
     const params = parseQueryString(queryString);
-    file = params.get("file") ?? AppOptions.get("defaultUrl");
+    file = params.get("file");
+    if (!file) {
+      file = "";
+    }
     validateFileURL(file);
     const fileInput = this._openFileInput = document.createElement("input");
     fileInput.id = "fileInput";

public/pdfjs-viewer/sign-viewer.html

@@ -207,7 +207,7 @@
       viewer: document.getElementById('viewer'),
       eventBus,
       linkService,
-      annotationEditorMode: 0,
+      annotationEditorMode: 1,
       enableScripting: true,
       renderer: 'canvas'
     });

public/pdfjs-viewer/viewer.mjs

@@ -1512,7 +1512,7 @@ class BaseExternalServices {
 class BasePreferences {
   #defaults = Object.freeze({
     altTextLearnMoreUrl: "",
-    annotationEditorMode: 0,
+    annotationEditorMode: 1,
     annotationMode: 2,
     capCanvasAreaFactor: 200,
     commentLearnMoreUrl: "",
@@ -16429,7 +16429,10 @@ const PDFViewerApplication = {
     let file;
     const queryString = document.location.search.substring(1);
     const params = parseQueryString(queryString);
-    file = params.get("file") ?? AppOptions.get("defaultUrl");
+    file = params.get("file");
+    if (!file) {
+      file = "";
+    }
     try {
       file = new URL(decodeURIComponent(file)).href;
     } catch {

public/workers/add-attachments.worker.d.ts

@@ -0,0 +1,20 @@
+declare const coherentpdf: typeof import('../../src/types/coherentpdf.global').coherentpdf;
+
+interface AddAttachmentsMessage {
+  command: 'add-attachments';
+  pdfBuffer: ArrayBuffer;
+  attachmentBuffers: ArrayBuffer[];
+  attachmentNames: string[];
+}
+
+interface AddAttachmentsSuccessResponse {
+  status: 'success';
+  modifiedPDF: ArrayBuffer;
+}
+
+interface AddAttachmentsErrorResponse {
+  status: 'error';
+  message: string;
+}
+
+type AddAttachmentsResponse = AddAttachmentsSuccessResponse | AddAttachmentsErrorResponse;

public/workers/add-attachments.worker.js

@@ -0,0 +1,132 @@
+self.importScripts('/coherentpdf.browser.min.js');
+
+function parsePageRange(rangeString, totalPages) {
+  const pages = new Set();
+  const parts = rangeString.split(',').map(s => s.trim());
+
+  for (const part of parts) {
+    if (part.includes('-')) {
+      const [start, end] = part.split('-').map(s => parseInt(s.trim(), 10));
+      if (isNaN(start) || isNaN(end)) continue;
+      for (let i = Math.max(1, start); i <= Math.min(totalPages, end); i++) {
+        pages.add(i);
+      }
+    } else {
+      const pageNum = parseInt(part, 10);
+      if (!isNaN(pageNum) && pageNum >= 1 && pageNum <= totalPages) {
+        pages.add(pageNum);
+      }
+    }
+  }
+
+  return Array.from(pages).sort((a, b) => a - b);
+}
+
+function addAttachmentsToPDFInWorker(pdfBuffer, attachmentBuffers, attachmentNames, attachmentLevel, pageRange) {
+  try {
+    const uint8Array = new Uint8Array(pdfBuffer);
+
+    let pdf;
+    try {
+      pdf = coherentpdf.fromMemory(uint8Array, '');
+    } catch (error) {
+      const errorMsg = error.message || error.toString();
+
+      if (errorMsg.includes('Failed to read PDF') ||
+        errorMsg.includes('Could not read object') ||
+        errorMsg.includes('No /Root entry') ||
+        errorMsg.includes('PDFError')) {
+        self.postMessage({
+          status: 'error',
+          message: 'The PDF file has structural issues and cannot be processed. The file may be corrupted, incomplete, or created with non-standard tools. Please try:\n\n• Opening and re-saving the PDF in another PDF viewer\n• Using a different PDF file\n• Repairing the PDF with a PDF repair tool'
+        });
+      } else {
+        self.postMessage({
+          status: 'error',
+          message: `Failed to load PDF: ${errorMsg}`
+        });
+      }
+      return;
+    }
+
+    const totalPages = coherentpdf.pages(pdf);
+
+    let targetPages = [];
+    if (attachmentLevel === 'page') {
+      if (!pageRange) {
+        self.postMessage({
+          status: 'error',
+          message: 'Page range is required for page-level attachments.'
+        });
+        coherentpdf.deletePdf(pdf);
+        return;
+      }
+      targetPages = parsePageRange(pageRange, totalPages);
+      if (targetPages.length === 0) {
+        self.postMessage({
+          status: 'error',
+          message: 'Invalid page range specified.'
+        });
+        coherentpdf.deletePdf(pdf);
+        return;
+      }
+    }
+
+    for (let i = 0; i < attachmentBuffers.length; i++) {
+      try {
+        const attachmentData = new Uint8Array(attachmentBuffers[i]);
+        const attachmentName = attachmentNames[i];
+
+        if (attachmentLevel === 'document') {
+          coherentpdf.attachFileFromMemory(attachmentData, attachmentName, pdf);
+        } else {
+          for (const pageNum of targetPages) {
+            coherentpdf.attachFileToPageFromMemory(attachmentData, attachmentName, pdf, pageNum);
+          }
+        }
+      } catch (error) {
+        console.warn(`Failed to attach file ${attachmentNames[i]}:`, error);
+        self.postMessage({
+          status: 'error',
+          message: `Failed to attach file ${attachmentNames[i]}: ${error.message || error}`
+        });
+        coherentpdf.deletePdf(pdf);
+        return;
+      }
+    }
+
+    // Save the modified PDF
+    const modifiedBytes = coherentpdf.toMemory(pdf, false, false);
+    coherentpdf.deletePdf(pdf);
+
+    const buffer = modifiedBytes.buffer.slice(
+      modifiedBytes.byteOffset,
+      modifiedBytes.byteOffset + modifiedBytes.byteLength
+    );
+
+    self.postMessage({
+      status: 'success',
+      modifiedPDF: buffer
+    }, [buffer]);
+
+  } catch (error) {
+    self.postMessage({
+      status: 'error',
+      message: error instanceof Error
+        ? error.message
+        : 'Unknown error occurred while adding attachments.'
+    });
+  }
+}
+
+self.onmessage = (e) => {
+  if (e.data.command === 'add-attachments') {
+    addAttachmentsToPDFInWorker(
+      e.data.pdfBuffer,
+      e.data.attachmentBuffers,
+      e.data.attachmentNames,
+      e.data.attachmentLevel || 'document',
+      e.data.pageRange || ''
+    );
+  }
+};

scripts/release.js

@@ -75,20 +75,24 @@ function main() {
   const newVersion = updateVersion(type);
   console.log(`📦 Updated version to ${newVersion}`);
 
-  // 2. Add and commit changes
+  // 2. Update version in HTML files
-  execSync('git add package.json', { stdio: 'inherit' });
+  console.log(`📝 Updating version in HTML files...`);
+  execSync('npm run update-version', { stdio: 'inherit' });
+
+  // 3. Add and commit changes
+  execSync('git add package.json *.html src/pages/*.html', { stdio: 'inherit' });
   execSync(`git commit -m "Release v${newVersion}"`, { stdio: 'inherit' });
   console.log(`💾 Committed version change`);
 
-  // 3. Create git tag
+  // 4. Create git tag
   const tagName = createGitTag(newVersion);
 
-  // 4. Build and package the distribution files
+  // 5. Build and package the distribution files
   console.log(`📦 Building and packaging distribution files...`);
   execSync('npm run package', { stdio: 'inherit' });
   console.log(`📦 Distribution files packaged successfully`);
 
-  // 5. Push everything to main
+  // 6. Push everything to main
   console.log(`📤 Pushing to main...`);
   execSync('git push origin main', { stdio: 'inherit' });
   execSync(`git push origin ${tagName}`, { stdio: 'inherit' });

scripts/update-version.js

@@ -0,0 +1,64 @@
+#!/usr/bin/env node
+
+/**
+ * Script to update version numbers in HTML files from package.json
+ * Run this script whenever you need to sync HTML versions with package.json
+ */
+
+import fs from 'fs';
+import path from 'path';
+import { fileURLToPath } from 'url';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+// Read version from package.json
+const packageJson = JSON.parse(
+  fs.readFileSync(path.join(__dirname, '..', 'package.json'), 'utf8')
+);
+const version = packageJson.version;
+
+// HTML files to update
+const htmlFiles = [
+  'index.html',
+  'about.html',
+  'contact.html',
+  'faq.html',
+  'privacy.html',
+  'terms.html',
+  'src/pages/add-stamps.html',
+  'src/pages/bookmark.html',
+  'src/pages/json-to-pdf.html',
+  'src/pages/pdf-multi-tool.html',
+  'src/pages/pdf-to-json.html',
+  'src/pages/table-of-contents.html',
+];
+
+console.log(`Updating version to ${version} in HTML files...`);
+
+let updatedCount = 0;
+
+htmlFiles.forEach((file) => {
+  const filePath = path.join(__dirname, '..', file);
+  
+  if (!fs.existsSync(filePath)) {
+    console.log(`⚠️  Skipping ${file} (not found)`);
+    return;
+  }
+
+  let content = fs.readFileSync(filePath, 'utf8');
+  
+  // Replace version in <span id="app-version">X.X.X</span>
+  const regex = /(<span id="app-version">)[^<]+(<\/span>)/g;
+  const newContent = content.replace(regex, `$1${version}$2`);
+  
+  if (content !== newContent) {
+    fs.writeFileSync(filePath, newContent, 'utf8');
+    console.log(`✓ Updated ${file}`);
+    updatedCount++;
+  } else {
+    console.log(`- ${file} (already up to date)`);
+  }
+});
+
+console.log(`\nDone! Updated ${updatedCount} file(s) to version ${version}`);

serve.json

@@ -0,0 +1,25 @@
+{
+  "headers": [
+    {
+      "source": "**/*",
+      "headers": [
+        {
+          "key": "Cross-Origin-Opener-Policy",
+          "value": "same-origin"
+        },
+        {
+          "key": "Cross-Origin-Embedder-Policy",
+          "value": "require-corp"
+        },
+        {
+          "key": "X-Frame-Options",
+          "value": "SAMEORIGIN"
+        },
+        {
+          "key": "X-Content-Type-Options",
+          "value": "nosniff"
+        }
+      ]
+    }
+  ]
+}

src/js/logic/add-attachments.ts

@@ -1,10 +1,40 @@
 import { showLoader, hideLoader, showAlert } from '../ui';
 import { readFileAsArrayBuffer, downloadFile } from '../utils/helpers';
 import { state } from '../state';
+
+const worker = new Worker('/workers/add-attachments.worker.js');
+
 let attachments: File[] = [];
 
+worker.onmessage = (e) => {
+  const data = e.data;
+
+  if (data.status === 'success' && data.modifiedPDF !== undefined) {
+    hideLoader();
+
+    downloadFile(
+      new Blob([new Uint8Array(data.modifiedPDF)], { type: 'application/pdf' }),
+      `attached-${state.files[0].name}`
+    );
+
+    showAlert('Success', `${attachments.length} file(s) attached successfully.`);
+    clearAttachments();
+  } else if (data.status === 'error') {
+    hideLoader();
+    showAlert('Error', data.message || 'Unknown error occurred.');
+    clearAttachments();
+  }
+};
+
+worker.onerror = (error) => {
+  hideLoader();
+  console.error('Worker error:', error);
+  showAlert('Error', 'Worker error occurred. Check console for details.');
+  clearAttachments();
+};
+
 export async function addAttachments() {
-  if (!state.pdfDoc) {
+  if (!state.files || state.files.length === 0) {
     showAlert('Error', 'Main PDF is not loaded.');
     return;
   }
@@ -13,39 +43,57 @@ export async function addAttachments() {
     return;
   }
 
+  const attachmentLevel = (
+    document.querySelector('input[name="attachment-level"]:checked') as HTMLInputElement
+  )?.value || 'document';
+
+  let pageRange: string = '';
+
+  if (attachmentLevel === 'page') {
+    const pageRangeInput = document.getElementById('attachment-page-range') as HTMLInputElement;
+    pageRange = pageRangeInput?.value?.trim() || '';
+
+    if (!pageRange) {
+      showAlert('Error', 'Please specify a page range for page-level attachments.');
+      return;
+    }
+  }
+
   showLoader('Embedding files into PDF...');
   try {
-    const pdfDoc = state.pdfDoc;
+    const pdfFile = state.files[0];
+    const pdfBuffer = (await readFileAsArrayBuffer(pdfFile)) as ArrayBuffer;
+
+    const attachmentBuffers: ArrayBuffer[] = [];
+    const attachmentNames: string[] = [];
 
     for (let i = 0; i < attachments.length; i++) {
       const file = attachments[i];
-      showLoader(`Attaching ${file.name} (${i + 1}/${attachments.length})...`);
+      showLoader(`Reading ${file.name} (${i + 1}/${attachments.length})...`);
 
-      const fileBytes = await readFileAsArrayBuffer(file);
+      const fileBuffer = (await readFileAsArrayBuffer(file)) as ArrayBuffer;
-
+      attachmentBuffers.push(fileBuffer);
-      await pdfDoc.attach(fileBytes as ArrayBuffer, file.name, {
+      attachmentNames.push(file.name);
-        mimeType: file.type || 'application/octet-stream',
-        description: `Attached file: ${file.name}`,
-        creationDate: new Date(),
-        modificationDate: new Date(file.lastModified),
-      });
     }
 
-    const pdfBytes = await pdfDoc.save();
+    showLoader('Attaching files to PDF...');
-    downloadFile(
+
-      new Blob([pdfBytes], { type: 'application/pdf' }),
+    const message = {
-      `attached-${state.files[0].name}`
+      command: 'add-attachments',
-    );
+      pdfBuffer: pdfBuffer,
+      attachmentBuffers: attachmentBuffers,
+      attachmentNames: attachmentNames,
+      attachmentLevel: attachmentLevel,
+      pageRange: pageRange
+    };
+
+    const transferables = [pdfBuffer, ...attachmentBuffers];
+    worker.postMessage(message, transferables);
 
-    showAlert(
-      'Success',
-      `${attachments.length} file(s) attached successfully.`
-    );
   } catch (error: any) {
     console.error('Error attaching files:', error);
-    showAlert('Error', `Failed to attach files: ${error.message}`);
-  } finally {
     hideLoader();
+    showAlert('Error', `Failed to attach files: ${error.message}`);
     clearAttachments();
   }
 }
@@ -59,6 +107,8 @@ function clearAttachments() {
   const processBtn = document.getElementById(
     'process-btn'
   ) as HTMLButtonElement;
+  const attachmentLevelOptions = document.getElementById('attachment-level-options');
+  const pageRangeWrapper = document.getElementById('page-range-wrapper');
 
   if (fileListDiv) fileListDiv.innerHTML = '';
   if (attachmentInput) attachmentInput.value = '';
@@ -66,14 +116,20 @@ function clearAttachments() {
     processBtn.disabled = true;
     processBtn.classList.add('hidden');
   }
+  if (attachmentLevelOptions) {
+    attachmentLevelOptions.classList.add('hidden');
+  }
+  if (pageRangeWrapper) {
+    pageRangeWrapper.classList.add('hidden');
+  }
+
+  const documentRadio = document.querySelector('input[name="attachment-level"][value="document"]') as HTMLInputElement;
+  if (documentRadio) {
+    documentRadio.checked = true;
+  }
 }
 
-let isSetup = false; // Prevent duplicate setup
-
 export function setupAddAttachmentsTool() {
-  if (isSetup) return; // Already set up
-  isSetup = true;
-
   const optionsDiv = document.getElementById('attachment-options');
   const attachmentInput = document.getElementById(
     'attachment-files-input'
@@ -82,14 +138,29 @@ export function setupAddAttachmentsTool() {
   const processBtn = document.getElementById(
     'process-btn'
   ) as HTMLButtonElement;
+  const attachmentLevelOptions = document.getElementById('attachment-level-options');
+  const pageRangeWrapper = document.getElementById('page-range-wrapper');
+  const totalPagesSpan = document.getElementById('attachment-total-pages');
 
   if (!optionsDiv || !attachmentInput || !fileListDiv || !processBtn) {
     console.error('Attachment tool UI elements not found.');
     return;
   }
 
+  if (!state.files || state.files.length === 0) {
+    console.error('No PDF file loaded for adding attachments.');
+    return;
+  }
+
   optionsDiv.classList.remove('hidden');
 
+  if (totalPagesSpan && state.pdfDoc) {
+    totalPagesSpan.textContent = state.pdfDoc.getPageCount().toString();
+  }
+
+  if (attachmentInput.dataset.listenerAttached) return;
+  attachmentInput.dataset.listenerAttached = 'true';
+
   attachmentInput.addEventListener('change', (e) => {
     const files = (e.target as HTMLInputElement).files;
     if (files && files.length > 0) {
@@ -114,6 +185,10 @@ export function setupAddAttachmentsTool() {
         fileListDiv.appendChild(div);
       });
 
+      if (attachmentLevelOptions) {
+        attachmentLevelOptions.classList.remove('hidden');
+      }
+
       processBtn.disabled = false;
       processBtn.classList.remove('hidden');
     } else {
@@ -121,5 +196,17 @@ export function setupAddAttachmentsTool() {
     }
   });
 
+  const attachmentLevelRadios = document.querySelectorAll('input[name="attachment-level"]');
+  attachmentLevelRadios.forEach((radio) => {
+    radio.addEventListener('change', (e) => {
+      const value = (e.target as HTMLInputElement).value;
+      if (value === 'page' && pageRangeWrapper) {
+        pageRangeWrapper.classList.remove('hidden');
+      } else if (pageRangeWrapper) {
+        pageRangeWrapper.classList.add('hidden');
+      }
+    });
+  });
+
   processBtn.onclick = addAttachments;
 }

src/js/logic/add-stamps.ts

@@ -58,11 +58,23 @@ async function loadPdfInViewer(file: File) {
   const blob = new Blob([arrayBuffer as BlobPart], { type: 'application/pdf' })
   currentBlobUrl = URL.createObjectURL(blob)
 
+  try {
+    const existingPrefsRaw = localStorage.getItem('pdfjs.preferences')
+    const existingPrefs = existingPrefsRaw ? JSON.parse(existingPrefsRaw) : {}
+    delete (existingPrefs as any).annotationEditorMode
+    const newPrefs = {
+      ...existingPrefs,
+      enablePermissions: false,
+    }
+    localStorage.setItem('pdfjs.preferences', JSON.stringify(newPrefs))
+  } catch {}
+
   const iframe = document.createElement('iframe')
   iframe.className = 'w-full h-full border-0'
   iframe.allowFullscreen = true
 
-  iframe.src = `/pdfjs-annotation-viewer/web/viewer.html?file=${encodeURIComponent(currentBlobUrl)}`
+  const viewerUrl = new URL('/pdfjs-annotation-viewer/web/viewer.html', window.location.origin)
+  iframe.src = `${viewerUrl.toString()}?file=${encodeURIComponent(currentBlobUrl)}`
 
   iframe.addEventListener('load', () => {
     setupAnnotationViewer(iframe)
@@ -85,10 +97,14 @@ function setupAnnotationViewer(iframe: HTMLIFrameElement) {
           await app.initializedPromise
         }
 
-        const stampBtn = doc.getElementById('editorStamp') as HTMLButtonElement | null
+        const eventBus = app?.eventBus
-        if (stampBtn) {
+        if (eventBus && typeof eventBus._on === 'function') {
-          stampBtn.classList.remove('hidden')
+          eventBus._on('annotationeditoruimanager', () => {
-          stampBtn.disabled = false
+            try {
+              const stampBtn = doc.getElementById('editorStampButton') as HTMLButtonElement | null
+              stampBtn?.click()
+            } catch {}
+          })
         }
 
         const root = doc.querySelector('.PdfjsAnnotationExtension') as HTMLElement | null

src/js/logic/extract-attachments.ts

@@ -1,5 +1,6 @@
 import { downloadFile, formatBytes } from '../utils/helpers.js';
 import { state } from '../state.js';
+import { showAlert } from '../ui.js';
 import JSZip from 'jszip';
 
 const worker = new Worker('/workers/extract-attachments.worker.js');
@@ -66,6 +67,30 @@ worker.onmessage = (e: MessageEvent<ExtractAttachmentResponse>) => {
   if (e.data.status === 'success') {
     const attachments = e.data.attachments;
 
+    if (attachments.length === 0) {
+      showAlert('No Attachments', 'The PDF file(s) do not contain any attachments to extract.');
+
+      state.files = [];
+      state.pdfDoc = null;
+
+      const fileDisplayArea = document.getElementById('file-display-area');
+      if (fileDisplayArea) {
+        fileDisplayArea.innerHTML = '';
+      }
+
+      const fileInput = document.getElementById('file-input') as HTMLInputElement;
+      if (fileInput) {
+        fileInput.value = '';
+      }
+
+      const fileControls = document.getElementById('file-controls');
+      if (fileControls) {
+        fileControls.classList.add('hidden');
+      }
+
+      return;
+    }
+
     const zip = new JSZip();
     let totalSize = 0;
 
@@ -76,29 +101,60 @@ worker.onmessage = (e: MessageEvent<ExtractAttachmentResponse>) => {
 
     zip.generateAsync({ type: 'blob' }).then((zipBlob) => {
       downloadFile(zipBlob, 'extracted-attachments.zip');
+
+      showAlert('Success', `${attachments.length} attachment(s) extracted successfully!`);
+
       showStatus(
         `Extraction completed! ${attachments.length} attachment(s) in zip file (${formatBytes(totalSize)}). Download started.`,
         'success'
       );
 
       state.files = [];
+      state.pdfDoc = null;
+
       const fileDisplayArea = document.getElementById('file-display-area');
       if (fileDisplayArea) {
         fileDisplayArea.innerHTML = '';
-        fileDisplayArea.classList.add('hidden');
       }
+
       const fileInput = document.getElementById('file-input') as HTMLInputElement;
       if (fileInput) {
         fileInput.value = '';
       }
-      document.getElementById('process-btn')?.classList.add('opacity-50', 'cursor-not-allowed');
+
-      document.getElementById('process-btn')?.setAttribute('disabled', 'true');
+      const fileControls = document.getElementById('file-controls');
+      if (fileControls) {
+        fileControls.classList.add('hidden');
+      }
     });
   } else if (e.data.status === 'error') {
     const errorMessage = e.data.message || 'Unknown error occurred in worker.';
     console.error('Worker Error:', errorMessage);
+
+    if (errorMessage.includes('No attachments were found')) {
+      showAlert('No Attachments', 'The PDF file(s) do not contain any attachments to extract.');
+
+      state.files = [];
+      state.pdfDoc = null;
+
+      const fileDisplayArea = document.getElementById('file-display-area');
+      if (fileDisplayArea) {
+        fileDisplayArea.innerHTML = '';
+      }
+
+      const fileInput = document.getElementById('file-input') as HTMLInputElement;
+      if (fileInput) {
+        fileInput.value = '';
+      }
+
+      const fileControls = document.getElementById('file-controls');
+      if (fileControls) {
+        fileControls.classList.add('hidden');
+      }
+    } else {
       showStatus(`Error: ${errorMessage}`, 'error');
     }
+  }
 };
 
 worker.onerror = (error) => {
@@ -113,8 +169,7 @@ function showStatus(message: string, type: 'success' | 'error' | 'info' = 'info'
   if (!statusMessage) return;
 
   statusMessage.textContent = message;
-  statusMessage.className = `mt-4 p-3 rounded-lg text-sm ${
+  statusMessage.className = `mt-4 p-3 rounded-lg text-sm ${type === 'success'
-    type === 'success'
     ? 'bg-green-900 text-green-200'
     : type === 'error'
       ? 'bg-red-900 text-red-200'

src/js/logic/sign-pdf.ts

@@ -40,9 +40,21 @@ export async function setupSignTool() {
   const blob = new Blob([pdfBytes as BlobPart], { type: 'application/pdf' });
   const blobUrl = URL.createObjectURL(blob);
 
-  const viewerBase = '/pdfjs-viewer/viewer.html';
+  try {
+    const existingPrefsRaw = localStorage.getItem('pdfjs.preferences');
+    const existingPrefs = existingPrefsRaw ? JSON.parse(existingPrefsRaw) : {};
+    delete (existingPrefs as any).annotationEditorMode;
+    const newPrefs = {
+      ...existingPrefs,
+      enableSignatureEditor: true,
+      enablePermissions: false,
+    };
+    localStorage.setItem('pdfjs.preferences', JSON.stringify(newPrefs));
+  } catch {}
+
+  const viewerUrl = new URL('/pdfjs-viewer/viewer.html', window.location.origin);
   const query = new URLSearchParams({ file: blobUrl });
-  iframe.src = `${viewerBase}?${query.toString()}`;
+  iframe.src = `${viewerUrl.toString()}?${query.toString()}`;
 
   iframe.onload = () => {
     hideLoader();
@@ -52,23 +64,27 @@ export async function setupSignTool() {
       if (viewerWindow && viewerWindow.PDFViewerApplication) {
         const app = viewerWindow.PDFViewerApplication;
         const doc = viewerWindow.document;
-
+        const eventBus = app.eventBus;
+        eventBus?._on('annotationeditoruimanager', () => {
           const editorModeButtons = doc.getElementById('editorModeButtons');
           editorModeButtons?.classList.remove('hidden');
-
           const editorSignature = doc.getElementById('editorSignature');
           editorSignature?.removeAttribute('hidden');
           const editorSignatureButton = doc.getElementById('editorSignatureButton') as HTMLButtonElement | null;
           if (editorSignatureButton) {
             editorSignatureButton.disabled = false;
           }
-
           const editorStamp = doc.getElementById('editorStamp');
           editorStamp?.removeAttribute('hidden');
           const editorStampButton = doc.getElementById('editorStampButton') as HTMLButtonElement | null;
           if (editorStampButton) {
             editorStampButton.disabled = false;
           }
+          try {
+            const highlightBtn = doc.getElementById('editorHighlightButton') as HTMLButtonElement | null;
+            highlightBtn?.click();
+          } catch {}
+        });
       }
     } catch (e) {
       console.error('Could not initialize base PDF.js viewer for signing:', e);

src/js/main.ts

@@ -5,6 +5,7 @@ import { createIcons, icons } from 'lucide';
 import * as pdfjsLib from 'pdfjs-dist';
 import '../css/styles.css';
 import { formatStars } from './utils/helpers.js';
+import { APP_VERSION, injectVersion } from '../version.js';
 
 const init = () => {
   pdfjsLib.GlobalWorkerOptions.workerSrc = new URL(
@@ -28,9 +29,11 @@ const init = () => {
         simpleNav.innerHTML = `
           <div class="container mx-auto px-4">
             <div class="flex justify-start items-center h-16">
-              <div class="flex-shrink-0 flex items-center">
+              <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
                 <img src="images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8">
-                <span class="text-white font-bold text-xl ml-2">BentoPDF</span>
+                <span class="text-white font-bold text-xl ml-2">
+                  <a href="index.html">BentoPDF</a>
+                </span>
               </div>
             </div>
           </div>
@@ -94,7 +97,7 @@ const init = () => {
               &copy; 2025 BentoPDF. All rights reserved.
             </p>
             <p class="text-gray-500 text-xs mt-2">
-              Version <span id="app-version-simple">1.6.2</span>
+              Version <span id="app-version-simple">${APP_VERSION}</span>
             </p>
           </div>
         `;

src/js/ui.ts

@@ -251,8 +251,7 @@ const createFileInputHTML = (options = {}) => {
             <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer" ${multiple} accept="${acceptedFiles}">
         </div>
         
-        ${
+        ${showControls
-          showControls
             ? `
             <!-- NEW: Add control buttons for multi-file uploads -->
             <div id="file-controls" class="hidden mt-4 flex gap-3">
@@ -1984,6 +1983,34 @@ export const toolTemplates = {
 
       <div id="attachment-file-list" class="mt-4 space-y-2"></div>
 
+      <div id="attachment-level-options" class="hidden mt-6 space-y-4">
+        <div>
+          <h3 class="text-lg font-semibold text-white mb-2">Attachment Level</h3>
+          <div class="flex gap-4 p-2 rounded-lg bg-gray-900">
+            <label class="flex-1 flex items-center gap-2 p-3 rounded-md hover:bg-gray-700 cursor-pointer">
+              <input type="radio" name="attachment-level" value="document" checked class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 focus:ring-indigo-500">
+              <div>
+                <span class="font-semibold text-white">Document Level</span>
+                <p class="text-xs text-gray-400">Attach to the entire document</p>
+              </div>
+            </label>
+            <label class="flex-1 flex items-center gap-2 p-3 rounded-md hover:bg-gray-700 cursor-pointer">
+              <input type="radio" name="attachment-level" value="page" class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 focus:ring-indigo-500">
+              <div>
+                <span class="font-semibold text-white">Page Level</span>
+                <p class="text-xs text-gray-400">Attach to specific pages</p>
+              </div>
+            </label>
+          </div>
+        </div>
+
+        <div id="page-range-wrapper" class="hidden">
+          <label for="attachment-page-range" class="block mb-2 text-sm font-medium text-gray-300">Page Range</label>
+          <input type="text" id="attachment-page-range" class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5" placeholder="e.g., 1-3, 5, 8">
+          <p class="text-xs text-gray-400 mt-1">Attachments will be added to each page in this range. Total Pages: <span id="attachment-total-pages"></span></p>
+        </div>
+      </div>
+
       <button id="process-btn" class="hidden btn-gradient w-full mt-6" disabled>Embed Files & Download</button>
     </div>
   `,

src/pages/add-stamps.html

@@ -117,7 +117,7 @@
             © 2025 BentoPDF. All rights reserved.
           </p>
           <p class="text-gray-500 text-xs mt-2">
-            Version <span id="app-version">1.6.2</span>
+            Version <span id="app-version"></span>
           </p>
         </div>
 
@@ -186,6 +186,7 @@
     </div>
   </footer>
   <script type="module" src="../js/utils/lucide-init.ts"></script>
+  <script type="module" src="../version.ts"></script>
   <script type="module" src="../js/logic/add-stamps.ts"></script>
   <script type="module" src="../js/mobileMenu.ts"></script>
 </body>

src/pages/bookmark.html

@@ -420,7 +420,7 @@
             © 2025 BentoPDF. All rights reserved.
           </p>
           <p class="text-gray-500 text-xs mt-2">
-            Version <span id="app-version">1.6.2</span>
+            Version <span id="app-version"></span>
           </p>
         </div>
 
@@ -489,6 +489,7 @@
     </div>
   </footer>
   <script type="module" src="../js/utils/lucide-init.ts"></script>
+  <script type="module" src="../version.ts"></script>
   <script type="module" src="../js/logic/bookmark-pdf.ts"></script>
   <script type="module" src="../js/mobileMenu.ts"></script>
 </body>

src/pages/json-to-pdf.html

@@ -116,7 +116,7 @@
             © 2025 BentoPDF. All rights reserved.
           </p>
           <p class="text-gray-500 text-xs mt-2">
-            Version <span id="app-version">1.6.2</span>
+            Version <span id="app-version"></span>
           </p>
         </div>
 
@@ -186,6 +186,7 @@
   </footer>
   <script type="module" src="../js/logic/json-to-pdf.ts"></script>
   <script type="module" src="../js/utils/lucide-init.ts"></script>
+  <script type="module" src="../version.ts"></script>
   <script type="module" src="../js/mobileMenu.ts"></script>
 </body>
 

src/pages/pdf-to-json.html

@@ -110,7 +110,7 @@
             © 2025 BentoPDF. All rights reserved.
           </p>
           <p class="text-gray-500 text-xs mt-2">
-            Version <span id="app-version">1.6.2</span>
+            Version <span id="app-version"></span>
           </p>
         </div>
 
@@ -180,6 +180,7 @@
   </footer>
   <script type="module" src="../js/logic/pdf-to-json.ts"></script>
   <script type="module" src="../js/utils/lucide-init.ts"></script>
+  <script type="module" src="../version.ts"></script>
   <script type="module" src="../js/mobileMenu.ts"></script>
 </body>
 

src/version.ts

@@ -0,0 +1,18 @@
+import packageJson from '../package.json';
+
+export const APP_VERSION = packageJson.version;
+
+export function injectVersion() {
+  const versionElements = document.querySelectorAll('#app-version, #app-version-simple');
+  versionElements.forEach((element) => {
+    element.textContent = APP_VERSION;
+  });
+}
+
+if (typeof document !== 'undefined') {
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', injectVersion);
+  } else {
+    injectVersion();
+  }
+}

terms.html

@@ -234,7 +234,7 @@
               © 2025 BentoPDF. All rights reserved.
             </p>
             <p class="text-gray-500 text-xs mt-2">
-              Version <span id="app-version">1.6.2</span>
+              Version <span id="app-version"></span>
             </p>
           </div>
 
@@ -303,7 +303,7 @@
       </div>
     </footer>
     <script type="module" src="src/js/utils/lucide-init.ts"></script>
-
+    <script type="module" src="src/version.ts"></script>
     <script type="module" src="src/js/mobileMenu.ts"></script>
   </body>
 </html>

tsconfig.json

@@ -54,6 +54,7 @@
     "isolatedModules": true,
     "esModuleInterop": true,
     "forceConsistentCasingInFileNames": true,
+    "resolveJsonModule": true,
 
     /* Path aliases (optional but helpful) */
     "baseUrl": ".",

vite.config.ts

@@ -34,6 +34,12 @@ export default defineConfig(({ mode }) => ({
       'Cross-Origin-Embedder-Policy': 'require-corp',
     },
   },
+  preview: {
+    headers: {
+      'Cross-Origin-Opener-Policy': 'same-origin',
+      'Cross-Origin-Embedder-Policy': 'require-corp',
+    },
+  },
   build: {
     rollupOptions: {
       input: {
@@ -51,6 +57,7 @@ export default defineConfig(({ mode }) => ({
         'pdf-to-json': resolve(__dirname, 'src/pages/pdf-to-json.html'),
         'json-to-pdf': resolve(__dirname, 'src/pages/json-to-pdf.html'),
         'pdf-multi-tool': resolve(__dirname, 'src/pages/pdf-multi-tool.html'),
+        'add-stamps': resolve(__dirname, 'src/pages/add-stamps.html'),
       },
     },
   },