@nebulord/sickbay 0.1.0

package/dist/FixApp-RJPCWNXJ.js

@@ -0,0 +1,344 @@
+import {
+  ProgressList
+} from "./chunk-D24FSOW4.js";
+import {
+  Header
+} from "./chunk-BIK4EL4H.js";
+import {
+  shortName
+} from "./chunk-BUD5BE6U.js";
+
+// src/components/FixApp.tsx
+import React, { useState, useEffect, useCallback } from "react";
+import { Box, Text, useApp, useInput } from "ink";
+import Spinner from "ink-spinner";
+import { runSickbay } from "@nebulord/sickbay-core";
+
+// src/commands/fix.ts
+import { execFile } from "child_process";
+import { promisify } from "util";
+var execFileAsync = promisify(execFile);
+function collectFixableIssues(report) {
+  const seen = /* @__PURE__ */ new Set();
+  const fixable = [];
+  for (const check of report.checks) {
+    for (const issue of check.issues) {
+      if (issue.fix) {
+        const dedupeKey = issue.fix.command ?? issue.fix.description;
+        if (!seen.has(dedupeKey)) {
+          seen.add(dedupeKey);
+          fixable.push({
+            issue,
+            checkId: check.id,
+            checkName: check.name,
+            command: issue.fix.command
+          });
+        }
+      }
+    }
+  }
+  const order = { critical: 0, warning: 1, info: 2 };
+  fixable.sort((a, b) => order[a.issue.severity] - order[b.issue.severity]);
+  return fixable;
+}
+async function executeFix(fix, projectPath) {
+  const start = Date.now();
+  if (!fix.command) {
+    return {
+      fixable: fix,
+      success: false,
+      stdout: "",
+      stderr: "No command to execute (guidance-only fix)",
+      duration: 0
+    };
+  }
+  try {
+    const parts = fix.command.split(/\s+/);
+    const cmd = parts[0];
+    const args = parts.slice(1);
+    const { stdout, stderr } = await execFileAsync(cmd, args, {
+      cwd: projectPath,
+      timeout: 6e4,
+      shell: true
+    });
+    return {
+      fixable: fix,
+      success: true,
+      stdout: stdout ?? "",
+      stderr: stderr ?? "",
+      duration: Date.now() - start
+    };
+  } catch (err) {
+    return {
+      fixable: fix,
+      success: false,
+      stdout: "",
+      stderr: err instanceof Error ? err.message : String(err),
+      duration: Date.now() - start
+    };
+  }
+}
+
+// src/components/FixApp.tsx
+var SEVERITY_COLOR = {
+  critical: "red",
+  warning: "yellow",
+  info: "gray"
+};
+function FixApp({
+  projectPath,
+  checks,
+  applyAll,
+  dryRun,
+  verbose,
+  isMonorepo,
+  packagePaths,
+  packageNames
+}) {
+  const { exit } = useApp();
+  const [phase, setPhase] = useState("scanning");
+  const [fixableIssues, setFixableIssues] = useState(
+    []
+  );
+  const [selected, setSelected] = useState(/* @__PURE__ */ new Set());
+  const [cursor, setCursor] = useState(0);
+  const [results, setResults] = useState([]);
+  const [currentFixIndex, setCurrentFixIndex] = useState(0);
+  const [error, setError] = useState(null);
+  const [progress, setProgress] = useState([]);
+  const [projectName, setProjectName] = useState();
+  const [confirmQueue, setConfirmQueue] = useState([]);
+  const [confirmIndex, setConfirmIndex] = useState(0);
+  const [confirmedFixes, setConfirmedFixes] = useState([]);
+  useEffect(() => {
+    if (isMonorepo && packagePaths && packageNames) {
+      const pkgItems = packagePaths.map((p) => ({
+        name: shortName(packageNames.get(p) ?? p),
+        status: "pending"
+      }));
+      setProgress(pkgItems);
+      (async () => {
+        try {
+          const allFixable = [];
+          for (const pkgPath of packagePaths) {
+            const pkgName = packageNames.get(pkgPath) ?? pkgPath;
+            const display = shortName(pkgName);
+            setProgress(
+              (prev) => prev.map(
+                (p) => p.name === display ? { ...p, status: "running" } : p
+              )
+            );
+            const report = await runSickbay({
+              projectPath: pkgPath,
+              checks,
+              verbose
+            });
+            const fixable = collectFixableIssues(report);
+            for (const fix of fixable) {
+              allFixable.push({
+                ...fix,
+                packageName: pkgName,
+                packagePath: pkgPath
+              });
+            }
+            setProgress(
+              (prev) => prev.map(
+                (p) => p.name === display ? { ...p, status: "done" } : p
+              )
+            );
+          }
+          setFixableIssues(allFixable);
+          const hasActionable = allFixable.some((f) => f.command);
+          if (!hasActionable) {
+            setPhase("done");
+          } else if (applyAll) {
+            setSelected(new Set(allFixable.map((_, i) => i)));
+            startConfirmation(allFixable, new Set(allFixable.map((_, i) => i)), true);
+          } else {
+            setPhase("selecting");
+          }
+        } catch (err) {
+          setError(err instanceof Error ? err.message : String(err));
+          setPhase("error");
+          setTimeout(() => exit(), 100);
+        }
+      })();
+    } else {
+      const initial = (checks ?? [
+        "knip",
+        "depcheck",
+        "npm-check-updates",
+        "npm-audit",
+        "madge",
+        "source-map-explorer",
+        "coverage",
+        "license-checker",
+        "jscpd",
+        "git",
+        "eslint",
+        "typescript",
+        "todo-scanner",
+        "complexity",
+        "secrets",
+        "heavy-deps",
+        "react-perf",
+        "asset-size"
+      ]).map((name) => ({ name, status: "pending" }));
+      setProgress(initial);
+      runSickbay({
+        projectPath,
+        checks,
+        verbose,
+        onCheckStart: (name) => {
+          setProgress(
+            (prev) => prev.map(
+              (p) => p.name === name ? { ...p, status: "running" } : p
+            )
+          );
+        },
+        onCheckComplete: (result) => {
+          setProgress(
+            (prev) => prev.map(
+              (p) => p.name === result.id ? { ...p, status: "done" } : p
+            )
+          );
+        }
+      }).then((r) => {
+        setProjectName(r.projectInfo.name);
+        const fixable = collectFixableIssues(r);
+        const tagged = fixable.map((f) => ({
+          ...f,
+          packageName: r.projectInfo.name,
+          packagePath: projectPath
+        }));
+        setFixableIssues(tagged);
+        const hasActionable = tagged.some((f) => f.command);
+        if (!hasActionable) {
+          setPhase("done");
+        } else if (applyAll) {
+          setSelected(new Set(fixable.map((_, i) => i)));
+          startConfirmation(tagged, new Set(fixable.map((_, i) => i)), true);
+        } else {
+          setPhase("selecting");
+        }
+      }).catch((err) => {
+        setError(err instanceof Error ? err.message : String(err));
+        setPhase("error");
+        setTimeout(() => exit(), 100);
+      });
+    }
+  }, []);
+  function startConfirmation(issues, selectedSet, isApplyAll) {
+    const actionable = issues.filter((f, i) => selectedSet.has(i) && f.command);
+    if (isApplyAll) {
+      const tier2 = actionable.filter((f) => f.issue.fix?.modifiesSource);
+      const autoApproved = actionable.filter((f) => !f.issue.fix?.modifiesSource);
+      if (tier2.length === 0) {
+        setConfirmedFixes(autoApproved);
+        setPhase("fixing");
+        return;
+      }
+      setConfirmedFixes(autoApproved);
+      setConfirmQueue(tier2);
+    } else {
+      setConfirmedFixes([]);
+      setConfirmQueue(actionable);
+    }
+    setConfirmIndex(0);
+    if (actionable.length === 0) {
+      setPhase("done");
+      setTimeout(() => exit(), 100);
+      return;
+    }
+    setPhase("confirming");
+  }
+  useEffect(() => {
+    if (phase !== "fixing") return;
+    const toFix = confirmedFixes;
+    if (toFix.length === 0) {
+      setPhase("done");
+      setTimeout(() => exit(), 100);
+      return;
+    }
+    (async () => {
+      const fixResults = [];
+      for (let i = 0; i < toFix.length; i++) {
+        setCurrentFixIndex(i);
+        if (dryRun) {
+          fixResults.push({
+            fixable: toFix[i],
+            success: true,
+            stdout: "(dry run)",
+            stderr: "",
+            duration: 0
+          });
+        } else {
+          const result = await executeFix(toFix[i], toFix[i].packagePath);
+          fixResults.push(result);
+        }
+        setResults([...fixResults]);
+      }
+      setPhase("done");
+      setTimeout(() => exit(), 100);
+    })();
+  }, [phase]);
+  const handleInput = useCallback(
+    (input, key) => {
+      if (phase === "selecting") {
+        const actionable = fixableIssues.filter((f) => f.command);
+        if (key.upArrow) {
+          setCursor((c) => Math.max(0, c - 1));
+        } else if (key.downArrow) {
+          setCursor((c) => Math.min(actionable.length - 1, c + 1));
+        } else if (input === " ") {
+          setSelected((prev) => {
+            const next = new Set(prev);
+            if (next.has(cursor)) {
+              next.delete(cursor);
+            } else {
+              next.add(cursor);
+            }
+            return next;
+          });
+        } else if (input === "a") {
+          setSelected(new Set(actionable.map((_, i) => i)));
+        } else if (input === "n") {
+          setSelected(/* @__PURE__ */ new Set());
+        } else if (key.return) {
+          if (selected.size > 0) {
+            const selectedIssues = actionable.filter((_, i) => selected.has(i));
+            startConfirmation(selectedIssues, new Set(selectedIssues.map((_, i) => i)), false);
+          }
+        }
+      } else if (phase === "confirming") {
+        const lower = input.toLowerCase();
+        if (lower === "y" || key.return) {
+          setConfirmedFixes((prev) => [...prev, confirmQueue[confirmIndex]]);
+          if (confirmIndex + 1 < confirmQueue.length) {
+            setConfirmIndex((i) => i + 1);
+          } else {
+            setPhase("fixing");
+          }
+        } else if (lower === "n") {
+          if (confirmIndex + 1 < confirmQueue.length) {
+            setConfirmIndex((i) => i + 1);
+          } else {
+            setPhase("fixing");
+          }
+        }
+      }
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [phase, cursor, selected, confirmIndex, confirmQueue, fixableIssues]
+  );
+  useInput(handleInput);
+  const currentConfirmFix = confirmQueue[confirmIndex];
+  const isTier2 = currentConfirmFix?.issue.fix?.modifiesSource;
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", padding: 1 }, /* @__PURE__ */ React.createElement(Header, { projectName }), phase === "scanning" && /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Scanning for fixable issues", isMonorepo ? ` across ${packagePaths?.length} packages` : "", "..."), /* @__PURE__ */ React.createElement(Box, { marginTop: 1, marginLeft: 2 }, /* @__PURE__ */ React.createElement(ProgressList, { items: progress }))), phase === "error" && /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: "red" }, "\u2717 Error: ", error)), phase === "selecting" && (() => {
+    const actionable = fixableIssues.filter((f) => f.command);
+    return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, /* @__PURE__ */ React.createElement(Box, { marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { color: "yellow" }, "\u26A0 "), /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Sickbay can make mistakes. Review each fix before applying \u2014 false positives exist and some commands modify your project.")), /* @__PURE__ */ React.createElement(Text, { bold: true }, "Select fixes to apply (", actionable.length, " available)"), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginTop: 1, marginLeft: 2 }, actionable.map((fix, i) => /* @__PURE__ */ React.createElement(Box, { key: `${fix.packageName}-${fix.checkId}-${fix.command}` }, /* @__PURE__ */ React.createElement(Text, { color: i === cursor ? "cyan" : void 0 }, i === cursor ? "\u276F " : "  "), /* @__PURE__ */ React.createElement(Text, { color: i === cursor ? "cyan" : void 0 }, selected.has(i) ? "[\u2713] " : "[ ] "), isMonorepo && /* @__PURE__ */ React.createElement(Text, { color: "magenta", dimColor: true }, "[", shortName(fix.packageName), "]", " "), /* @__PURE__ */ React.createElement(Text, { color: SEVERITY_COLOR[fix.issue.severity] }, fix.issue.fix.description), /* @__PURE__ */ React.createElement(Text, { dimColor: true }, " (", fix.command, ")")))), /* @__PURE__ */ React.createElement(Box, { marginTop: 1, marginLeft: 2 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "\u2191\u2193 navigate \xB7 space toggle \xB7 a all \xB7 n none \xB7 enter confirm", selected.size > 0 && ` (${selected.size} selected)`)), dryRun && /* @__PURE__ */ React.createElement(Box, { marginLeft: 2 }, /* @__PURE__ */ React.createElement(Text, { color: "yellow" }, "\u26A0 Dry run mode \u2014 no changes will be made")));
+  })(), phase === "confirming" && currentConfirmFix && /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, /* @__PURE__ */ React.createElement(Text, { bold: true }, "Confirming fixes (", confirmIndex + 1, "/", confirmQueue.length, ")"), /* @__PURE__ */ React.createElement(Box, { marginTop: 1, marginLeft: 2, flexDirection: "column" }, /* @__PURE__ */ React.createElement(Text, null, currentConfirmFix.issue.fix.description, " (", currentConfirmFix.command, ")"), isTier2 ? /* @__PURE__ */ React.createElement(Text, { color: "yellow" }, "\u26A0 This will modify source files. Proceed? (Y/n)") : /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "\u2192 Proceed? (Y/n)"))), phase === "fixing" && !dryRun && /* @__PURE__ */ React.createElement(Box, { marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { color: "yellow" }, "\u26A0 "), /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Sickbay can make mistakes \u2014 verify results afterwards and revert anything that looks wrong.")), phase === "fixing" && /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, /* @__PURE__ */ React.createElement(Text, { bold: true }, dryRun ? "Dry run" : "Applying fixes", "... (", results.length, "/", confirmedFixes.length, ")"), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginTop: 1, marginLeft: 2 }, results.map((r) => /* @__PURE__ */ React.createElement(Box, { key: `${r.fixable.checkId}-${r.fixable.command ?? r.fixable.issue.fix?.description}`, flexDirection: "column" }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: r.success ? "green" : "red" }, r.success ? "\u2713" : "\u2717", " "), isMonorepo && /* @__PURE__ */ React.createElement(Text, { color: "magenta", dimColor: true }, "[", shortName(r.fixable.packageName), "]", " "), /* @__PURE__ */ React.createElement(Text, null, r.fixable.issue.fix.description)), r.success && r.fixable.issue.fix?.nextSteps && /* @__PURE__ */ React.createElement(Box, { marginLeft: 2 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "  \u2192 Next: ", r.fixable.issue.fix.nextSteps)))), results.length < confirmedFixes.length && /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: "green" }, /* @__PURE__ */ React.createElement(Spinner, { type: "dots" })), /* @__PURE__ */ React.createElement(Text, null, " ", confirmedFixes[currentFixIndex]?.issue.fix.description)))), phase === "done" && /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, results.length === 0 ? /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: "green" }, "\u2713 "), /* @__PURE__ */ React.createElement(Text, null, "No auto-fixable issues found", isMonorepo ? " across any package" : "")), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Run ", /* @__PURE__ */ React.createElement(Text, { color: "cyan" }, "sickbay"), " to see the full report \u2014 there may be issues that require manual attention."))) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Text, { bold: true }, dryRun ? "Dry Run Results" : "Fix Results"), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginTop: 1, marginLeft: 2 }, results.map((r) => /* @__PURE__ */ React.createElement(Box, { key: `${r.fixable.checkId}-${r.fixable.command ?? r.fixable.issue.fix?.description}`, flexDirection: "column" }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: r.success ? "green" : "red" }, r.success ? "\u2713" : "\u2717", " "), isMonorepo && /* @__PURE__ */ React.createElement(Text, { color: "magenta", dimColor: true }, "[", shortName(r.fixable.packageName), "]", " "), /* @__PURE__ */ React.createElement(Text, null, r.fixable.issue.fix.description), r.duration > 0 && /* @__PURE__ */ React.createElement(Text, { dimColor: true }, " (", r.duration, "ms)")), r.success && r.fixable.issue.fix?.nextSteps && /* @__PURE__ */ React.createElement(Box, { marginLeft: 2 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "  \u2192 Next: ", r.fixable.issue.fix.nextSteps))))), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "\u2501".repeat(52))), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true }, results.filter((r) => r.success).length, "/", results.length, " ", "fixes ", dryRun ? "would be applied" : "applied successfully")), !dryRun && results.some((r) => r.success) && /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Run "), /* @__PURE__ */ React.createElement(Text, { color: "cyan" }, "sickbay"), /* @__PURE__ */ React.createElement(Text, { dimColor: true }, " to see your updated score")))));
+}
+export {
+  FixApp
+};