From 83aadb6d986436fc681116e202280fe9095e3b95 Mon Sep 17 00:00:00 2001
From: abdullahalam123 <adullah.alam.tapadar2000@gmail.com>
Date: Fri, 21 Nov 2025 19:32:08 +0530
Subject: [PATCH] fix: enhance shortcut key detection for alt key combinations
 and update Discord invite link across all pages.

---
 about.html                       |  2 +-
 contact.html                     |  2 +-
 faq.html                         |  2 +-
 index.html                       |  4 ++--
 licensing.html                   | 27 ++++++++++++++-------------
 privacy.html                     |  2 +-
 src/js/logic/shortcuts.ts        | 13 +++++++++++--
 src/js/main.ts                   | 19 ++++++++++++++-----
 src/pages/add-stamps.html        |  9 ++++-----
 src/pages/bookmark.html          |  4 ++--
 src/pages/json-to-pdf.html       |  4 ++--
 src/pages/pdf-to-json.html       |  4 ++--
 src/pages/table-of-contents.html |  2 +-
 terms.html                       |  2 +-
 14 files changed, 57 insertions(+), 39 deletions(-)

diff --git a/about.html b/about.html
index 9b48926..7eeaf15 100644
--- a/about.html
+++ b/about.html
@@ -241,7 +241,7 @@
                   clip-rule="evenodd" />
               </svg>
             </a>
-            <a href="https://discord.gg/q42xWQmJ" target="_blank" rel="noopener noreferrer"
+            <a href="https://discord.gg/AP2Y97juZT" target="_blank" rel="noopener noreferrer"
               class="text-gray-400 hover:text-indigo-400" title="Discord">
               <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                 <path
diff --git a/contact.html b/contact.html
index 25e0d7b..40b4b05 100644
--- a/contact.html
+++ b/contact.html
@@ -138,7 +138,7 @@
                   clip-rule="evenodd" />
               </svg>
             </a>
-            <a href="https://discord.gg/q42xWQmJ" target="_blank" rel="noopener noreferrer"
+            <a href="https://discord.gg/AP2Y97juZT" target="_blank" rel="noopener noreferrer"
               class="text-gray-400 hover:text-indigo-400" title="Discord">
               <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                 <path
diff --git a/faq.html b/faq.html
index 3359341..05813e4 100644
--- a/faq.html
+++ b/faq.html
@@ -285,7 +285,7 @@
                   clip-rule="evenodd" />
               </svg>
             </a>
-            <a href="https://discord.gg/q42xWQmJ" target="_blank" rel="noopener noreferrer"
+            <a href="https://discord.gg/AP2Y97juZT" target="_blank" rel="noopener noreferrer"
               class="text-gray-400 hover:text-indigo-400" title="Discord">
               <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                 <path
diff --git a/index.html b/index.html
index 688b250..f368fdc 100644
--- a/index.html
+++ b/index.html
@@ -734,7 +734,7 @@
                   clip-rule="evenodd" />
               </svg>
             </a>
-            <a href="https://discord.gg/q42xWQmJ" target="_blank" rel="noopener noreferrer"
+            <a href="https://discord.gg/AP2Y97juZT" target="_blank" rel="noopener noreferrer"
               class="text-gray-400 hover:text-indigo-400" title="Discord">
               <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                 <path
@@ -767,4 +767,4 @@
   <script type="module" src="src/js/mobileMenu.ts"></script>
 </body>
 
-</html>
+</html>
\ No newline at end of file
diff --git a/licensing.html b/licensing.html
index 7df9d4b..cde6451 100644
--- a/licensing.html
+++ b/licensing.html
@@ -530,18 +530,19 @@
                         <span class="text-lg font-semibold text-white">How do I purchase a commercial license?</span>
                         <i data-lucide="chevron-down" class="faq-icon w-6 h-6 text-gray-400 transition-transform"></i>
                     </button>
-                <div class="faq-answer max-h-0 overflow-hidden transition-all duration-300 ease-in-out">
-                    <p class="p-6 pt-0 text-gray-400">
-                        BentoPDF is available under a lifetime, one-time purchase commercial license.
-                        You can purchase it directly here:
-                        <a href="https://ko-fi.com/s/f32ca4cb75" class="text-indigo-400 hover:underline">Buy Commercial License</a>.
-                        <br><br>
-                        If you have specific requirements or want a custom licensing arrangement,
-                        feel free to <a href="./contact.html" class="text-indigo-400 hover:underline">contact us</a>
-                        with details about your use case, company size, and deployment needs.
-                        We're happy to work with you to find the best fit.
-                    </p>
-                </div>
+                    <div class="faq-answer max-h-0 overflow-hidden transition-all duration-300 ease-in-out">
+                        <p class="p-6 pt-0 text-gray-400">
+                            BentoPDF is available under a lifetime, one-time purchase commercial license.
+                            You can purchase it directly here:
+                            <a href="https://ko-fi.com/s/f32ca4cb75" class="text-indigo-400 hover:underline">Buy
+                                Commercial License</a>.
+                            <br><br>
+                            If you have specific requirements or want a custom licensing arrangement,
+                            feel free to <a href="./contact.html" class="text-indigo-400 hover:underline">contact us</a>
+                            with details about your use case, company size, and deployment needs.
+                            We're happy to work with you to find the best fit.
+                        </p>
+                    </div>
                 </div>
             </div>
         </section>
