Function extractDesignTokens

src/tools/builtin/orchestrate.ts:123–147

Extract design tokens from tailwind config + CSS :root custom properties.

(cwd: string)

/** Extract design tokens from tailwind config + CSS :root custom properties. */
async function extractDesignTokens(cwd: string): Promise<string | undefined> {
  const pieces: string[] = [];
  // CSS custom properties from common entry files.
  const cssCandidates = ['src/index.css', 'src/App.css', 'src/styles/globals.css', 'styles/globals.css', 'app/globals.css'];
  for (const rel of cssCandidates) {
    try {
      const content = await fs.readFile(path.join(cwd, rel), 'utf-8');
      const rootBlock = content.match(/:root\s*\{([\s\S]*?)\}/);
      if (rootBlock) {
        const vars = rootBlock[1]!.split('\n').map(l => l.trim()).filter(l => l.startsWith('--')).join('\n');
        if (vars) pieces.push(`/* ${rel} :root */\n${vars}`);
      }
    } catch { /* missing */ }
  }
  // Tailwind theme.extend.colors (just the snippet, not the whole config).
  for (const rel of ['tailwind.config.js', 'tailwind.config.ts', 'tailwind.config.cjs']) {
    try {
      const content = await fs.readFile(path.join(cwd, rel), 'utf-8');
      const colors = content.match(/colors\s*:\s*\{[\s\S]*?\n\s{4,6}\}/);
      if (colors) pieces.push(`/* ${rel} colors */\n${colors[0]}`);
      break;
    } catch { /* missing */ }
  }
  return pieces.length ? pieces.join('\n\n') : undefined;
}

/** Build QA hooks: a lightweight design audit over staged content (no disk I/O). */
function buildQaHooks(_cwd: string) {