procedure-cli 0.1.13 → 0.1.14

package/src/steps/powerline.tsx

@@ -1,254 +0,0 @@
-import React, { useState } from "react";
-import { Text, useInput } from "ink";
-import { ConfirmInput, Spinner } from "@inkjs/ui";
-import { GutterLine } from "../components/gutter-line.js";
-import { setupPowerline } from "../lib/powerline.js";
-import { initGit } from "../lib/git.js";
-import { scaffoldRelease, ensurePackageJsonReleaseScripts } from "../lib/template.js";
-import type { WizardAnswers } from "../lib/types.js";
-import { C } from "../theme.js";
-
-interface Props {
-  answers: WizardAnswers;
-  onComplete: (answers: Partial<WizardAnswers>) => void;
-}
-
-type Phase =
-  | "ask-powerline"
-  | "ask-git"
-  | "ask-release"
-  | "running"
-  | "done"
-  | "error";
-
-interface SetupResult {
-  gitCommitted?: boolean;
-  gitWarning?: string;
-  releaseCreated?: boolean;
-  releaseSkipped?: boolean;
-  pkgModified?: boolean;
-  pkgCreated?: boolean;
-}
-
-export default function Powerline({ answers, onComplete }: Props) {
-  const [phase, setPhase] = useState<Phase>("ask-powerline");
-  const [wantPowerline, setWantPowerline] = useState(false);
-  const [wantGit, setWantGit] = useState(false);
-  const [wantRelease, setWantRelease] = useState(false);
-  const [errorMsg, setErrorMsg] = useState("");
-  const [setupResult, setSetupResult] = useState<SetupResult>({});
-
-  useInput(
-    (input, key) => {
-      if (key.shift && key.tab) {
-        if (phase === "ask-git") setPhase("ask-powerline");
-        else if (phase === "ask-release") setPhase("ask-git");
-      }
-    },
-    { isActive: phase === "ask-git" || phase === "ask-release" }
-  );
-
-  function runSetup(powerline: boolean, git: boolean, release: boolean) {
-    setPhase("running");
-    try {
-      const targetDir = process.cwd();
-      const projectName = answers.projectName || "untitled";
-      const result: SetupResult = {};
-
-      if (powerline) setupPowerline(targetDir);
-
-      if (git) {
-        const gitResult = initGit(targetDir);
-        result.gitCommitted = gitResult.committed;
-        result.gitWarning = gitResult.committed ? undefined : gitResult.reason;
-      }
-
-      if (release) {
-        const releaseRes = scaffoldRelease(projectName, answers);
-        const pkgRes = ensurePackageJsonReleaseScripts(targetDir, projectName);
-        result.releaseCreated = !releaseRes.skipped;
-        result.releaseSkipped = releaseRes.skipped;
-        result.pkgModified = pkgRes.modified;
-        result.pkgCreated = pkgRes.created;
-      }
-
-      setSetupResult(result);
-      setPhase("done");
-      setTimeout(() => onComplete({ setupPowerline: powerline, setupGit: git, setupRelease: release }), 1000);
-    } catch (err) {
-      setPhase("error");
-      setErrorMsg(err instanceof Error ? err.message : String(err));
-    }
-  }
-
-  // ── Ask: Powerline ──────────────────────────────────────────────────────────
-  if (phase === "ask-powerline") {
-    return (
-      <>
-        <GutterLine>
-          <Text bold>Claude Powerline</Text>
-        </GutterLine>
-        <GutterLine>
-          <Text color={C.overlay1}>Adds a live status bar to Claude Code showing: git branch,</Text>
-        </GutterLine>
-        <GutterLine>
-          <Text color={C.overlay1}>context usage %, session cost, and active tools.</Text>
-        </GutterLine>
-        <GutterLine>
-          <Text color={C.overlay1}>Runs via npx on each session — no global install needed.</Text>
-        </GutterLine>
-        <GutterLine>
-          <Text> </Text>
-        </GutterLine>
-        <GutterLine>
-          <Text bold>Set up Powerline? </Text>
-          <ConfirmInput
-            onConfirm={() => { setWantPowerline(true); setPhase("ask-git"); }}
-            onCancel={() => { setWantPowerline(false); setPhase("ask-git"); }}
-          />
-        </GutterLine>
-      </>
-    );
-  }
-
-  // ── Ask: Git ────────────────────────────────────────────────────────────────
-  if (phase === "ask-git") {
-    return (
-      <>
-        {wantPowerline && (
-          <GutterLine>
-            <Text color={C.overlay1}>Powerline: yes</Text>
-          </GutterLine>
-        )}
-        <GutterLine>
-          <Text bold>Git repository</Text>
-        </GutterLine>
-        <GutterLine>
-          <Text color={C.overlay1}>Runs git init and makes an initial commit with the generated</Text>
-        </GutterLine>
-        <GutterLine>
-          <Text color={C.overlay1}>files — clean starting point for your project history.</Text>
-        </GutterLine>
-        <GutterLine>
-          <Text> </Text>
-        </GutterLine>
-        <GutterLine>
-          <Text bold>Initialize git repo? </Text>
-          <ConfirmInput
-            onConfirm={() => { setWantGit(true); setPhase("ask-release"); }}
-            onCancel={() => { setWantGit(false); setPhase("ask-release"); }}
-          />
-        </GutterLine>
-        <GutterLine>
-          <Text color={C.overlay1}>{"Shift+Tab prev  y/n answer"}</Text>
-        </GutterLine>
-      </>
-    );
-  }
-
-  // ── Ask: Release scripts ────────────────────────────────────────────────────
-  if (phase === "ask-release") {
-    const projectName = answers.projectName || "untitled";
-    return (
-      <>
-        {wantPowerline && (
-          <GutterLine>
-            <Text color={C.overlay1}>Powerline: yes</Text>
-          </GutterLine>
-        )}
-        {wantGit && (
-          <GutterLine>
-            <Text color={C.overlay1}>Git: yes</Text>
-          </GutterLine>
-        )}
-        <GutterLine>
-          <Text bold>npm release scripts</Text>
-        </GutterLine>
-        <GutterLine>
-          <Text color={C.overlay1}>Creates ~/bin/{projectName}-release and adds release:patch /</Text>
-        </GutterLine>
-        <GutterLine>
-          <Text color={C.overlay1}>minor / major scripts to package.json. One command to build,</Text>
-        </GutterLine>
-        <GutterLine>
-          <Text color={C.overlay1}>version-bump, push tags, and publish to npm.</Text>
-        </GutterLine>
-        <GutterLine>
-          <Text color={C.overlay1}>Requires: npm login. Best for packages published to npm.</Text>
-        </GutterLine>
-        <GutterLine>
-          <Text> </Text>
-        </GutterLine>
-        <GutterLine>
-          <Text bold>Set up release scripts? </Text>
-          <ConfirmInput
-            onConfirm={() => { setWantRelease(true); runSetup(wantPowerline, wantGit, true); }}
-            onCancel={() => { setWantRelease(false); runSetup(wantPowerline, wantGit, false); }}
-          />
-        </GutterLine>
-        <GutterLine>
-          <Text color={C.overlay1}>{"Shift+Tab prev  y/n answer"}</Text>
-        </GutterLine>
-      </>
-    );
-  }
-
-  // ── Running ─────────────────────────────────────────────────────────────────
-  if (phase === "running") {
-    return (
-      <GutterLine>
-        <Spinner label="Running setup tasks..." />
-      </GutterLine>
-    );
-  }
-
-  // ── Error ───────────────────────────────────────────────────────────────────
-  if (phase === "error") {
-    return (
-      <GutterLine>
-        <Text color={C.red}>Setup error: {errorMsg}</Text>
-      </GutterLine>
-    );
-  }
-
-  // ── Done ────────────────────────────────────────────────────────────────────
-  return (
-    <>
-      {wantPowerline && (
-        <GutterLine>
-          <Text color={C.green}>Powerline configured.</Text>
-        </GutterLine>
-      )}
-      {wantGit && setupResult.gitCommitted && (
-        <GutterLine>
-          <Text color={C.green}>Git repository initialized.</Text>
-        </GutterLine>
-      )}
-      {wantGit && !setupResult.gitCommitted && setupResult.gitWarning && (
-        <GutterLine>
-          <Text color={C.peach}>{"⚠ Git: "}{setupResult.gitWarning}</Text>
-        </GutterLine>
-      )}
-      {wantRelease && setupResult.releaseCreated && (
-        <GutterLine>
-          <Text color={C.green}>
-            Release script created.{setupResult.pkgModified ? " package.json updated." : setupResult.pkgCreated ? " package.json created." : ""}
-          </Text>
-        </GutterLine>
-      )}
-      {wantRelease && setupResult.releaseSkipped && (
-        <GutterLine>
-          <Text color={C.overlay1}>Release script already exists — skipped.</Text>
-        </GutterLine>
-      )}
-      {!wantPowerline && !wantGit && !wantRelease && (
-        <GutterLine>
-          <Text color={C.overlay1}>No extras configured.</Text>
-        </GutterLine>
-      )}
-      <GutterLine>
-        <Text color={C.green} bold>Setup complete!</Text>
-      </GutterLine>
-    </>
-  );
-}

