From bacc1a5a749a2849fff0f7f0ffd242f95803849e Mon Sep 17 00:00:00 2001
From: MysticPickaxe <mysticpickaxe@gmail.com>
Date: Mon, 11 May 2026 18:26:32 +0530
Subject: [PATCH] Add SHA-3 hashing to table and report exports

---
 index.html | 329 ++++++++++++++++++++++++++++++++---------------------
 1 file changed, 202 insertions(+), 127 deletions(-)

diff --git a/index.html b/index.html
index d276a17..e77bc2e 100644
--- a/index.html
+++ b/index.html
@@ -8,10 +8,11 @@
     <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/css/bootstrap.min.css" rel="stylesheet">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css">
     
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.1.1/crypto-js.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf-autotable/3.5.25/jspdf.plugin.autotable.min.js"></script>
-    <script src="https://unpkg.com/docx@7.1.0/build/index.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.1.1/crypto-js.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf-autotable/3.5.25/jspdf.plugin.autotable.min.js"></script>
+    <script src="https://unpkg.com/docx@7.1.0/build/index.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/xlsx@0.18.5/dist/xlsx.full.min.js"></script>
     
     <style>
         :root {
@@ -58,8 +59,9 @@
 
         .bg-csv { background-color: #4666ff; color: white; }
         .bg-pdf { background-color: #dc3545; color: white; }
-        .bg-word { background-color: #000000; color: white; }
-        .bg-email { background-color: #ffffff; color: #dc3545; border: 1px solid #dc3545; }
+        .bg-word { background-color: #000000; color: white; }
+        .bg-excel { background-color: #198754; color: white; }
+        .bg-email { background-color: #ffffff; color: #dc3545; border: 1px solid #dc3545; }
         .bg-guide { background-color: #cfb137; color: #000; }
         .bg-clear { background-color: #ffffff; color: #666; border: 1px solid #ddd; }
 
@@ -247,17 +249,22 @@ <h2 class="fw-bold text-dark mb-1">Evidence Validation Suite</h2>
                         <i class="bi bi-file-earmark-pdf-fill"></i> Hash PDF
                     </button>
                 </div>
-                <div class="col-6 col-md-2">
-                    <button class="btn-tile bg-word" onclick="generateHashWord()">
-                        <i class="bi bi-file-word-fill"></i> Hash Word
-                    </button>
-                </div>
-                <div class="col-6 col-md-2">
-                    <button class="btn-tile bg-email" onclick="generateEmailReport()">
-                        <i class="bi bi-envelope-paper"></i> Email PDF
-                    </button>
-                </div>
-                <div class="col-6 col-md-2">
+                <div class="col-6 col-md-2">
+                    <button class="btn-tile bg-word" onclick="generateHashWord()">
+                        <i class="bi bi-file-word-fill"></i> Hash Word
+                    </button>
+                </div>
+                <div class="col-6 col-md-2">
+                    <button class="btn-tile bg-excel" onclick="generateHashExcel()">
+                        <i class="bi bi-file-earmark-excel-fill"></i> Hash Excel
+                    </button>
+                </div>
+                <div class="col-6 col-md-2">
+                    <button class="btn-tile bg-email" onclick="generateEmailReport()">
+                        <i class="bi bi-envelope-paper"></i> Email PDF
+                    </button>
+                </div>
+                <div class="col-6 col-md-2">
                     <button class="btn-tile bg-guide" onclick="showGmailGuide()">
                         <i class="bi bi-info-circle-fill"></i> Guide
                     </button>
@@ -284,17 +291,18 @@ <h5 class="fw-bold">Drag & Drop Evidence Files Here</h5>
                 <div style="max-height: 400px; overflow-y: auto;">
                     <table class="table table-hover mb-0" id="mainHashTable">
                         <thead>
-                            <tr class="table-header">
-                                <th width="5%" class="ps-4"><input type="checkbox" id="selectAll" onclick="toggleAll(this)"></th>
-                                <th width="5%">#</th>
-                                <th width="30%">Filename</th>
-                                <th width="20%">MD5 Hash</th>
-                                <th width="40%">SHA-256 (Section 63 BSA Compliant)</th>
-                            </tr>
-                        </thead>
-                        <tbody id="hashTableBody" style="background: white;"></tbody>
-                    </table>
-                </div>
+                            <tr class="table-header">
+                                <th width="5%" class="ps-4"><input type="checkbox" id="selectAll" onclick="toggleAll(this)"></th>
+                                <th width="5%">#</th>
+                                <th width="25%">Filename</th>
+                                <th width="15%">MD5 Hash</th>
+                                <th width="25%">SHA-256 (Section 63 BSA Compliant)</th>
+                                <th width="25%">SHA-3 (FIPS 202)</th>
+                            </tr>
+                        </thead>
+                        <tbody id="hashTableBody" style="background: white;"></tbody>
+                    </table>
+                </div>
             </div>
 
         </div>
@@ -494,14 +502,15 @@ <h6 class="fw-bold mt-3">Yahoo/Outlook:</h6>
                         <td class="fw-bold text-dark">
                             ${file.name} 
                             ${isEml ? '<span class="badge bg-danger text-white ms-2">EMAIL</span>' : ''}
-                        </td>
-                        <td class="hash-font md5">Calculating...</td>
-                        <td class="hash-font sha256">Calculating...</td>
-                    </tr>
-                `);
-                fileQueue.push({ file, rowId });
-            });
-            if (!isProcessing) processQueue();
+                        </td>
+                        <td class="hash-font md5">Calculating...</td>
+                        <td class="hash-font sha256">Calculating...</td>
+                        <td class="hash-font sha3">Calculating...</td>
+                    </tr>
+                `);
+                fileQueue.push({ file, rowId });
+            });
+            if (!isProcessing) processQueue();
         }
 
         // PROCESS QUEUE
@@ -512,18 +521,23 @@ <h6 class="fw-bold mt-3">Yahoo/Outlook:</h6>
             const row = document.getElementById(rowId);
             if (row) row.fileData = file;
 
-            const reader = new FileReader();
-            reader.onload = function(e) {
-                const wordArray = CryptoJS.lib.WordArray.create(e.target.result);
-                setTimeout(() => {
-                    if (row) {
-                        row.querySelector('.md5').innerText = CryptoJS.MD5(wordArray).toString();
-                        row.querySelector('.sha256').innerText = CryptoJS.SHA256(wordArray).toString();
-                    }
-                    processQueue();
-                }, 50);
-            };
-            reader.readAsArrayBuffer(file);
+            const reader = new FileReader();
+            reader.onload = function(e) {
+                const wordArray = CryptoJS.lib.WordArray.create(e.target.result);
+                setTimeout(() => {
+                    if (row) {
+                        const md5 = CryptoJS.MD5(wordArray).toString();
+                        const sha256 = CryptoJS.SHA256(wordArray).toString();
+                        const sha3 = CryptoJS.SHA3(wordArray).toString();
+                        row.querySelector('.md5').innerText = md5;
+                        row.querySelector('.sha256').innerText = sha256;
+                        row.querySelector('.sha3').innerText = sha3;
+                        logSystemConsole(`Calculated SHA-3 for ${file.name}`, sha3);
+                    }
+                    processQueue();
+                }, 50);
+            };
+            reader.readAsArrayBuffer(file);
         }
 
         // PARSE EML - EXTRACT METADATA ONLY
@@ -610,12 +624,13 @@ <h6 class="fw-bold mt-3">Yahoo/Outlook:</h6>
             for (let i = 0; i < files.length; i++) {
                 doc.addPage();
                 
-                const text = await readFile(files[i]);
-                const emailData = parseEml(text);
-                const sha256 = await calculateSHA256(files[i]);
-
-                // HEADER WITH WRAPPED FILENAME
-                doc.setFillColor(0, 51, 102);
+                const text = await readFile(files[i]);
+                const emailData = parseEml(text);
+                const sha256 = await calculateSHA256(files[i]);
+                const sha3 = await calculateSHA3(files[i]);
+
+                // HEADER WITH WRAPPED FILENAME
+                doc.setFillColor(0, 51, 102);
                 doc.rect(0, 0, 210, 30, 'F');
                 doc.setTextColor(255, 255, 255);
                 doc.setFontSize(12);
@@ -643,12 +658,13 @@ <h6 class="fw-bold mt-3">Yahoo/Outlook:</h6>
                         ['From', emailData.from],
                         ['To', emailData.to],
                         ['Date', emailData.date],
-                        ['Message-ID', emailData.messageId],
-                        ['Originating IP', emailData.serverIP],
-                        ['DKIM Status', emailData.dkim],
-                        ['SHA-256 Hash', sha256]
-                    ],
-                    theme: 'grid',
+                        ['Message-ID', emailData.messageId],
+                        ['Originating IP', emailData.serverIP],
+                        ['DKIM Status', emailData.dkim],
+                        ['SHA-256 Hash', sha256],
+                        ['SHA-3 Hash', sha3]
+                    ],
+                    theme: 'grid',
                     headStyles: { 
                         fillColor: [0, 51, 102], 
                         fontSize: 10,
@@ -712,13 +728,14 @@ <h6 class="fw-bold mt-3">Yahoo/Outlook:</h6>
             document.querySelectorAll("#hashTableBody tr").forEach(tr => {
                 if (tr.querySelector('input').checked) {
                     const cells = tr.querySelectorAll('td');
-                    rows.push([
-                        cells[1].innerText,
-                        cells[2].innerText,
-                        cells[4].innerText
-                    ]);
-                }
-            });
+                    rows.push([
+                        cells[1].innerText,
+                        cells[2].innerText,
+                        cells[4].innerText,
+                        cells[5].innerText
+                    ]);
+                }
+            });
 
             if (rows.length === 0) {
                 alert("Please select files to include in report.");
@@ -726,10 +743,10 @@ <h6 class="fw-bold mt-3">Yahoo/Outlook:</h6>
             }
 
             doc.autoTable({
-                startY: 70,
-                head: [['#', 'Filename', 'SHA-256']],
-                body: rows,
-                theme: 'grid',
+                startY: 70,
+                head: [['#', 'Filename', 'SHA-256', 'SHA-3']],
+                body: rows,
+                theme: 'grid',
                 headStyles: { 
                     fillColor: [0, 51, 102],
                     fontSize: 11,
@@ -739,15 +756,16 @@ <h6 class="fw-bold mt-3">Yahoo/Outlook:</h6>
                     fontSize: 9,
                     font: 'courier'
                 },
-                columnStyles: {
-                    0: { cellWidth: 40 },
-                    1: { cellWidth: 300 },
-                    2: { cellWidth: 450, font: 'courier' }
-                }
-            });
-
-            doc.save("Hash_Report.pdf", { compress: true });
-        }
+                columnStyles: {
+                    0: { cellWidth: 40 },
+                    1: { cellWidth: 220 },
+                    2: { cellWidth: 250, font: 'courier' },
+                    3: { cellWidth: 250, font: 'courier' }
+                }
+            });
+
+            doc.save("Hash_Report.pdf", { compress: true });
+        }
 
         // ===== GENERATE HASH WORD =====
         function generateHashWord() {
@@ -776,30 +794,40 @@ <h6 class="fw-bold mt-3">Yahoo/Outlook:</h6>
                         })],
                         shading: { fill: "003366" }
                     }),
