@laabroms/alias-cli 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Lucas Aabroms
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,173 @@
+# Alias CLI
+
+```
+ █████╗ ██╗     ██╗ █████╗ ███████╗
+██╔══██╗██║     ██║██╔══██╗██╔════╝
+███████║██║     ██║███████║███████╗
+██╔══██║██║     ██║██╔══██║╚════██║
+██║  ██║███████╗██║██║  ██║███████║
+╚═╝  ╚═╝╚══════╝╚═╝╚═╝  ╚═╝╚══════╝
+```
+
+> Interactive terminal UI for managing shell aliases
+
+[![npm version](https://img.shields.io/npm/v/@laabroms/alias-cli.svg)](https://www.npmjs.com/package/@laabroms/alias-cli)
+[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
+
+Built with [Ink](https://github.com/vadimdemedes/ink) — React for CLIs.
+
+<!-- ![Demo](demo.gif) -->
+
+## Features
+
+- ✨ **Interactive TUI** — keyboard-driven, no mouse needed
+- 📝 **Add/Edit/Delete** aliases with clean modal dialogs
+- 🔍 **Real-time search** — filter aliases as you type with arrow key navigation
+- 🔍 **Live preview** — see your alias before saving
+- 💾 **Auto-backup** — creates `.zshrc.backup` before changes
+- 🎯 **Visual focus** — clearly see which field you're editing
+- 🎨 **Color-coded UI** — easy to scan and navigate
+- 📦 **Zero config** — works with `.zshrc` or `.bashrc` out of the box
+
+## Installation
+
+### Quick Install (bash)
+
+```bash
+curl -fsSL https://raw.githubusercontent.com/laabroms/alias-cli/main/install.sh | bash
+```
+
+### npm (global)
+
+```bash
+npm install -g @laabroms/alias-cli
+```
+
+### npx (no install)
+
+```bash
+npx @laabroms/alias-cli
+```
+
+### From source
+
+```bash
+git clone https://github.com/laabroms/alias-cli.git
+cd alias-cli
+npm install
+npm run dev
+```
+
+## Usage
+
+Run the CLI:
+
+```bash
+alias-cli
+```
+
+### Keyboard Shortcuts
+
+**Main Screen:**
+- `↑/↓` — Navigate aliases
+- `a` — Add new alias
+- `e` — Edit selected alias
+- `d` or `Del` — Delete selected alias
+- `/` — Search/filter aliases
+- `c` — Clear search filter
+- `q` — Quit
+
+**Search Mode:**
+- Type to filter aliases in real-time
+- `↑/↓` — Navigate filtered results
+- `Enter` — Edit selected alias
+- `Esc` — Close search
+
+**Add/Edit Modal:**
+- `Tab` — Switch between Name and Command fields
+- `Enter` — Save
+- `Esc` — Cancel
+
+**Delete Confirmation:**
+- `y` or `Enter` — Confirm delete
+- `n` or `Esc` — Cancel
+
+## Example
+
+Create a quick commit alias:
+
+1. Run `alias-cli`
+2. Press `a` to add
+3. **Name:** `gc`
+4. **Command:** `git add . && git commit -m`
+5. Press `Enter` to save
+6. Press `q` to quit
+7. Paste the command (auto-copied to clipboard!) and press Enter
+8. Use it: `gc "feat: add new feature"`
+
+## How It Works
+
+1. **Loads** aliases from your `.zshrc` or `.bashrc`
+2. **Displays** them in an interactive list
+3. **Saves** changes back to your shell config
+4. **Backups** the original file before writing
+
+All aliases are written to the end of your shell config with a comment:
+
+```bash
+# Aliases managed by alias-cli
+alias gs="git status"
+alias gc="git add . && git commit -m"
+alias gp="git push origin main"
+```
+
+After making changes, the CLI automatically copies the `source` command to your clipboard — just paste and run!
+
+## Requirements
+
+- Node.js >= 18.0.0
+- Terminal with ANSI color support
+
+## Development
+
+```bash
+# Clone the repo
+git clone https://github.com/laabroms/alias-cli.git
+cd alias-cli
+
+# Install dependencies
+npm install
+
+# Run in dev mode
+npm run dev
+
+# Build for production
+npm run build
+
+# Type check
+npm run typecheck
+```
+
+## Tech Stack
+
+- **Ink** — React renderer for CLIs
+- **ink-text-input** — Text input component
+- **TypeScript** — Type safety
+- **tsup** — Fast bundler
+- **tsx** — TypeScript execution
+
+## Future Ideas
+
+- [ ] Import/export alias sets
+- [ ] Syntax highlighting for commands
+- [ ] Multi-select delete
+- [ ] Alias categories/tags
+- [ ] Support for `.bash_aliases` and other config files
+
+## Contributing
+
+PRs welcome! Please open an issue first to discuss what you'd like to change.
+
+## License
+
+MIT © [Lucas Aabroms](https://github.com/laabroms)

package/dist/cli.js

@@ -0,0 +1,492 @@
+#!/usr/bin/env node
+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');
+});
+
+// src/cli.tsx
+import React9 from "react";
+import { render } from "ink";
+
+// src/App.tsx
+import React8, { useState as useState4, useEffect, useCallback } from "react";
+import { Box as Box8, Text as Text8, useInput as useInput5, useApp } from "ink";
+import os2 from "os";
+
+// src/aliases.ts
+import fs from "fs";
+import path from "path";
+import os from "os";
+var SHELL_CONFIG_FILES = [".zshrc", ".bashrc"];
+function getShellConfigPath() {
+  const homeDir = os.homedir();
+  for (const file of SHELL_CONFIG_FILES) {
+    const fullPath = path.join(homeDir, file);
+    if (fs.existsSync(fullPath)) {
+      return fullPath;
+    }
+  }
+  return path.join(homeDir, ".zshrc");
+}
+function parseAliases(content) {
+  const aliases = [];
+  const lines = content.split("\n");
+  for (const line of lines) {
+    const trimmed = line.trim();
+    const match = trimmed.match(/^alias\s+([^=]+)=['"]?(.+?)['"]?$/);
+    if (match) {
+      const [, name, command] = match;
+      aliases.push({
+        name: name.trim(),
+        command: command.trim().replace(/^['"]|['"]$/g, "")
+      });
+    }
+  }
+  return aliases;
+}
+function serializeAliases(aliases) {
+  return aliases.map((a) => `alias ${a.name}="${a.command}"`).join("\n");
+}
+function loadAliases() {
+  try {
+    const configPath = getShellConfigPath();
+    const content = fs.readFileSync(configPath, "utf-8");
+    return parseAliases(content);
+  } catch (error) {
+    console.error("Failed to load aliases:", error);
+    return [];
+  }
+}
+function saveAliases(aliases) {
+  try {
+    const configPath = getShellConfigPath();
+    let content = "";
+    if (fs.existsSync(configPath)) {
+      content = fs.readFileSync(configPath, "utf-8");
+    }
+    const lines = content.split("\n");
+    const nonAliasLines = lines.filter((line) => {
+      const trimmed = line.trim();
+      return !trimmed.startsWith("alias ");
+    });
+    const newContent = [
+      ...nonAliasLines,
+      "",
+      "# Aliases managed by alias-cli",
+      serializeAliases(aliases)
+    ].join("\n");
+    const backupPath = `${configPath}.backup`;
+    if (fs.existsSync(configPath)) {
+      fs.copyFileSync(configPath, backupPath);
+    }
+    fs.writeFileSync(configPath, newContent, "utf-8");
+  } catch (error) {
+    console.error("Failed to save aliases:", error);
+  }
+}
+
+// src/components/Logo.tsx
+import React from "react";
+import { Box, Text } from "ink";
+function Logo() {
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", alignItems: "center", marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true, color: "magenta" }, "\u2588\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2557     \u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557"), /* @__PURE__ */ React.createElement(Text, { bold: true, color: "magenta" }, "\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2551     \u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2554\u2550\u2550\u2550\u2550\u255D"), /* @__PURE__ */ React.createElement(Text, { bold: true, color: "cyan" }, "\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2551\u2588\u2588\u2551     \u2588\u2588\u2551\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2551\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557"), /* @__PURE__ */ React.createElement(Text, { bold: true, color: "cyan" }, "\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2551\u2588\u2588\u2551     \u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2551\u255A\u2550\u2550\u2550\u2550\u2588\u2588\u2551"), /* @__PURE__ */ React.createElement(Text, { bold: true, color: "blue" }, "\u2588\u2588\u2551  \u2588\u2588\u2551\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2551\u2588\u2588\u2551  \u2588\u2588\u2551\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2551"), /* @__PURE__ */ React.createElement(Text, { bold: true, color: "blue" }, "\u255A\u2550\u255D  \u255A\u2550\u255D\u255A\u2550\u2550\u2550\u2550\u2550\u2550\u255D\u255A\u2550\u255D\u255A\u2550\u255D  \u255A\u2550\u255D\u255A\u2550\u2550\u2550\u2550\u2550\u2550\u255D"), /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "manage your shell aliases with style"));
+}
+
+// src/components/LogoCompact.tsx
+import React2 from "react";
+import { Box as Box2, Text as Text2 } from "ink";
+function LogoCompact() {
+  return /* @__PURE__ */ React2.createElement(Box2, { flexDirection: "column", alignItems: "center", marginBottom: 1 }, /* @__PURE__ */ React2.createElement(Box2, null, /* @__PURE__ */ React2.createElement(Text2, { bold: true, color: "magenta" }, "\u2584\u2580\u2588 "), /* @__PURE__ */ React2.createElement(Text2, { bold: true, color: "cyan" }, "\u2588\u2591\u2591 "), /* @__PURE__ */ React2.createElement(Text2, { bold: true, color: "blue" }, "\u2588 "), /* @__PURE__ */ React2.createElement(Text2, { bold: true, color: "magenta" }, "\u2584\u2580\u2588 "), /* @__PURE__ */ React2.createElement(Text2, { bold: true, color: "cyan" }, "\u2584\u2588\u2580")), /* @__PURE__ */ React2.createElement(Box2, null, /* @__PURE__ */ React2.createElement(Text2, { bold: true, color: "magenta" }, "\u2588\u2580\u2588 "), /* @__PURE__ */ React2.createElement(Text2, { bold: true, color: "cyan" }, "\u2588\u2584\u2584 "), /* @__PURE__ */ React2.createElement(Text2, { bold: true, color: "blue" }, "\u2588 "), /* @__PURE__ */ React2.createElement(Text2, { bold: true, color: "magenta" }, "\u2588\u2580\u2588 "), /* @__PURE__ */ React2.createElement(Text2, { bold: true, color: "cyan" }, "\u2591\u2580\u2588")), /* @__PURE__ */ React2.createElement(Text2, { dimColor: true }, "manage your shell aliases"));
+}
+
+// src/components/AliasList.tsx
+import React3 from "react";
+import { Box as Box3, Text as Text3 } from "ink";
+function AliasList({ aliases, selectedIndex, isSearchMode }) {
+  if (aliases.length === 0) {
+    return /* @__PURE__ */ React3.createElement(
+      Box3,
+      {
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center",
+        paddingY: 3
+      },
+      /* @__PURE__ */ React3.createElement(Text3, { color: "gray" }, "No aliases found"),
+      isSearchMode ? /* @__PURE__ */ React3.createElement(Text3, { dimColor: true }, "Try a different search term or press [Esc] to go back") : /* @__PURE__ */ React3.createElement(Text3, { dimColor: true }, "Press [a] to create your first alias")
+    );
+  }
+  return /* @__PURE__ */ React3.createElement(Box3, { flexDirection: "column" }, aliases.map((alias, index) => {
+    const isSelected = index === selectedIndex;
+    return /* @__PURE__ */ React3.createElement(Box3, { key: alias.name, paddingY: 0 }, /* @__PURE__ */ React3.createElement(Box3, { width: 2 }, /* @__PURE__ */ React3.createElement(Text3, { bold: true, color: isSelected ? "magenta" : "gray" }, isSelected ? "\u25B6" : " ")), /* @__PURE__ */ React3.createElement(Box3, { width: 15 }, /* @__PURE__ */ React3.createElement(
+      Text3,
+      {
+        bold: isSelected,
+        color: isSelected ? "cyan" : "white"
+      },
+      alias.name
+    )), /* @__PURE__ */ React3.createElement(Box3, { width: 2 }, /* @__PURE__ */ React3.createElement(Text3, { color: "gray" }, "=")), /* @__PURE__ */ React3.createElement(Box3, null, /* @__PURE__ */ React3.createElement(
+      Text3,
+      {
+        color: isSelected ? "green" : "gray",
+        wrap: "truncate"
+      },
+      alias.command
+    )));
+  }));
+}
+
+// src/components/AddAliasModal.tsx
+import React4, { useState } from "react";
+import { Box as Box4, Text as Text4, useInput } from "ink";
+import TextInput from "ink-text-input";
+function AddAliasModal({ onSave, onCancel }) {
+  const [name, setName] = useState("");
+  const [command, setCommand] = useState("");
+  const [focusedField, setFocusedField] = useState("name");
+  useInput((input, key) => {
+    if (key.tab || key.downArrow) {
+      setFocusedField((prev) => prev === "name" ? "command" : "name");
+    } else if (key.upArrow) {
+      setFocusedField((prev) => prev === "command" ? "name" : "command");
+    } else if (key.escape) {
+      onCancel();
+    } else if (key.return && name && command) {
+      onSave(name, command);
+    }
+  });
+  const isFocusedName = focusedField === "name";
+  const isFocusedCommand = focusedField === "command";
+  return /* @__PURE__ */ React4.createElement(Box4, { flexDirection: "column", gap: 1 }, /* @__PURE__ */ React4.createElement(Box4, { marginBottom: 1 }, /* @__PURE__ */ React4.createElement(Text4, { bold: true, color: "green" }, "\u2795 Add New Alias")), /* @__PURE__ */ React4.createElement(Box4, { flexDirection: "column" }, /* @__PURE__ */ React4.createElement(Box4, { marginBottom: 0 }, /* @__PURE__ */ React4.createElement(Text4, { bold: true, color: isFocusedName ? "cyan" : "gray" }, isFocusedName && "\u25B6 ", "Name:")), /* @__PURE__ */ React4.createElement(
+    Box4,
+    {
+      borderStyle: "round",
+      borderColor: isFocusedName ? "cyan" : "gray",
+      paddingX: 1,
+      width: 50
+    },
+    isFocusedName ? /* @__PURE__ */ React4.createElement(TextInput, { value: name, onChange: setName, placeholder: "e.g., gc" }) : /* @__PURE__ */ React4.createElement(Text4, { color: name ? "white" : "gray" }, name || "e.g., gc")
+  )), /* @__PURE__ */ React4.createElement(Box4, { flexDirection: "column" }, /* @__PURE__ */ React4.createElement(Box4, { marginBottom: 0 }, /* @__PURE__ */ React4.createElement(Text4, { bold: true, color: isFocusedCommand ? "cyan" : "gray" }, isFocusedCommand && "\u25B6 ", "Command:")), /* @__PURE__ */ React4.createElement(
+    Box4,
+    {
+      borderStyle: "round",
+      borderColor: isFocusedCommand ? "cyan" : "gray",
+      paddingX: 1,
+      width: 50
+    },
+    isFocusedCommand ? /* @__PURE__ */ React4.createElement(
+      TextInput,
+      {
+        value: command,
+        onChange: setCommand,
+        placeholder: "e.g., git add . && git commit -m"
+      }
+    ) : /* @__PURE__ */ React4.createElement(Text4, { color: command ? "white" : "gray" }, command || "e.g., git add . && git commit -m")
+  )), name && command && /* @__PURE__ */ React4.createElement(Box4, { marginTop: 1, flexDirection: "column" }, /* @__PURE__ */ React4.createElement(Text4, { dimColor: true }, "Preview:"), /* @__PURE__ */ React4.createElement(Box4, { paddingX: 2 }, /* @__PURE__ */ React4.createElement(Text4, { color: "cyan" }, name), /* @__PURE__ */ React4.createElement(Text4, { color: "gray" }, " = "), /* @__PURE__ */ React4.createElement(Text4, { color: "green" }, '"', command, '"'))), /* @__PURE__ */ React4.createElement(Box4, { marginTop: 1, justifyContent: "center", gap: 2 }, /* @__PURE__ */ React4.createElement(Text4, null, /* @__PURE__ */ React4.createElement(Text4, { bold: true, color: "cyan" }, "[\u2191/\u2193]"), /* @__PURE__ */ React4.createElement(Text4, { dimColor: true }, " switch")), /* @__PURE__ */ React4.createElement(Text4, null, /* @__PURE__ */ React4.createElement(Text4, { bold: true, color: "green" }, "[Enter]"), /* @__PURE__ */ React4.createElement(Text4, { dimColor: true }, " save")), /* @__PURE__ */ React4.createElement(Text4, null, /* @__PURE__ */ React4.createElement(Text4, { bold: true, color: "gray" }, "[Esc]"), /* @__PURE__ */ React4.createElement(Text4, { dimColor: true }, " cancel"))));
+}
+
+// src/components/EditAliasModal.tsx
+import React5, { useState as useState2 } from "react";
+import { Box as Box5, Text as Text5, useInput as useInput2 } from "ink";
+import TextInput2 from "ink-text-input";
+function EditAliasModal({ alias, onSave, onCancel }) {
+  const [name, setName] = useState2(alias.name);
+  const [command, setCommand] = useState2(alias.command);
+  const [focusedField, setFocusedField] = useState2("name");
+  useInput2((input, key) => {
+    if (key.tab || key.downArrow) {
+      setFocusedField((prev) => prev === "name" ? "command" : "name");
+    } else if (key.upArrow) {
+      setFocusedField((prev) => prev === "command" ? "name" : "command");
+    } else if (key.escape) {
+      onCancel();
+    } else if (key.return && name && command) {
+      onSave(name, command);
+    }
+  });
+  const isFocusedName = focusedField === "name";
+  const isFocusedCommand = focusedField === "command";
+  return /* @__PURE__ */ React5.createElement(Box5, { flexDirection: "column", gap: 1 }, /* @__PURE__ */ React5.createElement(Box5, { marginBottom: 1 }, /* @__PURE__ */ React5.createElement(Text5, { bold: true, color: "blue" }, "\u270F\uFE0F  Edit Alias")), /* @__PURE__ */ React5.createElement(Box5, { flexDirection: "column" }, /* @__PURE__ */ React5.createElement(Box5, { marginBottom: 0 }, /* @__PURE__ */ React5.createElement(Text5, { bold: true, color: isFocusedName ? "cyan" : "gray" }, isFocusedName && "\u25B6 ", "Name:")), /* @__PURE__ */ React5.createElement(
+    Box5,
+    {
+      borderStyle: "round",
+      borderColor: isFocusedName ? "cyan" : "gray",
+      paddingX: 1,
+      width: 50
+    },
+    isFocusedName ? /* @__PURE__ */ React5.createElement(TextInput2, { value: name, onChange: setName }) : /* @__PURE__ */ React5.createElement(Text5, { color: "white" }, name)
+  )), /* @__PURE__ */ React5.createElement(Box5, { flexDirection: "column" }, /* @__PURE__ */ React5.createElement(Box5, { marginBottom: 0 }, /* @__PURE__ */ React5.createElement(Text5, { bold: true, color: isFocusedCommand ? "cyan" : "gray" }, isFocusedCommand && "\u25B6 ", "Command:")), /* @__PURE__ */ React5.createElement(
+    Box5,
+    {
+      borderStyle: "round",
+      borderColor: isFocusedCommand ? "cyan" : "gray",
+      paddingX: 1,
+      width: 50
+    },
+    isFocusedCommand ? /* @__PURE__ */ React5.createElement(TextInput2, { value: command, onChange: setCommand }) : /* @__PURE__ */ React5.createElement(Text5, { color: "white" }, command)
+  )), /* @__PURE__ */ React5.createElement(Box5, { marginTop: 1, flexDirection: "column" }, /* @__PURE__ */ React5.createElement(Text5, { dimColor: true }, "Preview:"), /* @__PURE__ */ React5.createElement(Box5, { paddingX: 2 }, /* @__PURE__ */ React5.createElement(Text5, { color: "cyan" }, name), /* @__PURE__ */ React5.createElement(Text5, { color: "gray" }, " = "), /* @__PURE__ */ React5.createElement(Text5, { color: "green" }, '"', command, '"'))), /* @__PURE__ */ React5.createElement(Box5, { marginTop: 1, justifyContent: "center", gap: 2 }, /* @__PURE__ */ React5.createElement(Text5, null, /* @__PURE__ */ React5.createElement(Text5, { bold: true, color: "cyan" }, "[\u2191/\u2193]"), /* @__PURE__ */ React5.createElement(Text5, { dimColor: true }, " switch")), /* @__PURE__ */ React5.createElement(Text5, null, /* @__PURE__ */ React5.createElement(Text5, { bold: true, color: "green" }, "[Enter]"), /* @__PURE__ */ React5.createElement(Text5, { dimColor: true }, " save")), /* @__PURE__ */ React5.createElement(Text5, null, /* @__PURE__ */ React5.createElement(Text5, { bold: true, color: "gray" }, "[Esc]"), /* @__PURE__ */ React5.createElement(Text5, { dimColor: true }, " cancel"))));
+}
+
+// src/components/DeleteConfirmModal.tsx
+import React6 from "react";
+import { Box as Box6, Text as Text6, useInput as useInput3 } from "ink";
+function DeleteConfirmModal({
+  alias,
+  onConfirm,
+  onCancel
+}) {
+  useInput3((input, key) => {
+    if (input === "y" || key.return) {
+      onConfirm();
+    } else if (input === "n" || key.escape) {
+      onCancel();
+    }
+  });
+  return /* @__PURE__ */ React6.createElement(Box6, { flexDirection: "column", gap: 1, alignItems: "center" }, /* @__PURE__ */ React6.createElement(Box6, { marginBottom: 1 }, /* @__PURE__ */ React6.createElement(Text6, { bold: true, color: "red" }, "\u26A0\uFE0F  Delete Alias")), /* @__PURE__ */ React6.createElement(
+    Box6,
+    {
+      borderStyle: "round",
+      borderColor: "red",
+      paddingX: 2,
+      paddingY: 1,
+      flexDirection: "column",
+      alignItems: "center"
+    },
+    /* @__PURE__ */ React6.createElement(Text6, null, "Are you sure you want to delete", " ", /* @__PURE__ */ React6.createElement(Text6, { bold: true, color: "cyan" }, alias.name), "?"),
+    /* @__PURE__ */ React6.createElement(Box6, { marginTop: 1, flexDirection: "column", alignItems: "center" }, /* @__PURE__ */ React6.createElement(Text6, { dimColor: true }, "Command:"), /* @__PURE__ */ React6.createElement(Text6, { color: "gray" }, '"', alias.command, '"'))
+  ), /* @__PURE__ */ React6.createElement(Box6, { marginTop: 1 }, /* @__PURE__ */ React6.createElement(Text6, { dimColor: true, italic: true }, "This action cannot be undone")), /* @__PURE__ */ React6.createElement(Box6, { marginTop: 1, gap: 3 }, /* @__PURE__ */ React6.createElement(Text6, null, /* @__PURE__ */ React6.createElement(Text6, { bold: true, color: "red" }, "[y]"), /* @__PURE__ */ React6.createElement(Text6, { dimColor: true }, " yes, delete")), /* @__PURE__ */ React6.createElement(Text6, null, /* @__PURE__ */ React6.createElement(Text6, { bold: true, color: "green" }, "[n]"), /* @__PURE__ */ React6.createElement(Text6, { dimColor: true }, " no, cancel")), /* @__PURE__ */ React6.createElement(Text6, null, /* @__PURE__ */ React6.createElement(Text6, { bold: true, color: "gray" }, "[Esc]"), /* @__PURE__ */ React6.createElement(Text6, { dimColor: true }, " cancel"))));
+}
+
+// src/components/SearchModal.tsx
+import React7, { useState as useState3 } from "react";
+import { Box as Box7, Text as Text7, useInput as useInput4 } from "ink";
+import TextInput3 from "ink-text-input";
+function SearchModal({ onSearch, onCancel, matchCount, onNavigate, onSelect }) {
+  const [query, setQuery] = useState3("");
+  const handleChange = (value) => {
+    setQuery(value);
+    onSearch(value);
+  };
+  useInput4((input, key) => {
+    if (key.escape) {
+      onCancel();
+    } else if (key.return) {
+      if (matchCount && matchCount > 0 && onSelect) {
+        onSelect();
+      } else {
+        onCancel();
+      }
+    } else if (key.upArrow && onNavigate) {
+      onNavigate("up");
+    } else if (key.downArrow && onNavigate) {
+      onNavigate("down");
+    }
+  });
+  return /* @__PURE__ */ React7.createElement(Box7, { flexDirection: "column", gap: 1 }, /* @__PURE__ */ React7.createElement(Box7, { marginBottom: 1 }, /* @__PURE__ */ React7.createElement(Text7, { bold: true, color: "cyan" }, "\u{1F50D} Search Aliases")), /* @__PURE__ */ React7.createElement(Box7, { flexDirection: "column" }, /* @__PURE__ */ React7.createElement(Box7, { marginBottom: 0 }, /* @__PURE__ */ React7.createElement(Text7, { bold: true, color: "cyan" }, "Search:")), /* @__PURE__ */ React7.createElement(
+    Box7,
+    {
+      borderStyle: "round",
+      borderColor: "cyan",
+      paddingX: 1,
+      width: 50
+    },
+    /* @__PURE__ */ React7.createElement(
+      TextInput3,
+      {
+        value: query,
+        onChange: handleChange,
+        placeholder: "Type to filter aliases..."
+      }
+    )
+  )), query && matchCount !== void 0 && /* @__PURE__ */ React7.createElement(Box7, { marginTop: 1, justifyContent: "center" }, /* @__PURE__ */ React7.createElement(Text7, { color: "cyan" }, matchCount), /* @__PURE__ */ React7.createElement(Text7, { dimColor: true }, " ", matchCount === 1 ? "match" : "matches")), /* @__PURE__ */ React7.createElement(Box7, { marginTop: 1, justifyContent: "center", gap: 2 }, /* @__PURE__ */ React7.createElement(Text7, null, /* @__PURE__ */ React7.createElement(Text7, { bold: true, color: "green" }, "[Enter]"), /* @__PURE__ */ React7.createElement(Text7, { dimColor: true }, " select")), /* @__PURE__ */ React7.createElement(Text7, { dimColor: true }, "\u2022"), /* @__PURE__ */ React7.createElement(Text7, null, /* @__PURE__ */ React7.createElement(Text7, { bold: true, color: "yellow" }, "[Esc]"), /* @__PURE__ */ React7.createElement(Text7, { dimColor: true }, " close")), /* @__PURE__ */ React7.createElement(Text7, { dimColor: true }, "\u2022"), /* @__PURE__ */ React7.createElement(Text7, null, /* @__PURE__ */ React7.createElement(Text7, { bold: true, color: "cyan" }, "[\u2191/\u2193]"), /* @__PURE__ */ React7.createElement(Text7, { dimColor: true }, " navigate")), /* @__PURE__ */ React7.createElement(Text7, { dimColor: true }, "\u2022"), /* @__PURE__ */ React7.createElement(Text7, null, /* @__PURE__ */ React7.createElement(Text7, { bold: true, color: "gray" }, "[q]"), /* @__PURE__ */ React7.createElement(Text7, { dimColor: true }, " quit"))));
+}
+
+// src/App.tsx
+function App() {
+  const { exit } = useApp();
+  const [aliases, setAliases] = useState4([]);
+  const [selectedIndex, setSelectedIndex] = useState4(0);
+  const [mode, setMode] = useState4("list");
+  const [searchQuery, setSearchQuery] = useState4("");
+  const [hasChanges, setHasChanges] = useState4(false);
+  useEffect(() => {
+    const loaded = loadAliases();
+    setAliases(loaded);
+  }, []);
+  const filteredAliases = searchQuery ? aliases.filter(
+    (a) => a.name.toLowerCase().includes(searchQuery.toLowerCase()) || a.command.toLowerCase().includes(searchQuery.toLowerCase())
+  ) : aliases;
+  useInput5((input, key) => {
+    if (mode !== "list") return;
+    if (key.upArrow) {
+      setSelectedIndex((prev) => Math.max(0, prev - 1));
+    } else if (key.downArrow) {
+      setSelectedIndex(
+        (prev) => Math.min(filteredAliases.length - 1, prev + 1)
+      );
+    } else if (input === "a") {
+      setMode("add");
+    } else if (input === "e" && filteredAliases.length > 0) {
+      setMode("edit");
+    } else if ((input === "d" || key.delete) && filteredAliases.length > 0) {
+      setMode("delete");
+    } else if (input === "/") {
+      setMode("search");
+    } else if (input === "c" && searchQuery) {
+      handleClearSearch();
+    } else if (input === "q") {
+      if (hasChanges) {
+        const configPath = getShellConfigPath();
+        const fileName = configPath.replace(os2.homedir(), "~");
+        const sourceCommand = `source ${fileName}`;
+        exit();
+        console.log("\n\x1B[32m\u2728 Changes saved!\x1B[0m\n");
+        console.log("\x1B[33m\u{1F4CB} To apply your aliases, run:\x1B[0m");
+        console.log(`  \x1B[36;1m${sourceCommand}\x1B[0m
+`);
+        try {
+          const { execSync } = __require("child_process");
+          try {
+            execSync(`echo '${sourceCommand}' | pbcopy`, { stdio: "ignore" });
+            console.log("\x1B[2m\u2713 Copied to clipboard! Just paste and run.\x1B[0m\n");
+          } catch {
+            execSync(`echo '${sourceCommand}' | xclip -selection clipboard`, { stdio: "ignore" });
+            console.log("\x1B[2m\u2713 Copied to clipboard! Just paste and run.\x1B[0m\n");
+          }
+        } catch {
+        }
+        console.log("\x1B[33m\u26A1 Want auto-reload on quit?\x1B[0m");
+        console.log(`\x1B[2m  Add this wrapper to your ${fileName}:\x1B[0m`);
+        console.log(`\x1B[2m  alias-cli-reload() { command alias-cli && [ -f ~/.alias-cli-reload ] && source "$(cat ~/.alias-cli-reload)" && rm ~/.alias-cli-reload; }\x1B[0m`);
+        console.log(`\x1B[2m  alias alias-cli='alias-cli-reload'\x1B[0m`);
+        console.log(`\x1B[2m  Then run: source ${fileName}\x1B[0m
+`);
+      } else {
+        exit();
+      }
+    }
+  });
+  const handleAdd = useCallback(
+    (name, command) => {
+      const newAlias = { name, command };
+      const updated = [...aliases, newAlias];
+      setAliases(updated);
+      saveAliases(updated);
+      setHasChanges(true);
+      setMode("list");
+    },
+    [aliases, setAliases, saveAliases, setHasChanges, setMode]
+  );
+  const handleEdit = useCallback(
+    (name, command) => {
+      const selected = filteredAliases[selectedIndex];
+      const updated = aliases.map(
+        (a) => a.name === selected.name ? { name, command } : a
+      );
+      setAliases(updated);
+      saveAliases(updated);
+      setHasChanges(true);
+      setMode("list");
+    },
+    [aliases, selectedIndex, setAliases, saveAliases, setHasChanges, setMode]
+  );
+  const handleDelete = useCallback(() => {
+    const selected = filteredAliases[selectedIndex];
+    const updated = aliases.filter((a) => a.name !== selected.name);
+    setAliases(updated);
+    saveAliases(updated);
+    setHasChanges(true);
+    setSelectedIndex(Math.max(0, selectedIndex - 1));
+    setMode("list");
+  }, [aliases, selectedIndex, setAliases, saveAliases, setHasChanges, setMode]);
+  const handleCancel = useCallback(() => {
+    setMode("list");
+  }, [setMode]);
+  const handleSearch = useCallback(
+    (query) => {
+      setSearchQuery(query);
+      setSelectedIndex(0);
+    },
+    [setSearchQuery, setSelectedIndex]
+  );
+  const handleClearSearch = useCallback(() => {
+    setSearchQuery("");
+    setMode("list");
+  }, [setSearchQuery, setMode]);
+  const handleNavigate = useCallback(
+    (direction) => {
+      if (direction === "up") {
+        setSelectedIndex((prev) => Math.max(0, prev - 1));
+      } else {
+        setSelectedIndex((prev) => Math.min(filteredAliases.length - 1, prev + 1));
+      }
+    },
+    [filteredAliases.length]
+  );
+  const handleSelectFromSearch = useCallback(() => {
+    if (filteredAliases.length > 0) {
+      setMode("edit");
+    }
+  }, [filteredAliases.length]);
+  return /* @__PURE__ */ React8.createElement(Box8, { flexDirection: "column", paddingX: 2, paddingY: 1 }, mode === "list" ? /* @__PURE__ */ React8.createElement(Logo, null) : /* @__PURE__ */ React8.createElement(LogoCompact, null), /* @__PURE__ */ React8.createElement(Box8, { marginBottom: 1 }, /* @__PURE__ */ React8.createElement(Box8, { gap: 1 }, /* @__PURE__ */ React8.createElement(Text8, { bold: true, color: "magenta" }, "\u26A1"), /* @__PURE__ */ React8.createElement(Text8, { bold: true, color: "white" }, "Alias Manager"), /* @__PURE__ */ React8.createElement(Text8, { dimColor: true }, "(", aliases.length, " aliases)"))), /* @__PURE__ */ React8.createElement(Box8, { marginBottom: 1 }, /* @__PURE__ */ React8.createElement(Text8, { color: "gray" }, "\u2500".repeat(80))), mode === "search" && /* @__PURE__ */ React8.createElement(Box8, { marginBottom: 1 }, /* @__PURE__ */ React8.createElement(
+    SearchModal,
+    {
+      onSearch: handleSearch,
+      onCancel: handleCancel,
+      matchCount: filteredAliases.length,
+      onNavigate: handleNavigate,
+      onSelect: handleSelectFromSearch
+    }
+  )), /* @__PURE__ */ React8.createElement(
+    Box8,
+    {
+      borderStyle: "round",
+      borderColor: "gray",
+      flexDirection: "column",
+      paddingX: 2,
+      paddingY: 1,
+      minHeight: 12
+    },
+    (() => {
+      switch (mode) {
+        case "list":
+        case "search":
+          return /* @__PURE__ */ React8.createElement(
+            AliasList,
+            {
+              aliases: filteredAliases,
+              selectedIndex,
+              isSearchMode: mode === "search"
+            }
+          );
+        case "add":
+          return /* @__PURE__ */ React8.createElement(AddAliasModal, { onSave: handleAdd, onCancel: handleCancel });
+        case "edit":
+          return filteredAliases[selectedIndex] ? /* @__PURE__ */ React8.createElement(
+            EditAliasModal,
+            {
+              alias: filteredAliases[selectedIndex],
+              onSave: handleEdit,
+              onCancel: handleCancel
+            }
+          ) : null;
+        case "delete":
+          return filteredAliases[selectedIndex] ? /* @__PURE__ */ React8.createElement(
+            DeleteConfirmModal,
+            {
+              alias: filteredAliases[selectedIndex],
+              onConfirm: handleDelete,
+              onCancel: handleCancel
+            }
+          ) : null;
+        default:
+          return null;
+      }
+    })()
+  ), mode === "list" && /* @__PURE__ */ React8.createElement(React8.Fragment, null, /* @__PURE__ */ React8.createElement(Box8, { marginTop: 1 }, /* @__PURE__ */ React8.createElement(Text8, { color: "gray" }, "\u2500".repeat(80))), /* @__PURE__ */ React8.createElement(Box8, { marginTop: 1, justifyContent: "center", gap: 3 }, /* @__PURE__ */ React8.createElement(Text8, null, /* @__PURE__ */ React8.createElement(Text8, { bold: true, color: "green" }, "[a]"), /* @__PURE__ */ React8.createElement(Text8, { dimColor: true }, " add")), /* @__PURE__ */ React8.createElement(Text8, null, /* @__PURE__ */ React8.createElement(Text8, { bold: true, color: "blue" }, "[e]"), /* @__PURE__ */ React8.createElement(Text8, { dimColor: true }, " edit")), /* @__PURE__ */ React8.createElement(Text8, null, /* @__PURE__ */ React8.createElement(Text8, { bold: true, color: "red" }, "[d/Del]"), /* @__PURE__ */ React8.createElement(Text8, { dimColor: true }, " delete")), /* @__PURE__ */ React8.createElement(Text8, null, /* @__PURE__ */ React8.createElement(Text8, { bold: true, color: "cyan" }, "[/]"), /* @__PURE__ */ React8.createElement(Text8, { dimColor: true }, " search")), searchQuery && /* @__PURE__ */ React8.createElement(Text8, null, /* @__PURE__ */ React8.createElement(Text8, { bold: true, color: "yellow" }, "[c]"), /* @__PURE__ */ React8.createElement(Text8, { dimColor: true }, " clear")), /* @__PURE__ */ React8.createElement(Text8, { dimColor: true }, "\u2022"), /* @__PURE__ */ React8.createElement(Text8, null, /* @__PURE__ */ React8.createElement(Text8, { bold: true, color: "gray" }, "[\u2191/\u2193]"), /* @__PURE__ */ React8.createElement(Text8, { dimColor: true }, " navigate")), /* @__PURE__ */ React8.createElement(Text8, { dimColor: true }, "\u2022"), /* @__PURE__ */ React8.createElement(Text8, null, /* @__PURE__ */ React8.createElement(Text8, { bold: true, color: "gray" }, "[q]"), /* @__PURE__ */ React8.createElement(Text8, { dimColor: true }, " quit"))), searchQuery && /* @__PURE__ */ React8.createElement(Box8, { marginTop: 1, justifyContent: "center" }, /* @__PURE__ */ React8.createElement(Text8, { dimColor: true }, "Filtering: "), /* @__PURE__ */ React8.createElement(Text8, { color: "cyan" }, '"', searchQuery, '"'), /* @__PURE__ */ React8.createElement(Text8, { dimColor: true }, " (", filteredAliases.length, " matches)"))));
+}
+
+// src/cli.tsx
+render(/* @__PURE__ */ React9.createElement(App, null));

package/package.json

@@ -0,0 +1,56 @@
+{
+  "name": "@laabroms/alias-cli",
+  "version": "0.1.0",
+  "description": "Interactive TUI for managing shell aliases",
+  "type": "module",
+  "main": "dist/cli.js",
+  "bin": {
+    "alias-cli": "dist/cli.js"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsx src/cli.tsx",
+    "prepublishOnly": "npm run build",
+    "typecheck": "tsc --noEmit"
+  },
+  "keywords": [
+    "alias",
+    "cli",
+    "tui",
+    "shell",
+    "zsh",
+    "bash",
+    "terminal",
+    "interactive"
+  ],
+  "author": "Lucas Aabroms",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/laabroms/alias-cli.git"
+  },
+  "bugs": {
+    "url": "https://github.com/laabroms/alias-cli/issues"
+  },
+  "homepage": "https://github.com/laabroms/alias-cli#readme",
+  "dependencies": {
+    "ink": "^6.8.0",
+    "ink-select-input": "^6.2.0",
+    "ink-text-input": "^6.0.0",
+    "react": "^19.2.4"
+  },
+  "devDependencies": {
+    "@types/node": "^25.3.0",
+    "@types/react": "^19.2.14",
+    "esbuild": "^0.27.3",
+    "tsup": "^8.5.1",
+    "tsx": "^4.21.0",
+    "typescript": "^5.9.3"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  }
+}