inai-react-components 0.1.0

package/dist/commands/update.js

@@ -0,0 +1,139 @@
+import fs from "node:fs";
+import path from "node:path";
+import chalk from "chalk";
+import ora from "ora";
+import prompts from "prompts";
+import { readComponentsJson, readRegistryJson, } from "./status.js";
+import { findComponentInRegistry, computeDiff } from "./diff.js";
+import { resolveRegistryDir } from "../utils/registry-resolver.js";
+export async function runUpdate(componentName, rootDir, skipPrompts = false) {
+    const componentsJson = readComponentsJson(rootDir);
+    if (!componentsJson) {
+        return {
+            updated: false,
+            message: "No components.json found. Run `inai-ui init` first to initialize your project.",
+            files: [],
+        };
+    }
+    const registryDir = resolveRegistryDir(rootDir);
+    const registryPath = path.join(registryDir, "registry.json");
+    const registryComponent = findComponentInRegistry(registryPath, componentName);
+    if (!registryComponent) {
+        return {
+            updated: false,
+            message: `Component "${componentName}" not found in registry.`,
+            files: [],
+        };
+    }
+    const registry = readRegistryJson(registryPath);
+    const registryVersion = registry?.version ?? "unknown";
+    const localComponentDir = componentsJson.aliases.components.replace(/^@\//, "src/");
+    const updatedFiles = [];
+    let needsUpdate = false;
+    for (const filePath of registryComponent.files) {
+        const registryFilePath = path.join(registryDir, filePath);
+        const fileName = path.basename(filePath);
+        const localFilePath = path.join(rootDir, localComponentDir, fileName);
+        if (!fs.existsSync(registryFilePath)) {
+            continue;
+        }
+        const registryContent = fs.readFileSync(registryFilePath, "utf-8");
+        if (!fs.existsSync(localFilePath)) {
+            // File does not exist locally -- install it
+            const dir = path.dirname(localFilePath);
+            fs.mkdirSync(dir, { recursive: true });
+            fs.writeFileSync(localFilePath, registryContent);
+            updatedFiles.push(fileName);
+            needsUpdate = true;
+            continue;
+        }
+        const localContent = fs.readFileSync(localFilePath, "utf-8");
+        if (localContent === registryContent) {
+            continue;
+        }
+        // There is a difference
+        needsUpdate = true;
+        if (!skipPrompts) {
+            const diff = computeDiff(localContent, registryContent);
+            console.log(chalk.bold(`\nChanges for ${fileName}:`));
+            console.log(chalk.dim("─".repeat(60)));
+            console.log(diff);
+            const response = await prompts({
+                type: "select",
+                name: "action",
+                message: `How would you like to handle ${fileName}?`,
+                choices: [
+                    { title: "Overwrite with registry version", value: "overwrite" },
+                    { title: "Keep local version", value: "keep" },
+                    { title: "Skip this file", value: "skip" },
+                ],
+                initial: 0,
+            });
+            if (response.action === "overwrite") {
+                fs.writeFileSync(localFilePath, registryContent);
+                updatedFiles.push(fileName);
+            }
+            // "keep" and "skip" both leave the file as-is
+        }
+        else {
+            // Non-interactive mode: overwrite
+            fs.writeFileSync(localFilePath, registryContent);
+            updatedFiles.push(fileName);
+        }
+    }
+    if (!needsUpdate) {
+        return {
+            updated: false,
+            message: `Component "${componentName}" is already up to date.`,
+            files: [],
+        };
+    }
+    // Update installedComponents entry in components.json
+    const installed = componentsJson.installedComponents ?? [];
+    const existingIdx = installed.findIndex((c) => c.name === componentName);
+    const entry = {
+        name: componentName,
+        version: registryVersion,
+        installedAt: new Date().toISOString().split("T")[0],
+    };
+    if (existingIdx >= 0) {
+        installed[existingIdx] = entry;
+    }
+    else {
+        installed.push(entry);
+    }
+    componentsJson.installedComponents = installed;
+    const componentsJsonPath = path.join(rootDir, "components.json");
+    fs.writeFileSync(componentsJsonPath, JSON.stringify(componentsJson, null, 2) + "\n");
+    return {
+        updated: true,
+        message: `Component "${componentName}" updated to registry v${registryVersion}.`,
+        files: updatedFiles,
+    };
+}
+export async function updateCommand(componentName) {
+    const spinner = ora(`Checking "${componentName}" for updates...`).start();
+    try {
+        const rootDir = process.cwd();
+        spinner.stop();
+        const result = await runUpdate(componentName, rootDir);
+        if (result.updated) {
+            console.log(chalk.green(`\n${result.message}`));
+            if (result.files.length > 0) {
+                console.log(chalk.dim("\nUpdated files:"));
+                for (const file of result.files) {
+                    console.log(chalk.dim(`  - ${file}`));
+                }
+            }
+        }
+        else {
+            console.log(chalk.yellow(`\n${result.message}`));
+        }
+    }
+    catch (error) {
+        spinner.fail("Update failed.");
+        const message = error instanceof Error ? error.message : String(error);
+        console.error(chalk.red(`\nError: ${message}`));
+        process.exit(1);
+    }
+}

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+#!/usr/bin/env node
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":""}

package/dist/index.js

@@ -0,0 +1,54 @@
+#!/usr/bin/env node
+import { Command } from "commander";
+import { addCommand } from "./commands/add.js";
+import { initCommand } from "./commands/init.js";
+import { statusCommand } from "./commands/status.js";
+import { diffCommand } from "./commands/diff.js";
+import { listCommand } from "./commands/list.js";
+import { updateCommand } from "./commands/update.js";
+import { syncCommand } from "./commands/sync.js";
+import { themeCreateCommand } from "./commands/theme.js";
+const program = new Command();
+program
+    .name("inai-ui")
+    .description("CLI for InAI UI component library")
+    .version("0.1.0");
+program
+    .command("init [repo-url]")
+    .description("Initialize InAI UI in your project. Optionally pass a Git repo URL to fetch components remotely.")
+    .action((repoUrl) => initCommand(repoUrl));
+program
+    .command("add [component]")
+    .description("Add a component to your project. Without arguments, opens an interactive picker to select multiple components.")
+    .action((component) => addCommand(component));
+program
+    .command("sync")
+    .description("Update the local registry cache from the remote repository")
+    .action(syncCommand);
+program
+    .command("status")
+    .description("Show installed components and their versions")
+    .action(statusCommand);
+program
+    .command("diff <component>")
+    .description("Show differences between local component and registry version")
+    .action((component) => diffCommand(component));
+program
+    .command("list")
+    .description("List all available components from the registry")
+    .option("-c, --category <category>", "Filter by component category")
+    .action((options) => listCommand(options));
+program
+    .command("update <component>")
+    .description("Update a component to the latest registry version")
+    .action((component) => updateCommand(component));
+const themeCmd = program
+    .command("theme")
+    .description("Theme management commands");
+themeCmd
+    .command("create")
+    .description("Create a custom theme based on an existing theme")
+    .requiredOption("-n, --name <name>", "Name for the new theme")
+    .requiredOption("-b, --base <base>", "Base theme to extend (monday, linear, notion, vercel)")
+    .action((options) => themeCreateCommand(options));
+program.parse();

package/dist/utils/registry-resolver.d.ts

@@ -0,0 +1,4 @@
+export declare function getCacheDir(): string;
+export declare function cloneRegistry(repoUrl: string): string;
+export declare function resolveRegistryDir(projectDir: string): string;
+//# sourceMappingURL=registry-resolver.d.ts.map

package/dist/utils/registry-resolver.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry-resolver.d.ts","sourceRoot":"","sources":["../../src/utils/registry-resolver.ts"],"names":[],"mappings":"AASA,wBAAgB,WAAW,IAAI,MAAM,CAEpC;AAED,wBAAgB,aAAa,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAWrD;AAED,wBAAgB,kBAAkB,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,CAS7D"}

package/dist/utils/registry-resolver.js

@@ -0,0 +1,33 @@
+import { execSync } from "node:child_process";
+import fs from "node:fs";
+import path from "node:path";
+import os from "node:os";
+import { readComponentsJson } from "../commands/status.js";
+const CACHE_BASE = path.join(os.homedir(), ".inai-ui");
+const CACHE_DIR = path.join(CACHE_BASE, "registry");
+export function getCacheDir() {
+    return CACHE_DIR;
+}
+export function cloneRegistry(repoUrl) {
+    if (fs.existsSync(path.join(CACHE_DIR, ".git"))) {
+        execSync("git pull --ff-only", { cwd: CACHE_DIR, stdio: "pipe" });
+    }
+    else {
+        fs.mkdirSync(CACHE_BASE, { recursive: true });
+        if (fs.existsSync(CACHE_DIR)) {
+            fs.rmSync(CACHE_DIR, { recursive: true });
+        }
+        execSync(`git clone "${repoUrl}" "${CACHE_DIR}"`, { stdio: "pipe" });
+    }
+    return CACHE_DIR;
+}
+export function resolveRegistryDir(projectDir) {
+    const componentsJson = readComponentsJson(projectDir);
+    if (componentsJson?.registrySource) {
+        if (!fs.existsSync(path.join(CACHE_DIR, ".git"))) {
+            cloneRegistry(componentsJson.registrySource);
+        }
+        return CACHE_DIR;
+    }
+    return projectDir;
+}

package/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "inai-react-components",
+  "version": "0.1.0",
+  "description": "CLI for InAI UI component library — install components from a private registry into your React project",
+  "private": false,
+  "type": "module",
+  "bin": {
+    "inai-ui": "./dist/index.js"
+  },
+  "keywords": [
+    "react",
+    "components",
+    "ui",
+    "cli",
+    "tailwindcss",
+    "react-aria",
+    "design-system"
+  ],
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/InAI-Team/inai-components-react.git",
+    "directory": "packages/cli"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsc",
+    "dev": "tsc --watch",
+    "check-types": "tsc --noEmit",
+    "test": "vitest run"
+  },
+  "dependencies": {
+    "chalk": "^5.6.2",
+    "commander": "^14.0.3",
+    "fast-glob": "^3.3.3",
+    "ora": "^9.3.0",
+    "prompts": "^2.4.2"
+  },
+  "devDependencies": {
+    "@repo/typescript-config": "workspace:*",
+    "@types/node": "^22.15.3",
+    "typescript": "5.9.2",
+    "vitest": "^4.1.0"
+  }
+}