-                    new TableCell({
-                        children: [new Paragraph({ 
-                            children: [new TextRun({ text: "SHA-256", bold: true, color: "FFFFFF" })],
-                            alignment: AlignmentType.CENTER
-                        })],
-                        shading: { fill: "003366" }
-                    })
-                ]
-            }));
+                    new TableCell({
+                        children: [new Paragraph({ 
+                            children: [new TextRun({ text: "SHA-256", bold: true, color: "FFFFFF" })],
+                            alignment: AlignmentType.CENTER
+                        })],
+                        shading: { fill: "003366" }
+                    }),
+                    new TableCell({
+                        children: [new Paragraph({
+                            children: [new TextRun({ text: "SHA-3", bold: true, color: "FFFFFF" })],
+                            alignment: AlignmentType.CENTER
+                        })],
+                        shading: { fill: "003366" }
+                    })
+                ]
+            }));
 
             document.querySelectorAll("#hashTableBody tr").forEach(tr => {
                 if (tr.querySelector('input').checked) {
                     const cells = tr.querySelectorAll('td');
                     rows.push(new TableRow({
                         children: [
-                            new TableCell({ children: [new Paragraph(cells[1].innerText)] }),
-                            new TableCell({ children: [new Paragraph(cells[2].innerText)] }),
-                            new TableCell({ children: [new Paragraph({ 
-                                children: [new TextRun({ text: cells[4].innerText, font: "Courier New", size: 18 })]
-                            })] })
-                        ]
-                    }));
-                }
-            });
+                            new TableCell({ children: [new Paragraph(cells[1].innerText)] }),
+                            new TableCell({ children: [new Paragraph(cells[2].innerText)] }),
+                            new TableCell({ children: [new Paragraph({ 
+                                children: [new TextRun({ text: cells[4].innerText, font: "Courier New", size: 18 })]
+                            })] }),
+                            new TableCell({ children: [new Paragraph({
+                                children: [new TextRun({ text: cells[5].innerText, font: "Courier New", size: 18 })]
+                            })] })
+                        ]
+                    }));
+                }
+            });
 
             if (rows.length === 1) {
                 alert("Please select files to include in report.");
@@ -827,17 +855,49 @@ <h6 class="fw-bold mt-3">Yahoo/Outlook:</h6>
                 }]
             });
 
