galaxy-design 0.2.73 → 0.2.74

package/dist/utils/tailwind-scaffold.js

@@ -0,0 +1,398 @@
+import { existsSync, mkdirSync, readFileSync, writeFileSync } from 'fs';
+import { dirname, resolve } from 'path';
+const POSTCSS_CONFIG_FILES = [
+    'postcss.config.mjs',
+    'postcss.config.js',
+    'postcss.config.cjs'
+];
+function ensureParentDirectory(filePath) {
+    const parentDir = dirname(filePath);
+    if (!existsSync(parentDir)) {
+        mkdirSync(parentDir, {
+            recursive: true
+        });
+    }
+}
+function findExistingPostcssConfig(cwd) {
+    return POSTCSS_CONFIG_FILES.find((candidate)=>existsSync(resolve(cwd, candidate)));
+}
+function writeIfNeeded(cwd, relativePath, content, overwriteExisting, result) {
+    const fullPath = resolve(cwd, relativePath);
+    if (existsSync(fullPath) && !overwriteExisting) {
+        result.skipped.push(relativePath);
+        return;
+    }
+    ensureParentDirectory(fullPath);
+    writeFileSync(fullPath, content, 'utf-8');
+    result.written.push(relativePath);
+}
+function ensureTailwindCss(cwd, cssPath, content, result) {
+    const fullPath = resolve(cwd, cssPath);
+    if (!existsSync(fullPath)) {
+        ensureParentDirectory(fullPath);
+        writeFileSync(fullPath, content, 'utf-8');
+        result.written.push(cssPath);
+        return;
+    }
+    const existingContent = readFileSync(fullPath, 'utf-8');
+    if (existingContent.includes('@import "tailwindcss"') || existingContent.includes("@import 'tailwindcss'") || /@tailwind\s+(base|components|utilities)/.test(existingContent)) {
+        result.skipped.push(cssPath);
+        return;
+    }
+    writeFileSync(fullPath, `${content}\n${existingContent}`.trimEnd() + '\n', 'utf-8');
+    result.written.push(cssPath);
+}
+export function getTailwindDevDependencies(mode) {
+    if (mode === 'v4') {
+        return [
+            'tailwindcss',
+            '@tailwindcss/postcss'
+        ];
+    }
+    return [
+        'tailwindcss@^3.4.0',
+        'autoprefixer',
+        'postcss'
+    ];
+}
+export function scaffoldTailwindFiles(options) {
+    const result = {
+        written: [],
+        skipped: []
+    };
+    var _options_overwriteExisting;
+    const overwriteExisting = (_options_overwriteExisting = options.overwriteExisting) != null ? _options_overwriteExisting : false;
+    const postcssConfigPath = findExistingPostcssConfig(options.cwd) || (options.mode === 'v4' ? 'postcss.config.mjs' : 'postcss.config.js');
+    writeIfNeeded(options.cwd, postcssConfigPath, getPostCSSConfigContent(options.mode, options.framework), overwriteExisting, result);
+    if (options.mode === 'v3' && options.configPath) {
+        writeIfNeeded(options.cwd, options.configPath, getTailwindConfigContent(options.framework), overwriteExisting, result);
+    }
+    ensureTailwindCss(options.cwd, options.cssPath, getCSSContent(options.baseColor, options.mode), result);
+    return result;
+}
+function getTailwindConfigContent(framework) {
+    const contentPaths = framework === 'react' || framework === 'nextjs' ? `[
+    "./index.html",
+    "./src/**/*.{js,ts,jsx,tsx}",
+  ]` : framework === 'vue' || framework === 'nuxtjs' ? `[
+    "./index.html",
+    "./src/**/*.{vue,js,ts,jsx,tsx}",
+  ]` : framework === 'angular' ? `[
+    "./src/**/*.{html,ts}",
+    "./src/components/**/*.{html,ts}",
+  ]` : `[
+    "./src/**/*.{js,ts,jsx,tsx,mdx}",
+  ]`;
+    const exportStatement = framework === 'angular' ? 'module.exports = ' : 'export default ';
+    return `/** @type {import('tailwindcss').Config} */
+${exportStatement}{
+  darkMode: ["class"],
+  content: ${contentPaths},
+  theme: {
+    extend: {
+      colors: {
+        border: "hsl(var(--border))",
+        input: "hsl(var(--input))",
+        ring: "hsl(var(--ring))",
+        background: "hsl(var(--background))",
+        foreground: "hsl(var(--foreground))",
+        primary: {
+          DEFAULT: "hsl(var(--primary))",
+          foreground: "hsl(var(--primary-foreground))",
+        },
+        secondary: {
+          DEFAULT: "hsl(var(--secondary))",
+          foreground: "hsl(var(--secondary-foreground))",
+        },
+        destructive: {
+          DEFAULT: "hsl(var(--destructive))",
+          foreground: "hsl(var(--destructive-foreground))",
+        },
+        muted: {
+          DEFAULT: "hsl(var(--muted))",
+          foreground: "hsl(var(--muted-foreground))",
+        },
+        accent: {
+          DEFAULT: "hsl(var(--accent))",
+          foreground: "hsl(var(--accent-foreground))",
+        },
+        popover: {
+          DEFAULT: "hsl(var(--popover))",
+          foreground: "hsl(var(--popover-foreground))",
+        },
+        card: {
+          DEFAULT: "hsl(var(--card))",
+          foreground: "hsl(var(--card-foreground))",
+        },
+      },
+      borderRadius: {
+        lg: "var(--radius)",
+        md: "calc(var(--radius) - 2px)",
+        sm: "calc(var(--radius) - 4px)",
+      },
+    },
+  },
+  plugins: [],
+}
+`;
+}
+function getPostCSSConfigContent(mode, framework) {
+    if (mode === 'v4') {
+        return `export default {
+  plugins: {
+    "@tailwindcss/postcss": {},
+  },
+}
+`;
+    }
+    if (framework === 'angular') {
+        return `module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}
+`;
+    }
+    return `export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}
+`;
+}
+function getCSSContent(baseColor, mode) {
+    const colorVariables = {
+        slate: {
+            light: `--background: 0 0% 100%;
+    --foreground: 222.2 84% 4.9%;
+    --card: 0 0% 100%;
+    --card-foreground: 222.2 84% 4.9%;
+    --popover: 0 0% 100%;
+    --popover-foreground: 222.2 84% 4.9%;
+    --primary: 222.2 47.4% 11.2%;
+    --primary-foreground: 210 40% 98%;
+    --secondary: 210 40% 96.1%;
+    --secondary-foreground: 222.2 47.4% 11.2%;
+    --muted: 210 40% 96.1%;
+    --muted-foreground: 215.4 16.3% 46.9%;
+    --accent: 210 40% 96.1%;
+    --accent-foreground: 222.2 47.4% 11.2%;
+    --destructive: 0 84.2% 60.2%;
+    --destructive-foreground: 210 40% 98%;
+    --border: 214.3 31.8% 91.4%;
+    --input: 214.3 31.8% 91.4%;
+    --ring: 222.2 84% 4.9%;
+    --radius: 0.5rem;`,
+            dark: `--background: 222.2 84% 4.9%;
+    --foreground: 210 40% 98%;
+    --card: 222.2 84% 4.9%;
+    --card-foreground: 210 40% 98%;
+    --popover: 222.2 84% 4.9%;
+    --popover-foreground: 210 40% 98%;
+    --primary: 210 40% 98%;
+    --primary-foreground: 222.2 47.4% 11.2%;
+    --secondary: 217.2 32.6% 17.5%;
+    --secondary-foreground: 210 40% 98%;
+    --muted: 217.2 32.6% 17.5%;
+    --muted-foreground: 215 20.2% 65.1%;
+    --accent: 217.2 32.6% 17.5%;
+    --accent-foreground: 210 40% 98%;
+    --destructive: 0 62.8% 30.6%;
+    --destructive-foreground: 210 40% 98%;
+    --border: 217.2 32.6% 17.5%;
+    --input: 217.2 32.6% 17.5%;
+    --ring: 212.7 26.8% 83.9%;`
+        },
+        gray: {
+            light: `--background: 0 0% 100%;
+    --foreground: 224 71.4% 4.1%;
+    --card: 0 0% 100%;
+    --card-foreground: 224 71.4% 4.1%;
+    --popover: 0 0% 100%;
+    --popover-foreground: 224 71.4% 4.1%;
+    --primary: 220.9 39.3% 11%;
+    --primary-foreground: 210 20% 98%;
+    --secondary: 220 14.3% 95.9%;
+    --secondary-foreground: 220.9 39.3% 11%;
+    --muted: 220 14.3% 95.9%;
+    --muted-foreground: 220 8.9% 46.1%;
+    --accent: 220 14.3% 95.9%;
+    --accent-foreground: 220.9 39.3% 11%;
+    --destructive: 0 84.2% 60.2%;
+    --destructive-foreground: 210 20% 98%;
+    --border: 220 13% 91%;
+    --input: 220 13% 91%;
+    --ring: 224 71.4% 4.1%;
+    --radius: 0.5rem;`,
+            dark: `--background: 224 71.4% 4.1%;
+    --foreground: 210 20% 98%;
+    --card: 224 71.4% 4.1%;
+    --card-foreground: 210 20% 98%;
+    --popover: 224 71.4% 4.1%;
+    --popover-foreground: 210 20% 98%;
+    --primary: 210 20% 98%;
+    --primary-foreground: 220.9 39.3% 11%;
+    --secondary: 215 27.9% 16.9%;
+    --secondary-foreground: 210 20% 98%;
+    --muted: 215 27.9% 16.9%;
+    --muted-foreground: 217.9 10.6% 64.9%;
+    --accent: 215 27.9% 16.9%;
+    --accent-foreground: 210 20% 98%;
+    --destructive: 0 62.8% 30.6%;
+    --destructive-foreground: 210 20% 98%;
+    --border: 215 27.9% 16.9%;
+    --input: 215 27.9% 16.9%;
+    --ring: 216 12.2% 83.9%;`
+        },
+        zinc: {
+            light: `--background: 0 0% 100%;
+    --foreground: 240 10% 3.9%;
+    --card: 0 0% 100%;
+    --card-foreground: 240 10% 3.9%;
+    --popover: 0 0% 100%;
+    --popover-foreground: 240 10% 3.9%;
+    --primary: 240 5.9% 10%;
+    --primary-foreground: 0 0% 98%;
+    --secondary: 240 4.8% 95.9%;
+    --secondary-foreground: 240 5.9% 10%;
+    --muted: 240 4.8% 95.9%;
+    --muted-foreground: 240 3.8% 46.1%;
+    --accent: 240 4.8% 95.9%;
+    --accent-foreground: 240 5.9% 10%;
+    --destructive: 0 84.2% 60.2%;
+    --destructive-foreground: 0 0% 98%;
+    --border: 240 5.9% 90%;
+    --input: 240 5.9% 90%;
+    --ring: 240 10% 3.9%;
+    --radius: 0.5rem;`,
+            dark: `--background: 240 10% 3.9%;
+    --foreground: 0 0% 98%;
+    --card: 240 10% 3.9%;
+    --card-foreground: 0 0% 98%;
+    --popover: 240 10% 3.9%;
+    --popover-foreground: 0 0% 98%;
+    --primary: 0 0% 98%;
+    --primary-foreground: 240 5.9% 10%;
+    --secondary: 240 3.7% 15.9%;
+    --secondary-foreground: 0 0% 98%;
+    --muted: 240 3.7% 15.9%;
+    --muted-foreground: 240 5% 64.9%;
+    --accent: 240 3.7% 15.9%;
+    --accent-foreground: 0 0% 98%;
+    --destructive: 0 62.8% 30.6%;
+    --destructive-foreground: 0 0% 98%;
+    --border: 240 3.7% 15.9%;
+    --input: 240 3.7% 15.9%;
+    --ring: 240 4.9% 83.9%;`
+        },
+        neutral: {
+            light: `--background: 0 0% 100%;
+    --foreground: 0 0% 3.9%;
+    --card: 0 0% 100%;
+    --card-foreground: 0 0% 3.9%;
+    --popover: 0 0% 100%;
+    --popover-foreground: 0 0% 3.9%;
+    --primary: 0 0% 9%;
+    --primary-foreground: 0 0% 98%;
+    --secondary: 0 0% 96.1%;
+    --secondary-foreground: 0 0% 9%;
+    --muted: 0 0% 96.1%;
+    --muted-foreground: 0 0% 45.1%;
+    --accent: 0 0% 96.1%;
+    --accent-foreground: 0 0% 9%;
+    --destructive: 0 84.2% 60.2%;
+    --destructive-foreground: 0 0% 98%;
+    --border: 0 0% 89.8%;
+    --input: 0 0% 89.8%;
+    --ring: 0 0% 3.9%;
+    --radius: 0.5rem;`,
+            dark: `--background: 0 0% 3.9%;
+    --foreground: 0 0% 98%;
+    --card: 0 0% 3.9%;
+    --card-foreground: 0 0% 98%;
+    --popover: 0 0% 3.9%;
+    --popover-foreground: 0 0% 98%;
+    --primary: 0 0% 98%;
+    --primary-foreground: 0 0% 9%;
+    --secondary: 0 0% 14.9%;
+    --secondary-foreground: 0 0% 98%;
+    --muted: 0 0% 14.9%;
+    --muted-foreground: 0 0% 63.9%;
+    --accent: 0 0% 14.9%;
+    --accent-foreground: 0 0% 98%;
+    --destructive: 0 62.8% 30.6%;
+    --destructive-foreground: 0 0% 98%;
+    --border: 0 0% 14.9%;
+    --input: 0 0% 14.9%;
+    --ring: 0 0% 83.1%;`
+        },
+        stone: {
+            light: `--background: 0 0% 100%;
+    --foreground: 20 14.3% 4.1%;
+    --card: 0 0% 100%;
+    --card-foreground: 20 14.3% 4.1%;
+    --popover: 0 0% 100%;
+    --popover-foreground: 20 14.3% 4.1%;
+    --primary: 24 9.8% 10%;
+    --primary-foreground: 60 9.1% 97.8%;
+    --secondary: 60 4.8% 95.9%;
+    --secondary-foreground: 24 9.8% 10%;
+    --muted: 60 4.8% 95.9%;
+    --muted-foreground: 25 5.3% 44.7%;
+    --accent: 60 4.8% 95.9%;
+    --accent-foreground: 24 9.8% 10%;
+    --destructive: 0 84.2% 60.2%;
+    --destructive-foreground: 60 9.1% 97.8%;
+    --border: 20 5.9% 90%;
+    --input: 20 5.9% 90%;
+    --ring: 20 14.3% 4.1%;
+    --radius: 0.5rem;`,
+            dark: `--background: 20 14.3% 4.1%;
+    --foreground: 60 9.1% 97.8%;
+    --card: 20 14.3% 4.1%;
+    --card-foreground: 60 9.1% 97.8%;
+    --popover: 20 14.3% 4.1%;
+    --popover-foreground: 60 9.1% 97.8%;
+    --primary: 60 9.1% 97.8%;
+    --primary-foreground: 24 9.8% 10%;
+    --secondary: 12 6.5% 15.1%;
+    --secondary-foreground: 60 9.1% 97.8%;
+    --muted: 12 6.5% 15.1%;
+    --muted-foreground: 24 5.4% 63.9%;
+    --accent: 12 6.5% 15.1%;
+    --accent-foreground: 60 9.1% 97.8%;
+    --destructive: 0 62.8% 30.6%;
+    --destructive-foreground: 60 9.1% 97.8%;
+    --border: 12 6.5% 15.1%;
+    --input: 12 6.5% 15.1%;
+    --ring: 24 5.7% 82.9%;`
+        }
+    };
+    const colors = colorVariables[baseColor];
+    const tailwindEntry = mode === 'v4' ? '@import "tailwindcss";' : `@tailwind base;\n@tailwind components;\n@tailwind utilities;`;
+    return `${tailwindEntry}
+
+@layer base {
+  :root {
+    ${colors.light}
+  }
+
+  .dark {
+    ${colors.dark}
+  }
+}
+
+@layer base {
+  * {
+    @apply border-border;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+}
+`;
+}
+
+//# sourceMappingURL=tailwind-scaffold.js.map

