fixup!

Author: avivkeller

.github/workflows/bundle-compare.yml

@@ -1,10 +1,9 @@
 name: Compare Bundle Size
 
 on:
-  pull_request:
-  # workflow_run:
-  #   workflows: ['Build']
-  #   types: [completed]
+  workflow_run:
+    workflows: ['Build']
+    types: [completed]
 
 permissions:
   contents: read
@@ -31,16 +30,16 @@ jobs:
         with:
           name: webpack-stats
           path: head-stats
-          run-id: 18860058714
+          run-id: ${{ github.event.workflow_run.workflow_id }}
           github-token: ${{ secrets.GITHUB_TOKEN }}
 
       - name: Get Run ID from BASE
         id: base-run
         env:
-          WORKFLOW_ID: ${{ github.event.workflow_run.workflow_id || 64771488 }}
+          WORKFLOW_ID: ${{ github.event.workflow_run.workflow_id }}
           GH_TOKEN: ${{ github.token }}
         run: |
-          ID=$(gh run list -c 95f43b01b7790b2af237d3dd6f015d2212dd495f -w $WORKFLOW_ID -L 1 --json databaseId --jq ".[].databaseId")
+          ID=$(gh run list -c $GITHUB_SHA -w $WORKFLOW_ID -L 1 --json databaseId --jq ".[].databaseId")
           echo "run_id=$ID" >> $GITHUB_OUTPUT
 
       - name: Download Stats (BASE)
@@ -65,5 +64,5 @@ jobs:
       - name: Add Comment to PR
         uses: thollander/actions-comment-pull-request@e2c37e53a7d2227b61585343765f73a9ca57eda9 # v3.0.0
         with:
-          comment-tag: "compare_bundle_size"
+          comment-tag: 'compare_bundle_size'
           message: ${{ steps.compare-bundle-size.outputs.comment }}

apps/site/scripts/compare-size/index.mjs

@@ -6,7 +6,9 @@ import { readFile } from 'node:fs/promises';
  * @returns {string} Formatted string (e.g., "1.5 KB")
  */
 const formatBytes = bytes => {
-  if (bytes === 0) {return '0 B';}
+  if (bytes === 0) {
+    return '0 B';
+  }
   const units = ['B', 'KB', 'MB', 'GB'];
   const index = Math.floor(Math.log(Math.abs(bytes)) / Math.log(1024));
   return (bytes / Math.pow(1024, index)).toFixed(2) + ' ' + units[index];
@@ -58,7 +60,9 @@ const categorizeChanges = (oldAssets, newAssets) => {
  * Builds a collapsible table section
  */
 const tableSection = (title, items, columns, icon) => {
-  if (!items.length) {return '';}
+  if (!items.length) {
+    return '';
+  }
   const header = `| ${columns.map(c => c.label).join(' | ')} |\n`;
   const separator = `| ${columns.map(() => '---').join(' | ')} |\n`;
   const rows = items