Release v1.7.4

- Add web worker for PDF attachment processing to improve performance and prevent UI blocking
- Create add-attachments.worker.js with TypeScript definitions for type safety
- Implement worker message handling with success and error responses
- Update nginx.conf to use Cross-Origin-Resource-Policy instead of Cross-Origin-Embedder-Policy for better cross-origin resource sharing
- Refactor add-attachments.ts to use worker-based processing with transferable objects
- Update main.ts to add home logo click handler for navigation
- Improve error handling with worker error event listener
- Add validation checks for PDF file availability before processing attachments

.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.4",
   "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,69 @@
+self.importScripts('/coherentpdf.browser.min.js');
+
+function addAttachmentsToPDFInWorker(pdfBuffer, attachmentBuffers, attachmentNames) {
+  try {
+    const uint8Array = new Uint8Array(pdfBuffer);
+    
+    let pdf;
+    try {
+      pdf = coherentpdf.fromMemory(uint8Array, '');
+    } catch (error) {
+      self.postMessage({
+        status: 'error',
+        message: `Failed to load PDF. Error: ${error.message || error}`
+      });
+      return;
+    }
+
+    // Add each attachment to the PDF
+    for (let i = 0; i < attachmentBuffers.length; i++) {
+      try {
+        const attachmentData = new Uint8Array(attachmentBuffers[i]);
+        const attachmentName = attachmentNames[i];
+        
+        // Attach file at document level (page 0)
+        coherentpdf.attachFileFromMemory(attachmentData, attachmentName, pdf);
+      } 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
+    );
+  }
+};

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;
   }
@@ -15,37 +45,37 @@ export async function addAttachments() {
 
   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
+    };
+
+    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();
   }
 }
@@ -88,6 +118,11 @@ export function setupAddAttachmentsTool() {
     return;
   }
 
+  if (!state.files || state.files.length === 0) {
+    console.error('No PDF file loaded for adding attachments.');
+    return;
+  }
+
   optionsDiv.classList.remove('hidden');
 
   attachmentInput.addEventListener('change', (e) => {

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/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/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'),
       },
     },
   },