create-gridland 0.2.1 → 0.2.2

package/dist/{chunk-NWV7K4UF.js → chunk-FYS2JH42.js}

@@ -25,43 +25,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 
-// src/constants.ts
-var DEFAULT_NAME = "my-gridland-app";
-
-// src/helpers/validate.ts
-import fs from "fs";
-import path from "path";
-var validNameRegex = /^(?:@[a-z0-9-*~][a-z0-9-*._~]*\/)?[a-z0-9-~][a-z0-9-._~]*$/;
-function validateProjectName(name) {
-  if (!name) {
-    return { valid: false, message: "Project name cannot be empty" };
-  }
-  if (!validNameRegex.test(name)) {
-    return {
-      valid: false,
-      message: "Project name must be lowercase and URL-friendly (a-z, 0-9, hyphens, dots)"
-    };
-  }
-  return { valid: true };
-}
-function checkDirectory(targetDir) {
-  try {
-    const files = fs.readdirSync(targetDir);
-    const isEmpty = files.length === 0 || files.length === 1 && files[0] === ".git";
-    return { exists: true, empty: isEmpty };
-  } catch {
-    return { exists: false, empty: true };
-  }
-}
-function resolveTargetDir(projectName) {
-  return path.resolve(process.cwd(), projectName);
-}
-
 export {
   __commonJS,
-  __toESM,
-  DEFAULT_NAME,
-  validateProjectName,
-  checkDirectory,
-  resolveTargetDir
+  __toESM
 };

package/dist/index.js

@@ -1,12 +1,8 @@
 #!/usr/bin/env node
 import {
-  DEFAULT_NAME,
   __commonJS,
-  __toESM,
-  checkDirectory,
-  resolveTargetDir,
-  validateProjectName
-} from "./chunk-NWV7K4UF.js";
+  __toESM
+} from "./chunk-FYS2JH42.js";
 
 // ../../node_modules/.bun/picocolors@1.1.1/node_modules/picocolors/picocolors.js
 var require_picocolors = __commonJS({
@@ -136,6 +132,9 @@ function scaffold({ projectName, framework, targetDir }) {
   copyDir(frameworkDir, targetDir, replacements);
 }
 
+// src/constants.ts
+var DEFAULT_NAME = "my-gridland-app";
+
 // src/helpers/package-manager.ts
 var commands = {
   npm: { install: "npm install", dev: "npm run dev" },
@@ -185,6 +184,35 @@ function gitInit(cwd) {
   }
 }
 
+// src/helpers/validate.ts
+import fs2 from "fs";
+import path2 from "path";
+var validNameRegex = /^(?:@[a-z0-9-*~][a-z0-9-*._~]*\/)?[a-z0-9-~][a-z0-9-._~]*$/;
+function validateProjectName(name) {
+  if (!name) {
+    return { valid: false, message: "Project name cannot be empty" };
+  }
+  if (!validNameRegex.test(name)) {
+    return {
+      valid: false,
+      message: "Project name must be lowercase and URL-friendly (a-z, 0-9, hyphens, dots)"
+    };
+  }
+  return { valid: true };
+}
+function checkDirectory(targetDir) {
+  try {
+    const files = fs2.readdirSync(targetDir);
+    const isEmpty = files.length === 0 || files.length === 1 && files[0] === ".git";
+    return { exists: true, empty: isEmpty };
+  } catch {
+    return { exists: false, empty: true };
+  }
+}
+function resolveTargetDir(projectName) {
+  return path2.resolve(process.cwd(), projectName);
+}
+
 // src/index.ts
 var program = new Command();
 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) => {
@@ -212,30 +240,25 @@ program.name("create-gridland").description("Create a new Gridland project").ver
       pm
     });
   } else {
-    const [{ createCliRenderer }, { createRoot }, React, { CreateGridlandApp }] = await Promise.all([
-      import("@opentui/core"),
-      import("@opentui/react"),
-      import("react"),
-      import("./app-3JKMN57G.js")
-    ]);
-    const renderer = createCliRenderer();
-    const root = createRoot(renderer);
-    await new Promise((resolve) => {
-      root.render(
-        React.createElement(CreateGridlandApp, {
-          initialName: projectNameArg,
-          onComplete: async (result) => {
-            root.unmount();
-            renderer.cleanup();
-            await runScaffold({
-              ...result,
-              overwrite: options.overwrite,
-              pm
-            });
-            resolve();
-          }
-        })
-      );
+    const { promptProjectName, promptFramework, promptInstallDeps, promptInitGit } = await import("./prompts-HFNHE2AO.js");
+    console.log("\n  GRIDLAND\n");
+    console.log("  Create a new Gridland project\n");
+    const projectName = await promptProjectName(projectNameArg);
+    const validation = validateProjectName(projectName);
+    if (!validation.valid) {
+      console.error(import_picocolors.default.red(validation.message));
+      process.exit(1);
+    }
+    const framework = await promptFramework();
+    const installDeps = await promptInstallDeps();
+    const initGit = await promptInitGit();
+    await runScaffold({
+      projectName,
+      framework,
+      installDeps,
+      initGit,
+      overwrite: options.overwrite,
+      pm
     });
   }
 });

