atomsystem 0.1.35 → 0.1.36

package/build/build-tokens.js

@@ -181,9 +181,9 @@ myStyleDictionary.registerFormat({
 
         // global(@theme)인 경우에만 수집해둔 시멘틱 변수(semanticCss)를 추가
         // @theme: Tailwind 유틸리티 클래스 생성에 필요 (bg-primary, text-secondary 등)
-        // :root: 컴포넌트 CSS에서 var(--radius-common) 같이 직접 참조하는 경우 브라우저 보장
+        // Tailwind CSS v4의 @theme은 빌드 시 자동으로 :root에도 등록되므로 별도 :root 선언 불필요
         if (selector === "@theme") {
-          return `@theme {\n${cssVariables}\n\n${semanticCss}\n} \n\n:root {\n${cssVariables}\n} `;
+          return `@theme {\n${cssVariables}\n\n${semanticCss}\n}`;
         }
         return `${selector} {\n${cssVariables}\n} `;
       })

package/cli/init.js

@@ -49,7 +49,7 @@ inquirer
 
       try {
         await execPromise(
-          "npm install next@latest react@latest react-dom@latest tailwindcss clsx react-modal typescript @types/react @types/node @types/react-dom @types/react-modal"
+          "npm install next@latest react@latest react-dom@latest tailwindcss @tailwindcss/postcss postcss clsx react-modal typescript @types/react @types/node @types/react-dom @types/react-modal"
         );
         pkgSpinner.succeed("Next.js and React installation complete!");
       } catch (err) {
@@ -160,6 +160,56 @@ export default function Page() {
   )
 }`,
         },
+        // ✅ tsconfig.json: "@/*" 경로 별칭 설정 (예: @/build/typescript/theme)
+        {
+          path: path.join(projectRoot, "tsconfig.json"),
+          content: JSON.stringify({
+            compilerOptions: {
+              target: "ES2017",
+              lib: ["dom", "dom.iterable", "esnext"],
+              allowJs: true,
+              skipLibCheck: true,
+              strict: true,
+              noEmit: true,
+              esModuleInterop: true,
+              module: "esnext",
+              moduleResolution: "bundler",
+              resolveJsonModule: true,
+              isolatedModules: true,
+              jsx: "preserve",
+              incremental: true,
+              plugins: [{ name: "next" }],
+              paths: {
+                "@/*": ["./*"]
+              }
+            },
+            include: ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+            exclude: ["node_modules"]
+          }, null, 2),
+        },
+        // ✅ next.config.ts: Next.js 기본 설정
+        {
+          path: path.join(projectRoot, "next.config.ts"),
+          content: `import type { NextConfig } from "next";
+
+const nextConfig: NextConfig = {
+  reactStrictMode: false,
+};
+
+export default nextConfig;`,
+        },
+        // ✅ postcss.config.mjs: Tailwind CSS v4 PostCSS 플러그인 등록 (@theme, @import "tailwindcss" 인식)
+        {
+          path: path.join(projectRoot, "postcss.config.mjs"),
+          content: `/** @type {import('postcss-load-config').Config} */
+const config = {
+  plugins: {
+    "@tailwindcss/postcss": {},
+  },
+};
+
+export default config;`,
+        },
       ];
 
       files.forEach(({ path, content }) => {
@@ -167,6 +217,23 @@ export default function Page() {
         console.log(`✅ Created ${path}`);
       });
 
+      // ✅ 토큰 빌드 먼저 실행: Theme.tsx가 @/build/typescript/theme를 import하므로
+      // 컴포넌트 복사 전에 build-tokens.js를 실행해 theme.ts를 미리 생성해야 합니다.
+      const buildTokensPath = path.join(projectRoot, "build", "build-tokens.js");
+      if (fs.existsSync(buildTokensPath)) {
+        const tokenBuildSpinner = ora("Building design tokens (generating build/typescript/theme.ts)...").start();
+        try {
+          await execPromise(`node "${buildTokensPath}"`, { cwd: projectRoot });
+          tokenBuildSpinner.succeed("Design tokens built successfully!");
+        } catch (err) {
+          tokenBuildSpinner.fail("Error during token build");
+          console.error(err);
+          return;
+        }
+      } else {
+        console.warn("⚠️  build-tokens.js not found, skipping token build.");
+      }
+
       // add.js를 실행하여 Theme, Card 컴포넌트 및 하위 의존성을 복사합니다.
       const addScriptPath = path.join(__dirname, "add.js");
       if (fs.existsSync(addScriptPath)) {

package/package.json

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