.

Author: Kocal

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

@@ -6,7 +6,9 @@
 Usage:
 ```shell
 BASE_DIST_FILES='{"src/Autocomplete/assets/dist/controller.js":{"size":15382,"size_gz":3716,"size_brotli":3125},"src/Chartjs/assets/dist/controller.js":{"size":2281,"size_gz":771,"size_brotli":642},"src/Cropperjs/assets/dist/controller.js":{"size":1044,"size_gz":475,"size_brotli":371}}' \
-PR_DIST_FILES='{"src/Chartjs/assets/dist/controller.js":{"size":2281,"size_gz":771,"size_brotli":642},"src/Cropperjs/assets/dist/controller.js":{"size":1044,"size_gz":475,"size_brotli":371},"src/Cropperjs/assets/dist/style.min.css":{"size":32,"size_gz":66,"size_brotli":34},"src/Dropzone/assets/dist/controller.js":{"size":3199,"size_gz":816,"size_brotli":634}}' \
+PR_DIST_FILES='{"src/Chartjs/assets/dist/controller.js":{"size":1281,"size_gz":171,"size_brotli":641},"src/Cropperjs/assets/dist/controller.js":{"size":1044,"size_gz":475,"size_brotli":371},"src/Cropperjs/assets/dist/style.min.css":{"size":32,"size_gz":66,"size_brotli":34},"src/Dropzone/assets/dist/controller.js":{"size":3199,"size_gz":816,"size_brotli":634},"src/Map/src/Bridge/Google/assets/dist/foo.js":{"size":3199,"size_gz":816,"size_brotli":634}}' \
+GITHUB_REPOSITORY='symfony/ux' \
+GITHUB_HEAD_REF='my-branch-name' \
   node .github/generate-dist-files-size-diff.mjs
 ```
  */
@@ -19,6 +21,14 @@ if (!process.env.PR_DIST_FILES) {
     throw new Error('Missing or invalid "PR_DIST_FILES" env variable.');
 }
 
+if (!process.env.GITHUB_REPOSITORY) {
+    throw new Error('Missing or invalid "GITHUB_REPOSITORY" env variable.');
+}
+
+if (!process.env.GITHUB_HEAD_REF) {
+    throw new Error('Missing or invalid "GITHUB_HEAD_REF" env variable.');
+}
+
 /**
  * Adapted from https://gist.github.com/zentala/1e6f72438796d74531803cc3833c039c?permalink_comment_id=4455218#gistcomment-4455218
  * @param {number} bytes
@@ -57,6 +67,8 @@ function formatDiffPercent(percent) {
 }
 
 export function main() {
+    const repoUrl = `https://github.com/${process.env.GITHUB_REPOSITORY}`;
+
     let base = JSON.parse(process.env.BASE_DIST_FILES);
     let pr = JSON.parse(process.env.PR_DIST_FILES);
     let output = '<h1>📊 Dist files size difference</h1>\n\n';
@@ -85,14 +97,30 @@ export function main() {
         return output;
     }
 
+    const displayedPackageRow = new Set();
     output += 'Thanks for the PR! Here is the difference in size of the dist files between the base and the PR.\n';
     output += 'Please review the changes and make sure they are expected.\n\n';
     output += `<table>
     <thead><tr><th>File</th><th>Diff (B)</th><th>Diff (%)</th></tr></thead>
     <tbody>`;
     for (const [file, details] of files.entries()) {
+        const isBridge = file.includes('src/Bridge');
+        const packageName =  file.split('/')[1];
+        const bridgeName = isBridge ? file.split('/')[4] : '';
+        const fileShort = file.replace(isBridge ? `src/${packageName}/src/Bridge/${bridgeName}/assets/dist/` : `src/${packageName}/assets/dist/`, '');
+        const row = isBridge ? `${packageName} (Bridge ${bridgeName})` : packageName;
+        if (!displayedPackageRow.has(row)) {
+            displayedPackageRow.add(row);
+            const urlRow = isBridge 
+                ? `${repoUrl}/tree/${process.env.GITHUB_HEAD_REF}/src/${packageName}/src/Bridge/${bridgeName}/assets/dist` 
+                : `${repoUrl}/tree/${process.env.GITHUB_HEAD_REF}/src/${packageName}/assets/dist`;
+            output += `<tr><td colspan="3"><a href="${urlRow}"><b>${row}</b></a></td></tr>`;
+        }
+        
+        const urlFile = `${repoUrl}/blob/${process.env.GITHUB_HEAD_REF}/${file}`;
+        
         output += `<tr>
-        <td><code>${file}</code> ${details.state === 'added' ? '(new)' : (details.state === 'removed' ? '(deleted)' : '')}</td>
+        <td><a href="${urlFile}"><code>${fileShort}</code></a> ${details.state === 'added' ? '(new)' : (details.state === 'removed' ? '(deleted)' : '')}</td>
         <td>
             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>

.github/workflows/dist-files-size-diff.yaml

@@ -3,9 +3,8 @@ name: Dist Files Size Diff
 on:
   pull_request:
     paths:
-      - 'src/*/**'
-      - '!src/*/doc/**'
-      - '.github/**'
+      - 'src/*/assets/dist/**'
+      - 'src/*/src/Bridge/*/assets/dist/**'
 
 jobs:
     dist-files-size-diff:
@@ -60,6 +59,8 @@ jobs:
             with:
               result-encoding: string
               script: |
+                console.log(process.env);
+                console.log(context);
                 const { main } = await import('${{ github.workspace }}/.github/generate-dist-files-size-diff.mjs')
                 
                 return await main()