package/src/steps/product-context.tsx

@@ -1,269 +0,0 @@
-import React, { useState, useEffect } from "react";
-import { Text, useInput } from "ink";
-import { TextInput } from "@inkjs/ui";
-import { GutterLine } from "../components/gutter-line.js";
-import { GutteredMultiSelect } from "../components/guttered-select.js";
-import type { WizardAnswers } from "../lib/types.js";
-import { C } from "../theme.js";
-
-interface Props {
-  initialValues?: Partial<WizardAnswers>;
-  onComplete: (answers: Partial<WizardAnswers>) => void;
-}
-
-type Phase = "problem" | "users" | "techStack" | "coreFeatures" | "nonGoals";
-
-const CORE_FEATURE_OPTIONS = [
-  { label: "Authentication", value: "Authentication", description: "Login, signup, sessions" },
-  { label: "Authorization", value: "Authorization", description: "Roles, permissions, RBAC" },
-  { label: "API / REST", value: "API / REST", description: "RESTful endpoints" },
-  { label: "GraphQL API", value: "GraphQL API", description: "GraphQL schema & resolvers" },
-  { label: "Dashboard", value: "Dashboard", description: "Admin or user dashboard" },
-  { label: "CRUD Operations", value: "CRUD Operations", description: "Create, read, update, delete" },
-  { label: "File Upload", value: "File Upload", description: "Upload and manage files" },
-  { label: "Search", value: "Search", description: "Full-text or filtered search" },
-  { label: "Notifications", value: "Notifications", description: "Email, push, in-app" },
-  { label: "Payments", value: "Payments", description: "Billing, subscriptions, checkout" },
-  { label: "Real-time", value: "Real-time", description: "WebSockets, live updates" },
-  { label: "Analytics", value: "Analytics", description: "Usage tracking, metrics" },
-  { label: "CLI", value: "CLI", description: "Command-line interface" },
-  { label: "CI/CD", value: "CI/CD", description: "Continuous integration & deployment" },
-];
-
-const TECH_STACK_OPTIONS = [
-  { label: "React", value: "React", description: "UI component library" },
-  { label: "Next.js", value: "Next.js", description: "Full-stack React framework" },
-  { label: "Vue", value: "Vue", description: "Progressive UI framework" },
-  { label: "Svelte", value: "Svelte", description: "Compile-time UI framework" },
-  { label: "Node.js", value: "Node.js", description: "Server-side JavaScript runtime" },
-  { label: "Express", value: "Express", description: "Minimal Node.js web framework" },
-  { label: "Fastify", value: "Fastify", description: "High-performance Node.js framework" },
-  { label: "PostgreSQL", value: "PostgreSQL", description: "Relational database" },
-  { label: "MongoDB", value: "MongoDB", description: "Document database" },
-  { label: "Redis", value: "Redis", description: "In-memory data store / cache" },
-  { label: "Supabase", value: "Supabase", description: "Open-source Firebase alternative" },
-  { label: "Prisma", value: "Prisma", description: "TypeScript ORM" },
-  { label: "Docker", value: "Docker", description: "Container platform" },
-  { label: "Tailwind CSS", value: "Tailwind CSS", description: "Utility-first CSS framework" },
-  { label: "TypeScript", value: "TypeScript", description: "Typed JavaScript superset" },
-  { label: "Python", value: "Python", description: "General-purpose language" },
-  { label: "Go", value: "Go", description: "Systems programming language" },
-  { label: "Rust", value: "Rust", description: "Memory-safe systems language" },
-];
-
-const PHASE_ORDER: Phase[] = ["problem", "users", "techStack", "coreFeatures", "nonGoals"];
-
-export default function ProductContext({ initialValues, onComplete }: Props) {
-  const [phaseIndex, setPhaseIndex] = useState(0);
-  const [answers, setAnswers] = useState<Record<string, string>>({});
-  const [error, setError] = useState("");
-  const [liveInput, setLiveInput] = useState("");
-
-  // Prefill tech stack from Stack & Style selections (language + framework)
-  const prefillTechStack: string[] = [];
-  if (initialValues?.language) {
-    const match = TECH_STACK_OPTIONS.find(
-      (o) => o.value.toLowerCase() === initialValues.language!.toLowerCase()
-    );
-    if (match) prefillTechStack.push(match.value);
-  }
-  if (initialValues?.framework) {
-    const match = TECH_STACK_OPTIONS.find(
-      (o) => o.value.toLowerCase() === initialValues.framework!.toLowerCase()
-    );
-    if (match) prefillTechStack.push(match.value);
-  }
-
-  const currentPhase = PHASE_ORDER[phaseIndex]!;
-  const isFirst = phaseIndex === 0;
-  const isLast = phaseIndex === PHASE_ORDER.length - 1;
-
-  // Reset live input when navigating to a different field
-  useEffect(() => {
-    setLiveInput("");
-  }, [phaseIndex]);
-
-  const isMultiSelectPhase = currentPhase === "techStack" || currentPhase === "coreFeatures";
-
-  useInput((input, key) => {
-    if (key.shift && key.tab && phaseIndex > 0) {
-      setPhaseIndex((i) => i - 1);
-      setError("");
-    } else if (key.tab && !key.shift && !isMultiSelectPhase) {
-      // Tab only advances text phases — multi-select phases use Enter to confirm
-      const required = currentPhase === "problem" || currentPhase === "users";
-      const val = liveInput.trim() || answers[currentPhase] || "";
-      if (required && !val) {
-        setError("This field is required");
-        return;
-      }
-      setError("");
-      const next = { ...answers, [currentPhase]: val };
-      setAnswers(next);
-      if (phaseIndex < PHASE_ORDER.length - 1) {
-        setPhaseIndex((i) => i + 1);
-      } else {
-        finalize(next);
-      }
-    }
-  });
-
-  function finalize(data: Record<string, string>) {
-    onComplete({
-      problem: data.problem,
-      users: data.users,
-      techStack: data.techStack,
-      coreFeatures: (data.coreFeatures || "")
-        .split(",")
-        .map((s) => s.trim())
-        .filter(Boolean),
-      nonGoals: (data.nonGoals || "")
-        .split(",")
-        .map((s) => s.trim())
-        .filter(Boolean),
-      userStories: [],
-      envVars: [],
-    });
-  }
-
-  function advanceToNext(key: string, value: string) {
-    const next = { ...answers, [key]: value };
-    setAnswers(next);
-    setError("");
-
-    if (phaseIndex < PHASE_ORDER.length - 1) {
-      setPhaseIndex(phaseIndex + 1);
-    } else {
-      finalize(next);
-    }
-  }
-
-  function handleTextSubmit(key: string, required: boolean) {
-    return (value: string) => {
-      const val = value.trim();
-      if (required && !val) {
-        setError("This field is required");
-        return;
-      }
-      advanceToNext(key, val);
-    };
-  }
-
-  function handleTechStackSubmit(values: string[]) {
-    advanceToNext("techStack", values.join(", "));
-  }
-
-  function handleCoreFeaturesSubmit(values: string[]) {
-    advanceToNext("coreFeatures", values.join(", "));
-  }
-
-  // Build completed fields display
-  const completedFields = PHASE_ORDER.slice(0, phaseIndex).map((key) => (
-    <GutterLine key={key}>
-      <Text color={C.overlay1}>
-        {key === "problem" && `Problem: ${answers[key]}`}
-        {key === "users" && `Users: ${answers[key]}`}
-        {key === "techStack" && `Tech stack: ${answers[key]}`}
-        {key === "coreFeatures" && `Core features: ${answers[key]}`}
-        {key === "nonGoals" && `Non-goals: ${answers[key]}`}
-      </Text>
-    </GutterLine>
-  ));
-
-  const usersPlaceholder = answers["problem"]
-    ? `People affected by: ${answers["problem"]}`
-    : "e.g. Developers, PMs, designers...";
-
-  return (
-    <>
-      {completedFields}
-
-      {currentPhase === "problem" && (
-        <>
-          <GutterLine>
-            <Text bold>What problem does this solve? </Text>
-            <TextInput
-              placeholder="Describe the core problem..."
-              onChange={setLiveInput}
-              onSubmit={handleTextSubmit("problem", true)}
-            />
-          </GutterLine>
-          <GutterLine>
-            <Text color={C.overlay1}>{"Tab next  Enter confirm"}</Text>
-          </GutterLine>
-        </>
-      )}
-
-      {currentPhase === "users" && (
-        <>
-          <GutterLine>
-            <Text bold>Who are the users? </Text>
-            <TextInput
-              placeholder={usersPlaceholder}
-              onChange={setLiveInput}
-              onSubmit={handleTextSubmit("users", true)}
-            />
-          </GutterLine>
-          <GutterLine>
-            <Text color={C.overlay1}>{"Shift+Tab prev  Tab next  Enter confirm"}</Text>
-          </GutterLine>
-        </>
-      )}
-
-      {currentPhase === "techStack" && (
-        <>
-          <GutterLine>
-            <Text bold>Tech stack:</Text>
-          </GutterLine>
-          <GutteredMultiSelect
-            options={TECH_STACK_OPTIONS}
-            initialSelected={prefillTechStack}
-            onSubmit={handleTechStackSubmit}
-          />
-          <GutterLine>
-            <Text color={C.overlay1}>{"Shift+Tab prev  ↑↓ move  Space toggle  Enter confirm"}</Text>
-          </GutterLine>
-        </>
-      )}
-
-      {currentPhase === "coreFeatures" && (
-        <>
-          <GutterLine>
-            <Text bold>Core features:</Text>
-          </GutterLine>
-          <GutteredMultiSelect
-            options={CORE_FEATURE_OPTIONS}
-            onSubmit={handleCoreFeaturesSubmit}
-            allowCustom
-            customPlaceholder="e.g. Export PDF, Onboarding flow..."
-          />
-          <GutterLine>
-            <Text color={C.overlay1}>{"Shift+Tab prev  ↑↓ move  Space toggle  Enter confirm"}</Text>
-          </GutterLine>
-        </>
-      )}
-
-      {currentPhase === "nonGoals" && (
-        <>
-          <GutterLine>
-            <Text bold>Non-goals (comma-separated): </Text>
-            <TextInput
-              placeholder="e.g. Mobile app, Real-time sync..."
-              onChange={setLiveInput}
-              onSubmit={handleTextSubmit("nonGoals", false)}
-            />
-          </GutterLine>
-          <GutterLine>
-            <Text color={C.overlay1}>{"Shift+Tab prev  Tab / Enter confirm"}</Text>
-          </GutterLine>
-        </>
-      )}
-
-      {error && (
-        <GutterLine>
-          <Text color={C.red}>{error}</Text>
-        </GutterLine>
-      )}
-    </>
-  );
-}