package/dist/prompts-HFNHE2AO.js

@@ -0,0 +1,52 @@
+#!/usr/bin/env node
+import "./chunk-FYS2JH42.js";
+
+// src/prompts.ts
+import * as readline from "readline";
+function createInterface2() {
+  return readline.createInterface({
+    input: process.stdin,
+    output: process.stdout
+  });
+}
+function ask(question) {
+  const rl = createInterface2();
+  return new Promise((resolve) => {
+    rl.question(question, (answer) => {
+      rl.close();
+      resolve(answer.trim());
+    });
+  });
+}
+function askYesNo(question, defaultYes = true) {
+  const hint = defaultYes ? "Y/n" : "y/N";
+  return ask(`${question} (${hint}): `).then((answer) => {
+    if (!answer) return defaultYes;
+    return answer.toLowerCase().startsWith("y");
+  });
+}
+async function promptProjectName(initial) {
+  if (initial) return initial;
+  const answer = await ask("Project name (my-gridland-app): ");
+  return answer || "my-gridland-app";
+}
+async function promptFramework() {
+  console.log("\nFramework:");
+  console.log("  1. Vite");
+  console.log("  2. Next.js");
+  const answer = await ask("\nSelect framework (1): ");
+  if (answer === "2" || answer.toLowerCase() === "next") return "next";
+  return "vite";
+}
+async function promptInstallDeps() {
+  return askYesNo("\nInstall dependencies?");
+}
+async function promptInitGit() {
+  return askYesNo("Initialize git repository?");
+}
+export {
+  promptFramework,
+  promptInitGit,
+  promptInstallDeps,
+  promptProjectName
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-gridland",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "description": "Create a new Gridland project",
   "type": "module",
   "bin": {
@@ -16,14 +16,9 @@
     "test:e2e": "bun test src/__tests__/e2e.test.ts --timeout 120000"
   },
   "dependencies": {
-    "@opentui/core": "^0.1.86",
-    "@opentui/react": "^0.1.86",
-    "commander": "^13.0.0",
-    "react": "^19.0.0"
+    "commander": "^13.0.0"
   },
   "devDependencies": {
-    "@gridland/ui": "workspace:*",
-    "@types/react": "^19.0.0",
     "picocolors": "^1.1.0",
     "tsup": "^8.0.0",
     "typescript": "^5.7.0"

package/dist/app-3JKMN57G.js

@@ -1,317 +0,0 @@
-#!/usr/bin/env node
-import {
-  DEFAULT_NAME,
-  validateProjectName
-} from "./chunk-NWV7K4UF.js";
-
-// src/app.tsx
-import { useState as useState7 } from "react";
-
-// ../ui/dist/index.js
-import { jsx } from "react/jsx-runtime";
-import { useState } from "react";
-import { jsx as jsx2 } from "react/jsx-runtime";
-import { jsx as jsx3, jsxs } from "react/jsx-runtime";
-import { jsx as jsx4 } from "react/jsx-runtime";
-import { useEffect, useState as useState2 } from "react";
-import { createContext, useContext } from "react";
-import { jsx as jsx5 } from "react/jsx-runtime";
-import { jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
-import { useState as useState3 } from "react";
-import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
-import { useState as useState4, useCallback } from "react";
-import { jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
-import { useCallback as useCallback2 } from "react";
-import { jsx as jsx9 } from "react/jsx-runtime";
-import { useState as useState5, useCallback as useCallback3 } from "react";
-import { jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
-import { Fragment } from "react";
-import { jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
-import { Fragment as Fragment2, jsx as jsx12 } from "react/jsx-runtime";
-import { jsx as jsx13 } from "react/jsx-runtime";
-import { Fragment as Fragment3, jsx as jsx14, jsxs as jsxs7 } from "react/jsx-runtime";
-import { useState as useState6, useRef } from "react";
-import { Fragment as Fragment4, jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
-import { jsx as jsx16, jsxs as jsxs9 } from "react/jsx-runtime";
-import { jsx as jsx17, jsxs as jsxs10 } from "react/jsx-runtime";
-import { jsx as jsx18, jsxs as jsxs11 } from "react/jsx-runtime";
-import { useTerminalDimensions } from "@opentui/react";
-var UNDERLINE = 1 << 3;
-var UNDERLINE_DASHED = 1 << 4;
-var UNDERLINE_DOTTED = 1 << 6;
-var BOLD = 1 << 0;
-var DIM = 1 << 1;
-var ITALIC = 1 << 2;
-var UNDERLINE2 = 1 << 3;
-var INVERSE = 1 << 5;
-function Ascii({ text, font, color }) {
-  return /* @__PURE__ */ jsx4("ascii-font", { text, font, style: { fg: color } });
-}
-var darkTheme = {
-  primary: "#FF71CE",
-  accent: "#01CDFE",
-  secondary: "#B967FF",
-  muted: "#7B6F8E",
-  border: "#B967FF",
-  text: "#F0E6FF",
-  success: "#05FFA1",
-  error: "#FF6B6B",
-  warning: "#FFC164"
-};
-var ThemeContext = createContext(null);
-function useTheme() {
-  return useContext(ThemeContext) ?? darkTheme;
-}
-var VARIANTS = {
-  dots: { frames: ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"], interval: 83 },
-  pulse: { frames: ["\xB7", "\u2219", "\u25CF", "\u2219", "\xB7", "\xB7", "\xB7"], interval: 180 },
-  meter: { frames: ["\u25B1\u25B1\u25B1", "\u25B0\u25B1\u25B1", "\u25B0\u25B0\u25B1", "\u25B0\u25B0\u25B0", "\u25B0\u25B0\u25B1", "\u25B0\u25B1\u25B1", "\u25B1\u25B1\u25B1"], interval: 143 },
-  bloom: { frames: ["\xB7", "\u2726", "\u2727", "\u2739", "\u273A", "\u274B", "\u2738", "\u2735", "\u2738", "\u274B", "\u273A", "\u2739", "\u2727", "\u2726", "\xB7", "\xB7"], interval: 100 },
-  ellipsis: { frames: ["   ", ".  ", ".. ", "..."], interval: 333 }
-};
-var VARIANT_NAMES = Object.keys(VARIANTS);
-function Spinner({ variant = "dots", text, color }) {
-  const theme = useTheme();
-  const resolvedColor = color ?? theme.accent;
-  const { frames, interval } = VARIANTS[variant];
-  const [frame, setFrame] = useState2(0);
-  useEffect(() => {
-    setFrame(0);
-    const timer = setInterval(() => {
-      setFrame((prev) => (prev + 1) % frames.length);
-    }, interval);
-    return () => clearInterval(timer);
-  }, [variant]);
-  return /* @__PURE__ */ jsxs2("text", { children: [
-    /* @__PURE__ */ jsx6("span", { style: { fg: resolvedColor }, children: frames[frame] }),
-    text ? /* @__PURE__ */ jsxs2("span", { children: [
-      " ",
-      text
-    ] }) : null
-  ] });
-}
-function TextInput({
-  value: controlledValue,
-  onChange,
-  onSubmit,
-  placeholder = "",
-  prompt = "> ",
-  promptColor,
-  focus = true,
-  maxLength
-}) {
-  const theme = useTheme();
-  const resolvedPromptColor = promptColor ?? theme.accent;
-  const [internalValue, setInternalValue] = useState4("");
-  const isControlled = controlledValue !== void 0;
-  const displayValue = isControlled ? controlledValue : internalValue;
-  const handleInput = useCallback(
-    (newValue) => {
-      if (!isControlled) setInternalValue(newValue);
-      onChange?.(newValue);
-    },
-    [isControlled, onChange]
-  );
-  const handleSubmit = useCallback(
-    (value) => {
-      onSubmit?.(value);
-      if (!isControlled) setInternalValue("");
-    },
-    [isControlled, onSubmit]
-  );
-  return /* @__PURE__ */ jsxs4("box", { children: [
-    prompt && /* @__PURE__ */ jsx8("text", { style: { fg: resolvedPromptColor }, children: prompt }),
-    /* @__PURE__ */ jsx8(
-      "input",
-      {
-        value: displayValue,
-        placeholder,
-        maxLength,
-        focused: focus,
-        onInput: handleInput,
-        onSubmit: handleSubmit
-      }
-    )
-  ] });
-}
-function SelectInput({
-  items: items2 = [],
-  focus = true,
-  initialIndex = 0,
-  limit,
-  onSelect,
-  onHighlight,
-  textColor,
-  selectedTextColor,
-  focusedTextColor,
-  backgroundColor,
-  selectedBackgroundColor,
-  focusedBackgroundColor
-}) {
-  const theme = useTheme();
-  const resolvedTextColor = textColor ?? theme.text;
-  const resolvedSelectedTextColor = selectedTextColor ?? theme.primary;
-  const resolvedFocusedTextColor = focusedTextColor ?? theme.primary;
-  const options = items2.map((item) => ({
-    name: item.label,
-    value: item.value
-  }));
-  const handleSelect = useCallback2(
-    (index) => {
-      const item = items2[index];
-      if (item) onSelect?.(item);
-    },
-    [items2, onSelect]
-  );
-  const handleChange = useCallback2(
-    (index) => {
-      const item = items2[index];
-      if (item) onHighlight?.(item);
-    },
-    [items2, onHighlight]
-  );
-  return /* @__PURE__ */ jsx9(
-    "select",
-    {
-      options,
-      selectedIndex: initialIndex,
-      focused: focus,
-      wrapSelection: true,
-      onChange: handleChange,
-      onSelect: handleSelect,
-      height: limit ?? items2.length,
-      showDescription: false,
-      textColor: resolvedTextColor,
-      selectedTextColor: resolvedSelectedTextColor,
-      focusedTextColor: resolvedFocusedTextColor,
-      backgroundColor: backgroundColor ?? "transparent",
-      selectedBackgroundColor: selectedBackgroundColor ?? "transparent",
-      focusedBackgroundColor: focusedBackgroundColor ?? "transparent"
-    }
-  );
-}
-
-// src/components/confirm.tsx
-import { jsx as jsx19 } from "react/jsx-runtime";
-var items = [
-  { label: "Yes", value: true },
-  { label: "No", value: false }
-];
-function Confirm({ onConfirm, defaultValue = true, focus = true }) {
-  return /* @__PURE__ */ jsx19(
-    SelectInput,
-    {
-      items,
-      initialIndex: defaultValue ? 0 : 1,
-      onSelect: (item) => onConfirm(item.value),
-      focus
-    }
-  );
-}
-
-// src/components/step.tsx
-import { jsx as jsx20, jsxs as jsxs12 } from "react/jsx-runtime";
-function Step({ label, active, completed, children }) {
-  if (!active && !completed) return null;
-  return /* @__PURE__ */ jsxs12("box", { flexDirection: "column", marginBottom: 1, children: [
-    /* @__PURE__ */ jsxs12("text", { fg: completed ? "#a3be8c" : "#88c0d0", children: [
-      completed ? "\u2713" : "\u203A",
-      " ",
-      label
-    ] }),
-    active && /* @__PURE__ */ jsx20("box", { marginLeft: 2, children })
-  ] });
-}
-
-// src/app.tsx
-import { jsx as jsx21, jsxs as jsxs13 } from "react/jsx-runtime";
-var frameworkItems = [
-  { label: "Vite", value: "vite" },
-  { label: "Next.js", value: "next" }
-];
-function CreateGridlandApp({ initialName, onComplete }) {
-  const [step, setStep] = useState7(initialName ? "framework" : "name");
-  const [nameInput, setNameInput] = useState7(initialName ?? "");
-  const [framework, setFramework] = useState7(null);
-  const [installDeps, setInstallDeps] = useState7(null);
-  const [error, setError] = useState7(null);
-  const resolvedName = nameInput || DEFAULT_NAME;
-  const handleNameSubmit = (value) => {
-    const name = value || DEFAULT_NAME;
-    const validation = validateProjectName(name);
-    if (!validation.valid) {
-      setError(validation.message);
-      return;
-    }
-    setError(null);
-    setStep("framework");
-  };
-  const handleFrameworkSelect = (item) => {
-    setFramework(item.value);
-    setStep("install");
-  };
-  const handleInstallConfirm = (value) => {
-    setInstallDeps(value);
-    setStep("git");
-  };
-  const handleGitConfirm = (value) => {
-    setStep("done");
-    onComplete({
-      projectName: resolvedName,
-      framework,
-      installDeps,
-      initGit: value
-    });
-  };
-  return /* @__PURE__ */ jsxs13("box", { flexDirection: "column", padding: 1, children: [
-    /* @__PURE__ */ jsx21(Ascii, { text: "GRIDLAND", font: "tiny", color: "#88c0d0" }),
-    /* @__PURE__ */ jsx21("box", { marginBottom: 1, children: /* @__PURE__ */ jsx21("text", { fg: "#81a1c1", children: "Create a new Gridland project" }) }),
-    /* @__PURE__ */ jsx21(
-      Step,
-      {
-        label: step === "name" ? "Project name" : `Project name: ${resolvedName}`,
-        active: step === "name",
-        completed: step !== "name",
-        children: /* @__PURE__ */ jsxs13("box", { flexDirection: "column", children: [
-          /* @__PURE__ */ jsx21(
-            TextInput,
-            {
-              value: nameInput,
-              onChange: setNameInput,
-              onSubmit: handleNameSubmit,
-              placeholder: DEFAULT_NAME,
-              focus: step === "name"
-            }
-          ),
-          error && /* @__PURE__ */ jsx21("text", { fg: "#bf616a", children: error })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ jsx21(Step, { label: "Framework", active: step === "framework", completed: !!framework, children: /* @__PURE__ */ jsx21(
-      SelectInput,
-      {
-        items: frameworkItems,
-        onSelect: handleFrameworkSelect,
-        focus: step === "framework"
-      }
-    ) }),
-    /* @__PURE__ */ jsx21(Step, { label: "Install dependencies?", active: step === "install", completed: installDeps !== null, children: /* @__PURE__ */ jsx21(
-      Confirm,
-      {
-        onConfirm: handleInstallConfirm,
-        focus: step === "install"
-      }
-    ) }),
-    /* @__PURE__ */ jsx21(Step, { label: "Initialize git repository?", active: step === "git", completed: step === "done", children: /* @__PURE__ */ jsx21(
-      Confirm,
-      {
-        onConfirm: handleGitConfirm,
-        focus: step === "git"
-      }
-    ) }),
-    step === "done" && /* @__PURE__ */ jsx21("box", { marginTop: 1, children: /* @__PURE__ */ jsx21(Spinner, { variant: "dots", text: "Scaffolding project..." }) })
-  ] });
-}
-export {
-  CreateGridlandApp
-};