package/dist/utils/tailwind-scaffold.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/tailwind-scaffold.ts"],"sourcesContent":["import { existsSync, mkdirSync, readFileSync, writeFileSync } from 'fs';\nimport { dirname, resolve } from 'path';\nimport type { BaseColor, Framework } from './config-schema.js';\n\nexport type TailwindMode = 'v3' | 'v4';\n\nexport interface TailwindScaffoldOptions {\n  cwd: string;\n  framework: Framework;\n  mode: TailwindMode;\n  configPath?: string;\n  cssPath: string;\n  baseColor: BaseColor;\n  overwriteExisting?: boolean;\n}\n\nexport interface TailwindScaffoldResult {\n  written: string[];\n  skipped: string[];\n}\n\nconst POSTCSS_CONFIG_FILES = [\n  'postcss.config.mjs',\n  'postcss.config.js',\n  'postcss.config.cjs',\n];\n\nfunction ensureParentDirectory(filePath: string): void {\n  const parentDir = dirname(filePath);\n  if (!existsSync(parentDir)) {\n    mkdirSync(parentDir, { recursive: true });\n  }\n}\n\nfunction findExistingPostcssConfig(cwd: string): string | undefined {\n  return POSTCSS_CONFIG_FILES.find((candidate) =>\n    existsSync(resolve(cwd, candidate)),\n  );\n}\n\nfunction writeIfNeeded(\n  cwd: string,\n  relativePath: string,\n  content: string,\n  overwriteExisting: boolean,\n  result: TailwindScaffoldResult,\n): void {\n  const fullPath = resolve(cwd, relativePath);\n\n  if (existsSync(fullPath) && !overwriteExisting) {\n    result.skipped.push(relativePath);\n    return;\n  }\n\n  ensureParentDirectory(fullPath);\n  writeFileSync(fullPath, content, 'utf-8');\n  result.written.push(relativePath);\n}\n\nfunction ensureTailwindCss(\n  cwd: string,\n  cssPath: string,\n  content: string,\n  result: TailwindScaffoldResult,\n): void {\n  const fullPath = resolve(cwd, cssPath);\n\n  if (!existsSync(fullPath)) {\n    ensureParentDirectory(fullPath);\n    writeFileSync(fullPath, content, 'utf-8');\n    result.written.push(cssPath);\n    return;\n  }\n\n  const existingContent = readFileSync(fullPath, 'utf-8');\n  if (\n    existingContent.includes('@import \"tailwindcss\"') ||\n    existingContent.includes(\"@import 'tailwindcss'\") ||\n    /@tailwind\\s+(base|components|utilities)/.test(existingContent)\n  ) {\n    result.skipped.push(cssPath);\n    return;\n  }\n\n  writeFileSync(\n    fullPath,\n    `${content}\\n${existingContent}`.trimEnd() + '\\n',\n    'utf-8',\n  );\n  result.written.push(cssPath);\n}\n\nexport function getTailwindDevDependencies(mode: TailwindMode): string[] {\n  if (mode === 'v4') {\n    return ['tailwindcss', '@tailwindcss/postcss'];\n  }\n\n  return ['tailwindcss@^3.4.0', 'autoprefixer', 'postcss'];\n}\n\nexport function scaffoldTailwindFiles(\n  options: TailwindScaffoldOptions,\n): TailwindScaffoldResult {\n  const result: TailwindScaffoldResult = {\n    written: [],\n    skipped: [],\n  };\n\n  const overwriteExisting = options.overwriteExisting ?? false;\n  const postcssConfigPath =\n    findExistingPostcssConfig(options.cwd) ||\n    (options.mode === 'v4' ? 'postcss.config.mjs' : 'postcss.config.js');\n\n  writeIfNeeded(\n    options.cwd,\n    postcssConfigPath,\n    getPostCSSConfigContent(options.mode, options.framework),\n    overwriteExisting,\n    result,\n  );\n\n  if (options.mode === 'v3' && options.configPath) {\n    writeIfNeeded(\n      options.cwd,\n      options.configPath,\n      getTailwindConfigContent(options.framework),\n      overwriteExisting,\n      result,\n    );\n  }\n\n  ensureTailwindCss(\n    options.cwd,\n    options.cssPath,\n    getCSSContent(options.baseColor, options.mode),\n    result,\n  );\n\n  return result;\n}\n\nfunction getTailwindConfigContent(framework: Framework): string {\n  const contentPaths =\n    framework === 'react' || framework === 'nextjs'\n      ? `[\n    \"./index.html\",\n    \"./src/**/*.{js,ts,jsx,tsx}\",\n  ]`\n      : framework === 'vue' || framework === 'nuxtjs'\n        ? `[\n    \"./index.html\",\n    \"./src/**/*.{vue,js,ts,jsx,tsx}\",\n  ]`\n        : framework === 'angular'\n          ? `[\n    \"./src/**/*.{html,ts}\",\n    \"./src/components/**/*.{html,ts}\",\n  ]`\n          : `[\n    \"./src/**/*.{js,ts,jsx,tsx,mdx}\",\n  ]`;\n\n  const exportStatement =\n    framework === 'angular' ? 'module.exports = ' : 'export default ';\n\n  return `/** @type {import('tailwindcss').Config} */\n${exportStatement}{\n  darkMode: [\"class\"],\n  content: ${contentPaths},\n  theme: {\n    extend: {\n      colors: {\n        border: \"hsl(var(--border))\",\n        input: \"hsl(var(--input))\",\n        ring: \"hsl(var(--ring))\",\n        background: \"hsl(var(--background))\",\n        foreground: \"hsl(var(--foreground))\",\n        primary: {\n          DEFAULT: \"hsl(var(--primary))\",\n          foreground: \"hsl(var(--primary-foreground))\",\n        },\n        secondary: {\n          DEFAULT: \"hsl(var(--secondary))\",\n          foreground: \"hsl(var(--secondary-foreground))\",\n        },\n        destructive: {\n          DEFAULT: \"hsl(var(--destructive))\",\n          foreground: \"hsl(var(--destructive-foreground))\",\n        },\n        muted: {\n          DEFAULT: \"hsl(var(--muted))\",\n          foreground: \"hsl(var(--muted-foreground))\",\n        },\n        accent: {\n          DEFAULT: \"hsl(var(--accent))\",\n          foreground: \"hsl(var(--accent-foreground))\",\n        },\n        popover: {\n          DEFAULT: \"hsl(var(--popover))\",\n          foreground: \"hsl(var(--popover-foreground))\",\n        },\n        card: {\n          DEFAULT: \"hsl(var(--card))\",\n          foreground: \"hsl(var(--card-foreground))\",\n        },\n      },\n      borderRadius: {\n        lg: \"var(--radius)\",\n        md: \"calc(var(--radius) - 2px)\",\n        sm: \"calc(var(--radius) - 4px)\",\n      },\n    },\n  },\n  plugins: [],\n}\n`;\n}\n\nfunction getPostCSSConfigContent(\n  mode: TailwindMode,\n  framework: Framework,\n): string {\n  if (mode === 'v4') {\n    return `export default {\n  plugins: {\n    \"@tailwindcss/postcss\": {},\n  },\n}\n`;\n  }\n\n  if (framework === 'angular') {\n    return `module.exports = {\n  plugins: {\n    tailwindcss: {},\n    autoprefixer: {},\n  },\n}\n`;\n  }\n\n  return `export default {\n  plugins: {\n    tailwindcss: {},\n    autoprefixer: {},\n  },\n}\n`;\n}\n\nfunction getCSSContent(baseColor: BaseColor, mode: TailwindMode): string {\n  const colorVariables: Record<BaseColor, { light: string; dark: string }> = {\n    slate: {\n      light: `--background: 0 0% 100%;\n    --foreground: 222.2 84% 4.9%;\n    --card: 0 0% 100%;\n    --card-foreground: 222.2 84% 4.9%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 222.2 84% 4.9%;\n    --primary: 222.2 47.4% 11.2%;\n    --primary-foreground: 210 40% 98%;\n    --secondary: 210 40% 96.1%;\n    --secondary-foreground: 222.2 47.4% 11.2%;\n    --muted: 210 40% 96.1%;\n    --muted-foreground: 215.4 16.3% 46.9%;\n    --accent: 210 40% 96.1%;\n    --accent-foreground: 222.2 47.4% 11.2%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 210 40% 98%;\n    --border: 214.3 31.8% 91.4%;\n    --input: 214.3 31.8% 91.4%;\n    --ring: 222.2 84% 4.9%;\n    --radius: 0.5rem;`,\n      dark: `--background: 222.2 84% 4.9%;\n    --foreground: 210 40% 98%;\n    --card: 222.2 84% 4.9%;\n    --card-foreground: 210 40% 98%;\n    --popover: 222.2 84% 4.9%;\n    --popover-foreground: 210 40% 98%;\n    --primary: 210 40% 98%;\n    --primary-foreground: 222.2 47.4% 11.2%;\n    --secondary: 217.2 32.6% 17.5%;\n    --secondary-foreground: 210 40% 98%;\n    --muted: 217.2 32.6% 17.5%;\n    --muted-foreground: 215 20.2% 65.1%;\n    --accent: 217.2 32.6% 17.5%;\n    --accent-foreground: 210 40% 98%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 210 40% 98%;\n    --border: 217.2 32.6% 17.5%;\n    --input: 217.2 32.6% 17.5%;\n    --ring: 212.7 26.8% 83.9%;`,\n    },\n    gray: {\n      light: `--background: 0 0% 100%;\n    --foreground: 224 71.4% 4.1%;\n    --card: 0 0% 100%;\n    --card-foreground: 224 71.4% 4.1%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 224 71.4% 4.1%;\n    --primary: 220.9 39.3% 11%;\n    --primary-foreground: 210 20% 98%;\n    --secondary: 220 14.3% 95.9%;\n    --secondary-foreground: 220.9 39.3% 11%;\n    --muted: 220 14.3% 95.9%;\n    --muted-foreground: 220 8.9% 46.1%;\n    --accent: 220 14.3% 95.9%;\n    --accent-foreground: 220.9 39.3% 11%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 210 20% 98%;\n    --border: 220 13% 91%;\n    --input: 220 13% 91%;\n    --ring: 224 71.4% 4.1%;\n    --radius: 0.5rem;`,\n      dark: `--background: 224 71.4% 4.1%;\n    --foreground: 210 20% 98%;\n    --card: 224 71.4% 4.1%;\n    --card-foreground: 210 20% 98%;\n    --popover: 224 71.4% 4.1%;\n    --popover-foreground: 210 20% 98%;\n    --primary: 210 20% 98%;\n    --primary-foreground: 220.9 39.3% 11%;\n    --secondary: 215 27.9% 16.9%;\n    --secondary-foreground: 210 20% 98%;\n    --muted: 215 27.9% 16.9%;\n    --muted-foreground: 217.9 10.6% 64.9%;\n    --accent: 215 27.9% 16.9%;\n    --accent-foreground: 210 20% 98%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 210 20% 98%;\n    --border: 215 27.9% 16.9%;\n    --input: 215 27.9% 16.9%;\n    --ring: 216 12.2% 83.9%;`,\n    },\n    zinc: {\n      light: `--background: 0 0% 100%;\n    --foreground: 240 10% 3.9%;\n    --card: 0 0% 100%;\n    --card-foreground: 240 10% 3.9%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 240 10% 3.9%;\n    --primary: 240 5.9% 10%;\n    --primary-foreground: 0 0% 98%;\n    --secondary: 240 4.8% 95.9%;\n    --secondary-foreground: 240 5.9% 10%;\n    --muted: 240 4.8% 95.9%;\n    --muted-foreground: 240 3.8% 46.1%;\n    --accent: 240 4.8% 95.9%;\n    --accent-foreground: 240 5.9% 10%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 0 0% 98%;\n    --border: 240 5.9% 90%;\n    --input: 240 5.9% 90%;\n    --ring: 240 10% 3.9%;\n    --radius: 0.5rem;`,\n      dark: `--background: 240 10% 3.9%;\n    --foreground: 0 0% 98%;\n    --card: 240 10% 3.9%;\n    --card-foreground: 0 0% 98%;\n    --popover: 240 10% 3.9%;\n    --popover-foreground: 0 0% 98%;\n    --primary: 0 0% 98%;\n    --primary-foreground: 240 5.9% 10%;\n    --secondary: 240 3.7% 15.9%;\n    --secondary-foreground: 0 0% 98%;\n    --muted: 240 3.7% 15.9%;\n    --muted-foreground: 240 5% 64.9%;\n    --accent: 240 3.7% 15.9%;\n    --accent-foreground: 0 0% 98%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 0 0% 98%;\n    --border: 240 3.7% 15.9%;\n    --input: 240 3.7% 15.9%;\n    --ring: 240 4.9% 83.9%;`,\n    },\n    neutral: {\n      light: `--background: 0 0% 100%;\n    --foreground: 0 0% 3.9%;\n    --card: 0 0% 100%;\n    --card-foreground: 0 0% 3.9%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 0 0% 3.9%;\n    --primary: 0 0% 9%;\n    --primary-foreground: 0 0% 98%;\n    --secondary: 0 0% 96.1%;\n    --secondary-foreground: 0 0% 9%;\n    --muted: 0 0% 96.1%;\n    --muted-foreground: 0 0% 45.1%;\n    --accent: 0 0% 96.1%;\n    --accent-foreground: 0 0% 9%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 0 0% 98%;\n    --border: 0 0% 89.8%;\n    --input: 0 0% 89.8%;\n    --ring: 0 0% 3.9%;\n    --radius: 0.5rem;`,\n      dark: `--background: 0 0% 3.9%;\n    --foreground: 0 0% 98%;\n    --card: 0 0% 3.9%;\n    --card-foreground: 0 0% 98%;\n    --popover: 0 0% 3.9%;\n    --popover-foreground: 0 0% 98%;\n    --primary: 0 0% 98%;\n    --primary-foreground: 0 0% 9%;\n    --secondary: 0 0% 14.9%;\n    --secondary-foreground: 0 0% 98%;\n    --muted: 0 0% 14.9%;\n    --muted-foreground: 0 0% 63.9%;\n    --accent: 0 0% 14.9%;\n    --accent-foreground: 0 0% 98%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 0 0% 98%;\n    --border: 0 0% 14.9%;\n    --input: 0 0% 14.9%;\n    --ring: 0 0% 83.1%;`,\n    },\n    stone: {\n      light: `--background: 0 0% 100%;\n    --foreground: 20 14.3% 4.1%;\n    --card: 0 0% 100%;\n    --card-foreground: 20 14.3% 4.1%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 20 14.3% 4.1%;\n    --primary: 24 9.8% 10%;\n    --primary-foreground: 60 9.1% 97.8%;\n    --secondary: 60 4.8% 95.9%;\n    --secondary-foreground: 24 9.8% 10%;\n    --muted: 60 4.8% 95.9%;\n    --muted-foreground: 25 5.3% 44.7%;\n    --accent: 60 4.8% 95.9%;\n    --accent-foreground: 24 9.8% 10%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 60 9.1% 97.8%;\n    --border: 20 5.9% 90%;\n    --input: 20 5.9% 90%;\n    --ring: 20 14.3% 4.1%;\n    --radius: 0.5rem;`,\n      dark: `--background: 20 14.3% 4.1%;\n    --foreground: 60 9.1% 97.8%;\n    --card: 20 14.3% 4.1%;\n    --card-foreground: 60 9.1% 97.8%;\n    --popover: 20 14.3% 4.1%;\n    --popover-foreground: 60 9.1% 97.8%;\n    --primary: 60 9.1% 97.8%;\n    --primary-foreground: 24 9.8% 10%;\n    --secondary: 12 6.5% 15.1%;\n    --secondary-foreground: 60 9.1% 97.8%;\n    --muted: 12 6.5% 15.1%;\n    --muted-foreground: 24 5.4% 63.9%;\n    --accent: 12 6.5% 15.1%;\n    --accent-foreground: 60 9.1% 97.8%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 60 9.1% 97.8%;\n    --border: 12 6.5% 15.1%;\n    --input: 12 6.5% 15.1%;\n    --ring: 24 5.7% 82.9%;`,\n    },\n  };\n\n  const colors = colorVariables[baseColor];\n  const tailwindEntry =\n    mode === 'v4'\n      ? '@import \"tailwindcss\";'\n      : `@tailwind base;\\n@tailwind components;\\n@tailwind utilities;`;\n\n  return `${tailwindEntry}\n\n@layer base {\n  :root {\n    ${colors.light}\n  }\n\n  .dark {\n    ${colors.dark}\n  }\n}\n\n@layer base {\n  * {\n    @apply border-border;\n  }\n  body {\n    @apply bg-background text-foreground;\n  }\n}\n`;\n}\n"],"names":["existsSync","mkdirSync","readFileSync","writeFileSync","dirname","resolve","POSTCSS_CONFIG_FILES","ensureParentDirectory","filePath","parentDir","recursive","findExistingPostcssConfig","cwd","find","candidate","writeIfNeeded","relativePath","content","overwriteExisting","result","fullPath","skipped","push","written","ensureTailwindCss","cssPath","existingContent","includes","test","trimEnd","getTailwindDevDependencies","mode","scaffoldTailwindFiles","options","postcssConfigPath","getPostCSSConfigContent","framework","configPath","getTailwindConfigContent","getCSSContent","baseColor","contentPaths","exportStatement","colorVariables","slate","light","dark","gray","zinc","neutral","stone","colors","tailwindEntry"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "galaxy-design",
-  "version": "0.2.73",
+  "version": "0.2.74",
   "description": "CLI tool for adding Galaxy UI components to your Vue, React, Angular, Next.js, Nuxt.js, React Native, or Flutter project",
   "author": "Bùi Trọng Hiếu (kevinbui) <kevinbui210191@gmail.com>",
   "license": "MIT",
@@ -61,8 +61,26 @@
   },
   "scripts": {
     "audit:registry": "node scripts/audit-registries.cjs",
+    "generate:components-schema": "npm run build && node scripts/generate-components-schema.mjs",
     "build": "swc src -d dist --config-file .swcrc --strip-leading-paths && cp src/registry.json dist/ && cp src/registries/registry-*.json dist/ && cp -r src/registries dist/ && cp -r src/schemas dist/ && cp -r src/templates dist/",
-    "prepublishOnly": "npm run build"
+    "check:components-schema": "npm run build && node scripts/generate-components-schema.mjs --check",
+    "test:component-copier": "npm run build && node scripts/test-component-copier.mjs",
+    "test:add-command": "npm run build && node scripts/test-add-command.mjs",
+    "test:registry-service": "npm run build && node scripts/test-framework-registry-service.mjs",
+    "test:init-support": "npm run build && node scripts/test-init-support.mjs",
+    "test:nextjs-fixture": "npm run build && node scripts/test-nextjs-fixture.mjs",
+    "test:nextjs-tailwind-migrate-fixture": "npm run build && node scripts/test-nextjs-tailwind-migrate-fixture.mjs",
+    "test:nuxt-fixture": "npm run build && node scripts/test-nuxt-fixture.mjs",
+    "test:angular-fixture": "npm run build && node scripts/test-angular-fixture.mjs",
+    "test:angular-tailwind-migrate-fixture": "npm run build && node scripts/test-angular-tailwind-migrate-fixture.mjs",
+    "test:vite-react-tailwind-migrate-fixture": "npm run build && node scripts/test-vite-react-tailwind-migrate-fixture.mjs",
+    "test:vite-react-fixture": "npm run build && node scripts/test-vite-react-fixture.mjs",
+    "test:vite-vue-tailwind-migrate-fixture": "npm run build && node scripts/test-vite-vue-tailwind-migrate-fixture.mjs",
+    "test:vite-vue-fixture": "npm run build && node scripts/test-vite-vue-fixture.mjs",
+    "test:tailwind-migrate": "npm run build && node scripts/test-tailwind-migrate.mjs",
+    "test:tailwind-utils": "npm run build && node scripts/test-tailwind-utils.mjs",
+    "verify": "npm run audit:registry && npm run build && node scripts/generate-components-schema.mjs --check && node scripts/test-framework-registry-service.mjs && node scripts/test-component-copier.mjs && node scripts/test-add-command.mjs && node scripts/test-init-support.mjs && node scripts/test-nextjs-fixture.mjs && node scripts/test-nextjs-tailwind-migrate-fixture.mjs && node scripts/test-nuxt-fixture.mjs && node scripts/test-angular-fixture.mjs && node scripts/test-angular-tailwind-migrate-fixture.mjs && node scripts/test-vite-react-fixture.mjs && node scripts/test-vite-react-tailwind-migrate-fixture.mjs && node scripts/test-vite-vue-fixture.mjs && node scripts/test-vite-vue-tailwind-migrate-fixture.mjs && node scripts/test-tailwind-utils.mjs && node scripts/test-tailwind-migrate.mjs",
+    "prepublishOnly": "npm run verify"
   },
   "dependencies": {
     "@swc/helpers": "~0.5.11",