atomsystem 0.1.36 → 0.1.38

package/cli/init.js

@@ -17,6 +17,7 @@ const __dirname = path.dirname(__filename);
 const packageRoot = path.join(__dirname, "..");
 const tokenFile = path.join(packageRoot, "tokens", "tokens.json");
 const buildFile = path.join(packageRoot, "build", "build-tokens.js");
+const textCssFile = path.join(packageRoot, "css", "text.css");
 
 // 프로젝트 루트 경로 (사용자가 실행한 곳)
 const projectRoot = process.cwd();
@@ -24,6 +25,16 @@ const targetTokenDir = path.join(projectRoot, "tokens");
 const targetTokenFile = path.join(targetTokenDir, "tokens.json");
 const targetBuildDir = path.join(projectRoot, "build");
 const targetBuildFile = path.join(targetBuildDir, "build-tokens.js");
+const targetCssDir = path.join(projectRoot, "css");
+const targetTextCssFile = path.join(targetCssDir, "text.css");
+
+// 파일 복사 헬퍼: 대상 디렉토리 생성 → 파일 복사 → 로그 출력
+function copyTo(src, dest, label) {
+  const dir = path.dirname(dest);
+  if (!fs.existsSync(dir)) mkdirSync(dir, { recursive: true });
+  copyFileSync(src, dest);
+  console.log(`✅ Copied: ${label} -> ${dest}`);
+}
 
 // 사용자 프로젝트에 package.json이 존재하는지 먼저 확인 (안전장치)
 const packageJsonPath = path.join(projectRoot, "package.json");
@@ -118,7 +129,8 @@ export default function RootLayout({ children }: { children: React.ReactNode })
         {
           path: path.join(appDir, "globals.css"),
           content: `@import "tailwindcss";
-@import "../build/css/_variables.css";`,
+@import "../build/css/_variables.css";
+@import "../css/text.css";`,
         },
         {
           path: path.join(appDir, "page.tsx"),
@@ -131,7 +143,7 @@ export default function Page() {
     <main style={{ padding: "40px", minHeight: "100vh", background: "var(--color-bg-wrapper)", transition: "background 0.3s ease" }}>
       <div style={{ maxWidth: "800px", margin: "0 auto", display: "flex", flexDirection: "column", gap: "24px" }}>
         <h1 style={{ fontSize: "var(--font-sizes-h2)", color: "var(--color-text-standard)", margin: 0 }}>Hello, atomsystem!</h1>
-        <p style={{ color: "var(--color-text-standard)", fontSize: "var(--font-sizes-body)", margin: 0 }}>
+        <p style={{ fontSize: "var(--font-sizes-body)", margin: 0 }}>
           이 화면은 디자인 토큰이 적용된 샘플 화면입니다. 아래 테마를 변경해보세요.
         </p>
         
@@ -252,14 +264,10 @@ export default config;`,
       console.log("🚀 Installation skipped.");
     }
 
-    // ✅ 토큰 파일과 빌드 파일 복사 (Next.js 설치 여부와 관계없이 실행)
-    if (!fs.existsSync(targetTokenDir)) mkdirSync(targetTokenDir, { recursive: true });
-    copyFileSync(tokenFile, targetTokenFile);
-    console.log(`✅ Copied: tokens/tokens.json -> ${targetTokenFile}`);
-
-    if (!fs.existsSync(targetBuildDir)) mkdirSync(targetBuildDir, { recursive: true });
-    copyFileSync(buildFile, targetBuildFile);
-    console.log(`✅ Copied: build-tokens.js -> ${targetBuildFile}`);
+    // ✅ 필수 파일 복사 (Next.js 설치 여부와 관계없이 실행)
+    copyTo(tokenFile,   targetTokenFile,   "tokens/tokens.json");
+    copyTo(buildFile,   targetBuildFile,   "build/build-tokens.js");
+    copyTo(textCssFile, targetTextCssFile, "css/text.css");
 
     console.log("🚀 Token setup complete!");
   })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "atomsystem",
-  "version": "0.1.36",
+  "version": "0.1.38",
   "type": "module",
   "homepage": "https://system.atomground.com",
   "bin": {