atomsystem 0.1.22 → 0.1.24

package/build/build-tokens.js

@@ -0,0 +1,67 @@
+import StyleDictionary from "style-dictionary";
+
+const valueWithUnit = (val) => {
+  return typeof val === "number" ? `${val}px` : val;
+};
+
+// register it with register method
+StyleDictionary.registerFormat({
+  name: "css/variables-multi-context",
+  format: ({ dictionary }) => {
+    const root = [];
+    const light = [];
+    const dark = [];
+
+    dictionary.allTokens.map((token) => {
+      const name = `--${token.name}`;
+      const val = token.value;
+      if (
+        typeof token.value === "object" &&
+        (token.value.light || token.value.dark)
+      ) {
+        if (token.value.light) {
+          light.push(`${name}: ${valueWithUnit(val.light)};`);
+        }
+        if (token.value.dark) {
+          dark.push(`${name}: ${valueWithUnit(val.dark)};`);
+        }
+      } else {
+        root.push(`${name}: ${valueWithUnit(val)};`);
+      }
+    });
+    return `
+    @import "tailwindcss";
+
+    @theme {
+        ${root.join("\n")}
+    }
+        
+    :root{
+          ${root.join("\n")}
+    }    
+    .light {
+        ${light.join("\n")}
+    }
+    .dark {
+        ${dark.join("\n")}
+    }`.trim();
+  },
+});
+
+const sd = new StyleDictionary({
+  source: ["token.json"],
+  platforms: {
+    css: {
+      transformGroup: "css",
+      buildPath: "app/",
+      files: [
+        {
+          destination: "globals.css",
+          format: "css/variables-multi-context",
+        },
+      ],
+    },
+  },
+});
+
+await sd.buildAllPlatforms();

package/cli/add.js

@@ -1,5 +1,4 @@
 #!/usr/bin/env node
-
 import inquirer from "inquirer";
 import fs from "fs";
 import path from "path";

package/cli/init.js

@@ -15,10 +15,13 @@ const __dirname = path.dirname(__filename);
 // 패키지 내부 경로 설정
 const packageRoot = path.join(__dirname, "..");
 const tokenFile = path.join(packageRoot, "token.json");
+const buildFile = path.join(packageRoot, "/build/build-tokens.js");
 
 // 프로젝트 루트 경로 (사용자가 실행한 곳)
 const projectRoot = process.cwd();
 const targetTokenFile = path.join(projectRoot, "token.json");
+const targetBuildDir = path.join(projectRoot, "build");
+const targetBuildFile = path.join(projectRoot, "/build/build-tokens.js");
 
 // 사용자에게 Next.js 설치 여부 질문
 inquirer
@@ -53,12 +56,7 @@ inquirer
 
         packageJson.scripts = {
           ...packageJson.scripts,
-          dev: "npm run build:token && next dev",
-          build: "next build",
-          build_token:
-            "node tokens/buildTokenSplit.js && node tokens/buildMergeCss.js",
-          start: "next start",
-          lint: "next lint",
+          "token-build": "node build/build-tokens.js",
         };
 
         fs.writeFileSync(packageJsonPath, JSON.stringify(packageJson, null, 2));
@@ -103,6 +101,10 @@ inquirer
     copyFileSync(tokenFile, targetTokenFile);
     console.log(`✅ Copied: token.json -> ${targetTokenFile}`);
 
+    if (!fs.existsSync(targetBuildDir)) mkdirSync(targetBuildDir);
+    copyFileSync(buildFile, targetBuildFile);
+    console.log(`✅ Copied: ${buildFile} -> ${targetTokenFile}`);
+
     console.log("🚀 Token setup complete!");
   })
   .catch((error) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "atomsystem",
-  "version": "0.1.22",
+  "version": "0.1.24",
   "type": "module",
   "homepage": "https://system.atomground.com",
   "bin": {
@@ -11,6 +11,7 @@
     "token.json",
     "tokens",
     "tailwind.config.ts",
+    "build",
     "app/templates"
   ],
   "scripts": {