chore: Dump bundle size in a file

packages/docs/package.json

@@ -19,7 +19,6 @@
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.0",
     "dayjs": "^1.11.10",
-    "execa": "^8.0.1",
     "lucide-react": "^0.298.0",
     "next": "14.1.0",
     "next-docs-mdx": "^6.0.2",

packages/docs/src/app/(pages)/_landing/bundle-size.tsx

@@ -1,11 +1,15 @@
-import { execa } from 'execa'
+import fs from 'node:fs/promises'
 import path from 'node:path'
 import prettyBytes from 'pretty-bytes'
 
 export async function BundleSize() {
-  const { stdout } = await execa('./node_modules/.bin/size-limit', ['--json'], {
-    cwd: path.resolve(process.cwd(), '../../packages/nuqs')
-  })
-  const [{ size }] = JSON.parse(stdout)
-  return prettyBytes(size)
+  const filePath = path.resolve(process.cwd(), '../../packages/nuqs/size.json')
+  try {
+    const json = await fs.readFile(filePath, 'utf8')
+    const [{ size }] = JSON.parse(json)
+    return prettyBytes(size)
+  } catch (error) {
+    console.error(error)
+    return 'less than 4KB'
+  }
 }

packages/nuqs/.gitignore

@@ -0,0 +1 @@
+size.json

packages/nuqs/package.json

@@ -50,6 +50,7 @@
   "scripts": {
     "dev": "tsup --format esm --watch --external=react",
     "build": "tsup --clean --external=react",
+    "postbuild": "size-limit --json > size.json",
     "test": "run-p test:*",
     "test:types": "tsd",
     "test:unit": "vitest run",