atomsystem 0.1.46 → 0.1.47

package/dist/index.js

@@ -1,16 +1,182 @@
 #!/usr/bin/env node
-import {
-  addComponent,
-  components,
-  logger
-} from "./chunk-US4VD4EW.js";
+var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __esm = (fn, res) => function __init() {
+  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+
+// node_modules/tsup/assets/esm_shims.js
+import path from "path";
+import { fileURLToPath } from "url";
+var init_esm_shims = __esm({
+  "node_modules/tsup/assets/esm_shims.js"() {
+    "use strict";
+  }
+});
+
+// src/utils/logger.ts
+import chalk from "chalk";
+var logger;
+var init_logger = __esm({
+  "src/utils/logger.ts"() {
+    "use strict";
+    init_esm_shims();
+    logger = {
+      error(...args) {
+        console.error(chalk.red(...args));
+      },
+      warn(...args) {
+        console.warn(chalk.yellow(...args));
+      },
+      info(...args) {
+        console.info(chalk.cyan(...args));
+      },
+      success(...args) {
+        console.log(chalk.green(...args));
+      },
+      log(...args) {
+        console.log(...args);
+      },
+      break() {
+        console.log("");
+      }
+    };
+  }
+});
+
+// src/utils/component.ts
+var component_exports = {};
+__export(component_exports, {
+  addComponent: () => addComponent,
+  baseDir: () => baseDir,
+  components: () => components,
+  dependenciesMap: () => dependenciesMap,
+  templateDir: () => templateDir,
+  updateGlobalsCss: () => updateGlobalsCss
+});
+import fs from "fs";
+import path2 from "path";
+import { fileURLToPath as fileURLToPath2 } from "url";
+function getBaseDir() {
+  const isBuilt = path2.basename(__dirname2) === "dist" || fs.existsSync(path2.join(__dirname2, "index.js"));
+  if (isBuilt) {
+    return path2.join(__dirname2, "..");
+  }
+  if (path2.basename(__dirname2) === "utils" || path2.basename(__dirname2) === "commands") {
+    return path2.join(__dirname2, "..", "..");
+  }
+  return path2.join(__dirname2, "..", "..");
+}
+function addComponent(comp, cwd, addedComponents) {
+  if (addedComponents.has(comp)) return;
+  addedComponents.add(comp);
+  const componentSourceDir = path2.join(templateDir, comp);
+  const componentPath = path2.join(componentSourceDir, `${comp}.tsx`);
+  const targetDir = path2.join(cwd, "app", "components", comp);
+  const targetPath = path2.join(targetDir, `${comp}.tsx`);
+  const cssFileName = `${comp}.css`.toLowerCase();
+  const sourceCssPath = path2.join(componentSourceDir, cssFileName);
+  const targetCssPath = path2.join(targetDir, cssFileName);
+  if (fs.existsSync(componentPath)) {
+    if (!fs.existsSync(targetDir)) {
+      fs.mkdirSync(targetDir, { recursive: true });
+      logger.info(`\uB514\uB809\uD1A0\uB9AC \uC0DD\uC131: ${targetDir}`);
+    }
+    fs.copyFileSync(componentPath, targetPath);
+    logger.success(`\u2705 ${comp} \uCEF4\uD3EC\uB10C\uD2B8(TSX)\uAC00 \uCD94\uAC00\uB418\uC5C8\uC2B5\uB2C8\uB2E4: ${targetPath}`);
+    if (fs.existsSync(sourceCssPath)) {
+      fs.copyFileSync(sourceCssPath, targetCssPath);
+      logger.success(`\u2705 ${comp} \uCEF4\uD3EC\uB10C\uD2B8(CSS)\uAC00 \uCD94\uAC00\uB418\uC5C8\uC2B5\uB2C8\uB2E4: ${targetCssPath}`);
+      updateGlobalsCss(comp, cssFileName, cwd);
+    }
+    if (dependenciesMap[comp]) {
+      logger.info(`\u23F3 ${comp}\uC758 \uC758\uC874\uC131 \uCEF4\uD3EC\uB10C\uD2B8 \uD655\uC778 \uC911...`);
+      for (const dep of dependenciesMap[comp]) {
+        addComponent(dep, cwd, addedComponents);
+      }
+    }
+  } else {
+    logger.error(`\u274C ${comp} \uCEF4\uD3EC\uB10C\uD2B8\uAC00 atomsystem\uC5D0 \uC874\uC7AC\uD558\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4: ${comp}`);
+  }
+}
+function updateGlobalsCss(comp, cssFileName, cwd) {
+  const globalsPath = path2.join(cwd, "app", "globals.css");
+  const importLine = `@import "./components/${comp}/${cssFileName}";`;
+  const componentSectionMarker = "/* Component Styles */";
+  if (fs.existsSync(globalsPath)) {
+    let content = fs.readFileSync(globalsPath, "utf8");
+    if (!content.includes(importLine)) {
+      if (content.includes(componentSectionMarker)) {
+        const markerIndex = content.indexOf(componentSectionMarker);
+        const afterMarker = content.slice(markerIndex);
+        const lastImportIndex = afterMarker.lastIndexOf("@import");
+        if (lastImportIndex !== -1) {
+          const endOfLastImport = markerIndex + lastImportIndex + afterMarker.slice(lastImportIndex).indexOf("\n") + 1;
+          content = content.slice(0, endOfLastImport) + importLine + "\n" + content.slice(endOfLastImport);
+        } else {
+          content = content.slice(0, markerIndex + componentSectionMarker.length) + "\n" + importLine + "\n" + content.slice(markerIndex + componentSectionMarker.length);
+        }
+      } else {
+        content = content.trimEnd() + "\n\n" + componentSectionMarker + "\n" + importLine + "\n";
+      }
+      fs.writeFileSync(globalsPath, content, "utf8");
+      logger.success(`\u2705 globals.css\uC5D0 ${comp} @import\uB97C \uCD94\uAC00\uD588\uC2B5\uB2C8\uB2E4.`);
+    }
+  } else {
+    logger.warn(`\u26A0\uFE0F  globals.css\uB97C \uCC3E\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4. \uC218\uB3D9\uC73C\uB85C \uCD94\uAC00\uD574 \uC8FC\uC138\uC694:
+   ${importLine}`);
+  }
+}
+var __filename2, __dirname2, baseDir, templateDir, components, dependenciesMap;
+var init_component = __esm({
+  "src/utils/component.ts"() {
+    "use strict";
+    init_esm_shims();
+    init_logger();
+    __filename2 = fileURLToPath2(import.meta.url);
+    __dirname2 = path2.dirname(__filename2);
+    baseDir = getBaseDir();
+    templateDir = path2.join(baseDir, "app", "templates");
+    logger.info(`\u{1F50D} Debug: baseDir=${baseDir}`);
+    logger.info(`\u{1F50D} Debug: templateDir=${templateDir}`);
+    components = [
+      "Button",
+      "Badge",
+      "Card",
+      "Collapse",
+      "CodeBlock",
+      "Navigation",
+      "Sidebar",
+      "Input",
+      "Theme",
+      "Tab",
+      "Toast",
+      "Pagination",
+      "Table",
+      "Modal",
+      "TOC",
+      "Dropdown"
+    ];
+    dependenciesMap = {
+      Theme: ["Button", "Form", "Modal"]
+    };
+  }
+});
 
 // src/index.ts
+init_esm_shims();
 import { Command as Command3 } from "commander";
 
 // src/commands/add.ts
+init_esm_shims();
+init_logger();
+init_component();
 import { Command } from "commander";
-import path from "path";
+import path3 from "path";
 import prompts from "prompts";
 import { z } from "zod";
 var addOptionsSchema = z.object({
@@ -23,7 +189,7 @@ var add = new Command().name("add").description("\uD504\uB85C\uC81D\uD2B8\uC5D0
     const options = addOptionsSchema.parse({
       components: componentsArg,
       ...opts,
-      cwd: path.resolve(opts.cwd)
+      cwd: path3.resolve(opts.cwd)
     });
     let selectedComponents = options.components || [];
     if (options.all) {
@@ -53,17 +219,20 @@ var add = new Command().name("add").description("\uD504\uB85C\uC81D\uD2B8\uC5D0
 });
 
 // src/commands/init.ts
+init_esm_shims();
+init_logger();
+init_component();
 import { Command as Command2 } from "commander";
-import fs from "fs";
-import path2 from "path";
+import fs2 from "fs";
+import path4 from "path";
 import { exec } from "child_process";
 import { promisify } from "util";
 import ora from "ora";
 import prompts2 from "prompts";
-import { fileURLToPath } from "url";
+import { fileURLToPath as fileURLToPath3 } from "url";
 import { z as z2 } from "zod";
-var __filename2 = fileURLToPath(import.meta.url);
-var __dirname2 = path2.dirname(__filename2);
+var __filename3 = fileURLToPath3(import.meta.url);
+var __dirname3 = path4.dirname(__filename3);
 var execPromise = promisify(exec);
 var initOptionsSchema = z2.object({
   cwd: z2.string(),
@@ -73,11 +242,11 @@ var init = new Command2().name("init").description("\uD504\uB85C\uC81D\uD2B8\uB9
   try {
     const options = initOptionsSchema.parse({
       ...opts,
-      cwd: path2.resolve(opts.cwd)
+      cwd: path4.resolve(opts.cwd)
     });
     const projectRoot = options.cwd;
-    const packageJsonPath = path2.join(projectRoot, "package.json");
-    if (!fs.existsSync(packageJsonPath)) {
+    const packageJsonPath = path4.join(projectRoot, "package.json");
+    if (!fs2.existsSync(packageJsonPath)) {
       logger.error("\u274C \uC624\uB958: \uD604\uC7AC \uB514\uB809\uD1A0\uB9AC\uC5D0\uC11C package.json\uC744 \uCC3E\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.");
       logger.info("'npm init'\uC744 \uBA3C\uC800 \uC2E4\uD589\uD55C \uD6C4 \uB2E4\uC2DC \uC2DC\uB3C4\uD574 \uC8FC\uC138\uC694.");
       process.exit(1);
@@ -120,7 +289,7 @@ var init = new Command2().name("init").description("\uD504\uB85C\uC81D\uD2B8\uB9
         return;
       }
       try {
-        const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, "utf8"));
+        const packageJson = JSON.parse(fs2.readFileSync(packageJsonPath, "utf8"));
         packageJson.type = "module";
         packageJson.scripts = {
           ...packageJson.scripts,
@@ -130,17 +299,17 @@ var init = new Command2().name("init").description("\uD504\uB85C\uC81D\uD2B8\uB9
           "lint": "next lint",
           "token-build": "node build/build-tokens.js"
         };
-        fs.writeFileSync(packageJsonPath, JSON.stringify(packageJson, null, 2));
+        fs2.writeFileSync(packageJsonPath, JSON.stringify(packageJson, null, 2));
         logger.success("\u2705 package.json \uC2A4\uD06C\uB9BD\uD2B8 \uC5C5\uB370\uC774\uD2B8 \uC644\uB8CC.");
       } catch (err) {
         logger.error("\u274C package.json \uC5C5\uB370\uC774\uD2B8 \uC624\uB958:", err);
         return;
       }
-      const appDir = path2.join(projectRoot, "app");
-      if (!fs.existsSync(appDir)) fs.mkdirSync(appDir, { recursive: true });
+      const appDir = path4.join(projectRoot, "app");
+      if (!fs2.existsSync(appDir)) fs2.mkdirSync(appDir, { recursive: true });
       const files = [
         {
-          path: path2.join(appDir, "layout.tsx"),
+          path: path4.join(appDir, "layout.tsx"),
           content: `import { ThemeProvider } from "./components/Theme/Theme";
 import "./globals.css";
 
@@ -157,13 +326,13 @@ export default function RootLayout({ children }: { children: React.ReactNode })
 }`
         },
         {
-          path: path2.join(appDir, "globals.css"),
+          path: path4.join(appDir, "globals.css"),
           content: `@import "tailwindcss";
 @import "../build/css/_variables.css";
 @import "../css/text.css";`
         },
         {
-          path: path2.join(appDir, "page.tsx"),
+          path: path4.join(appDir, "page.tsx"),
           content: `import { ThemeSelector } from "./components/Theme/Theme";
 import { Button } from "./components/Button/Button";
 import { Card, CardHeader, CardContent, CardFooter } from "./components/Card/Card";
@@ -203,7 +372,7 @@ export default function Page() {
 }`
         },
         {
-          path: path2.join(projectRoot, "tsconfig.json"),
+          path: path4.join(projectRoot, "tsconfig.json"),
           content: JSON.stringify({
             compilerOptions: {
               target: "ES2017",
@@ -229,25 +398,25 @@ export default function Page() {
           }, null, 2)
         },
         {
-          path: path2.join(projectRoot, "next.config.ts"),
+          path: path4.join(projectRoot, "next.config.ts"),
           content: `import type { NextConfig } from "next";
 
 const nextConfig: NextConfig = { reactStrictMode: false };
 export default nextConfig;`
         },
         {
-          path: path2.join(projectRoot, "postcss.config.mjs"),
+          path: path4.join(projectRoot, "postcss.config.mjs"),
           content: `/** @type {import('postcss-load-config').Config} */
 const config = { plugins: { "@tailwindcss/postcss": {} } };
 export default config;`
         }
       ];
       for (const file of files) {
-        fs.writeFileSync(file.path, file.content);
+        fs2.writeFileSync(file.path, file.content);
         logger.info(`\u2705 \uD30C\uC77C \uC0DD\uC131: ${file.path}`);
       }
-      const buildTokensPath = path2.join(projectRoot, "build", "build-tokens.js");
-      if (fs.existsSync(buildTokensPath)) {
+      const buildTokensPath = path4.join(projectRoot, "build", "build-tokens.js");
+      if (fs2.existsSync(buildTokensPath)) {
         const spin = ora("\uB514\uC790\uC778 \uD1A0\uD070 \uBE4C\uB4DC \uC911...").start();
         try {
           await execPromise(`node "${buildTokensPath}"`, { cwd: projectRoot });
@@ -258,14 +427,14 @@ export default config;`
         }
       }
     }
-    const { baseDir: pkgRoot } = await import("./component-SFV77SNH.js");
+    const { baseDir: pkgRoot } = await Promise.resolve().then(() => (init_component(), component_exports));
     logger.info(`\u{1F50D} Debug: pkgRoot=${pkgRoot}`);
-    const tokenFile = path2.join(pkgRoot, "tokens", "tokens.json");
-    const buildFile = path2.join(pkgRoot, "build", "build-tokens.js");
-    const textCssFile = path2.join(pkgRoot, "css", "text.css");
-    copyFile(tokenFile, path2.join(projectRoot, "tokens", "tokens.json"));
-    copyFile(buildFile, path2.join(projectRoot, "build", "build-tokens.js"));
-    copyFile(textCssFile, path2.join(projectRoot, "css", "text.css"));
+    const tokenFile = path4.join(pkgRoot, "tokens", "tokens.json");
+    const buildFile = path4.join(pkgRoot, "build", "build-tokens.js");
+    const textCssFile = path4.join(pkgRoot, "css", "text.css");
+    copyFile(tokenFile, path4.join(projectRoot, "tokens", "tokens.json"));
+    copyFile(buildFile, path4.join(projectRoot, "build", "build-tokens.js"));
+    copyFile(textCssFile, path4.join(projectRoot, "css", "text.css"));
     const addedComponents = /* @__PURE__ */ new Set();
     logger.info("\u23F3 \uAE30\uBCF8 \uB370\uBAA8 \uCEF4\uD3EC\uB10C\uD2B8 \uC124\uCE58 \uC911...");
     addComponent("Button", projectRoot, addedComponents);
@@ -278,10 +447,10 @@ export default config;`
   }
 });
 function copyFile(src, dest) {
-  const dir = path2.dirname(dest);
-  if (!fs.existsSync(dir)) fs.mkdirSync(dir, { recursive: true });
-  if (fs.existsSync(src)) {
-    fs.copyFileSync(src, dest);
+  const dir = path4.dirname(dest);
+  if (!fs2.existsSync(dir)) fs2.mkdirSync(dir, { recursive: true });
+  if (fs2.existsSync(src)) {
+    fs2.copyFileSync(src, dest);
     logger.info(`\u2705 \uBCF5\uC0AC \uC644\uB8CC: ${src} -> ${dest}`);
   } else {
     logger.warn(`\u26A0\uFE0F  \uD30C\uC77C\uC744 \uCC3E\uC744 \uC218 \uC5C6\uC5B4 \uBCF5\uC0AC\uD558\uC9C0 \uBABB\uD588\uC2B5\uB2C8\uB2E4: ${src}`);
@@ -291,12 +460,12 @@ function copyFile(src, dest) {
 // src/index.ts
 import { readFileSync } from "fs";
 import { join } from "path";
-import { fileURLToPath as fileURLToPath2 } from "url";
+import { fileURLToPath as fileURLToPath4 } from "url";
 import { dirname } from "path";
-var __filename3 = fileURLToPath2(import.meta.url);
-var __dirname3 = dirname(__filename3);
+var __filename4 = fileURLToPath4(import.meta.url);
+var __dirname4 = dirname(__filename4);
 async function main() {
-  const packageJsonPath = join(__dirname3, "..", "package.json");
+  const packageJsonPath = join(__dirname4, "..", "package.json");
   const packageJson = JSON.parse(readFileSync(packageJsonPath, "utf8"));
   const program = new Command3().name("atomsystem").description("Atom Ground Design System CLI").version(packageJson.version);
   program.addCommand(add);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "atomsystem",
-  "version": "0.1.46",
+  "version": "0.1.47",
   "type": "module",
   "homepage": "https://system.atomground.com",
   "bin": {
@@ -20,7 +20,7 @@
     "start": "next start",
     "lint": "next lint",
     "token-build": "node build/build-tokens.js",
-    "cli:build": "tsup src/index.ts --format esm --clean --shims --target node20",
+    "cli:build": "tsup src/index.ts --format esm --clean --shims --target node20 --no-splitting",
     "cli:dev": "tsx src/index.ts"
   },
   "peerDependencies": {