create-primitiv-ui 0.1.2 → 0.1.4

package/README.md

@@ -1,24 +1,39 @@
 # create-primitiv-ui
 
-Set up **Primitiv UI** in a new or existing Vite / Next.js project with a
+Set up **Primitiv UI** in an existing Vite or Next.js project with a
 single command.
 
 ## Usage
 
 ```sh
+# pnpm
+pnpm create primitiv-ui
+
+# npm
 npm create primitiv-ui@latest
-# or: pnpm create primitiv-ui
+
+# yarn / bun
+yarn create primitiv-ui
+bun create primitiv-ui
 ```
 
-It detects your package manager, installs
-[`primitiv-ui`](https://www.npmjs.com/package/primitiv-ui) as a dev
-dependency, then runs `primitiv init` to scaffold configuration. Any
-arguments you pass are forwarded to `primitiv init`.
+This runs `primitiv init` via `npx primitiv-ui@latest init` — no local
+install needed. It walks you through choosing a stylesheet format, brand
+colour, and styles path, then writes `primitiv.json` and generates the
+shared token layer.
+
+Any arguments you pass are forwarded to `primitiv init`:
+
+```sh
+pnpm create primitiv-ui --yes           # accept all defaults
+pnpm create primitiv-ui --format scss   # choose SCSS up front
+```
 
 Once set up, add components with:
 
 ```sh
-npx primitiv add button
+pnpm dlx primitiv-ui@latest add button
+# or: npx primitiv-ui@latest add button
 ```
 
 > **Needs a real Node environment.** The CLI runs a native binary, so this

package/create-logic.mjs

@@ -0,0 +1,7 @@
+export function spawnCommand(extraArgs) {
+  return {
+    cmd: 'npx',
+    args: ['primitiv-ui@latest', 'init', ...extraArgs],
+    options: { stdio: 'inherit', shell: true },
+  };
+}

package/create.mjs

@@ -1,19 +1,7 @@
 #!/usr/bin/env node
-// Entry point for `pnpm create primitiv-ui` / `npm create primitiv-ui`.
-// Installs primitiv-ui as a dev dependency, then delegates to `primitiv init`.
-import { execSync, spawnSync } from 'child_process';
-import { existsSync } from 'fs';
+import { spawnSync } from 'child_process';
+import { spawnCommand } from './create-logic.mjs';
 
-const pm = existsSync('pnpm-lock.yaml') ? 'pnpm'
-         : existsSync('yarn.lock') ? 'yarn'
-         : existsSync('bun.lockb') ? 'bun'
-         : 'npm';
-
-const addCmd = pm === 'npm' ? 'install --save-dev' : 'add -D';
-
-process.stdout.write(`\nInstalling primitiv-ui via ${pm}…\n`);
-execSync(`${pm} ${addCmd} primitiv-ui`, { stdio: 'inherit' });
-
-const args = process.argv.slice(2);
-const result = spawnSync('primitiv', ['init', ...args], { stdio: 'inherit' });
+const { cmd, args, options } = spawnCommand(process.argv.slice(2));
+const result = spawnSync(cmd, args, options);
 process.exit(result.status ?? 1);

package/package.json

@@ -1,18 +1,34 @@
 {
   "name": "create-primitiv-ui",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "Set up Primitiv UI in an existing Vite or Next.js project. Use with: pnpm create primitiv-ui",
-  "keywords": ["primitiv", "design-system", "cli", "create", "react"],
+  "keywords": [
+    "primitiv",
+    "design-system",
+    "cli",
+    "create",
+    "react"
+  ],
   "bin": {
     "create-primitiv-ui": "./create.mjs"
   },
-  "files": ["create.mjs"],
-  "engines": { "node": ">=18" },
+  "files": [
+    "create.mjs",
+    "create-logic.mjs"
+  ],
+  "scripts": {
+    "test": "node --test create.test.mjs"
+  },
+  "engines": {
+    "node": ">=18"
+  },
   "repository": {
     "type": "git",
     "url": "https://github.com/primitiv-ui/primitiv.git",
     "directory": "npm/create-primitiv-ui"
   },
   "license": "MIT",
-  "publishConfig": { "access": "public" }
+  "publishConfig": {
+    "access": "public"
+  }
 }