rewampui 0.1.0

package/bin/rewampui.js

@@ -0,0 +1,40 @@
+#!/usr/bin/env node
+import { runAdd } from '../src/commands/add.js';
+import { runInit } from '../src/commands/init.js';
+
+const [, , command, ...args] = process.argv;
+
+async function main() {
+  if (command === 'init') {
+    await runInit(args);
+    return;
+  }
+
+  if (command === 'add') {
+    await runAdd(args);
+    return;
+  }
+
+  console.log(`rewampui <command>
+
+Commands:
+  init                  Create a components.json config in the current project
+  add <component...>    Copy one or more component sources + deps into your project
+  add --all             Install every component in the registry
+
+Examples:
+  npx rewampui init
+  npx rewampui add theme-toggle
+  npx rewampui add arch-card-carousel theme-toggle
+  npx rewampui add --all
+
+  pnpm dlx rewampui add theme-toggle
+  bunx rewampui add theme-toggle
+  yarn dlx rewampui add theme-toggle`);
+  process.exit(command ? 1 : 0);
+}
+
+main().catch((err) => {
+  console.error(`✖ ${err.message}`);
+  process.exit(1);
+});

package/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "rewampui",
+  "version": "0.1.0",
+  "description": "CLI to add Rewamp UI components' source code directly into your project.",
+  "type": "module",
+  "bin": {
+    "rewampui": "bin/rewampui.js"
+  },
+  "files": [
+    "bin",
+    "src"
+  ],
+  "dependencies": {
+    "prompts": "^2.4.2"
+  },
+  "engines": {
+    "node": ">=18"
+  },
+  "license": "MIT",
+  "author": "palakonweb",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/palakonweb/Rewamp-UI.git",
+    "directory": "cli"
+  },
+  "homepage": "https://github.com/palakonweb/Rewamp-UI#readme",
+  "keywords": [
+    "react",
+    "components",
+    "ui",
+    "cli",
+    "framer-motion",
+    "tailwind"
+  ]
+}

package/src/commands/add.js

@@ -0,0 +1,69 @@
+import fs from 'node:fs';
+import path from 'node:path';
+import { spawnSync } from 'node:child_process';
+import {
+  readConfig,
+  fetchRegistryItem,
+  readSourceFile,
+  listAllRegistryNames,
+} from '../utils/registry.js';
+import { detectPackageManager, installArgs, installCommand } from '../utils/package-manager.js';
+
+export async function runAdd(args) {
+  if (args.length === 0) {
+    throw new Error('Usage: rewampui add <component...> | rewampui add --all');
+  }
+
+  const cwd = process.cwd();
+  const config = readConfig(cwd);
+  const componentsDir = path.resolve(cwd, config.aliases?.components || 'src/components/ui');
+
+  const names = args.includes('--all') ? listAllRegistryNames() : args;
+  if (names.length === 0) {
+    throw new Error('No components found in the registry.');
+  }
+
+  const resolved = new Map(); // name -> registry item
+  const queue = [...names];
+  while (queue.length) {
+    const name = queue.shift();
+    if (resolved.has(name)) continue;
+    const item = await fetchRegistryItem(name, config);
+    resolved.set(name, item);
+    for (const dep of item.registryDependencies || []) {
+      if (!resolved.has(dep)) queue.push(dep);
+    }
+  }
+
+  const npmDeps = new Set();
+  fs.mkdirSync(componentsDir, { recursive: true });
+
+  for (const [name, item] of resolved) {
+    for (const dep of item.npmDependencies || []) npmDeps.add(dep);
+
+    for (const file of item.files) {
+      const targetPath = path.join(componentsDir, file.target);
+      const wasExplicitlyRequested = names.includes(name) || names.includes('--all');
+      if (fs.existsSync(targetPath) && !wasExplicitlyRequested) {
+        console.log(`- skip  ${file.target} (already exists)`);
+        continue;
+      }
+      const source = await readSourceFile(file.source, config);
+      fs.mkdirSync(path.dirname(targetPath), { recursive: true });
+      fs.writeFileSync(targetPath, source, 'utf8');
+      console.log(`+ added ${file.target}`);
+    }
+  }
+
+  if (npmDeps.size > 0) {
+    const pm = detectPackageManager(cwd);
+    const deps = [...npmDeps];
+    console.log(`\nInstalling dependencies with ${pm}: ${installCommand(pm, deps)}`);
+    const result = spawnSync(pm, installArgs(pm, deps), { cwd, stdio: 'inherit', shell: true });
+    if (result.status !== 0) {
+      throw new Error(`Failed to install dependencies. Run manually: ${installCommand(pm, deps)}`);
+    }
+  }
+
+  console.log(`\nDone. Added: ${[...resolved.keys()].join(', ')}`);
+}

package/src/commands/init.js

