@yopem-ui/cli 0.0.2

package/README.md

@@ -0,0 +1,21 @@
+# @yopem-ui/cli
+
+Copy Yopem UI components and configure StyleX in an existing React project.
+Requires Bun. Until the registry is deployed, run the docs server on
+`http://localhost:3100` before using the CLI.
+
+```sh
+bunx @yopem-ui/cli init
+bunx @yopem-ui/cli add button
+bunx @yopem-ui/cli update button
+```
+
+`init` supports Vite, TanStack Router, TanStack Start, React Router, Next.js App
+Router, and Astro. Pass `--framework <name>` if autodetection is ambiguous.
+Installed source changes stay intact on `init` and `add`; `update` rejects
+modified files unless `--force` is supplied.
+
+## Licence
+
+This project is licensed under the terms of the
+[MIT license](https://github.com/yopem/ui/blob/main/LICENSE.md).

package/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "@yopem-ui/cli",
+  "version": "0.0.2",
+  "description": "CLI for installing Yopem UI source components and StyleX setup",
+  "keywords": [
+    "cli",
+    "stylex",
+    "ui"
+  ],
+  "bugs": {
+    "url": "https://github.com/yopem/ui/issues"
+  },
+  "license": "MIT",
+  "author": "Karyana Yandi <karyana@yandi.me>",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/yopem/ui.git",
+    "directory": "packages/cli"
+  },
+  "bin": {
+    "yopem-ui": "./src/cli.ts"
+  },
+  "files": [
+    "src"
+  ],
+  "type": "module",
+  "exports": {
+    "./cli": "./src/cli.ts",
+    "./init": "./src/init.ts",
+    "./install": "./src/install.ts"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "typescript-api": "npm:@typescript/typescript6@^6.0.2"
+  },
+  "engines": {
+    "bun": ">=1.3.0"
+  }
+}

package/src/cli.ts

@@ -0,0 +1,75 @@
+#!/usr/bin/env bun
+
+import type { InitOptions } from "./init"
+
+import { initProject } from "./init"
+import { installItem } from "./install"
+
+const usage =
+  "Usage: yopem-ui init [--framework vite|tanstack-router|tanstack-start|react-router|next|astro] | <add|update> <name> [--force]"
+
+function isFramework(
+  value: string | undefined,
+): value is NonNullable<InitOptions["framework"]> {
+  return (
+    value === "vite" ||
+    value === "tanstack-router" ||
+    value === "tanstack-start" ||
+    value === "react-router" ||
+    value === "next" ||
+    value === "astro"
+  )
+}
+
+export async function runCli(args: string[], options: InitOptions = {}) {
+  const [command, name, ...flags] = args
+
+  if (command === "init") {
+    const framework = name === "--framework" ? args[2] : undefined
+
+    if (
+      args.length !== 1 &&
+      !(args.length === 3 && name === "--framework" && isFramework(framework))
+    ) {
+      throw new Error(usage)
+    }
+
+    const result = await initProject({
+      ...options,
+      framework: isFramework(framework) ? framework : undefined,
+    })
+
+    console.info(
+      `Configured ${result.framework} (${result.configured} file(s))`,
+    )
+
+    return result
+  }
+
+  if (
+    (command !== "add" && command !== "update") ||
+    !name ||
+    flags.some((flag) => flag !== "--force")
+  ) {
+    throw new Error(usage)
+  }
+
+  const result = await installItem(name, {
+    ...options,
+    mode: command,
+    force: flags.includes("--force"),
+  })
+
+  console.info(
+    `Installed ${result.installed} file(s), skipped ${result.skipped}`,
+  )
+
+  return result
+}
+
+if (import.meta.main) {
+  runCli(process.argv.slice(2)).catch((cause: unknown) => {
+    console.error(cause instanceof Error ? cause.message : cause)
+    process.exitCode = 1
+  })
+}