@fragments-sdk/cli 0.15.10 → 0.17.0

package/src/commands/tokens-push.ts

@@ -1,199 +0,0 @@
-/**
- * fragments tokens push — Push code tokens to Fragments Cloud for drift comparison.
- *
- * Extracts CSS custom properties from Tailwind v4 @theme blocks (or config-based
- * token files) and POSTs them to the Fragments Cloud /api/ingest endpoint.
- * Supports --dry-run for local inspection without pushing.
- */
-
-import { resolve } from 'node:path';
-import pc from 'picocolors';
-
-// ---------------------------------------------------------------------------
-// Options
-// ---------------------------------------------------------------------------
-
-export interface TokensPushOptions {
-  /** Path to fragments config file */
-  config?: string;
-  /** Path to Tailwind v4 CSS file with @theme block */
-  tailwindV4?: string;
-  /** Parse and display tokens without pushing */
-  dryRun?: boolean;
-  /** Show detailed output */
-  verbose?: boolean;
-}
-
-// ---------------------------------------------------------------------------
-// tokensPush
-// ---------------------------------------------------------------------------
-
-export async function tokensPush(options: TokensPushOptions): Promise<void> {
-  const startTime = Date.now();
-
-  // 1. Resolve API credentials
-  const apiKey = process.env.FRAGMENTS_API_KEY;
-  const baseUrl = process.env.FRAGMENTS_URL || 'https://app.usefragments.com';
-
-  if (!apiKey && !options.dryRun) {
-    console.error(pc.red('Error: FRAGMENTS_API_KEY environment variable is required'));
-    console.error(pc.dim('Get your API key from https://app.usefragments.com/api-keys'));
-    process.exit(1);
-  }
-
-  // 2. Token extraction
-  const flatMap: Record<string, string> = {};
-
-  if (options.tailwindV4) {
-    // Use @theme parser for Tailwind v4 CSS files
-    const { parseTailwindV4File } = await import('../service/token-parser.js');
-
-    const filePath = resolve(process.cwd(), options.tailwindV4);
-    const result = parseTailwindV4File(filePath);
-
-    if (result.errors.length > 0) {
-      for (const err of result.errors) {
-        console.error(pc.red(`  Error: ${err.message}`));
-      }
-    }
-
-    if (options.verbose && result.warnings.length > 0) {
-      for (const warn of result.warnings) {
-        console.warn(pc.yellow(`  Warning: ${warn}`));
-      }
-    }
-
-    for (const token of result.tokens) {
-      flatMap[token.name] = token.resolvedValue;
-    }
-
-    if (options.verbose) {
-      console.log(
-        pc.dim(`  Parsed ${result.tokens.length} tokens from ${options.tailwindV4} (${result.parseTimeMs.toFixed(1)}ms)`),
-      );
-    }
-  } else if (options.config) {
-    // Use config-based token extraction
-    try {
-      const { loadConfig } = await import('../core/node.js');
-      const { parseTokenFiles } = await import('../service/index.js');
-
-      const { config, configDir } = await loadConfig(options.config);
-      if (config.tokens?.include?.length) {
-        const result = await parseTokenFiles(config.tokens, configDir);
-        for (const token of result.tokens) {
-          flatMap[token.name] = token.resolvedValue;
-        }
-
-        if (options.verbose) {
-          console.log(
-            pc.dim(`  Parsed ${result.tokens.length} tokens from config (${result.parseTimeMs.toFixed(1)}ms)`),
-          );
-        }
-      } else {
-        console.error(pc.red('Error: Config file has no tokens.include patterns'));
-        process.exit(1);
-      }
-    } catch (error) {
-      console.error(pc.red('Error loading config:'), error instanceof Error ? error.message : error);
-      process.exit(1);
-    }
-  } else {
-    // No source specified — try auto-detection
-    try {
-      const { loadConfig } = await import('../core/node.js');
-      const { parseTokenFiles } = await import('../service/index.js');
-
-      const { config, configDir } = await loadConfig();
-      if (config.tokens?.include?.length) {
-        const result = await parseTokenFiles(config.tokens, configDir);
-        for (const token of result.tokens) {
-          flatMap[token.name] = token.resolvedValue;
-        }
-
-        if (options.verbose) {
-          console.log(
-            pc.dim(`  Parsed ${result.tokens.length} tokens from auto-detected config (${result.parseTimeMs.toFixed(1)}ms)`),
-          );
-        }
-      }
-    } catch {
-      // No config found — fall through to error
-    }
-
-    if (Object.keys(flatMap).length === 0) {
-      console.error(pc.red('Error: No token source specified'));
-      console.error(pc.dim('Provide one of:'));
-      console.error(pc.dim('  --tailwind-v4 <path>  Path to Tailwind v4 CSS file with @theme block'));
-      console.error(pc.dim('  --config <path>       Path to fragments config with tokens.include'));
-      console.error(pc.dim('\nExample: fragments tokens push --tailwind-v4 ./app.css'));
-      process.exit(1);
-    }
-  }
-
-  const tokenCount = Object.keys(flatMap).length;
-
-  if (tokenCount === 0) {
-    console.log(pc.yellow('No tokens found.'));
-    return;
-  }
-
-  console.log(pc.cyan(`Found ${tokenCount} tokens`));
-
-  // 3. Dry run — display tokens and exit
-  if (options.dryRun) {
-    console.log(pc.dim('\nDry run — tokens that would be pushed:\n'));
-    const entries = Object.entries(flatMap);
-    for (const [name, value] of entries.slice(0, 20)) {
-      console.log(`  ${pc.bold(name)}: ${value}`);
-    }
-    if (entries.length > 20) {
-      console.log(pc.dim(`  ... and ${entries.length - 20} more`));
-    }
-    return;
-  }
-
-  // 4. POST to Fragments Cloud
-  try {
-    const response = await fetch(`${baseUrl}/api/ingest`, {
-      method: 'POST',
-      headers: {
-        'Content-Type': 'application/json',
-        'Authorization': `Bearer ${apiKey}`,
-      },
-      body: JSON.stringify({
-        codeTokens: JSON.stringify(flatMap),
-      }),
-    });
-
-    if (!response.ok) {
-      const errorText = await response.text();
-      console.error(pc.red(`Error: API returned ${response.status}`));
-      console.error(pc.dim(errorText));
-      process.exit(1);
-    }
-
-    const result = await response.json() as Record<string, unknown>;
-
-    console.log(pc.green(`\nPushed ${tokenCount} tokens to Fragments Cloud`));
-
-    if (result.tokenDrift) {
-      const drift = result.tokenDrift as Record<string, unknown>;
-      const summary = drift.summary as Record<string, number> | undefined;
-      if (summary) {
-        console.log(pc.cyan('\nDrift Summary:'));
-        if (summary.total !== undefined) console.log(pc.dim(`  Total issues: ${summary.total}`));
-        if (summary.missingInCode > 0) console.log(pc.yellow(`  Missing in code: ${summary.missingInCode}`));
-        if (summary.missingInFigma > 0) console.log(pc.yellow(`  Missing in Figma: ${summary.missingInFigma}`));
-        if (summary.valueMismatch > 0) console.log(pc.yellow(`  Value mismatches: ${summary.valueMismatch}`));
-        if (summary.score !== undefined) console.log(`  Health score: ${summary.score}%`);
-      }
-    }
-
-    console.log(pc.dim(`\nView dashboard: ${baseUrl}/tokens`));
-    console.log(pc.dim(`Completed in ${Date.now() - startTime}ms`));
-  } catch (error) {
-    console.error(pc.red('Error pushing tokens:'), error instanceof Error ? error.message : error);
-    process.exit(1);
-  }
-}