cc4-embedded-system 3.1.8 → 3.1.9

package/README.md

@@ -2,7 +2,7 @@
 - This version based on [html-minifier-next](https://github.com/j9t/html-minifier-next) and rewrite [lwIP makefsdata](https://github.com/m-labs/lwip/tree/master/src/apps/httpd/makefsdata), run on localhost, default port: ```3000```.
 - This tool is deployed on [npm package](https://www.npmjs.com/package/cc4-embedded-system).
 
-![](./Screenshot/v3.1.6.png)
+![](./Screenshot/v3.1.9.png)
 
 ## Structure
 ```text
@@ -14,7 +14,7 @@ CC4EmbeddedSystem/
 ├── public/
 │   └── index.html    // Web GUI dashboard
 ├── Sereenshot/
-│   └── v3.1.6.png    // Demo image
+│   └── v3.1.9.png    // Demo image
 ├── node_modules/     // Required submodules during development
 ├── dist/             // Compiled JavaScript output (Auto-generated)
 ├── package.json      // Project configuration & dependencies

package/dist/makefsdata.js

@@ -322,10 +322,12 @@ export async function runMakeFsData(opts) {
     if (rootNode) {
         cOutput += `#define FS_ROOT file_${rootNode.varName}\n#define FS_NUMFILES ${orderedFileEntries.length + (hasRealRedirhome ? 0 : 1)}\n`;
         fs.writeFileSync(opts.outputFile, cOutput);
+        const convertedSize = fs.statSync(opts.outputFile).size;
         console.log(`\n✨ Success! Output written to: ${opts.outputFile}`);
         return {
             originalSize: totalOriginalSize,
             compressedSize: totalCompressedSize,
+            convertedSize: convertedSize,
             filesCount: orderedFileEntries.length
         };
     }

package/dist/public/index.html

@@ -94,12 +94,13 @@
         </div>
     </details>
 
-    <div id="statsPanel" class="stats-panel">
-        <div class="stats-title">📊 Compression Analysis</div>
-        <div class="stats-info">
-            <span>Compressed: <span id="compSize" style="color: #9cdcfe;">0</span> KB</span>
-            <span>Original: <span id="origSize" style="color: #ce9178;">0</span> KB</span>
-        </div>
+    <div id="statsPanel" class="stats-panel">
+        <div class="stats-title">📊 Compression Analysis</div>
+        <div class="stats-info">
+            <span>Compressed: <span id="compSize" style="color: #9cdcfe;">0</span> KB</span>
+            <span>Converted: <span id="convSize" style="color: #dcdcaa;">0</span> KB</span>
+            <span>Original: <span id="origSize" style="color: #ce9178;">0</span> KB</span>
+        </div>
         <div class="bar-container">
             <div id="barFill" class="bar-fill"></div>
             <div id="barText" class="bar-text">0% Saved</div>
@@ -261,18 +262,20 @@
                 const panel = document.getElementById('statsPanel');
                 panel.style.display = 'block';
 
-                const { originalSize, compressedSize } = result.stats;
-                const origKB = (originalSize / 1024).toFixed(2);
-                const compKB = (compressedSize / 1024).toFixed(2);
+                const { originalSize, compressedSize, convertedSize } = result.stats;
+                const origKB = (originalSize / 1024).toFixed(2);
+                const compKB = (compressedSize / 1024).toFixed(2);
+                const convKB = (convertedSize / 1024).toFixed(2);
                 
                 // ratio: the saved percentage
                 const ratio = originalSize > 0 ? (((originalSize - compressedSize) / originalSize) * 100).toFixed(1) : 0;
                 // compressedRatio: the remainings percentage
                 const compressedRatio = (100 - ratio).toFixed(1);
 
-                document.getElementById('origSize').innerText = origKB;
-                document.getElementById('compSize').innerText = compKB;
-                document.getElementById('barText').innerText = `${ratio}% Size Reduced`;
+                document.getElementById('origSize').innerText = origKB;
+                document.getElementById('compSize').innerText = compKB;
+                document.getElementById('convSize').innerText = convKB;
+                document.getElementById('barText').innerText = `${ratio}% Size Reduced`;
                 
                 // actual used percentage
                 setTimeout(() => {
@@ -314,4 +317,4 @@
 </div>
 
 </body>
-</html>
+</html>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cc4-embedded-system",
-  "version": "3.1.8",
+  "version": "3.1.9",
   "description": "A modern typescript version of makefsdata based on html-minifier-next and lwIP v1.3.1",
   "bin": {
     "cc4es": "dist/gui.js"