sparkle-design-cli/bin/sparkle-design.js

Sparkle Design CSS Generator - デザインシステムCSSを設定ファイルから生成するツール

#!/usr/bin/env node

import { generateCSS } from '../lib/generate-css.js';

// コマンドライン引数を解析
function parseArguments() {
  const args = process.argv.slice(2);
  const options = {
    configPath: null,
    outputPath: null,
    help: false,
  };

  for (let i = 0; i < args.length; i++) {
    const arg = args[i];

    if (arg === '-h' || arg === '--help') {
      options.help = true;
    } else if (arg === '-c' || arg === '--config') {
      options.configPath = args[i + 1];
      i++; // 次の引数をスキップ
    } else if (arg === '-o' || arg === '--output') {
      options.outputPath = args[i + 1];
      i++; // 次の引数をスキップ
    }
  }

  return options;
}

// ヘルプメッセージを表示
function showHelp() {
  console.log(`
Sparkle Design CLI - デザインシステム CSS 生成ツール

使用方法:
  sparkle-design-cli [オプション]

基本的な使用方法:
  1. プロジェクトのルートディレクトリに sparkle.config.json ファイルを作成または配置
  2. CLI ツールを実行: sparkle-design-cli
  3. src/app/sparkle-design.css に CSS ファイルが生成されます

オプション:
  -h, --help                 このヘルプメッセージを表示
  -c, --config <パス>        設定ファイルのパス (デフォルト: ./sparkle.config.json)
  -o, --output <パス>        出力ファイルのパス (デフォルト: ./src/app/sparkle-design.css)

使用例:
  sparkle-design-cli
  sparkle-design-cli --config ./config/design.json
  sparkle-design-cli --output ./styles/design.css
  sparkle-design-cli -c ./config/custom.json -o ./dist/styles.css

設定ファイル (sparkle.config.json):
  設定ファイルは専用のプラグインから自動生成することを推奨します。
  プロジェクトのルートディレクトリに配置してください。

  設定例:
  {
    "primary": "blue",
    "font-pro": "BIZ UDPGothic",
    "font-mono": "BIZ UDGothic",
    "radius": "md"
  }

  設定オプション:
  - primary: プライマリカラー (blue, red, orange など)
  - font-pro: プロポーショナルフォント (Google Fonts の名前)
  - font-mono: モノスペースフォント (Google Fonts の名前)
  - radius: 角丸設定 (sm, md, lg など)

出力:
  - デフォルト出力先: src/app/sparkle-design.css
  - カスタム出力先: -o オプションで指定可能
  - 実行場所を基準として相対パスで処理されます
`);
}

// メイン処理
function main() {
  const options = parseArguments();

  if (options.help) {
    showHelp();
    process.exit(0);
  }

  try {
    generateCSS(options.configPath, options.outputPath);
  } catch (error) {
    console.error('❌ エラーが発生しました:', error.message);
    process.exit(1);
  }
}

main();