@@ -619,7 +620,7 @@
                                     clip-rule="evenodd" />
                             </svg>
                         </a>
-                        <a href="https://discord.gg/q42xWQmJ" target="_blank" rel="noopener noreferrer"
+                        <a href="https://discord.gg/AP2Y97juZT" target="_blank" rel="noopener noreferrer"
                             class="text-gray-400 hover:text-indigo-400" title="Discord">
                             <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                                 <path
diff --git a/privacy.html b/privacy.html
index 9c66471..7143771 100644
--- a/privacy.html
+++ b/privacy.html
@@ -245,7 +245,7 @@
                   clip-rule="evenodd" />
               </svg>
             </a>
-            <a href="https://discord.gg/q42xWQmJ" target="_blank" rel="noopener noreferrer"
+            <a href="https://discord.gg/AP2Y97juZT" target="_blank" rel="noopener noreferrer"
               class="text-gray-400 hover:text-indigo-400" title="Discord">
               <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                 <path
diff --git a/src/js/logic/shortcuts.ts b/src/js/logic/shortcuts.ts
index 272b5e4..7327b17 100644
--- a/src/js/logic/shortcuts.ts
+++ b/src/js/logic/shortcuts.ts
@@ -155,7 +155,16 @@ export class ShortcutsManager {
             if (e.altKey) keys.push('alt');
             if (e.shiftKey) keys.push('shift');
 
-            const key = e.key.toLowerCase();
+            let key = e.key.toLowerCase();
+
+            if (e.altKey && e.code) {
+                if (e.code.startsWith('Key')) {
+                    key = e.code.slice(3).toLowerCase();
+                } else if (e.code.startsWith('Digit')) {
+                    key = e.code.slice(5);
+                }
+            }
+
             if (!['control', 'shift', 'alt', 'meta'].includes(key)) {
                 keys.push(key);
             }
@@ -184,6 +193,6 @@ export class ShortcutsManager {
                     return;
                 }
             }
-        }, { capture: true }); 
+        }, { capture: true });
     }
 }
