sparkle-design-cli 1.3.10 → 1.3.11

package/README.md

@@ -23,7 +23,7 @@ npx sparkle-design-cli check src --strict
 npx sparkle-design-cli check src --format json
 
 # Claude / Codex / Cursor 向けの guard 設定を差し込む
-npx sparkle-design-cli setup --assistant claude
+npx --yes sparkle-design-cli setup --assistant claude
 ```
 
 ### 後方互換モード
@@ -125,7 +125,7 @@ sparkle-design-cli check --help
 ```json
 {
   "scripts": {
-    "lint:sparkle": "sparkle-design-cli check src --strict"
+    "lint:sparkle": "npx --yes sparkle-design-cli check src --strict"
   }
 }
 ```
@@ -138,16 +138,16 @@ AI エージェントや CI からこの `lint:sparkle` を呼ぶ運用にする
 
 ```bash
 # Claude Code 向け
-sparkle-design-cli setup --assistant claude
+npx --yes sparkle-design-cli setup --assistant claude
 
 # Codex / AGENTS.md 向け
-sparkle-design-cli setup --assistant codex
+npx --yes sparkle-design-cli setup --assistant codex
 
 # Cursor rules 向け
-sparkle-design-cli setup --assistant cursor
+npx --yes sparkle-design-cli setup --assistant cursor
 
 # generic な Markdown を生成
-sparkle-design-cli setup --assistant generic
+npx --yes sparkle-design-cli setup --assistant generic
 ```
 
 追加されるもの:

package/lib/generate-css.js

@@ -23,6 +23,31 @@ import {
   updateGlobalsWithFonts,
 } from './font-manager.js';
 
+/**
+ * 同一のフォント @import を重複排除する
+ * @param {string} cssContent CSS内容
+ * @returns {string} 重複排除後のCSS
+ */
+function dedupeFontImports(cssContent) {
+  const seen = new Set();
+
+  return cssContent
+    .split('\n')
+    .filter(line => {
+      if (!line.includes('fonts.googleapis.com')) {
+        return true;
+      }
+
+      if (seen.has(line)) {
+        return false;
+      }
+
+      seen.add(line);
+      return true;
+    })
+    .join('\n');
+}
+
 /**
  * テンプレート変数を設定値で置換する
  * @param {string} template CSSテンプレート
@@ -71,6 +96,8 @@ function processTemplate(template, config, grayMapping, radiusMapping, colors) {
     console.log(MESSAGES.RADIUS_APPLIED(config.radius));
   }
 
+  processedCSS = dedupeFontImports(processedCSS);
+
   console.log(MESSAGES.TEMPLATE_PROCESSED);
   return processedCSS;
 }
@@ -163,6 +190,7 @@ export {
   hexToRgba,
   hexToOklch,
   generateColorTokens,
+  dedupeFontImports,
   // フォント管理
   extractFontImports,
   removeFontImportsFromCSS,

package/lib/setup.js

@@ -21,6 +21,11 @@ const BLOCK_END = '<!-- sparkle-design-cli:setup:end -->';
 const TARGET_CANDIDATES = ['src', 'src/components', 'src/features', 'app', 'components'];
 const UNSAFE_TARGET_PATTERN = /[\s"'`;$&|<>()[\]{}\\]/;
 
+function buildCheckScript(target, mode) {
+  const trailingArgs = mode === 'strict' ? '--strict' : '--format json';
+  return `npx --yes sparkle-design-cli check ${target} ${trailingArgs}`;
+}
+
 
 function escapeRegExp(value) {
   return value.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
@@ -91,11 +96,18 @@ function isManagedSparkleScript(value, mode) {
     return false;
   }
 
-  const tokens = value.trim().split(/\s+/);
+  let tokens = value.trim().split(/\s+/);
   if (tokens.length < 3) {
     return false;
   }
 
+  if (tokens[0] === 'npx') {
+    tokens = tokens.slice(1);
+    if (tokens[0] === '--yes') {
+      tokens = tokens.slice(1);
+    }
+  }
+
   if (tokens[0] !== 'sparkle-design-cli' || tokens[1] !== 'check') {
     return false;
   }
@@ -169,13 +181,13 @@ function updatePackageJson(filePath, target, force) {
 
   const strictResult = resolveScriptUpdate(
     scripts['lint:sparkle'],
-    `sparkle-design-cli check ${target} --strict`,
+    buildCheckScript(target, 'strict'),
     'strict',
     force
   );
   const jsonResult = resolveScriptUpdate(
     scripts['lint:sparkle:json'],
-    `sparkle-design-cli check ${target} --format json`,
+    buildCheckScript(target, 'json'),
     'json',
     force
   );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sparkle-design-cli",
-  "version": "1.3.10",
+  "version": "1.3.11",
   "description": "Sparkle Design CSS Generator - デザインシステムCSSを設定ファイルから生成するツール",
   "main": "lib/generate-css.js",
   "type": "module",