@@ -0,0 +1,27 @@
+import fs from 'node:fs';
+import path from 'node:path';
+
+const REPO_RAW_BASE = 'https://raw.githubusercontent.com/palakonweb/Rewamp-UI/main';
+
+const DEFAULT_CONFIG = {
+  $schema: `${REPO_RAW_BASE}/registry/schema.json`,
+  registryUrl: `${REPO_RAW_BASE}/registry`,
+  repoRawUrl: REPO_RAW_BASE,
+  aliases: {
+    components: 'src/components/ui',
+  },
+};
+
+export async function runInit(args) {
+  const cwd = process.cwd();
+  const configPath = path.join(cwd, 'components.json');
+
+  if (fs.existsSync(configPath) && !args.includes('--force')) {
+    console.log('components.json already exists. Pass --force to overwrite.');
+    return;
+  }
+
+  fs.writeFileSync(configPath, `${JSON.stringify(DEFAULT_CONFIG, null, 2)}\n`, 'utf8');
+  console.log('+ created components.json');
+  console.log('\nNow run: npx rewampui add <component>');
+}

package/src/utils/package-manager.js

@@ -0,0 +1,50 @@
+import fs from 'node:fs';
+import path from 'node:path';
+
+const LOCKFILES = [
+  { file: 'bun.lockb', pm: 'bun' },
+  { file: 'pnpm-lock.yaml', pm: 'pnpm' },
+  { file: 'yarn.lock', pm: 'yarn' },
+  { file: 'package-lock.json', pm: 'npm' },
+];
+
+/** Walks up from cwd looking for a lockfile to infer the project's package manager. */
+export function detectPackageManager(cwd = process.cwd()) {
+  let dir = cwd;
+  while (true) {
+    for (const { file, pm } of LOCKFILES) {
+      if (fs.existsSync(path.join(dir, file))) return pm;
+    }
+    const parent = path.dirname(dir);
+    if (parent === dir) break;
+    dir = parent;
+  }
+  return 'npm';
+}
+
+export function installCommand(pm, packages) {
+  const list = packages.join(' ');
+  switch (pm) {
+    case 'pnpm':
+      return `pnpm add ${list}`;
+    case 'yarn':
+      return `yarn add ${list}`;
+    case 'bun':
+      return `bun add ${list}`;
+    default:
+      return `npm install ${list}`;
+  }
+}
+
+export function installArgs(pm, packages) {
+  switch (pm) {
+    case 'pnpm':
+      return ['add', ...packages];
+    case 'yarn':
+      return ['add', ...packages];
+    case 'bun':
+      return ['add', ...packages];
+    default:
+      return ['install', ...packages];
+  }
+}

package/src/utils/registry.js

@@ -0,0 +1,56 @@
+import fs from 'node:fs';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+// When developing inside the RewampUI monorepo the registry lives two levels up.
+// A real published install falls back to fetching from components.json's registryUrl.
+const LOCAL_REGISTRY_DIR = path.resolve(__dirname, '../../../registry');
+
+export function readConfig(cwd = process.cwd()) {
+  const configPath = path.join(cwd, 'components.json');
+  if (!fs.existsSync(configPath)) {
+    throw new Error(
+      'No components.json found in this project. Run `npx rewampui init` first (or copy components.json from the RewampUI repo).'
+    );
+  }
+  return JSON.parse(fs.readFileSync(configPath, 'utf8'));
+}
+
+export async function fetchRegistryItem(name, config) {
+  const localPath = path.join(LOCAL_REGISTRY_DIR, `${name}.json`);
+  if (fs.existsSync(localPath)) {
+    return JSON.parse(fs.readFileSync(localPath, 'utf8'));
+  }
+
+  const url = `${config.registryUrl.replace(/\/$/, '')}/${name}.json`;
+  const res = await fetch(url);
+  if (!res.ok) {
+    throw new Error(`Component "${name}" not found in registry (${url})`);
+  }
+  return res.json();
+}
+
+export function listAllRegistryNames() {
+  if (!fs.existsSync(LOCAL_REGISTRY_DIR)) return [];
+  return fs
+    .readdirSync(LOCAL_REGISTRY_DIR)
+    .filter((f) => f.endsWith('.json') && f !== 'schema.json')
+    .map((f) => f.replace(/\.json$/, ''));
+}
+
+/** Resolves a file's raw source, either from local disk (monorepo dev) or over HTTP. */
+export async function readSourceFile(source, config) {
+  const localPath = path.resolve(LOCAL_REGISTRY_DIR, '..', source);
+  if (fs.existsSync(localPath)) {
+    return fs.readFileSync(localPath, 'utf8');
+  }
+
+  // Outside the monorepo (a real published install) there's no local registry/
+  // folder — fall back to fetching the file straight from the public GitHub repo.
+  const base = config?.repoRawUrl || config?.registryUrl?.replace(/\/registry\/?$/, '');
+  const url = base ? `${base.replace(/\/$/, '')}/${source}` : source;
+  const res = await fetch(url);
+  if (!res.ok) throw new Error(`Could not fetch source file: ${url}`);
+  return res.text();
+}