ci(docs): generate api-whitelist before config load

- Add prebuild script to generate api-whitelist before vite loads
- Add mkdir to ensure build/generated/ directory exists
- Add tsx as devDependency for prebuild script

Author: johnleider

apps/docs/build/generate-api-whitelist.ts

@@ -9,7 +9,7 @@
  * Or automatically via the Vite plugin in vite.config.ts
  */
 
-import { readdir, readFile, writeFile } from 'node:fs/promises'
+import { mkdir, readdir, readFile, writeFile } from 'node:fs/promises'
 import { dirname, resolve } from 'node:path'
 import { fileURLToPath } from 'node:url'
 
@@ -155,6 +155,7 @@ ${toDirEntries.map(([fn, dir]) => `  '${fn}': '${dir}',`).join('\n')}
     return // No changes, skip write to prevent restart loop
   }
 
+  await mkdir(dirname(OUTPUT_FILE), { recursive: true })
   await writeFile(OUTPUT_FILE, content)
   console.log(`[generate-api-whitelist] Generated ${OUTPUT_FILE}`)
   console.log(`  Components: ${components.length}`)

apps/docs/package.json

@@ -5,6 +5,7 @@
   "type": "module",
   "scripts": {
     "dev": "vite --port 8000",
+    "prebuild": "tsx build/generate-api-whitelist.ts",
     "build": "vite-ssg build",
     "preview": "vite preview"
   },
@@ -19,6 +20,7 @@
     "markdown-it-attrs": "catalog:",
     "shiki": "catalog:",
     "ts-morph": "catalog:",
+    "tsx": "catalog:",
     "unocss": "catalog:",
     "unplugin-vue": "catalog:",
     "unplugin-vue-components": "catalog:",