-            Packer.toBlob(doc).then(blob => {
-                const a = document.createElement("a");
-                a.href = URL.createObjectURL(blob);
-                a.download = "Hash_Report.docx";
-                a.click();
-            });
-        }
-
-        // ===== DOWNLOAD CSV =====
-        function downloadSelectedCSV() {
-            let csv = "#,Subject,From,To,Date,Originating IP,DKIM,SHA-256\n";
+            Packer.toBlob(doc).then(blob => {
+                const a = document.createElement("a");
+                a.href = URL.createObjectURL(blob);
+                a.download = "Hash_Report.docx";
+                a.click();
+            });
+        }
+
+        // ===== GENERATE HASH EXCEL =====
+        function generateHashExcel() {
+            if (typeof XLSX === 'undefined') {
+                alert("Excel library loading...");
+                return;
+            }
+
+            const rows = [['#', 'Filename', 'MD5', 'SHA-256', 'SHA-3']];
+            document.querySelectorAll("#hashTableBody tr").forEach(tr => {
+                if (tr.querySelector('input').checked) {
+                    const cells = tr.querySelectorAll('td');
+                    rows.push([
+                        cells[1].innerText,
+                        cells[2].innerText,
+                        cells[3].innerText,
+                        cells[4].innerText,
+                        cells[5].innerText
+                    ]);
+                }
+            });
+
+            if (rows.length === 1) {
+                alert("Please select files to include in report.");
+                return;
+            }
+
+            const worksheet = XLSX.utils.aoa_to_sheet(rows);
+            const workbook = XLSX.utils.book_new();
+            XLSX.utils.book_append_sheet(workbook, worksheet, "Hash Report");
+            XLSX.writeFile(workbook, "Hash_Report.xlsx");
+        }
+
+        // ===== DOWNLOAD CSV =====
+        function downloadSelectedCSV() {
+            let csv = "#,Subject,From,To,Date,Originating IP,DKIM,SHA-256,SHA-3\n";
             
             let counter = 1;
             const promises = [];
@@ -845,14 +905,14 @@ <h6 class="fw-bold mt-3">Yahoo/Outlook:</h6>
             document.querySelectorAll("#hashTableBody tr").forEach(tr => {
                 if (tr.querySelector('input').checked && tr.fileData && tr.fileData.name.toLowerCase().endsWith('.eml')) {
                     const cells = tr.querySelectorAll('td');
-                    promises.push(
-                        readFile(tr.fileData).then(text => {
-                            const eml = parseEml(text);
-                            return `${counter++},"${eml.subject}","${eml.from}","${eml.to}","${eml.date}","${eml.serverIP}","${eml.dkim}","${cells[4].innerText}"\n`;
-                        })
-                    );
-                }
-            });
+                    promises.push(
+                        readFile(tr.fileData).then(text => {
+                            const eml = parseEml(text);
+                            return `${counter++},"${eml.subject}","${eml.from}","${eml.to}","${eml.date}","${eml.serverIP}","${eml.dkim}","${cells[4].innerText}","${cells[5].innerText}"\n`;
+                        })
+                    );
+                }
+            });
 
             Promise.all(promises).then(rows => {
                 csv += rows.join('');
@@ -883,16 +943,31 @@ <h6 class="fw-bold mt-3">Yahoo/Outlook:</h6>
             });
         }
 
