sdaia-ui 0.3.0 → 1.0.0

package/dist/index.js

@@ -126,6 +126,8 @@ var logger = {
 var DEFAULT_REGISTRY_URL = "https://ds.nacew.com/api/registry";
 var DEFAULT_COMPONENT_DIR = "src/components/ui";
 var DEFAULT_UTILS_DIR = "src/lib";
+var TAILWIND_IMPORT = '@import "tailwindcss";';
+var TOKENS_IMPORT = '@import "@sdaia-ds/tokens/css";';
 function isTailwindInstalled() {
   const pkgJsonPath = path3.resolve(process.cwd(), "package.json");
   if (!fs3.existsSync(pkgJsonPath)) return false;
@@ -136,6 +138,34 @@ function isTailwindInstalled() {
   };
   return !!allDeps["tailwindcss"];
 }
+function findCssEntryFile() {
+  const candidates = ["src/index.css", "src/App.css", "src/globals.css", "app/globals.css"];
+  for (const rel of candidates) {
+    const full = path3.resolve(process.cwd(), rel);
+    if (fs3.existsSync(full)) return full;
+  }
+  return null;
+}
+function ensureCssImport(cssFilePath, importStmt, importHrefForCheck) {
+  const content = fs3.readFileSync(cssFilePath, "utf-8");
+  const escaped = importHrefForCheck.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+  const existsRe = new RegExp(`@import\\s+['"]${escaped}['"]`);
+  if (existsRe.test(content)) return false;
+  const lines = content.split("\n");
+  let lastImportIdx = -1;
+  for (let i = 0; i < lines.length; i++) {
+    if (/^\s*@import\s+/.test(lines[i])) lastImportIdx = i;
+  }
+  if (lastImportIdx === -1) {
+    fs3.writeFileSync(cssFilePath, `${importStmt}
+
+${content}`);
+  } else {
+    lines.splice(lastImportIdx + 1, 0, importStmt);
+    fs3.writeFileSync(cssFilePath, lines.join("\n"));
+  }
+  return true;
+}
 async function init() {
   logger.break();
   logger.info("Initializing SDAIA Design System in your project...");
@@ -222,26 +252,15 @@ export default config;
         fs3.writeFileSync(postcssConfigPath, postcssConfig);
         logger.success("Created postcss.config.mjs");
       }
-      const cssFiles = ["src/index.css", "src/App.css", "src/globals.css", "app/globals.css"];
-      let cssFilePath = null;
-      for (const cssFile of cssFiles) {
-        const fullPath = path3.resolve(process.cwd(), cssFile);
-        if (fs3.existsSync(fullPath)) {
-          cssFilePath = fullPath;
-          break;
-        }
-      }
-      if (cssFilePath) {
-        const cssContent = fs3.readFileSync(cssFilePath, "utf-8");
-        if (!cssContent.includes('@import "tailwindcss"') && !cssContent.includes("@import 'tailwindcss'")) {
-          fs3.writeFileSync(cssFilePath, `@import "tailwindcss";
-
-${cssContent}`);
-          logger.success(`Added Tailwind import to ${path3.relative(process.cwd(), cssFilePath)}`);
+      const cssFilePath2 = findCssEntryFile();
+      if (cssFilePath2) {
+        if (ensureCssImport(cssFilePath2, TAILWIND_IMPORT, "tailwindcss")) {
+          logger.success(`Added Tailwind import to ${path3.relative(process.cwd(), cssFilePath2)}`);
         }
       } else {
         logger.warn(
-          'Could not find a CSS entry file. Add this to your main CSS file:\n  @import "tailwindcss";'
+          `Could not find a CSS entry file. Add this to your main CSS file:
+  ${TAILWIND_IMPORT}`
         );
       }
     } else {
@@ -251,7 +270,7 @@ ${cssContent}`);
       logger.info("Install it manually later:");
       logger.info(`  ${getInstallCommand(pm, ["-D", "tailwindcss", "@tailwindcss/postcss", "postcss"])}`);
       logger.info("Then add to your main CSS file:");
-      logger.info('  @import "tailwindcss";');
+      logger.info(`  ${TAILWIND_IMPORT}`);
     }
   } else {
     logger.success("Tailwind CSS detected");
@@ -277,6 +296,30 @@ ${cssContent}`);
     logger.warn(`Failed to auto-install. Run manually:
   ${utilityCmd}`);
   }
+  logger.break();
+  logger.info("Installing @sdaia-ds/tokens (design tokens)...");
+  const tokensCmd = getInstallCommand(pm, ["@sdaia-ds/tokens"]);
+  try {
+    execSync(tokensCmd, { stdio: "inherit", cwd: process.cwd() });
+    logger.success("@sdaia-ds/tokens installed");
+  } catch {
+    logger.warn(`Failed to auto-install @sdaia-ds/tokens. Run manually:
+  ${tokensCmd}`);
+  }
+  const cssFilePath = findCssEntryFile();
+  if (cssFilePath) {
+    const added = ensureCssImport(cssFilePath, TOKENS_IMPORT, "@sdaia-ds/tokens/css");
+    if (added) {
+      logger.success(`Added tokens import to ${path3.relative(process.cwd(), cssFilePath)}`);
+    } else {
+      logger.info("Tokens import already present in CSS file");
+    }
+  } else {
+    logger.warn(
+      `Could not find a CSS entry file. Add this to your main CSS file:
+  ${TOKENS_IMPORT}`
+    );
+  }
   const utilsPath = path3.resolve(process.cwd(), config.utilsDir);
   const cnPath = path3.join(utilsPath, "cn.ts");
   if (fs3.existsSync(cnPath)) {
@@ -468,7 +511,7 @@ async function add(componentSlugs, options) {
 
 // src/index.ts
 var program = new Command();
-program.name("sdaia-ui").description("Install SDAIA Design System components into your project").version("0.1.0");
+program.name("sdaia-ui").description("Install SDAIA Design System components into your project").version("1.0.0");
 program.command("init").description("Initialize your project for SDAIA Design System components").action(init);
 program.command("add").description("Add components to your project").argument("<components...>", "Component names (e.g. button modal tag)").option("--overwrite", "Overwrite existing components", false).action((components, options) => {
   add(components, options);

package/package.json

@@ -1,11 +1,21 @@
 {
   "name": "sdaia-ui",
-  "version": "0.3.0",
+  "version": "1.0.0",
   "description": "CLI for installing SDAIA Design System components into your project",
   "type": "module",
   "bin": {
     "sdaia-ui": "./dist/index.js"
   },
+  "exports": {
+    ".": {
+      "import": "./dist/index.js"
+    },
+    "./icons": {
+      "types": "./dist/icons/IconFactory.d.ts",
+      "import": "./dist/icons.js",
+      "require": "./dist/icons.cjs"
+    }
+  },
   "files": [
     "dist"
   ],
@@ -13,6 +23,9 @@
     "build": "node build.mjs",
     "dev": "node build.mjs --watch"
   },
+  "peerDependencies": {
+    "react": ">=18"
+  },
   "dependencies": {
     "commander": "^13.1.0",
     "prompts": "^2.4.2",
@@ -21,6 +34,7 @@
   "devDependencies": {
     "@types/prompts": "^2.4.9",
     "@types/node": "^22.0.0",
+    "@types/react": "^19.0.0",
     "esbuild": "^0.25.0",
     "typescript": "^5.8.0"
   },