From 3e29592b48140184658a9fffd8934bb2c2136317 Mon Sep 17 00:00:00 2001
From: Herwin Bozet <herwin.bozet@gmail.com>
Date: Mon, 8 Sep 2025 00:38:18 +0200
Subject: [PATCH] Updated build packages, Updated png analyser page Update
 package-lock.json and png-analyser.jinja

---
 scripts/package-lock.json            |  3 ++-
 templates/applets/png-analyser.jinja | 35 ++++++++++++++++++++++++++++
 2 files changed, 37 insertions(+), 1 deletion(-)

diff --git a/scripts/package-lock.json b/scripts/package-lock.json
index 533440c..e1d0998 100644
--- a/scripts/package-lock.json
+++ b/scripts/package-lock.json
@@ -5,9 +5,10 @@
   "packages": {
     "": {
       "devDependencies": {
+        "browserify": "^17.0.1",
         "html-minifier-terser": "^7.2.0",
         "minify": "^10.2.0",
-        "rollup": "^3.27.2",
+        "rollup": "^4.48.1",
         "sass": "^1.63.6",
         "terser": "^5.19.0",
         "typescript": "^5.1.6"
diff --git a/templates/applets/png-analyser.jinja b/templates/applets/png-analyser.jinja
index 3a66a2a..1282faa 100644
--- a/templates/applets/png-analyser.jinja
+++ b/templates/applets/png-analyser.jinja
@@ -1,3 +1,38 @@
 
 {{ render_file_input(tool_id + "-test-input", true, ".png, .bmp", true, true) }}
 
+
+<div class="w-full ox-auto">
+    <table class="table-stylish table-p-s border r-m w-full table-no-wrap">
+        <thead>
+            <tr>
+                <th class="bkgd-grid30">Offset</th>
+                <th class="bkgd-grid30">Chunk Header</th>
+                <th class="bkgd-grid30">Chunk Data</th>
+                <th class="bkgd-grid30">Actions</th>
+            </tr>
+        </thead>
+        <tbody>
+        <tr>
+            <td class="t-monospace">0x0000</td>
+            <td>2</td>
+            <td>2</td>
+            <td>
+                <button class="p-xs r-s border btn-primary">
+                    <i class="fa-duotone fa-solid fa-binary"></i><span class="ml-xxs mobile-hide">Hex dump</span>
+                </button>
+                <button class="p-xs r-s border btn-primary">
+                    <i class="fa-duotone fa-solid fa-download"></i><span class="ml-xxs mobile-hide">Export</span>
+                </button>
+            </td>
+        </tr>
+        <tr>
+            <td class="t-monospace">0x0010</td>
+            <td>4</td>
+            <td>4</td>
+            <td>4</td>
+        </tr>
+        </tbody>
+    </table>
+</div>
+