vaulter-cli 2.3.2 → 2.3.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vaulter-cli",
-  "version": "2.3.2",
+  "version": "2.3.4",
   "description": "CLI tool for Vaulter - Secure API Key Manager",
   "author": "faris-sait",
   "repository": {
@@ -31,6 +31,7 @@
   "dependencies": {
     "chalk": "^5.3.0",
     "cli-table3": "^0.6.3",
+    "clipboardy": "^4.0.0",
     "commander": "^12.0.0",
     "inquirer": "^9.2.0",
     "open": "^10.0.0",

package/src/commands/help.js

@@ -12,26 +12,48 @@ export async function showHelp() {
   console.log(status);
   console.log('');
 
-  console.log(purple.bold('  COMMANDS'));
-  console.log('');
-
-  const commands = [
-    { name: 'init',                desc: 'Initialize current directory as a Vaulter project' },
-    { name: 'sign-in',             desc: 'Authenticate with Vaulter via browser' },
-    { name: 'sign-out',            desc: 'Sign out and clear saved credentials' },
-    { name: 'ls',                  desc: 'List all API keys in your vault' },
-    { name: 'add <name>',          desc: 'Add a new API key to your vault' },
-    { name: 'remove <name-or-id>', desc: 'Remove an API key from your vault' },
-    { name: 'view [key_names...]', desc: 'Decrypt and display one or more API keys in your terminal' },
-    { name: 'make [file]',         desc: 'Generate a .env file from your vault keys' },
-    { name: 'save [file]',         desc: 'Upload a local .env file to your vault' },
-    { name: 'web-app',             desc: 'Open the Vaulter web app in your browser' },
-    { name: 'help',                desc: 'Show this help message' },
+  const sections = [
+    {
+      label: 'SETUP',
+      commands: [
+        { name: 'init',      desc: 'Initialize current directory as a Vaulter project' },
+        { name: 'sign-in',   desc: 'Authenticate with Vaulter via browser' },
+        { name: 'sign-out',  desc: 'Sign out and clear saved credentials' },
+      ],
+    },
+    {
+      label: 'VAULT KEYS',
+      commands: [
+        { name: 'ls',                  desc: 'List all API keys in your vault' },
+        { name: 'add <name>',          desc: 'Add a new API key to your vault' },
+        { name: 'remove <name-or-id>', desc: 'Remove an API key from your vault' },
+        { name: 'view [key_names...]', desc: 'Decrypt and display keys in your terminal' },
+      ],
+    },
+    {
+      label: 'FILES',
+      commands: [
+        { name: 'make [file]', desc: 'Generate a .env file from your vault keys' },
+        { name: 'save [file]', desc: 'Upload a local .env file to your vault' },
+      ],
+    },
+    {
+      label: 'MORE',
+      commands: [
+        { name: 'web-app', desc: 'Open the Vaulter web app in your browser' },
+        { name: 'help',    desc: 'Show this help message' },
+      ],
+    },
   ];
 
-  for (const cmd of commands) {
-    const padded = cmd.name.padEnd(22);
-    console.log(`  ${white.bold(padded)} ${dim(cmd.desc)}`);
+  for (const section of sections) {
+    console.log(purple.bold('  ' + section.label));
+    console.log('');
+    for (const cmd of section.commands) {
+      const padded = cmd.name.padEnd(22);
+      console.log(`    ${white.bold(padded)} ${dim(cmd.desc)}`);
+    }
+    console.log('');
   }
 
   console.log('');

package/src/commands/ls.js

@@ -43,21 +43,23 @@ export async function listKeys() {
     for (const key of keys) {
       const tags = (key.tags || []).join(', ') || dim('none');
       const created = new Date(key.created_at).toLocaleDateString();
-      const usage = key.usage_count || 0;
+      const usageCount = key.usage_count || 0;
+      const usage = usageCount > 0 ? dim(`${usageCount}x`) : dim('—');
 
       table.push([
         chalk.white(key.name),
         chalk.hex('#a78bfa')(key.masked_key),
         dim(tags),
         dim(created),
-        dim(`${usage}x`),
+        usage,
       ]);
     }
 
     console.log('');
     console.log(table.toString());
     console.log('');
-    console.log(dim(`  ${keys.length} key(s) in your vault`));
+    const label = keys.length === 1 ? '1 key in your vault' : `${keys.length} keys in your vault`;
+    console.log(dim(`  ${label}`));
     tip('Run `vaulter make .env` to export keys to a .env file.');
     console.log('');
   } catch (err) {

package/src/commands/view.js

@@ -1,9 +1,21 @@
 import inquirer from 'inquirer';
 import ora from 'ora';
-import Table from 'cli-table3';
 import chalk from 'chalk';
+import clipboardy from 'clipboardy';
 import { apiFetch } from '../lib/api.js';
-import { purple, dim, error, warn } from '../lib/ui.js';
+import { purple, dim, error, warn, success, tip } from '../lib/ui.js';
+
+const DIVIDER_WIDTH = 60;
+const divider = chalk.dim('─'.repeat(DIVIDER_WIDTH));
+
+function printKeyCard(name, value, index, total) {
+  const label = purple.bold(name);
+  const counter = chalk.dim(`[${index + 1}/${total}]`);
+  console.log(`  ${label}  ${counter}`);
+  console.log(`  ${divider}`);
+  console.log(`  ${chalk.hex('#a78bfa')(value)}`);
+  console.log('');
+}
 
 export async function viewKeys(names) {
   const spinner = ora({ text: 'Fetching vault keys...', color: 'magenta' }).start();
@@ -30,7 +42,6 @@ export async function viewKeys(names) {
   let selected;
 
   if (names.length === 0) {
-    // Interactive checkbox selection
     console.log('');
     const { selectedKeys } = await inquirer.prompt([
       {
@@ -54,7 +65,6 @@ export async function viewKeys(names) {
 
     selected = selectedKeys;
   } else {
-    // Match provided names case-insensitively
     selected = [];
     for (const name of names) {
       const match = keys.find((k) => k.name.toLowerCase() === name.toLowerCase());
@@ -78,35 +88,73 @@ export async function viewKeys(names) {
   for (const key of selected) {
     try {
       const data = await apiFetch(`/api/keys/${key.id}?decrypt=true`);
-      rows.push([chalk.white(key.name), chalk.hex('#a78bfa')(data.decrypted_key)]);
+      rows.push({ name: key.name, value: data.decrypted_key });
     } catch (err) {
-      rows.push([chalk.white(key.name), dim('(failed to decrypt)')]);
+      rows.push({ name: key.name, value: null });
     }
   }
 
   decryptSpinner.stop();
 
-  const table = new Table({
-    head: [purple.bold('Name'), purple.bold('Decrypted Value')],
-    style: {
-      head: [],
-      border: ['dim'],
-    },
-    chars: {
-      'top': '─', 'top-mid': '┬', 'top-left': '┌', 'top-right': '┐',
-      'bottom': '─', 'bottom-mid': '┴', 'bottom-left': '└', 'bottom-right': '┘',
-      'left': '│', 'left-mid': '├', 'mid': '─', 'mid-mid': '┼',
-      'right': '│', 'right-mid': '┤', 'middle': '│',
-    },
-  });
-
-  for (const row of rows) {
-    table.push(row);
+  const failed = rows.filter(r => r.value === null);
+  failed.forEach(r => warn(`Failed to decrypt "${r.name}"`));
+
+  // Display cards
+  console.log('');
+  console.log(`  ${chalk.dim('━'.repeat(DIVIDER_WIDTH))}`);
+  console.log('');
+
+  for (let i = 0; i < rows.length; i++) {
+    const { name, value } = rows[i];
+    if (value === null) {
+      printKeyCard(name, chalk.dim('(failed to decrypt)'), i, rows.length);
+    } else {
+      printKeyCard(name, value, i, rows.length);
+    }
   }
 
+  console.log(`  ${chalk.dim('━'.repeat(DIVIDER_WIDTH))}`);
   console.log('');
-  console.log(table.toString());
+  console.log(`  ${chalk.yellow('⚠')}  ${chalk.yellow.bold('These values are sensitive.')} ${chalk.dim('Clear your terminal when done.')}`);
+  console.log(`  ${chalk.dim('💡 Tip: Select a key below to copy it to your clipboard.')}`);
   console.log('');
-  console.log(dim('  These values are sensitive. Clear your terminal when done.'));
+
+  // Clipboard copy loop
+  const copyableRows = rows.filter((r) => r.value !== null);
+  if (copyableRows.length === 0) return;
+
+  let copying = true;
+  while (copying) {
+    const { toCopy } = await inquirer.prompt([
+      {
+        type: 'list',
+        name: 'toCopy',
+        message: purple('Copy a key to clipboard:'),
+        choices: [
+          ...copyableRows.map((r) => ({
+            name: `${chalk.white(r.name)}  ${chalk.dim(r.value.slice(0, 24) + (r.value.length > 24 ? '...' : ''))}`,
+            value: r,
+          })),
+          new inquirer.Separator(),
+          { name: chalk.dim('Done'), value: null },
+        ],
+      },
+    ]);
+
+    if (toCopy === null) {
+      copying = false;
+    } else {
+      try {
+        await clipboardy.write(toCopy.value);
+        success(`${chalk.white(toCopy.name)} copied to clipboard.`);
+        console.log('');
+      } catch {
+        warn('Could not access clipboard. Copy the value manually from above.');
+        console.log('');
+      }
+    }
+  }
+
+  tip('Run `clear` to wipe your terminal and protect these values.');
   console.log('');
 }

package/src/lib/ui.js

@@ -11,11 +11,11 @@ export const yellow = chalk.yellow;
 export const cyan = chalk.cyan;
 
 export function success(msg) {
-  console.log(green('  ' + msg));
+  console.log(green('  ✔ ' + msg));
 }
 
 export function error(msg) {
-  console.log(red('  ' + msg));
+  console.log(red('  ✗ ' + msg));
 }
 
 export function info(msg) {
@@ -23,7 +23,7 @@ export function info(msg) {
 }
 
 export function warn(msg) {
-  console.log(yellow('  ' + msg));
+  console.log(yellow('  ⚠ ' + msg));
 }
 
 export function tip(msg) {