diff --git a/src/js/main.ts b/src/js/main.ts
index c19f7aa..aaeca05 100644
--- a/src/js/main.ts
+++ b/src/js/main.ts
@@ -283,7 +283,7 @@ const init = () => {
   }
 
   if (window.location.hash.startsWith('#tool-')) {
-    const toolId = window.location.hash.substring(6); 
+    const toolId = window.location.hash.substring(6);
     setTimeout(() => {
       setupToolInterface(toolId);
       history.replaceState(null, '', window.location.pathname);
@@ -560,7 +560,7 @@ const init = () => {
         input.className = 'shortcut-input w-32 bg-gray-800 border border-gray-600 text-white text-center text-sm rounded px-2 py-1 focus:ring-2 focus:ring-indigo-500 focus:border-transparent outline-none transition-all';
         input.placeholder = 'Click to set';
         input.value = formatShortcutDisplay(currentShortcut, isMac);
-        input.readOnly = true; 
+        input.readOnly = true;
 
         const clearBtn = document.createElement('button');
         clearBtn.className = 'absolute -right-2 -top-2 bg-gray-700 hover:bg-red-600 text-white rounded-full p-0.5 hidden group-hover:block shadow-sm';
@@ -572,7 +572,7 @@ const init = () => {
         clearBtn.onclick = (e) => {
           e.stopPropagation();
           ShortcutsManager.setShortcut(toolId, '');
-          renderShortcutsList(); 
+          renderShortcutsList();
         };
 
         input.onkeydown = async (e) => {
@@ -597,7 +597,16 @@ const init = () => {
           if (e.altKey) keys.push('alt');
           if (e.shiftKey) keys.push('shift');
 
-          const key = e.key.toLowerCase();
+          let key = e.key.toLowerCase();
+
+          if (e.altKey && e.code) {
+            if (e.code.startsWith('Key')) {
+              key = e.code.slice(3).toLowerCase();
+            } else if (e.code.startsWith('Digit')) {
+              key = e.code.slice(5);
+            }
+          }
+
           const isModifier = ['control', 'shift', 'alt', 'meta'].includes(key);
           const isDeadKey = key === 'dead' || key.startsWith('dead');
 
@@ -628,7 +637,7 @@ const init = () => {
                 `<strong>${displayCombo}</strong> is already assigned to:<br><br>` +
                 `<em>"${existingToolName}"</em><br><br>` +
                 `Please choose a different shortcut.`,
-                false 
+                false
               );
 
               input.value = formatShortcutDisplay(ShortcutsManager.getShortcut(toolId) || '', isMac);
diff --git a/src/pages/add-stamps.html b/src/pages/add-stamps.html
index 6d0bd9d..967100d 100644
--- a/src/pages/add-stamps.html
+++ b/src/pages/add-stamps.html
@@ -93,13 +93,12 @@
           <h2 class="text-lg font-semibold text-white">Stamp Editor</h2>
           <p class="text-xs text-gray-400">Use the toolbar's image stamp tool to place stamps.</p>
         </div>
-      <div id="stamp-viewer-container" class="h-[70vh] bg-black/70 flex items-stretch justify-stretch">
+        <div id="stamp-viewer-container" class="h-[70vh] bg-black/70 flex items-stretch justify-stretch">
           <!-- iframe injected by add-stamps.ts -->
         </div>
       </div>
 
-      <button id="save-stamped-btn"
-        class="btn-gradient w-full mt-6 flex items-center justify-center gap-2">
+      <button id="save-stamped-btn" class="btn-gradient w-full mt-6 flex items-center justify-center gap-2">
         <span>Save Stamped PDF</span>
       </button>
     </div>
@@ -159,7 +158,7 @@
                   clip-rule="evenodd" />
               </svg>
             </a>
-            <a href="https://discord.gg/q42xWQmJ" target="_blank" rel="noopener noreferrer"
+            <a href="https://discord.gg/AP2Y97juZT" target="_blank" rel="noopener noreferrer"
               class="text-gray-400 hover:text-indigo-400" title="Discord">
               <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                 <path
@@ -191,4 +190,4 @@
   <script type="module" src="../js/mobileMenu.ts"></script>
 </body>
 
-</html>
+</html>
\ No newline at end of file
diff --git a/src/pages/bookmark.html b/src/pages/bookmark.html
index 7f9392f..7e330f4 100644
--- a/src/pages/bookmark.html
+++ b/src/pages/bookmark.html
@@ -462,7 +462,7 @@
                   clip-rule="evenodd" />
               </svg>
             </a>
-            <a href="https://discord.gg/q42xWQmJ" target="_blank" rel="noopener noreferrer"
+            <a href="https://discord.gg/AP2Y97juZT" target="_blank" rel="noopener noreferrer"
               class="text-gray-400 hover:text-indigo-400" title="Discord">
               <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                 <path
@@ -494,4 +494,4 @@
   <script type="module" src="../js/mobileMenu.ts"></script>
 </body>
 
-</html>
+</html>
\ No newline at end of file
diff --git a/src/pages/json-to-pdf.html b/src/pages/json-to-pdf.html
index 28be989..6f8fd90 100644
--- a/src/pages/json-to-pdf.html
+++ b/src/pages/json-to-pdf.html
@@ -158,7 +158,7 @@
                   clip-rule="evenodd" />
               </svg>
             </a>
-            <a href="https://discord.gg/q42xWQmJ" target="_blank" rel="noopener noreferrer"
+            <a href="https://discord.gg/AP2Y97juZT" target="_blank" rel="noopener noreferrer"
               class="text-gray-400 hover:text-indigo-400" title="Discord">
               <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                 <path
@@ -190,4 +190,4 @@
   <script type="module" src="../js/mobileMenu.ts"></script>
 </body>
 
-</html>
+</html>
\ No newline at end of file
diff --git a/src/pages/pdf-to-json.html b/src/pages/pdf-to-json.html
index 573e35f..9fe0808 100644
--- a/src/pages/pdf-to-json.html
+++ b/src/pages/pdf-to-json.html
@@ -152,7 +152,7 @@
                   clip-rule="evenodd" />
               </svg>
             </a>
-            <a href="https://discord.gg/q42xWQmJ" target="_blank" rel="noopener noreferrer"
+            <a href="https://discord.gg/AP2Y97juZT" target="_blank" rel="noopener noreferrer"
               class="text-gray-400 hover:text-indigo-400" title="Discord">
               <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                 <path
@@ -184,4 +184,4 @@
   <script type="module" src="../js/mobileMenu.ts"></script>
 </body>
 
-</html>
+</html>
\ No newline at end of file
diff --git a/src/pages/table-of-contents.html b/src/pages/table-of-contents.html
index 4a3beb8..5384ea8 100644
--- a/src/pages/table-of-contents.html
+++ b/src/pages/table-of-contents.html
@@ -221,7 +221,7 @@
                   clip-rule="evenodd" />
               </svg>
             </a>
-            <a href="https://discord.gg/q42xWQmJ" target="_blank" rel="noopener noreferrer"
+            <a href="https://discord.gg/AP2Y97juZT" target="_blank" rel="noopener noreferrer"
               class="text-gray-400 hover:text-indigo-400" title="Discord">
               <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                 <path
diff --git a/terms.html b/terms.html
index df0765e..bcabc56 100644
--- a/terms.html
+++ b/terms.html
@@ -241,7 +241,7 @@
                   clip-rule="evenodd" />
               </svg>
             </a>
-            <a href="https://discord.gg/q42xWQmJ" target="_blank" rel="noopener noreferrer"
+            <a href="https://discord.gg/AP2Y97juZT" target="_blank" rel="noopener noreferrer"
               class="text-gray-400 hover:text-indigo-400" title="Discord">
               <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                 <path