feat(clerk-js): Add bundlewatch fix command (#6780)

Author: dstaley

.changeset/itchy-zebras-divide.md

@@ -0,0 +1,2 @@
+---
+---

packages/clerk-js/bundlewatch-fix.mjs

@@ -0,0 +1,26 @@
+import { writeFile } from 'node:fs/promises';
+import bundlewatch from 'bundlewatch';
+import { minimatch } from 'minimatch';
+import { format } from 'prettier';
+import { $ } from 'zx';
+import bundlewatchConfig from './bundlewatch.config.json' with { type: 'json' };
+
+const { fullResults } = await bundlewatch.default(bundlewatchConfig);
+const failedFiles = fullResults.filter(result => result.status === 'fail');
+
+for (const file of failedFiles) {
+  const matchingFileIndex = bundlewatchConfig.files.findIndex(f => {
+    return minimatch(file.filePath, f.path);
+  });
+  if (matchingFileIndex !== -1) {
+    // update maxSize to the file size plus 1KB, rounded up to the nearest KB
+    bundlewatchConfig.files[matchingFileIndex].maxSize = `${Math.ceil((file.size + 1024) / 1024)}KB`;
+  }
+}
+
+const formattedConfig = await format(JSON.stringify(bundlewatchConfig), { parser: 'json' });
+await writeFile('./bundlewatch.config.json', formattedConfig);
+// print the git diff of the bundlewatch.config.json file
+const diff = await $`git -c color.ui=always --no-pager diff bundlewatch.config.json`.then(res => res.stdout);
+console.log(diff);
+console.log('Bundlewatch config updated!');

packages/clerk-js/package.json

@@ -38,7 +38,8 @@
     "build:declarations": "tsc -p tsconfig.declarations.json",
     "build:sandbox": "rspack build --config rspack.config.js --env production --env sandbox",
     "build:stats": "rspack build --config rspack.config.js --env production --json=stats.json --env variant=\"clerk.browser\"",
-    "bundlewatch": "pnpm --package=bundlewatch -c dlx \"FORCE_COLOR=1 bundlewatch --config bundlewatch.config.json\"",
+    "bundlewatch": "FORCE_COLOR=1 bundlewatch --config bundlewatch.config.json",
+    "bundlewatch:fix": "node bundlewatch-fix.mjs",
     "clean": "rimraf ./dist",
     "dev": "rspack serve --config rspack.config.js",
     "dev:chips": "rspack serve --config rspack.config.js --env variant=\"clerk.chips.browser\"",
@@ -100,7 +101,9 @@
     "@types/cloudflare-turnstile": "^0.2.2",
     "@types/node": "^22.18.1",
     "@types/webpack-env": "^1.18.8",
+    "bundlewatch": "^0.4.1",
     "jsdom": "^24.1.3",
+    "minimatch": "^10.0.3",
     "webpack-merge": "^5.10.0"
   },
   "peerDependencies": {