create-gridland 0.2.54 → 0.2.56

package/README.md

@@ -0,0 +1,43 @@
+# create-gridland
+
+Scaffold a new [Gridland](https://gridland.io) project.
+
+Gridland is a React framework for building terminal apps that also run in the browser — same source, same components, two runtime targets.
+
+## Usage
+
+```bash
+bunx create-gridland my-app
+```
+
+You'll be prompted to choose a template:
+
+- **CLI app** — Bun-powered terminal app (`@gridland/bun`)
+- **Vite** — Browser app that renders TUI components on an HTML canvas (`@gridland/web`)
+- **Next.js** — Next.js site with embedded Gridland TUI components
+
+Then:
+
+```bash
+cd my-app
+bun install
+bun dev
+```
+
+## Adding components
+
+After scaffolding, add Gridland components from the registry:
+
+```bash
+bunx create-gridland add spinner
+bunx create-gridland add modal side-nav --yes
+bunx create-gridland add spinner --dry-run   # preview without running
+```
+
+Components are fetched from `https://gridland.io/r/{name}.json` and written into your project via the shadcn CLI. Already-namespaced names (`@gridland/modal`) work too.
+
+## Documentation
+
+Full docs at [gridland.io/docs](https://gridland.io/docs)
+
+Source: [github.com/thoughtfulllc/gridland](https://github.com/thoughtfulllc/gridland)

package/dist/index.js

@@ -79,6 +79,7 @@ var require_picocolors = __commonJS({
 
 // src/index.ts
 var import_picocolors = __toESM(require_picocolors(), 1);
+import { spawnSync } from "child_process";
 import { Command } from "commander";
 
 // src/scaffold.ts
@@ -137,10 +138,10 @@ var DEFAULT_NAME = "my-gridland-app";
 
 // src/helpers/package-manager.ts
 var commands = {
-  npm: { install: "npm install", dev: "npm run dev" },
-  yarn: { install: "yarn", dev: "yarn dev" },
-  pnpm: { install: "pnpm install", dev: "pnpm dev" },
-  bun: { install: "bun install", dev: "bun dev" }
+  npm: { install: "npm install", dev: "npm run dev", dlx: ["npx"] },
+  yarn: { install: "yarn", dev: "yarn dev", dlx: ["yarn", "dlx"] },
+  pnpm: { install: "pnpm install", dev: "pnpm dev", dlx: ["pnpm", "dlx"] },
+  bun: { install: "bun install", dev: "bun dev", dlx: ["bunx"] }
 };
 function detectPackageManager() {
   const userAgent = process.env.npm_config_user_agent ?? "";
@@ -155,6 +156,9 @@ function getInstallCommand(pm) {
 function getDevCommand(pm) {
   return commands[pm].dev;
 }
+function getDlxCommand(pm) {
+  return commands[pm].dlx;
+}
 
 // src/helpers/install.ts
 import { execSync } from "child_process";
@@ -215,6 +219,7 @@ function resolveTargetDir(projectName) {
 
 // src/index.ts
 var program = new Command();
+program.enablePositionalOptions();
 program.name("create-gridland").description("Create a new Gridland project").version("0.1.0").argument("[project-name]", "Name of the project").option("--framework <framework>", "Framework to use (vite or next)").option("--no-install", "Skip dependency installation").option("--no-git", "Skip git initialization").option("--yes", "Use defaults for all prompts").option("--overwrite", "Overwrite existing directory").action(async (projectNameArg, options) => {
   const pm = detectPackageManager();
   const isNonInteractive = options.yes || projectNameArg && options.framework;
@@ -308,4 +313,34 @@ async function runScaffold({
   console.log(import_picocolors.default.cyan(`  ${getDevCommand(pm)}`));
   console.log();
 }
+program.command("add [components...]").description("Add Gridland components to the current project via the shadcn registry").option("--yes", "Skip prompts \u2014 accept all defaults").option("--overwrite", "Overwrite existing files without prompting").option("--cwd <path>", "Working directory (defaults to current)").option("--dry-run", "Print the resolved command without executing it").action((components, opts) => {
+  if (!components || components.length === 0) {
+    console.error(import_picocolors.default.red("Specify at least one component, e.g. create-gridland add spinner"));
+    process.exit(1);
+  }
+  const names = components.map(toGridlandRef);
+  const [dlxFile, ...dlxPrefix] = getDlxCommand(detectPackageManager());
+  const flags = [];
+  if (opts.yes) flags.push("--yes");
+  if (opts.overwrite) flags.push("--overwrite");
+  if (opts.cwd) flags.push("--cwd", opts.cwd);
+  const args = [...dlxPrefix, "shadcn@latest", "add", ...names, ...flags];
+  if (opts.dryRun) {
+    console.log([dlxFile, ...args].join(" "));
+    return;
+  }
+  console.log(import_picocolors.default.cyan(`\u2192 ${dlxFile} ${args.join(" ")}`));
+  const result = spawnSync(dlxFile, args, {
+    cwd: opts.cwd ?? process.cwd(),
+    stdio: "inherit"
+  });
+  if (result.error || result.status != null && result.status !== 0) {
+    console.error(import_picocolors.default.red("Failed to add components."));
+    process.exit(result.status ?? 1);
+  }
+});
+function toGridlandRef(raw) {
+  if (raw.startsWith("@")) return raw;
+  return `@gridland/${raw}`;
+}
 program.parse();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-gridland",
-  "version": "0.2.54",
+  "version": "0.2.56",
   "description": "Create a new Gridland project",
   "type": "module",
   "bin": {

package/templates/next/components.json

@@ -12,6 +12,8 @@
   "aliases": {
     "components": "@/components",
     "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks",
     "utils": "@/lib/utils"
   },
   "registries": {

package/templates/vite/components.json

@@ -12,6 +12,8 @@
   "aliases": {
     "components": "@/components",
     "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks",
     "utils": "@/lib/utils"
   },
   "registries": {