uilint 0.2.48 → 0.2.50

package/dist/remove-ui-ZODRMK5G.js

@@ -0,0 +1,601 @@
+#!/usr/bin/env node
+import {
+  Spinner,
+  analyze,
+  execute,
+  getAllInstallers
+} from "./chunk-4PRDR64J.js";
+import "./chunk-MSOAR5VP.js";
+import "./chunk-VSBVUS56.js";
+import "./chunk-ZDSDZNIB.js";
+import {
+  pc
+} from "./chunk-CZNPG4UI.js";
+import "./chunk-JPE27ROY.js";
+
+// src/commands/remove-ui.tsx
+import { render } from "ink";
+
+// src/commands/remove/components/RemoveApp.tsx
+import { useState, useEffect } from "react";
+import { Box, Text, useApp, useInput } from "ink";
+import { jsx, jsxs } from "react/jsx-runtime";
+function getProjectsWithInstalls(project) {
+  const installers = getAllInstallers();
+  const projects = [];
+  const seenPaths = /* @__PURE__ */ new Set();
+  for (const installer of installers) {
+    if (!installer.isApplicable(project)) continue;
+    const targets = installer.getTargets(project);
+    for (const target of targets) {
+      if (!target.isInstalled) continue;
+      let projectPath = target.path;
+      let type = "global";
+      let hint = "Other";
+      if (installer.id === "next") {
+        type = "nextjs";
+        hint = "Next.js App Router";
+      } else if (installer.id === "vite") {
+        type = "vite";
+        hint = "Vite + React";
+      } else if (installer.id === "eslint") {
+        type = "eslint";
+        hint = "ESLint";
+      } else if (installer.id === "genstyleguide" || installer.id === "skill") {
+        projectPath = project.workspaceRoot;
+        type = "global";
+        hint = "Global";
+      }
+      if (seenPaths.has(projectPath)) {
+        const existing = projects.find((p) => p.path === projectPath);
+        if (existing) {
+          existing.installedCount++;
+        }
+        continue;
+      }
+      seenPaths.add(projectPath);
+      const relativePath = projectPath.replace(project.workspaceRoot + "/", "");
+      projects.push({
+        id: `${type}:${projectPath}`,
+        name: relativePath || ".",
+        path: projectPath,
+        type,
+        hint,
+        installedCount: 1
+      });
+    }
+  }
+  return projects;
+}
+function getInstalledItemsForProject(project, selectedProject) {
+  const installers = getAllInstallers();
+  const items = [];
+  for (const installer of installers) {
+    if (!installer.isApplicable(project)) continue;
+    const targets = installer.getTargets(project);
+    for (const target of targets) {
+      if (!target.isInstalled) continue;
+      if (selectedProject) {
+        if (installer.id === "genstyleguide" || installer.id === "skill") {
+          if (selectedProject.type !== "global") continue;
+        } else {
+          if (target.path !== selectedProject.path) continue;
+        }
+      }
+      items.push({
+        id: `${installer.id}:${target.id}`,
+        installerId: installer.id,
+        installer,
+        label: installer.name,
+        hint: target.hint,
+        target
+      });
+    }
+  }
+  return items;
+}
+function Header({ subtitle }) {
+  return /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginBottom: 1, children: /* @__PURE__ */ jsxs(Box, { children: [
+    /* @__PURE__ */ jsx(Text, { bold: true, color: "cyan", children: "\u25C6 UILint" }),
+    /* @__PURE__ */ jsx(Text, { dimColor: true, children: " v0.5.0" }),
+    subtitle && /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+      " \xB7 ",
+      subtitle
+    ] })
+  ] }) });
+}
+function FrameworkBadge({ type }) {
+  switch (type) {
+    case "nextjs":
+      return /* @__PURE__ */ jsx(Text, { color: "white", backgroundColor: "black", children: " Next.js " });
+    case "vite":
+      return /* @__PURE__ */ jsx(Text, { color: "black", backgroundColor: "yellow", children: " Vite " });
+    case "eslint":
+      return /* @__PURE__ */ jsx(Text, { color: "white", backgroundColor: "blue", children: " ESLint " });
+    case "global":
+      return /* @__PURE__ */ jsx(Text, { color: "white", backgroundColor: "magenta", children: " Global " });
+    default:
+      return /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Other" });
+  }
+}
+function ProjectSelector({
+  projects,
+  cursor,
+  onSelect,
+  onCancel
+}) {
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx(Box, { marginBottom: 1, children: /* @__PURE__ */ jsx(Text, { bold: true, children: "Select a project to remove components from:" }) }),
+    projects.map((project, index) => {
+      const isCursor = index === cursor;
+      return /* @__PURE__ */ jsxs(Box, { paddingLeft: 1, children: [
+        /* @__PURE__ */ jsx(Text, { color: isCursor ? "cyan" : void 0, children: isCursor ? "\u203A " : "  " }),
+        /* @__PURE__ */ jsx(Box, { width: 12, children: /* @__PURE__ */ jsx(FrameworkBadge, { type: project.type }) }),
+        /* @__PURE__ */ jsx(Box, { width: 30, children: /* @__PURE__ */ jsx(Text, { color: isCursor ? "cyan" : void 0, bold: isCursor, children: project.name }) }),
+        /* @__PURE__ */ jsxs(Text, { color: "green", dimColor: true, children: [
+          project.installedCount,
+          " installed"
+        ] })
+      ] }, project.id);
+    }),
+    /* @__PURE__ */ jsx(Box, { marginTop: 1, borderStyle: "single", borderColor: "gray", paddingX: 1, children: /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+      /* @__PURE__ */ jsx(Text, { color: "cyan", children: "\u2191\u2193" }),
+      " navigate",
+      "  ",
+      /* @__PURE__ */ jsx(Text, { color: "cyan", children: "enter" }),
+      " select",
+      "  ",
+      /* @__PURE__ */ jsx(Text, { color: "cyan", children: "q" }),
+      " quit"
+    ] }) })
+  ] });
+}
+function SelectionItem({
+  item,
+  isSelected,
+  isCursor
+}) {
+  return /* @__PURE__ */ jsxs(Box, { paddingLeft: 2, children: [
+    /* @__PURE__ */ jsx(Text, { color: isCursor ? "cyan" : void 0, children: isCursor ? "\u203A " : "  " }),
+    /* @__PURE__ */ jsx(Box, { width: 2, children: /* @__PURE__ */ jsx(Text, { color: isSelected ? "red" : "gray", children: isSelected ? "\u2717" : "\u25CB" }) }),
+    /* @__PURE__ */ jsx(Box, { width: 28, children: /* @__PURE__ */ jsx(
+      Text,
+      {
+        color: isSelected ? "red" : isCursor ? "cyan" : void 0,
+        children: item.label
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Box, { width: 20, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: item.hint || "" }) }),
+    /* @__PURE__ */ jsx(Text, { color: "green", dimColor: true, children: "installed" })
+  ] });
+}
+function SelectionList({
+  items,
+  selectedIds,
+  cursor,
+  selectedProject,
+  canGoBack,
+  onBack
+}) {
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+    selectedProject && /* @__PURE__ */ jsxs(Box, { marginBottom: 1, children: [
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Project: " }),
+      /* @__PURE__ */ jsx(Text, { bold: true, color: "cyan", children: selectedProject.name }),
+      /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+        " (",
+        selectedProject.hint,
+        ")"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(Box, { marginBottom: 1, children: /* @__PURE__ */ jsx(Text, { children: "Select components to remove:" }) }),
+    items.map((item, index) => /* @__PURE__ */ jsx(
+      SelectionItem,
+      {
+        item,
+        isSelected: selectedIds.has(item.id),
+        isCursor: index === cursor
+      },
+      item.id
+    )),
+    /* @__PURE__ */ jsx(Box, { marginTop: 1, borderStyle: "single", borderColor: "gray", paddingX: 1, children: /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+      /* @__PURE__ */ jsx(Text, { color: "cyan", children: "\u2191\u2193" }),
+      " navigate",
+      "  ",
+      /* @__PURE__ */ jsx(Text, { color: "cyan", children: "space" }),
+      " toggle",
+      "  ",
+      /* @__PURE__ */ jsx(Text, { color: "cyan", children: "a" }),
+      " all",
+      "  ",
+      /* @__PURE__ */ jsx(Text, { color: "cyan", children: "n" }),
+      " none",
+      "  ",
+      /* @__PURE__ */ jsx(Text, { color: "cyan", children: "enter" }),
+      " remove",
+      "  ",
+      /* @__PURE__ */ jsx(Text, { color: "cyan", children: "q" }),
+      " quit"
+    ] }) }),
+    canGoBack && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+      "Press ",
+      /* @__PURE__ */ jsx(Text, { color: "cyan", children: "b" }),
+      " or ",
+      /* @__PURE__ */ jsx(Text, { color: "cyan", children: "\u2190" }),
+      " to select a different project"
+    ] }) }),
+    /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsxs(Text, { children: [
+      /* @__PURE__ */ jsx(Text, { color: "red", children: selectedIds.size }),
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: " to remove" })
+    ] }) })
+  ] });
+}
+function Confirmation({
+  items,
+  selectedIds,
+  dryRun,
+  onConfirm,
+  onBack
+}) {
+  const selectedItems = items.filter((item) => selectedIds.has(item.id));
+  useInput((input, key) => {
+    if (input === "y" || key.return) {
+      onConfirm();
+    } else if (input === "n" || key.escape || input === "b") {
+      onBack();
+    }
+  });
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx(Box, { marginBottom: 1, children: /* @__PURE__ */ jsxs(Text, { bold: true, children: [
+      dryRun ? "Preview: Would remove" : "Confirm removal of",
+      " ",
+      selectedItems.length,
+      " component(s):"
+    ] }) }),
+    selectedItems.map((item) => /* @__PURE__ */ jsxs(Box, { paddingLeft: 2, children: [
+      /* @__PURE__ */ jsx(Text, { color: "red", children: "\u2717 " }),
+      /* @__PURE__ */ jsx(Text, { children: item.label }),
+      item.hint && /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+        " (",
+        item.hint,
+        ")"
+      ] })
+    ] }, item.id)),
+    /* @__PURE__ */ jsx(Box, { marginTop: 1, children: dryRun ? /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+      "Dry run mode - no changes will be made.",
+      " ",
+      "Press ",
+      /* @__PURE__ */ jsx(Text, { color: "cyan", children: "enter" }),
+      " to see details or ",
+      /* @__PURE__ */ jsx(Text, { color: "cyan", children: "b" }),
+      " to go back."
+    ] }) : /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+      "Press ",
+      /* @__PURE__ */ jsx(Text, { color: "cyan", children: "y" }),
+      " or ",
+      /* @__PURE__ */ jsx(Text, { color: "cyan", children: "enter" }),
+      " to confirm, ",
+      /* @__PURE__ */ jsx(Text, { color: "cyan", children: "n" }),
+      " or ",
+      /* @__PURE__ */ jsx(Text, { color: "cyan", children: "b" }),
+      " to go back."
+    ] }) })
+  ] });
+}
+function RemoveApp({
+  projectPromise,
+  skipConfirmation = false,
+  dryRun = false,
+  onComplete,
+  onError
+}) {
+  const { exit } = useApp();
+  const [phase, setPhase] = useState("loading");
+  const [project, setProject] = useState(null);
+  const [projectsWithInstalls, setProjectsWithInstalls] = useState([]);
+  const [selectedProject, setSelectedProject] = useState(null);
+  const [items, setItems] = useState([]);
+  const [selectedIds, setSelectedIds] = useState(/* @__PURE__ */ new Set());
+  const [cursor, setCursor] = useState(0);
+  const [projectCursor, setProjectCursor] = useState(0);
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    if (phase !== "loading") return;
+    projectPromise.then((proj) => {
+      setProject(proj);
+      const projects = getProjectsWithInstalls(proj);
+      setProjectsWithInstalls(projects);
+      if (projects.length === 0) {
+        setError(new Error("No UILint components are installed in this project."));
+        setPhase("error");
+        return;
+      }
+      if (projects.length === 1) {
+        const singleProject = projects[0];
+        setSelectedProject(singleProject);
+        const installedItems = getInstalledItemsForProject(proj, singleProject);
+        setItems(installedItems);
+        setPhase("select");
+      } else {
+        setPhase("select-project");
+      }
+    }).catch((err) => {
+      setError(err);
+      setPhase("error");
+      onError?.(err);
+    });
+  }, [phase, projectPromise, onError]);
+  useInput((input, key) => {
+    if (phase === "select-project") {
+      if (key.upArrow) {
+        setProjectCursor((prev) => prev > 0 ? prev - 1 : projectsWithInstalls.length - 1);
+      } else if (key.downArrow) {
+        setProjectCursor((prev) => prev < projectsWithInstalls.length - 1 ? prev + 1 : 0);
+      } else if (key.return) {
+        const selected = projectsWithInstalls[projectCursor];
+        if (selected && project) {
+          setSelectedProject(selected);
+          const installedItems = getInstalledItemsForProject(project, selected);
+          setItems(installedItems);
+          setCursor(0);
+          setSelectedIds(/* @__PURE__ */ new Set());
+          setPhase("select");
+        }
+      } else if (input === "q" || key.escape) {
+        exit();
+      }
+      return;
+    }
+    if (phase !== "select") return;
+    if (key.upArrow) {
+      setCursor((prev) => prev > 0 ? prev - 1 : items.length - 1);
+    } else if (key.downArrow) {
+      setCursor((prev) => prev < items.length - 1 ? prev + 1 : 0);
+    } else if (input === " ") {
+      const item = items[cursor];
+      if (item) {
+        setSelectedIds((prev) => {
+          const next = new Set(prev);
+          if (next.has(item.id)) {
+            next.delete(item.id);
+          } else {
+            next.add(item.id);
+          }
+          return next;
+        });
+      }
+    } else if (input === "a") {
+      setSelectedIds(new Set(items.map((item) => item.id)));
+    } else if (input === "n") {
+      setSelectedIds(/* @__PURE__ */ new Set());
+    } else if (key.return) {
+      if (selectedIds.size === 0) {
+        exit();
+        return;
+      }
+      if (skipConfirmation) {
+        finishSelection();
+      } else {
+        setPhase("confirm");
+      }
+    } else if ((input === "b" || key.leftArrow) && projectsWithInstalls.length > 1) {
+      setSelectedProject(null);
+      setPhase("select-project");
+    } else if (input === "q" || key.escape) {
+      exit();
+    }
+  });
+  const finishSelection = () => {
+    if (!project) return;
+    const selections = [];
+    const installerMap = /* @__PURE__ */ new Map();
+    for (const item of items) {
+      if (!selectedIds.has(item.id)) continue;
+      const existing = installerMap.get(item.installerId);
+      if (existing) {
+        existing.targets.push(item.target);
+      } else {
+        installerMap.set(item.installerId, {
+          installer: item.installer,
+          targets: [item.target]
+        });
+      }
+    }
+    for (const [, { installer, targets }] of installerMap) {
+      selections.push({
+        installer,
+        targets,
+        selected: true
+      });
+    }
+    onComplete(selections);
+  };
+  if (phase === "loading") {
+    return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx(Header, { subtitle: "Remove" }),
+      /* @__PURE__ */ jsxs(Box, { children: [
+        /* @__PURE__ */ jsx(Spinner, {}),
+        /* @__PURE__ */ jsx(Text, { children: " Scanning project..." })
+      ] })
+    ] });
+  }
+  if (phase === "error") {
+    return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx(Header, {}),
+      /* @__PURE__ */ jsxs(Box, { children: [
+        /* @__PURE__ */ jsx(Text, { color: "red", children: "\u2717 " }),
+        /* @__PURE__ */ jsx(Text, { color: "red", children: error?.message || "An unknown error occurred" })
+      ] })
+    ] });
+  }
+  if (phase === "select-project") {
+    return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx(Header, { subtitle: "Remove" }),
+      /* @__PURE__ */ jsx(
+        ProjectSelector,
+        {
+          projects: projectsWithInstalls,
+          cursor: projectCursor,
+          onSelect: (selected) => {
+            if (project) {
+              setSelectedProject(selected);
+              const installedItems = getInstalledItemsForProject(project, selected);
+              setItems(installedItems);
+              setCursor(0);
+              setSelectedIds(/* @__PURE__ */ new Set());
+              setPhase("select");
+            }
+          },
+          onCancel: () => exit()
+        }
+      )
+    ] });
+  }
+  if (phase === "select") {
+    return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx(Header, { subtitle: "Remove" }),
+      /* @__PURE__ */ jsx(
+        SelectionList,
+        {
+          items,
+          selectedIds,
+          cursor,
+          selectedProject,
+          canGoBack: projectsWithInstalls.length > 1,
+          onBack: () => {
+            setSelectedProject(null);
+            setPhase("select-project");
+          }
+        }
+      )
+    ] });
+  }
+  if (phase === "confirm") {
+    return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx(Header, { subtitle: "Remove" }),
+      /* @__PURE__ */ jsx(
+        Confirmation,
+        {
+          items,
+          selectedIds,
+          dryRun,
+          onConfirm: finishSelection,
+          onBack: () => setPhase("select")
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx(Header, {}),
+    /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Loading..." })
+  ] });
+}
+
+// src/commands/remove-ui.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+function limitList(items, max) {
+  if (items.length <= max) return items;
+  return [...items.slice(0, max), pc.dim(`\u2026and ${items.length - max} more`)];
+}
+function printRemoveReport(result) {
+  const failedActions = result.actionsPerformed.filter((r) => !r.success);
+  const okActions = result.actionsPerformed.filter((r) => r.success);
+  if (result.success) {
+    console.log(`
+${pc.green("\u2713")} Removal completed successfully`);
+  } else {
+    console.log(`
+${pc.yellow("\u26A0")} Removal completed with errors`);
+  }
+  const { summary } = result;
+  const modified = summary.filesModified;
+  const deleted = summary.filesDeleted;
+  if (modified.length + deleted.length > 0) {
+    console.log(`
+${pc.bold("Files:")}`);
+    for (const p of limitList(modified, 20))
+      console.log(`- ${pc.yellow("~")} ${p}`);
+    for (const p of limitList(deleted, 20))
+      console.log(`- ${pc.red("-")} ${p}`);
+  }
+  if (failedActions.length > 0) {
+    console.log(`
+${pc.bold(pc.red("Failures:"))}`);
+    for (const a of failedActions) {
+      const action = a.action;
+      const type = String(action.type || "unknown");
+      const pathish = typeof action.path === "string" && action.path || typeof action.projectPath === "string" && action.projectPath || typeof action.packagePath === "string" && action.packagePath || "";
+      console.error(`- ${type}${pathish ? ` (${pathish})` : ""}`);
+      if (a.error) console.error(`  ${a.error}`);
+    }
+  }
+  console.log(
+    pc.dim(
+      `
+Summary: ${okActions.length} action(s) ok, ${failedActions.length} failed`
+    )
+  );
+}
+function buildRemovalPlan(selections, project) {
+  const actions = [];
+  for (const selection of selections) {
+    if (!selection.selected || selection.targets.length === 0) continue;
+    const { installer, targets } = selection;
+    if (installer.planRemove) {
+      const removePlan = installer.planRemove(targets, project);
+      actions.push(...removePlan.actions);
+    }
+  }
+  return actions;
+}
+function isInteractiveTerminal() {
+  return Boolean(process.stdin.isTTY && process.stdout.isTTY);
+}
+async function removeUI(options = {}) {
+  const projectPath = process.cwd();
+  if (!isInteractiveTerminal()) {
+    console.error("\n\u2717 Interactive mode requires a TTY terminal.");
+    console.error("Run uilint remove in an interactive terminal.\n");
+    process.exit(1);
+  }
+  const projectPromise = analyze(projectPath);
+  const { waitUntilExit } = render(
+    /* @__PURE__ */ jsx2(
+      RemoveApp,
+      {
+        projectPromise,
+        skipConfirmation: options.yes,
+        dryRun: options.dryRun,
+        onComplete: async (selections) => {
+          const project = await projectPromise;
+          if (selections.length === 0) {
+            console.log("\nNo components selected for removal");
+            process.exit(0);
+          }
+          const actions = buildRemovalPlan(selections, project);
+          if (actions.length === 0) {
+            console.log("\nNo removal actions to perform");
+            process.exit(0);
+          }
+          const result = await execute(
+            { actions, dependencies: [] },
+            {
+              dryRun: options.dryRun,
+              projectPath: project.projectPath
+            }
+          );
+          printRemoveReport(result);
+          process.exit(result.success ? 0 : 1);
+        },
+        onError: (error) => {
+          console.error("\n\u2717 Error:", error.message);
+          process.exit(1);
+        }
+      }
+    )
+  );
+  await waitUntilExit();
+}
+export {
+  removeUI
+};
+//# sourceMappingURL=remove-ui-ZODRMK5G.js.map