.

Author: Kocal

.github/generate-dist-files-size-diff.mjs

@@ -41,7 +41,11 @@ function formatBytes(bytes, digits = 2) {
  * @returns {number}
  */
 function computeDiffPercent(from, to) {
-    return from === to ? 0 : Number(((from - to) / to * 100 * (from < to ? -1 : 1)).toFixed(2));
+    if (from === to) {
+        return 0;
+    }
+    
+    return Number(((from - to) / to * -100).toFixed(2));
 }
 
 /**
@@ -58,12 +62,15 @@ export function main() {
     let output = '<h1>📊 Dist files size difference</h1>\n\n';
 
     const files = [...new Set([...Object.keys(pr), ...Object.keys(base)])].sort().reduce((acc, file) => {
-        const diff_percent_size = base[file] && !pr[file] ? -100 : (!base[file] && pr[file] ? 100 : (computeDiffPercent(base[file].size, pr[file].size)));
-        const diff_percent_size_gz = base[file] && !pr[file] ? -100 : (!base[file] && pr[file] ? 100 : (computeDiffPercent(base[file].size_gz, pr[file].size_gz)));
-        const diff_percent_size_brotli = base[file] && !pr[file] ? -100 : (!base[file] && pr[file] ? 100 : (computeDiffPercent(base[file].size_brotli, pr[file].size_brotli)));
+        const added = !base[file] && pr[file];
+        const removed = base[file] && !pr[file];
+        const diff_percent_size = removed ? -100 : (added ? 100 : (computeDiffPercent(base[file].size, pr[file].size)));
+        const diff_percent_size_gz = removed ? -100 : (added ? 100 : (computeDiffPercent(base[file].size_gz, pr[file].size_gz)));
+        const diff_percent_size_brotli = removed ? -100 : (added ? 100 : (computeDiffPercent(base[file].size_brotli, pr[file].size_brotli)));
 
         if (diff_percent_size !== 0 && diff_percent_size_gz !== 0 && diff_percent_size_brotli !== 0) {
             acc.set(file, {
+                state: added ? 'added' : (removed ? 'removed' : 'changed'),
                 diff_percent_size,
                 diff_percent_size_gz,
                 diff_percent_size_brotli
@@ -85,11 +92,11 @@ export function main() {
     <tbody>`;
     for (const [file, details] of files.entries()) {
         output += `<tr>
-        <td><code>${file}</code></td>
+        <td><code>${file}</code> ${details.state === 'added' ? '(new)' : (details.state === 'removed' ? '(deleted)' : '')}</td>
         <td>
-            Size: <code>${formatBytes(base[file]?.size || 0)}</code> vs <code>${formatBytes(pr[file]?.size || 0)}</code><br>
-            Gzip: <code>${formatBytes(base[file]?.size_gz || 0)}</code> vs <code>${formatBytes(pr[file]?.size_gz || 0)}</code><br>
-            Brotli: <code>${formatBytes(base[file]?.size_brotli || 0)}</code> vs <code>${formatBytes(pr[file]?.size_brotli || 0)}</code>
+            Size: <code>${formatBytes(base[file]?.size || 0)}</code> → <code>${formatBytes(pr[file]?.size || 0)}</code><br>
+            Gzip: <code>${formatBytes(base[file]?.size_gz || 0)}</code> → <code>${formatBytes(pr[file]?.size_gz || 0)}</code><br>
+            Brotli: <code>${formatBytes(base[file]?.size_brotli || 0)}</code> → <code>${formatBytes(pr[file]?.size_brotli || 0)}</code>
         </td>
         <td align="right">
             Size: <b>${formatDiffPercent(details.diff_percent_size)}</b><br>