sparkle-design-cli 1.3.3 → 1.3.4

package/lib/font-manager.js

@@ -35,28 +35,55 @@ function createFontImportBlock(fontImports) {
   return [COMMENTS.FONT_IMPORT, ...fontImports, ''].join('\n');
 }
 
+/**
+ * globals.css から node_modules への相対パスを計算する
+ * @param {string} globalsPath globals.css の絶対パス
+ * @returns {string} node_modules への相対パス（例: "../../node_modules"）
+ */
+function resolveNodeModulesRelPath(globalsPath) {
+  const globalsDir = path.dirname(globalsPath);
+  // globals.css と同じプロジェクトルートにある node_modules を探す
+  let dir = globalsDir;
+  while (dir !== path.dirname(dir)) {
+    const candidate = path.join(dir, 'node_modules');
+    if (fs.existsSync(candidate)) {
+      const rel = path.relative(globalsDir, candidate);
+      // POSIX パス区切りに変換
+      return rel.split(path.sep).join('/');
+    }
+    dir = path.dirname(dir);
+  }
+  // 見つからない場合はプロジェクトルート（cwd）からの相対パスを使用
+  const fallback = path.join(process.cwd(), 'node_modules');
+  const rel = path.relative(globalsDir, fallback);
+  return rel.split(path.sep).join('/');
+}
+
 /**
  * @source ディレクティブブロックを生成する
  * @param {Array<string>} sourcePackages 追加パッケージ名の配列
+ * @param {string} nodeModulesRel node_modules への相対パス
  * @returns {string} @source ディレクティブブロック
  */
-function createSourceBlock(sourcePackages = []) {
+function createSourceBlock(sourcePackages = [], nodeModulesRel = '../node_modules') {
   const defaultPackage = '@goodpatch/sparkle-design';
   const allPackages = [defaultPackage, ...sourcePackages.filter(p => p !== defaultPackage)];
-  const sourceLines = allPackages.map(pkg => `@source "../node_modules/${pkg}/dist";`);
+  const sourceLines = allPackages.map(pkg => `@source "${nodeModulesRel}/${pkg}/dist";`);
   return [COMMENTS.SOURCE_DIRECTIVE, ...sourceLines].join('\n');
 }
 
 /**
  * sparkle-design.css importブロックを生成する
  * @param {Array<string>} sourcePackages 追加パッケージ名の配列
+ * @param {string} globalsPath globals.css の絶対パス（@source パス計算用）
  * @returns {string} sparkle-design.css importブロック
  */
-function createSparkleImportBlock(sourcePackages = []) {
+function createSparkleImportBlock(sourcePackages = [], globalsPath = null) {
   if (sourcePackages === null || sourcePackages === undefined) {
     return ['', COMMENTS.SPARKLE_IMPORT, IMPORTS.SPARKLE_DESIGN, ''].join('\n');
   }
-  return ['', createSourceBlock(sourcePackages), COMMENTS.SPARKLE_IMPORT, IMPORTS.SPARKLE_DESIGN, ''].join('\n');
+  const nodeModulesRel = globalsPath ? resolveNodeModulesRelPath(globalsPath) : '../node_modules';
+  return ['', createSourceBlock(sourcePackages, nodeModulesRel), COMMENTS.SPARKLE_IMPORT, IMPORTS.SPARKLE_DESIGN, ''].join('\n');
 }
 
 /**
@@ -155,7 +182,7 @@ export function updateGlobalsWithFonts(fontImports, globalsPath, sourcePackages
 
     // 4. importブロックを生成
     const fontImportBlock = createFontImportBlock(fontImports);
-    const sparkleImportBlock = createSparkleImportBlock(sourcePackages);
+    const sparkleImportBlock = createSparkleImportBlock(sourcePackages, globalsPath);
 
     // 5. globals.css を再構築
     const reconstructedContent = reconstructGlobalsCss(

package/package.json

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