-        async function calculateSHA256(file) {
-            return new Promise(resolve => {
-                const reader = new FileReader();
-                reader.onload = e => {
-                    const wordArray = CryptoJS.lib.WordArray.create(e.target.result);
-                    resolve(CryptoJS.SHA256(wordArray).toString());
-                };
-                reader.readAsArrayBuffer(file);
-            });
-        }
+        async function calculateSHA256(file) {
+            return new Promise(resolve => {
+                const reader = new FileReader();
+                reader.onload = e => {
+                    const wordArray = CryptoJS.lib.WordArray.create(e.target.result);
+                    resolve(CryptoJS.SHA256(wordArray).toString());
+                };
+                reader.readAsArrayBuffer(file);
+            });
+        }
+
+        async function calculateSHA3(file) {
+            return new Promise(resolve => {
+                const reader = new FileReader();
+                reader.onload = e => {
+                    const wordArray = CryptoJS.lib.WordArray.create(e.target.result);
+                    resolve(CryptoJS.SHA3(wordArray).toString());
+                };
+                reader.readAsArrayBuffer(file);
+            });
+        }
+
+        function logSystemConsole(message, value) {
+            console.info(`[System Console] ${message}: ${value}`);
+        }
 
         function toggleAll(checkbox) {
             document.querySelectorAll('input[name="fileSelect"]').forEach(c => c.checked = checkbox.checked);