create-gridland 0.2.0

package/dist/app-BRWRSR5Q.js

@@ -0,0 +1,317 @@
+#!/usr/bin/env node
+import {
+  DEFAULT_NAME,
+  validateProjectName
+} from "./chunk-HO6BR4JK.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
+};

package/dist/chunk-HO6BR4JK.js

@@ -0,0 +1,74 @@
+#!/usr/bin/env node
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined") return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+var __commonJS = (cb, mod) => function __require2() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  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 {
+  __require,
+  __commonJS,
+  __toESM,
+  DEFAULT_NAME,
+  validateProjectName,
+  checkDirectory,
+  resolveTargetDir
+};