cc4-embedded-system 3.1.7 → 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

@@ -75,6 +75,7 @@ const COMPRESS_OPTS_DEFAULT = {
     processConditionalComments: true,
     decodeEntities: true
 };
+const REDIRHOME_PATH = '/redirhome.html';
 // ----------------------------------------------------------------------
 // 3. lwIP Helpers
 // ----------------------------------------------------------------------
@@ -245,6 +246,14 @@ export async function runMakeFsData(opts) {
         }
         fileEntries.push({ varName, pathName: relativePath, nameBuffer, headerParts: headerData.parts, headerTotalBuffer: headerData.totalBuffer, contentBuffer: content, chksums });
     }
+    // find real redirhome.html
+    const redirhomeIndex = fileEntries.findIndex(file => file.pathName.toLowerCase() === REDIRHOME_PATH);
+    const hasRealRedirhome = redirhomeIndex >= 0;
+    const orderedFileEntries = hasRealRedirhome
+        ? fileEntries.slice(redirhomeIndex).concat(fileEntries.slice(0, redirhomeIndex))
+        : fileEntries;
+    if (hasRealRedirhome)
+        console.log(`🔗 Bridge compatibility enabled: using ${REDIRHOME_PATH} as static chain head.`);
     // ====================================================================
     // C Code Generation
     // ====================================================================
@@ -253,7 +262,7 @@ export async function runMakeFsData(opts) {
     cOutput += `#define file_NULL (struct fsdata_file *) NULL\n\n\n`;
     if (opts.precalcChksum) {
         cOutput += `#if HTTPD_PRECALCULATED_CHECKSUM\n`;
-        for (const file of fileEntries) {
+        for (const file of orderedFileEntries) {
             cOutput += `const struct fsdata_chksum chksums_${file.varName}[] = {\n`;
             for (const chk of file.chksums)
                 cOutput += `\t{${chk.offset}, 0x${chk.chksum.toString(16).padStart(4, '0')}, ${chk.len}},\n`;
@@ -262,7 +271,7 @@ export async function runMakeFsData(opts) {
         cOutput += `#endif /* HTTPD_PRECALCULATED_CHECKSUM */\n\n\n`;
     }
     // generate data arrays
-    for (const file of fileEntries) {
+    for (const file of orderedFileEntries) {
         cOutput += `static const unsigned int dummy_align_${file.varName} = 0;\n`;
         cOutput += `static const unsigned char data_${file.varName}[] = {\n`;
         cOutput += `\t/* ${file.pathName} (${file.nameBuffer.length} chars) */\n`;
@@ -281,24 +290,26 @@ export async function runMakeFsData(opts) {
         cOutput += bufferToHexCArray(file.contentBuffer);
         cOutput += `};\n\n\n\n`;
     }
-    // redirhome.html
-    cOutput += `/* --- Empty arrays --- */\n`;
-    cOutput += `static const unsigned char data__redirhome_html[] = {};\n`;
-    cOutput += `const struct fsdata_file file__redirhome_html[] = { {\n`;
-    cOutput += `\tfile_NULL,\n`;
-    cOutput += `\tdata__redirhome_html,\n`;
-    cOutput += `\tdata__redirhome_html + 16,\n`;
-    cOutput += `\tsizeof(data__redirhome_html) - 16,\n`;
-    cOutput += `\t1,\n`;
-    // checksum
-    if (opts.precalcChksum)
-        cOutput += `#if HTTPD_PRECALCULATED_CHECKSUM\n\t0, NULL,\n#endif /* HTTPD_PRECALCULATED_CHECKSUM */\n`;
-    cOutput += `}};\n\n\n`;
+    // if no real redirhome.html, generate empty arrays
+    if (!hasRealRedirhome) {
+        cOutput += `/* --- Empty arrays --- */\n`;
+        cOutput += `static const unsigned char data__redirhome_html[] = {};\n`;
+        cOutput += `const struct fsdata_file file__redirhome_html[] = { {\n`;
+        cOutput += `\tfile_NULL,\n`;
+        cOutput += `\tdata__redirhome_html,\n`;
+        cOutput += `\tdata__redirhome_html + 16,\n`;
+        cOutput += `\tsizeof(data__redirhome_html) - 16,\n`;
+        cOutput += `\t1,\n`;
+        if (opts.precalcChksum)
+            cOutput += `#if HTTPD_PRECALCULATED_CHECKSUM\n\t0, NULL,\n#endif /* HTTPD_PRECALCULATED_CHECKSUM */\n`;
+        cOutput += `}};\n\n\n`;
+    }
     // generate linked-list
-    for (let i = fileEntries.length - 1; i >= 0; i--) {
-        const current = fileEntries[i];
-        // last element didn't points to file_NULL but file__redirhome_html
-        const nextVar = fileEntries[i + 1] ? `file_${fileEntries[i + 1].varName}` : 'file__redirhome_html';
+    for (let i = orderedFileEntries.length - 1; i >= 0; i--) {
+        const current = orderedFileEntries[i];
+        const nextVar = orderedFileEntries[i + 1]
+            ? `file_${orderedFileEntries[i + 1].varName}`
+            : (hasRealRedirhome ? 'file_NULL' : 'file__redirhome_html');
         const nameLen = current.nameBuffer.length;
         // address: e.g. "/index.html\0" = '/' + 'i' + 'n' + 'd' + 'e' + 'x' + '.' + 'h' + 't' + 'm' + 'l' + '\0' = 12
         cOutput += `const struct fsdata_file file_${current.varName}[] = { {\n`;
@@ -307,15 +318,17 @@ export async function runMakeFsData(opts) {
             cOutput += `#if HTTPD_PRECALCULATED_CHECKSUM\n\t${current.chksums.length}, chksums_${current.varName},\n#endif /* HTTPD_PRECALCULATED_CHECKSUM */\n`;
         cOutput += `}};\n\n`;
     }
-    const rootNode = fileEntries[0];
+    const rootNode = orderedFileEntries[0];
     if (rootNode) {
-        cOutput += `#define FS_ROOT file_${rootNode.varName}\n#define FS_NUMFILES ${fileEntries.length + 1}\n`;
+        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,
-            filesCount: fileEntries.length
+            convertedSize: convertedSize,
+            filesCount: orderedFileEntries.length
         };
     }
     throw new Error("No files processed.");

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.7",
+  "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"