sparkle-design-cli 2.0.4 → 2.0.6

package/lib/generate-css.js

@@ -332,6 +332,40 @@ function processTemplate(template, config, grayMapping, radiusMapping, colors) {
  * @param {string} cssContent CSS内容
  * @param {string|null} outputPath カスタム出力パス（オプション）
  */
+// 自動検出対象の既知デザインシステムパッケージ。
+// `sparkle-design` は CLI 側のデフォルトパッケージなのでリストには加えず「存在判定」にだけ使う。
+// en: Known design-system packages to auto-detect. `sparkle-design` is the CLI's
+//     default source package, so it only acts as an "enables @source" signal.
+const KNOWN_DESIGN_SYSTEM_PACKAGES = [
+  '@goodpatch/sparkle-design-internal',
+];
+
+/**
+ * package.json の dependencies / devDependencies から既知のデザインシステムパッケージを検出する。
+ * - `sparkle-design` が入っていれば（CLI のデフォルトで @source に含まれるため）空配列を返し、@source 挿入を有効化
+ * - `@goodpatch/sparkle-design-internal` など追加の既知パッケージが入っていればリストに含める
+ * - いずれも見つからなければ null（従来通り @source を生成しない）
+ * en: Scan package.json and surface source-packages when a design-system package is present.
+ */
+function detectSourcePackagesFromPackageJson(cwd = process.cwd()) {
+  try {
+    const pkg = JSON.parse(fs.readFileSync(path.join(cwd, 'package.json'), 'utf8'));
+    const deps = { ...(pkg.dependencies ?? {}), ...(pkg.devDependencies ?? {}) };
+
+    const hasDefault = Object.prototype.hasOwnProperty.call(deps, 'sparkle-design');
+    const extras = KNOWN_DESIGN_SYSTEM_PACKAGES.filter((name) =>
+      Object.prototype.hasOwnProperty.call(deps, name)
+    );
+
+    if (hasDefault || extras.length > 0) {
+      return extras;
+    }
+    return null;
+  } catch {
+    return null;
+  }
+}
+
 function writeCSS(cssContent, outputPath = null) {
   // カスタムパスが指定されていない場合は実行場所からsrc/appディレクトリに出力
   const defaultOutputPath = path.resolve(
@@ -395,8 +429,19 @@ export function generateCSS(configPath = null, outputPath = null, globalsPath =
   writeSparkleHead(sparkleHeadContent, resolvedOutputPath);
 
   // 8. フォント管理の自動処理を実行（globals.css にはフォント @import を差し込まない）
+  // source-packages は以下の合成で決まる:
+  //   1. package.json から既知のデザインシステムパッケージを自動検出（baseline）
+  //   2. config の extend.source-packages（ユーザー追記分、例: クライアント固有パッケージ）
+  // 両方空なら null（@source を生成しない）。
+  // en: source-packages are resolved by merging auto-detection (from package.json)
+  //     with explicit config entries. If neither surfaces anything, @source is skipped.
   console.log(MESSAGES.FONT_MANAGEMENT_START);
-  const sourcePackages = 'source-packages' in config ? (config['source-packages'] || []) : null;
+  const detectedPackages = detectSourcePackagesFromPackageJson();
+  const explicitPackages = 'source-packages' in config ? (config['source-packages'] || []) : null;
+  const sourcePackages =
+    detectedPackages !== null || explicitPackages !== null
+      ? [...new Set([...(detectedPackages ?? []), ...(explicitPackages ?? [])])]
+      : null;
   const customCssPath = config['custom-css'] || null;
   const globalsPathOverride = globalsPath || config['globals-path'] || null;
   manageFontImports(resolvedOutputPath, sourcePackages, customCssPath, globalsPathOverride);
@@ -414,6 +459,7 @@ export {
   // メイン関数
   processTemplate,
   writeCSS,
+  detectSourcePackagesFromPackageJson,
   // ファイル読み込み
   loadConfig,
   loadTemplate,

package/lib/setup.js

@@ -5,6 +5,10 @@ import { generateCSS } from './generate-css.js';
 
 // デフォルトの sparkle.config.json テンプレート
 // en: Default sparkle.config.json template
+// @source ディレクティブの生成は generate 側が package.json から既知のデザインシステム
+// パッケージ（sparkle-design / @goodpatch/sparkle-design-internal 等）を自動検出して
+// 行うため、ここで extend.source-packages を指定する必要はない。独自パッケージを
+// 追加する場合のみユーザーが extend.source-packages に追記する。
 const DEFAULT_SPARKLE_CONFIG = {
   primary: 'blue',
   'font-pro': 'Inter',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sparkle-design-cli",
-  "version": "2.0.4",
+  "version": "2.0.6",
   "description": "Sparkle Design CSS Generator - デザインシステムCSSを設定ファイルから生成するツール",
   "publishConfig": {
     "registry": "https://registry.npmjs.org",