@aakaar/cli 0.0.1

package/LICENSE.md

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Aakaar UI Framework
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.cjs

@@ -0,0 +1,237 @@
+#!/usr/bin/env node
+"use strict";
+
+// src/index.ts
+var import_commander4 = require("commander");
+
+// src/lib/operations/commands/add.ts
+var import_node_fs2 = require("fs");
+var import_commander = require("commander");
+var import_execa = require("execa");
+
+// src/lib/operations/utils/config.ts
+var import_node_fs = require("fs");
+var CONFIG_FILE = "./aakaar.json";
+var config = (0, import_node_fs.existsSync)(CONFIG_FILE) ? JSON.parse((0, import_node_fs.readFileSync)(CONFIG_FILE, "utf-8")) : {
+  tokens: {
+    color: "006875",
+    output: "./css"
+  },
+  react: {
+    output: "./react/components"
+  }
+};
+
+// src/lib/operations/utils/pm.ts
+var import_ni = require("@antfu/ni");
+async function getPackageManager(targetDir) {
+  const packageManager = await (0, import_ni.detect)({ programmatic: true, cwd: targetDir });
+  if (packageManager === "yarn@berry") return "yarn";
+  if (packageManager === "pnpm@6") return "pnpm";
+  if (packageManager === "bun") return "bun";
+  return packageManager ?? "npm";
+}
+
+// src/lib/operations/commands/add.ts
+var hostUrl = config.host ?? "https://aakaar.navnote.com";
+var baseUrl = `${hostUrl}/registry`;
+var add = new import_commander.Command().name("add").description("add component to your project").argument("<component>", "Component name to add. Example button, card, etc.").option("-o, --output <output>", "Output path for generated tokens.").action(async (component, { output }) => {
+  const cwd = process.cwd();
+  const packageManager = await getPackageManager(cwd);
+  console.log(`Using package manager: ${packageManager}`);
+  const finalOutput = output || config.react.output;
+  const finalComponentOutput = `${finalOutput}/${component}`;
+  if (!(0, import_node_fs2.existsSync)(finalComponentOutput)) {
+    console.log("Creating directory: ", finalComponentOutput);
+    (0, import_node_fs2.mkdirSync)(finalComponentOutput, {
+      recursive: true
+    });
+  }
+  const componentUrl = `${baseUrl}/${component}.json`;
+  console.log(`Fetching component from ${componentUrl}`);
+  const response = await fetch(componentUrl);
+  const componentConfig = await response.json();
+  if (componentConfig.dependencies) {
+    await (0, import_execa.execa)(
+      packageManager,
+      [
+        packageManager === "npm" ? "install" : "add",
+        ...componentConfig.dependencies
+      ],
+      {
+        cwd
+      }
+    );
+  }
+  if (componentConfig.files.length > 0) {
+    for (const file of componentConfig.files) {
+      const filePath = `${finalComponentOutput}/${file.name}`;
+      console.log(`Writing file: ${filePath}`);
+      file.content = file.content.replace(
+        "../../core/core",
+        `${config.core.import}`
+      );
+      (0, import_node_fs2.writeFileSync)(filePath, file.content, {
+        encoding: "utf8",
+        flag: "w"
+      });
+    }
+  }
+});
+
+// src/lib/operations/commands/setup.ts
+var import_node_fs4 = require("fs");
+var import_node_readline = require("readline");
+var import_commander2 = require("commander");
+
+// src/lib/operations/utils/verify.ts
+var import_node_fs3 = require("fs");
+
+// src/lib/operations/constants.ts
+var REQUIRED_PACKAGES = [
+  "tailwindcss",
+  "@tailwindcss/vite",
+  "class-variance-authority",
+  "clsx",
+  "tailwind-merge",
+  "react",
+  "react-dom"
+];
+
+// src/lib/operations/utils/verify.ts
+var verify = async () => {
+  console.log("Verifying the required packages");
+  const cwd = process.cwd();
+  const packageManager = await getPackageManager(cwd);
+  console.log(`Using package manager: ${packageManager}`);
+  const packageJson = JSON.parse((0, import_node_fs3.readFileSync)("./package.json", "utf8"));
+  const dependencies = packageJson.dependencies;
+  const devDependencies = packageJson.devDependencies;
+  const allDependencies = { ...dependencies, ...devDependencies };
+  const missingDependencies = REQUIRED_PACKAGES.filter(
+    (dependency) => !allDependencies[dependency]
+  );
+  if (missingDependencies.length > 0) {
+    console.log("Missing dependencies:");
+    console.log(missingDependencies);
+  } else {
+    console.log("All required packages are installed");
+  }
+};
+
+// src/lib/operations/commands/setup.ts
+var setup = new import_commander2.Command().name("setup").description("setup the aakaar ui").action(async () => {
+  await verify();
+  const aakaarJson = {
+    host: "http://aakaar.navnote.com",
+    core: {
+      path: "src/design",
+      import: "../../core"
+    },
+    tokens: {
+      color: "a42700",
+      output: "src/design/css"
+    },
+    react: {
+      output: "src/design/components"
+    }
+  };
+  const finalAakaarJson = (0, import_node_fs4.existsSync)("aakaar.json") ? JSON.parse((0, import_node_fs4.readFileSync)("aakaar.json", "utf-8")) : aakaarJson;
+  if (!(0, import_node_fs4.existsSync)("aakaar.json")) {
+    (0, import_node_fs4.writeFileSync)("aakaar.json", JSON.stringify(aakaarJson, null, 2));
+  } else {
+    console.log("aakaar.json already exists");
+  }
+  const proceed = await new Promise((resolve) => {
+    const readline = (0, import_node_readline.createInterface)({
+      input: process.stdin,
+      output: process.stdout
+    });
+    console.log("Current aakaar.json configuration:");
+    console.log(
+      `Host: ${finalAakaarJson.host} - The server URL where components are hosted`
+    );
+    console.log(
+      `Core path: ${finalAakaarJson.core.path} - Where core design system files will be created`
+    );
+    console.log(
+      `Core import: ${finalAakaarJson.core.import} - How components will import core design system files`
+    );
+    console.log(
+      `Token color: ${finalAakaarJson.tokens.color} - Primary brand color in hex format`
+    );
+    console.log(
+      `Token output: ${finalAakaarJson.tokens.output} - Where CSS design tokens will be generated`
+    );
+    console.log(
+      `React components output: ${finalAakaarJson.react.output} - Where React components will be created`
+    );
+    readline.question(
+      "Press y to proceed with the paths specified in aakaar.json or n to cancel and edit aakaar.json: ",
+      (answer) => {
+        readline.close();
+        resolve(answer.toLowerCase());
+      }
+    );
+  });
+  if (proceed !== "y") {
+    console.log(
+      "Setup cancelled. Run the setup command again to configure the project. You can also edit the aakaar.json file to change the paths, it will not be overwritten."
+    );
+    return;
+  }
+  const hostUrl2 = finalAakaarJson.host;
+  const coreFile = await fetch(`${hostUrl2}/registry/core.json`);
+  const coreFileJson = await coreFile.json();
+  const firstCoreFile = coreFileJson.files[0];
+  const corePath = `${finalAakaarJson.core.path}`;
+  if (!(0, import_node_fs4.existsSync)(corePath)) {
+    (0, import_node_fs4.mkdirSync)(corePath, { recursive: true });
+  }
+  (0, import_node_fs4.writeFileSync)(`${corePath}/${firstCoreFile.name}`, firstCoreFile.content, {
+    encoding: "utf-8",
+    flag: "w"
+  });
+  console.log("Core file created successfully");
+  console.log("Setup completed successfully");
+});
+
+// src/lib/operations/commands/token.ts
+var import_node_fs5 = require("fs");
+var import_dictionary = require("@aakaar/dictionary");
+var import_commander3 = require("commander");
+var token = new import_commander3.Command().name("token").description("build design tokens for your project").option(
+  "-c, --color <color>",
+  "Hex code of the source color, example, 006875. If it is not provided, the default color is used i.e. 006875"
+).option("-o, --output <output>", "Output path for generated tokens.").action(async ({ color, output }) => {
+  verify();
+  const finalColor = color || config.tokens.color;
+  const finalOutput = output || config.tokens.output;
+  console.log(`Generating tokens for color: ${finalColor}`);
+  const cssOutput = (0, import_dictionary.runCss)(`#${finalColor}`);
+  if (!(0, import_node_fs5.existsSync)(finalOutput)) {
+    (0, import_node_fs5.mkdirSync)(finalOutput, {
+      recursive: true
+    });
+  }
+  (0, import_node_fs5.writeFileSync)(`${finalOutput}/tokens.css`, cssOutput, {
+    encoding: "utf8",
+    flag: "w"
+  });
+  console.log(`Tokens generated at ${finalOutput}/tokens.css \u{1F680}`);
+  console.log(`Don't forget to include the generated CSS in your project!`);
+  console.log(`@import './<path>/tokens.css';
+`);
+});
+
+// src/index.ts
+process.on("SIGINT", () => process.exit(0));
+process.on("SIGTERM", () => process.exit(0));
+async function main() {
+  const program = new import_commander4.Command().name("Aakaar UI").description("Build design system for your project");
+  program.addCommand(token);
+  program.addCommand(add);
+  program.addCommand(setup);
+  program.parse();
+}
+main();

