@tokiui/cli 0.1.0

package/dist/index.js

@@ -0,0 +1,273 @@
+#!/usr/bin/env node
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+
+// src/index.ts
+var import_commander4 = require("commander");
+
+// src/commands/init.ts
+var import_commander = require("commander");
+var import_path2 = __toESM(require("path"));
+var import_fs_extra2 = __toESM(require("fs-extra"));
+var import_prompts = __toESM(require("prompts"));
+var import_kleur = __toESM(require("kleur"));
+var import_ora = __toESM(require("ora"));
+
+// src/utils/config.ts
+var import_path = __toESM(require("path"));
+var import_fs_extra = __toESM(require("fs-extra"));
+var CONFIG_FILE = "tokiui.json";
+function getConfig(cwd) {
+  const configPath = import_path.default.join(cwd, CONFIG_FILE);
+  if (!import_fs_extra.default.existsSync(configPath)) return null;
+  return import_fs_extra.default.readJsonSync(configPath);
+}
+function writeConfig(cwd, config) {
+  const configPath = import_path.default.join(cwd, CONFIG_FILE);
+  import_fs_extra.default.writeJsonSync(configPath, config, { spaces: 2 });
+}
+function detectPackageManager(cwd) {
+  if (import_fs_extra.default.existsSync(import_path.default.join(cwd, "bun.lockb"))) return "bun";
+  if (import_fs_extra.default.existsSync(import_path.default.join(cwd, "pnpm-lock.yaml"))) return "pnpm";
+  if (import_fs_extra.default.existsSync(import_path.default.join(cwd, "yarn.lock"))) return "yarn";
+  return "npm";
+}
+
+// src/commands/init.ts
+var initCommand = new import_commander.Command("init").description("Initialize tokiui in your project").action(async () => {
+  const cwd = process.cwd();
+  console.log(import_kleur.default.bold("\nInitializing tokiui...\n"));
+  const answers = await (0, import_prompts.default)([
+    {
+      type: "text",
+      name: "componentsDir",
+      message: "Where should components be installed?",
+      initial: "src/components/ui"
+    },
+    {
+      type: "text",
+      name: "libDir",
+      message: "Where should utility files be placed?",
+      initial: "src/lib"
+    }
+  ]);
+  if (!answers.componentsDir) {
+    console.log(import_kleur.default.red("Aborted."));
+    process.exit(0);
+  }
+  const spinner = (0, import_ora.default)("Setting up project...").start();
+  await import_fs_extra2.default.ensureDir(import_path2.default.join(cwd, answers.componentsDir));
+  await import_fs_extra2.default.ensureDir(import_path2.default.join(cwd, answers.libDir));
+  const cnPath = import_path2.default.join(cwd, answers.libDir, "utils.ts");
+  if (!import_fs_extra2.default.existsSync(cnPath)) {
+    await import_fs_extra2.default.writeFile(
+      cnPath,
+      `import { clsx, type ClassValue } from 'clsx'
+import { twMerge } from 'tailwind-merge'
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs))
+}
+`
+    );
+  }
+  writeConfig(cwd, {
+    componentsDir: answers.componentsDir,
+    libDir: answers.libDir,
+    style: "default"
+  });
+  spinner.succeed("Project initialized");
+  console.log(import_kleur.default.green("\n\u2713 tokiui initialized successfully"));
+  console.log(import_kleur.default.dim("\nNext: run `npx tokiui add <component>` to add components\n"));
+});
+
+// src/commands/add.ts
+var import_commander2 = require("commander");
+var import_path3 = __toESM(require("path"));
+var import_fs_extra3 = __toESM(require("fs-extra"));
+var import_prompts2 = __toESM(require("prompts"));
+var import_kleur2 = __toESM(require("kleur"));
+var import_ora2 = __toESM(require("ora"));
+var import_execa = require("execa");
+
+// src/utils/registry.ts
+var REGISTRY_BASE = "https://raw.githubusercontent.com/TopherGacad/tokiui/main/packages/registry";
+async function fetchRegistryIndex() {
+  const res = await fetch(`${REGISTRY_BASE}/index.json`);
+  if (!res.ok) throw new Error(`Failed to fetch registry index: ${res.statusText}`);
+  return res.json();
+}
+async function fetchComponent(name) {
+  const res = await fetch(`${REGISTRY_BASE}/components/${name}.json`);
+  if (!res.ok) throw new Error(`Component "${name}" not found in registry`);
+  return res.json();
+}
+async function fetchComponentSource(name, file) {
+  const res = await fetch(
+    `https://raw.githubusercontent.com/TopherGacad/tokiui/main/packages/ui/src/${file}`
+  );
+  if (!res.ok) throw new Error(`Failed to fetch source for ${name}/${file}`);
+  return res.text();
+}
+
+// src/utils/transforms.ts
+function transformImports(source, libDir) {
+  return source.replace(/from ['"]\.\.\/lib\/utils['"]/g, `from '${libDir}/utils'`);
+}
+
+// src/commands/add.ts
+var addCommand = new import_commander2.Command("add").description("Add a component to your project").argument("[component]", "Component name to add").action(async (componentArg) => {
+  const cwd = process.cwd();
+  const config = getConfig(cwd);
+  if (!config) {
+    console.log(
+      import_kleur2.default.red("No tokiui.json found. Run `npx tokiui init` first.")
+    );
+    process.exit(1);
+  }
+  let componentName = componentArg;
+  if (!componentName) {
+    const spinner = (0, import_ora2.default)("Fetching component list...").start();
+    const index = await fetchRegistryIndex().catch(() => {
+      spinner.fail("Failed to fetch registry");
+      process.exit(1);
+    });
+    spinner.stop();
+    const answer = await (0, import_prompts2.default)({
+      type: "multiselect",
+      name: "components",
+      message: "Which components would you like to add?",
+      choices: index.components.map((c) => ({ title: c.label, value: c.name })),
+      min: 1
+    });
+    if (!answer.components?.length) {
+      console.log(import_kleur2.default.red("Aborted."));
+      process.exit(0);
+    }
+    for (const name of answer.components) {
+      await installComponent(name, cwd, config.componentsDir, config.libDir);
+    }
+    return;
+  }
+  await installComponent(componentName, cwd, config.componentsDir, config.libDir);
+});
+async function installComponent(name, cwd, componentsDir, libDir) {
+  const spinner = (0, import_ora2.default)(`Adding ${name}...`).start();
+  const meta = await fetchComponent(name).catch(() => {
+    spinner.fail(`Component "${name}" not found`);
+    process.exit(1);
+  });
+  for (const dep of meta.registryDependencies) {
+    await installComponent(dep, cwd, componentsDir, libDir);
+  }
+  for (const file of meta.files) {
+    const source = await fetchComponentSource(name, file);
+    const transformed = transformImports(source, `@/${libDir}`);
+    const destPath = import_path3.default.join(cwd, componentsDir, import_path3.default.basename(file));
+    if (import_fs_extra3.default.existsSync(destPath)) {
+      spinner.stop();
+      const { overwrite } = await (0, import_prompts2.default)({
+        type: "confirm",
+        name: "overwrite",
+        message: `${import_path3.default.basename(file)} already exists. Overwrite?`,
+        initial: false
+      });
+      if (!overwrite) {
+        console.log(import_kleur2.default.dim(`Skipped ${import_path3.default.basename(file)}`));
+        continue;
+      }
+      spinner.start(`Adding ${name}...`);
+    }
+    await import_fs_extra3.default.ensureDir(import_path3.default.dirname(destPath));
+    await import_fs_extra3.default.writeFile(destPath, transformed);
+  }
+  if (meta.dependencies.length > 0) {
+    const pm = detectPackageManager(cwd);
+    const installCmd = pm === "npm" ? "install" : "add";
+    await (0, import_execa.execa)(pm, [installCmd, ...meta.dependencies], { cwd });
+  }
+  spinner.succeed(`Added ${import_kleur2.default.bold(name)}`);
+}
+
+// src/commands/theme.ts
+var import_commander3 = require("commander");
+var import_path4 = __toESM(require("path"));
+var import_fs_extra4 = __toESM(require("fs-extra"));
+var import_kleur3 = __toESM(require("kleur"));
+var themeApplyCommand = new import_commander3.Command("apply").description("Apply a shared theme URL string to your globals.css").argument("<encoded>", "Encoded theme string from the tokiui playground").action(async (encoded) => {
+  const cwd = process.cwd();
+  const config = getConfig(cwd);
+  let tokens;
+  try {
+    tokens = JSON.parse(Buffer.from(encoded, "base64").toString("utf-8"));
+  } catch {
+    console.log(import_kleur3.default.red("Invalid theme string. Copy it from the tokiui playground."));
+    process.exit(1);
+  }
+  const candidates = [
+    "src/app/globals.css",
+    "src/styles/globals.css",
+    "styles/globals.css",
+    "app/globals.css"
+  ];
+  let globalsPath = null;
+  for (const candidate of candidates) {
+    if (import_fs_extra4.default.existsSync(import_path4.default.join(cwd, candidate))) {
+      globalsPath = import_path4.default.join(cwd, candidate);
+      break;
+    }
+  }
+  if (!globalsPath) {
+    console.log(
+      import_kleur3.default.red(
+        "Could not find globals.css. Specify the path manually or create it first."
+      )
+    );
+    process.exit(1);
+  }
+  let css = await import_fs_extra4.default.readFile(globalsPath, "utf-8");
+  for (const [key, value] of Object.entries(tokens)) {
+    const cssVar = `--${key.replace(/([A-Z])/g, "-$1").toLowerCase()}`;
+    if (cssVar === "--radius") {
+      css = css.replace(/(--radius:\s*)([^;]+)(;)/g, `$1${value}$3`);
+    } else {
+      const regex = new RegExp(`(${cssVar}:\\s*)([^;]+)(;)`, "g");
+      css = css.replace(regex, `$1${value}$3`);
+    }
+  }
+  await import_fs_extra4.default.writeFile(globalsPath, css);
+  console.log(import_kleur3.default.green(`\u2713 Theme applied to ${import_path4.default.relative(cwd, globalsPath)}`));
+  if (config) {
+    console.log(import_kleur3.default.dim("Restart your dev server to see changes."));
+  }
+});
+var themeCommand = new import_commander3.Command("theme").description("Manage themes").addCommand(themeApplyCommand);
+
+// src/index.ts
+var program = new import_commander4.Command();
+program.name("tokiui").description("Add tokiui components to your project").version("0.0.1");
+program.addCommand(initCommand);
+program.addCommand(addCommand);
+program.addCommand(themeCommand);
+program.parse();

package/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "@tokiui/cli",
+  "version": "0.1.0",
+  "description": "CLI for adding tokiui components to your project",
+  "license": "MIT",
+  "author": "Topher Gacad",
+  "homepage": "https://github.com/TopherGacad/tokiui#readme",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/TopherGacad/tokiui.git",
+    "directory": "packages/cli"
+  },
+  "keywords": [
+    "cli",
+    "tokiui",
+    "components",
+    "react",
+    "tailwind"
+  ],
+  "main": "./dist/index.js",
+  "bin": {
+    "tokiui": "./dist/index.js"
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "commander": "^12.1.0",
+    "execa": "^9.3.0",
+    "fs-extra": "^11.2.0",
+    "kleur": "^4.1.5",
+    "ora": "^8.0.1",
+    "prompts": "^2.4.2"
+  },
+  "devDependencies": {
+    "@types/fs-extra": "^11.0.4",
+    "@types/node": "^20.14.0",
+    "@types/prompts": "^2.4.9",
+    "tsup": "^8.2.4",
+    "typescript": "^5.5.4"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "lint": "tsc --noEmit"
+  }
+}