package/dist/index.d.cts

@@ -0,0 +1 @@
+#!/usr/bin/env node

package/dist/index.d.ts

@@ -0,0 +1 @@
+#!/usr/bin/env node

package/dist/index.js

@@ -0,0 +1,236 @@
+#!/usr/bin/env node
+
+// src/index.ts
+import { Command as Command4 } from "commander";
+
+// src/lib/operations/commands/add.ts
+import { existsSync as existsSync2, mkdirSync, writeFileSync } from "fs";
+import { Command } from "commander";
+import { execa } from "execa";
+
+// src/lib/operations/utils/config.ts
+import { existsSync, readFileSync } from "fs";
+var CONFIG_FILE = "./aakaar.json";
+var config = existsSync(CONFIG_FILE) ? JSON.parse(readFileSync(CONFIG_FILE, "utf-8")) : {
+  tokens: {
+    color: "006875",
+    output: "./css"
+  },
+  react: {
+    output: "./react/components"
+  }
+};
+
+// src/lib/operations/utils/pm.ts
+import { detect } from "@antfu/ni";
+async function getPackageManager(targetDir) {
+  const packageManager = await detect({ programmatic: true, cwd: targetDir });
+  if (packageManager === "yarn@berry") return "yarn";
+  if (packageManager === "pnpm@6") return "pnpm";
+  if (packageManager === "bun") return "bun";
+  return packageManager ?? "npm";
+}
+
+// src/lib/operations/commands/add.ts
+var hostUrl = config.host ?? "https://aakaar.navnote.com";
+var baseUrl = `${hostUrl}/registry`;
+var add = new Command().name("add").description("add component to your project").argument("<component>", "Component name to add. Example button, card, etc.").option("-o, --output <output>", "Output path for generated tokens.").action(async (component, { output }) => {
+  const cwd = process.cwd();
+  const packageManager = await getPackageManager(cwd);
+  console.log(`Using package manager: ${packageManager}`);
+  const finalOutput = output || config.react.output;
+  const finalComponentOutput = `${finalOutput}/${component}`;
+  if (!existsSync2(finalComponentOutput)) {
+    console.log("Creating directory: ", finalComponentOutput);
+    mkdirSync(finalComponentOutput, {
+      recursive: true
+    });
+  }
+  const componentUrl = `${baseUrl}/${component}.json`;
+  console.log(`Fetching component from ${componentUrl}`);
+  const response = await fetch(componentUrl);
+  const componentConfig = await response.json();
+  if (componentConfig.dependencies) {
+    await execa(
+      packageManager,
+      [
+        packageManager === "npm" ? "install" : "add",
+        ...componentConfig.dependencies
+      ],
+      {
+        cwd
+      }
+    );
+  }
+  if (componentConfig.files.length > 0) {
+    for (const file of componentConfig.files) {
+      const filePath = `${finalComponentOutput}/${file.name}`;
+      console.log(`Writing file: ${filePath}`);
+      file.content = file.content.replace(
+        "../../core/core",
+        `${config.core.import}`
+      );
+      writeFileSync(filePath, file.content, {
+        encoding: "utf8",
+        flag: "w"
+      });
+    }
+  }
+});
+
+// src/lib/operations/commands/setup.ts
+import { existsSync as existsSync3, mkdirSync as mkdirSync2, readFileSync as readFileSync3, writeFileSync as writeFileSync2 } from "fs";
+import { createInterface } from "readline";
+import { Command as Command2 } from "commander";
+
+// src/lib/operations/utils/verify.ts
+import { readFileSync as readFileSync2 } from "fs";
+
+// src/lib/operations/constants.ts
+var REQUIRED_PACKAGES = [
+  "tailwindcss",
+  "@tailwindcss/vite",
+  "class-variance-authority",
+  "clsx",
+  "tailwind-merge",
+  "react",
+  "react-dom"
+];
+
+// src/lib/operations/utils/verify.ts
+var verify = async () => {
+  console.log("Verifying the required packages");
+  const cwd = process.cwd();
+  const packageManager = await getPackageManager(cwd);
+  console.log(`Using package manager: ${packageManager}`);
+  const packageJson = JSON.parse(readFileSync2("./package.json", "utf8"));
+  const dependencies = packageJson.dependencies;
+  const devDependencies = packageJson.devDependencies;
+  const allDependencies = { ...dependencies, ...devDependencies };
+  const missingDependencies = REQUIRED_PACKAGES.filter(
+    (dependency) => !allDependencies[dependency]
+  );
+  if (missingDependencies.length > 0) {
+    console.log("Missing dependencies:");
+    console.log(missingDependencies);
+  } else {
+    console.log("All required packages are installed");
+  }
+};
+
+// src/lib/operations/commands/setup.ts
+var setup = new Command2().name("setup").description("setup the aakaar ui").action(async () => {
+  await verify();
+  const aakaarJson = {
+    host: "http://aakaar.navnote.com",
+    core: {
+      path: "src/design",
+      import: "../../core"
+    },
+    tokens: {
+      color: "a42700",
+      output: "src/design/css"
+    },
+    react: {
+      output: "src/design/components"
+    }
+  };
+  const finalAakaarJson = existsSync3("aakaar.json") ? JSON.parse(readFileSync3("aakaar.json", "utf-8")) : aakaarJson;
+  if (!existsSync3("aakaar.json")) {
+    writeFileSync2("aakaar.json", JSON.stringify(aakaarJson, null, 2));
+  } else {
+    console.log("aakaar.json already exists");
+  }
+  const proceed = await new Promise((resolve) => {
+    const readline = createInterface({
+      input: process.stdin,
+      output: process.stdout
+    });
+    console.log("Current aakaar.json configuration:");
+    console.log(
+      `Host: ${finalAakaarJson.host} - The server URL where components are hosted`
+    );
+    console.log(
+      `Core path: ${finalAakaarJson.core.path} - Where core design system files will be created`
+    );
+    console.log(
+      `Core import: ${finalAakaarJson.core.import} - How components will import core design system files`
+    );
+    console.log(
+      `Token color: ${finalAakaarJson.tokens.color} - Primary brand color in hex format`
+    );
+    console.log(
+      `Token output: ${finalAakaarJson.tokens.output} - Where CSS design tokens will be generated`
+    );
+    console.log(
+      `React components output: ${finalAakaarJson.react.output} - Where React components will be created`
+    );
+    readline.question(
+      "Press y to proceed with the paths specified in aakaar.json or n to cancel and edit aakaar.json: ",
+      (answer) => {
+        readline.close();
+        resolve(answer.toLowerCase());
+      }
+    );
+  });
+  if (proceed !== "y") {
+    console.log(
+      "Setup cancelled. Run the setup command again to configure the project. You can also edit the aakaar.json file to change the paths, it will not be overwritten."
+    );
+    return;
+  }
+  const hostUrl2 = finalAakaarJson.host;
+  const coreFile = await fetch(`${hostUrl2}/registry/core.json`);
+  const coreFileJson = await coreFile.json();
+  const firstCoreFile = coreFileJson.files[0];
+  const corePath = `${finalAakaarJson.core.path}`;
+  if (!existsSync3(corePath)) {
+    mkdirSync2(corePath, { recursive: true });
+  }
+  writeFileSync2(`${corePath}/${firstCoreFile.name}`, firstCoreFile.content, {
+    encoding: "utf-8",
+    flag: "w"
+  });
+  console.log("Core file created successfully");
+  console.log("Setup completed successfully");
+});
+
+// src/lib/operations/commands/token.ts
+import { existsSync as existsSync4, mkdirSync as mkdirSync3, writeFileSync as writeFileSync3 } from "fs";
+import { runCss } from "@aakaar/dictionary";
+import { Command as Command3 } from "commander";
+var token = new Command3().name("token").description("build design tokens for your project").option(
+  "-c, --color <color>",
+  "Hex code of the source color, example, 006875. If it is not provided, the default color is used i.e. 006875"
+).option("-o, --output <output>", "Output path for generated tokens.").action(async ({ color, output }) => {
+  verify();
+  const finalColor = color || config.tokens.color;
+  const finalOutput = output || config.tokens.output;
+  console.log(`Generating tokens for color: ${finalColor}`);
+  const cssOutput = runCss(`#${finalColor}`);
+  if (!existsSync4(finalOutput)) {
+    mkdirSync3(finalOutput, {
+      recursive: true
+    });
+  }
+  writeFileSync3(`${finalOutput}/tokens.css`, cssOutput, {
+    encoding: "utf8",
+    flag: "w"
+  });
+  console.log(`Tokens generated at ${finalOutput}/tokens.css \u{1F680}`);
+  console.log(`Don't forget to include the generated CSS in your project!`);
+  console.log(`@import './<path>/tokens.css';
+`);
+});
+
+// src/index.ts
+process.on("SIGINT", () => process.exit(0));
+process.on("SIGTERM", () => process.exit(0));
+async function main() {
+  const program = new Command4().name("Aakaar UI").description("Build design system for your project");
+  program.addCommand(token);
+  program.addCommand(add);
+  program.addCommand(setup);
+  program.parse();
+}
+main();

package/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "@aakaar/cli",
+  "version": "0.0.1",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "bin": {
+    "aakaar": "./dist/index.js"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@antfu/ni": "^0.23.2",
+    "commander": "^12.1.0",
+    "execa": "^9.6.0",
+    "signal-exit": "^4.1.0",
+    "@aakaar/dictionary": "0.0.1",
+    "@aakaar/global": "0.0.1"
+  },
+  "devDependencies": {
+    "@biomejs/biome": "^1.9.4",
+    "@tsconfig/node22": "^22.0.2",
+    "tsup": "^8.0.0",
+    "typescript": "^5.0.0"
+  },
+  "scripts": {
+    "build": "tsup src/index.ts --format esm,cjs --dts",
+    "clean": "rm -rf dist",
+    "clean:nm": "rm -rf node_modules",
+    "dev": "tsup src/index.ts --watch --format esm,cjs --dts",
+    "ts": "tsc --noEmit",
+    "publish:internet": "pnpm publish --access public",
+    "publish:local": "pnpm publish --registry http://localhost:4873"
+  }
+}