@lkangd/cc-env 1.3.0 → 1.3.1

package/README.md

@@ -20,6 +20,8 @@
 
 `cc-env` is a CLI tool that lets you define, switch, and restore environment variable configurations for Claude Code — per project or via reusable presets. No more manually editing `settings.json` or juggling `.env` files across workspaces.
 
+> **Alias:** `ccenv` can be used as a shorthand for `cc-env` everywhere (e.g., `ccenv run`, `ccenv create`).
+
 ## Installation
 
 ### via npm
@@ -75,6 +77,8 @@ cc-env run
 
 ## Shell Completion
 
+> Both `cc-env` and `ccenv` are supported in completion scripts.
+
 ```bash
 # bash
 cc-env completion bash >> ~/.bashrc

package/README.zh.md

@@ -20,6 +20,8 @@
 
 `cc-env` 是一个 CLI 工具，让你可以为 Claude Code 定义、切换和恢复环境变量配置——支持按项目配置或使用可复用的预设。不再需要手动编辑 `settings.json` 或在不同工作区之间切换 `.env` 文件。
 
+> **别名：** `ccenv` 可以作为 `cc-env` 的简写使用（例如 `ccenv run`、`ccenv create`）。
+
 ## 安装
 
 ### 通过 npm
@@ -75,6 +77,8 @@ cc-env run
 
 ## Shell 补全
 
+> 补全脚本同时支持 `cc-env` 和 `ccenv`。
+
 ```bash
 # bash
 cc-env completion bash >> ~/.bashrc

package/dist/cli.js

@@ -24,6 +24,7 @@ import { PresetShowApp } from './ink/preset-show-app.js';
 import { RunPresetSelectApp } from './ink/run-preset-select-app.js';
 import { advanceRestoreFlow, createRestoreFlowState } from './flows/restore-flow.js';
 import { RestoreApp } from './ink/restore-app.js';
+import { getCliName } from './core/cli-name.js';
 import { CliError } from './core/errors.js';
 import { resolveGlobalRoot } from './core/paths.js';
 import { spawnCommand } from './core/spawn.js';
@@ -36,7 +37,7 @@ import { createSettingsEnvService } from './services/settings-env-service.js';
 import { createShellEnvService } from './services/shell-env-service.js';
 const program = new Command();
 program
-    .name('cc-env')
+    .name(getCliName())
     .description('Manage runtime environment variables for Claude Code')
     .version(packageJson.version)
     .option('--verbose', 'Enable verbose output')
@@ -299,7 +300,7 @@ program
     .option('--shell <shell>', 'Shell type (bash, zsh, fish)', 'bash')
     .action(async (options) => {
     const { generateCompletion } = await import('./commands/completion.js');
-    process.stdout.write(generateCompletion(options.shell));
+    process.stdout.write(generateCompletion(options.shell, getCliName()));
 });
 function printBanner() {
     const banner = figlet.textSync('CC ENV', { font: 'ANSI Shadow' });
@@ -346,7 +347,7 @@ main().catch((error) => {
             process.exitCode = 0;
             return;
         }
-        const hint = `  Run "cc-env --help" to see available commands and options.\n`;
+        const hint = `  Run "${getCliName()} --help" to see available commands and options.\n`;
         const formatted = message?.replace(/^error:\s*/i, '') ?? 'Unknown error';
         process.stderr.write(`\n  Error: ${formatted}\n\n${hint}\n`);
         process.exitCode = 1;

package/dist/commands/completion.js

@@ -1,16 +1,16 @@
 const COMMANDS = ['run', 'init', 'restore', 'show', 'delete', 'create', 'doctor', 'completion', '--help', '--version'];
-export function generateCompletion(shell) {
+export function generateCompletion(shell, cliName = 'cc-env') {
     switch (shell) {
         case 'zsh':
-            return generateZsh();
+            return generateZsh(cliName);
         case 'fish':
-            return generateFish();
+            return generateFish(cliName);
         default:
-            return generateBash();
+            return generateBash(cliName);
     }
 }
-function generateBash() {
-    return `# cc-env bash completion
+function generateBash(cliName) {
+    return `# ${cliName} bash completion
 # Add to ~/.bashrc: eval "$(cc-env completion --shell bash)"
 _cc_env_completions() {
   local cur="\${COMP_WORDS[COMP_CWORD]}"
@@ -18,12 +18,13 @@ _cc_env_completions() {
   COMPREPLY=($(compgen -W "$commands" -- "$cur"))
 }
 complete -F _cc_env_completions cc-env
+complete -F _cc_env_completions ccenv
 `;
 }
-function generateZsh() {
+function generateZsh(cliName) {
     const cmds = COMMANDS.filter((c) => !c.startsWith('-'));
     const cmdList = cmds.map((c) => `    '${c}'`).join('\n');
-    return `# cc-env zsh completion
+    return `# ${cliName} zsh completion
 # Add to ~/.zshrc: eval "$(cc-env completion --shell zsh)"
 _cc_env() {
   local -a commands
@@ -33,9 +34,10 @@ ${cmdList}
   _describe 'command' commands
 }
 compdef _cc_env cc-env
+compdef _cc_env ccenv
 `;
 }
-function generateFish() {
+function generateFish(cliName) {
     const cmds = [
         ['run', 'Run claude with merged environment variables'],
         ['init', 'Initialize cc-env for the current project'],
@@ -46,15 +48,19 @@ function generateFish() {
         ['doctor', 'Check system health and configuration'],
         ['completion', 'Generate shell completion script'],
     ];
-    const lines = cmds.map(([cmd, desc]) => `complete -c cc-env -f -n '__fish_use_subcommand' -a '${cmd}' -d '${desc}'`);
-    return `# cc-env fish completion
+    const names = ['cc-env', 'ccenv'];
+    const subcommandLines = names.flatMap(name => cmds.map(([cmd, desc]) => `complete -c ${name} -f -n '__fish_use_subcommand' -a '${cmd}' -d '${desc}'`));
+    const flagLines = names.flatMap(name => [
+        `complete -c ${name} -l help -d 'Show help'`,
+        `complete -c ${name} -l version -d 'Show version'`,
+        `complete -c ${name} -l json -d 'Output as JSON'`,
+        `complete -c ${name} -l quiet -d 'Suppress non-essential output'`,
+        `complete -c ${name} -l verbose -d 'Enable verbose output'`,
+        `complete -c ${name} -l no-interactive -d 'Disable interactive prompts'`,
+    ]);
+    return `# ${cliName} fish completion
 # Add to fish config: cc-env completion --shell fish | source
-${lines.join('\n')}
-complete -c cc-env -l help -d 'Show help'
-complete -c cc-env -l version -d 'Show version'
-complete -c cc-env -l json -d 'Output as JSON'
-complete -c cc-env -l quiet -d 'Suppress non-essential output'
-complete -c cc-env -l verbose -d 'Enable verbose output'
-complete -c cc-env -l no-interactive -d 'Disable interactive prompts'
+${subcommandLines.join('\n')}
+${flagLines.join('\n')}
 `;
 }

package/dist/commands/doctor.js

@@ -1,5 +1,6 @@
 import { access, readdir } from 'node:fs/promises';
 import { join } from 'node:path';
+import { getCliName } from '../core/cli-name.js';
 import { findClaudeExecutable } from '../core/find-claude.js';
 import { resolveGlobalRoot } from '../core/paths.js';
 async function exists(p) {
@@ -36,7 +37,7 @@ async function checkClaudeExecutable() {
 async function checkProjectEnv(cwd) {
     const path = join(cwd, '.cc-env', 'env.json');
     const ok = await exists(path);
-    return { label: 'Project env (.cc-env/env.json)', ok, detail: ok ? path : 'not initialized — run: cc-env init' };
+    return { label: 'Project env (.cc-env/env.json)', ok, detail: ok ? path : `not initialized — run: ${getCliName()} init` };
 }
 function renderCheck(result, json) {
     if (json)

package/dist/core/cli-name.js

@@ -0,0 +1,8 @@
+import { basename } from 'node:path';
+const ALIASES = new Set(['cc-env', 'ccenv']);
+export function getCliName() {
+    const name = basename(process.argv[1] ?? '');
+    if (ALIASES.has(name))
+        return name;
+    return 'cc-env';
+}

package/dist/flows/preset-create-flow.js

@@ -3,7 +3,7 @@ export function createPresetCreateFlowState(input) {
     const requiredKeys = input?.requiredKeys ?? [];
     const detectedKeys = Object.keys(detectedEnv).sort();
     const selectedKeys = requiredKeys.filter((key) => key in detectedEnv);
-    if (detectedKeys.length > 0) {
+    if (selectedKeys.length > 0) {
         return {
             step: 'detectedPrompt',
             env: detectedEnv,

package/dist/ink/components/text-input.js

@@ -0,0 +1,7 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+export function TextInputDisplay({ value, cursorPos }) {
+    const before = value.slice(0, cursorPos);
+    const after = value.slice(cursorPos);
+    return (_jsxs(Box, { children: [_jsxs(Text, { dimColor: true, children: ['>', " "] }), _jsx(Text, { color: "cyan", children: before }), _jsx(Text, { dimColor: true, children: "\u2588" }), _jsx(Text, { color: "cyan", children: after })] }));
+}

package/dist/ink/hooks/use-text-input.js

@@ -0,0 +1,71 @@
+import { useState } from 'react';
+export function handleKey(state, input, key, setState) {
+    const { value, cursorPos } = state;
+    if (key.leftArrow) {
+        if (cursorPos > 0)
+            setState(value, cursorPos - 1);
+        return true;
+    }
+    if (key.rightArrow) {
+        if (cursorPos < value.length)
+            setState(value, cursorPos + 1);
+        return true;
+    }
+    if (key.home) {
+        setState(value, 0);
+        return true;
+    }
+    if (key.end) {
+        setState(value, value.length);
+        return true;
+    }
+    if (key.ctrl && input === 'a') {
+        setState(value, 0);
+        return true;
+    }
+    if (key.ctrl && input === 'e') {
+        setState(value, value.length);
+        return true;
+    }
+    if (key.ctrl && input === 'u') {
+        setState(value.slice(cursorPos), 0);
+        return true;
+    }
+    if (key.ctrl && input === 'k') {
+        setState(value.slice(0, cursorPos), cursorPos);
+        return true;
+    }
+    if ((key.ctrl && (key.backspace || key.delete)) || (key.meta && (key.backspace || key.delete))) {
+        if (cursorPos > 0) {
+            setState(value.slice(cursorPos), 0);
+        }
+        return true;
+    }
+    if (key.backspace || key.delete) {
+        if (cursorPos > 0) {
+            setState(value.slice(0, cursorPos - 1) + value.slice(cursorPos), cursorPos - 1);
+        }
+        return true;
+    }
+    if (input && !key.ctrl && !key.meta) {
+        setState(value.slice(0, cursorPos) + input + value.slice(cursorPos), cursorPos + 1);
+        return true;
+    }
+    return false;
+}
+export function useTextInput() {
+    const [value, setValue] = useState('');
+    const [cursorPos, setCursorPos] = useState(0);
+    const setState = (newValue, newCursor) => {
+        setValue(newValue);
+        setCursorPos(newCursor);
+    };
+    const onKey = (input, key) => {
+        return handleKey({ value, cursorPos }, input, key, setState);
+    };
+    const reset = (newValue = '') => {
+        setValue(newValue);
+        setCursorPos(newValue.length);
+    };
+    return { value, cursorPos, handleKey: onKey, setValue, reset };
+}

package/dist/ink/preset-create-app.js

@@ -1,6 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
 import { Box, Text, useApp, useInput } from 'ink';
+import { useTextInput } from './hooks/use-text-input.js';
+import { TextInputDisplay } from './components/text-input.js';
 import { advancePresetCreateFlow, createPresetCreateFlowState, } from '../flows/preset-create-flow.js';
 import { EnvSummary } from './summary.js';
 function DetectedPromptStep({ cursor }) {
@@ -21,8 +23,8 @@ function SourceStep({ cursor }) {
     ];
     return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, children: "Select env source" }), _jsx(Text, { dimColor: true, children: "\u2191/k \u2193/j navigate \u00B7 enter confirm" }), _jsx(Box, { flexDirection: "column", marginTop: 1, children: options.map((opt, i) => (_jsxs(Box, { children: [_jsx(Text, { children: i === cursor ? '❯ ' : '  ' }), _jsx(Text, { ...(i === cursor ? { color: 'cyan' } : {}), children: opt.label })] }, opt.value))) })] }));
 }
-function FilePathStep({ value, error }) {
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, children: "Enter file path (.yaml/.yml/.json)" }), _jsxs(Box, { marginTop: 1, children: [_jsxs(Text, { dimColor: true, children: ['>', " "] }), _jsx(Text, { color: "cyan", children: value }), _jsx(Text, { dimColor: true, children: "\u2588" })] }), error ? _jsx(Text, { color: "red", children: error }) : null] }));
+function FilePathStep({ value, cursorPos, error }) {
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, children: "Enter file path (.yaml/.yml/.json)" }), _jsx(Box, { marginTop: 1, children: _jsx(TextInputDisplay, { value: value, cursorPos: cursorPos }) }), error ? _jsx(Text, { color: "red", children: error }) : null] }));
 }
 function KeysStep({ keys, selectedKeys, cursor, }) {
     return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, children: "Select env keys to import" }), _jsx(Text, { dimColor: true, children: "\u2191/k \u2193/j navigate \u00B7 space toggle \u00B7 enter confirm" }), _jsx(Box, { flexDirection: "column", marginTop: 1, children: keys.map((key, i) => {
@@ -30,11 +32,11 @@ function KeysStep({ keys, selectedKeys, cursor, }) {
                     return (_jsxs(Box, { children: [_jsx(Text, { children: i === cursor ? '❯ ' : '  ' }), _jsx(Text, { color: isSelected ? 'green' : '', children: isSelected ? '[x]' : '[ ]' }), _jsxs(Text, { children: [" ", key] })] }, key));
                 }) }), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { dimColor: true, children: [selectedKeys.length, " of ", keys.length, " selected"] }) })] }));
 }
-function ManualInputStep({ entries, value, error, }) {
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, children: "Enter KEY=VALUE pairs (press q when done)" }), entries.length > 0 ? (_jsx(Box, { flexDirection: "column", marginBottom: 1, children: entries.map(([key, val]) => (_jsxs(Box, { children: [_jsx(Text, { color: "yellow", children: "\u2022 " }), _jsx(Text, { color: "magenta", children: key }), _jsx(Text, { dimColor: true, children: "=" }), _jsx(Text, { children: val })] }, key))) })) : null, _jsxs(Box, { children: [_jsxs(Text, { dimColor: true, children: ['>', " "] }), _jsx(Text, { color: "cyan", children: value }), _jsx(Text, { dimColor: true, children: "\u2588" })] }), error ? _jsx(Text, { color: "red", children: error }) : null] }));
+function ManualInputStep({ entries, value, cursorPos, error, }) {
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, children: "Enter KEY=VALUE pairs (press q when done)" }), entries.length > 0 ? (_jsx(Box, { flexDirection: "column", marginBottom: 1, children: entries.map(([key, val]) => (_jsxs(Box, { children: [_jsx(Text, { color: "yellow", children: "\u2022 " }), _jsx(Text, { color: "magenta", children: key }), _jsx(Text, { dimColor: true, children: "=" }), _jsx(Text, { children: val })] }, key))) })) : null, _jsx(TextInputDisplay, { value: value, cursorPos: cursorPos }), error ? _jsx(Text, { color: "red", children: error }) : null] }));
 }
-function NameStep({ value }) {
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, children: "Enter preset name" }), _jsxs(Box, { marginTop: 1, children: [_jsxs(Text, { dimColor: true, children: ['>', " "] }), _jsx(Text, { color: "cyan", children: value }), _jsx(Text, { dimColor: true, children: "\u2588" })] })] }));
+function NameStep({ value, cursorPos }) {
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, children: "Enter preset name" }), _jsx(Box, { marginTop: 1, children: _jsx(TextInputDisplay, { value: value, cursorPos: cursorPos }) })] }));
 }
 function DestinationStep({ cursor }) {
     const options = [
@@ -48,7 +50,7 @@ export function PresetCreateApp({ onSubmit, readFile, globalPresetPath, projectE
     const [state, setState] = useState(() => createPresetCreateFlowState(detectedEnv
         ? (requiredKeys ? { detectedEnv, requiredKeys } : { detectedEnv })
         : undefined));
-    const [textInput, setTextInput] = useState('');
+    const textInput = useTextInput();
     const [listCursor, setListCursor] = useState(0);
     const [allKeys, setAllKeys] = useState([]);
     const [fileEnv, setFileEnv] = useState({});
@@ -75,7 +77,7 @@ export function PresetCreateApp({ onSubmit, readFile, globalPresetPath, projectE
                     ? { type: 'accept-detected-prompt' }
                     : { type: 'reject-detected-prompt' }));
                 setListCursor(0);
-                setTextInput('');
+                textInput.reset();
                 return;
             }
         }
@@ -105,7 +107,7 @@ export function PresetCreateApp({ onSubmit, readFile, globalPresetPath, projectE
             if (key.return) {
                 setState((s) => advancePresetCreateFlow(s, { type: 'confirm-detected-keys' }));
                 setListCursor(0);
-                setTextInput('');
+                textInput.reset();
                 return;
             }
         }
@@ -126,7 +128,7 @@ export function PresetCreateApp({ onSubmit, readFile, globalPresetPath, projectE
                 const source = listCursor === 0 ? 'file' : 'manual';
                 setState((s) => advancePresetCreateFlow(s, { type: 'select-source', source }));
                 setListCursor(0);
-                setTextInput('');
+                textInput.reset();
                 return;
             }
         }
@@ -135,14 +137,10 @@ export function PresetCreateApp({ onSubmit, readFile, globalPresetPath, projectE
                 exit();
                 return;
             }
-            if (key.backspace || key.delete) {
-                setTextInput((v) => v.slice(0, -1));
-                return;
-            }
             if (key.return) {
                 void (async () => {
                     try {
-                        const result = await readFile(textInput);
+                        const result = await readFile(textInput.value);
                         if (result.allKeys.length === 0) {
                             setState((s) => advancePresetCreateFlow(s, {
                                 type: 'set-error',
@@ -154,7 +152,7 @@ export function PresetCreateApp({ onSubmit, readFile, globalPresetPath, projectE
                         setFileEnv(result.env);
                         setState((s) => advancePresetCreateFlow(s, {
                             type: 'set-file-path',
-                            filePath: textInput,
+                            filePath: textInput.value,
                         }));
                         setListCursor(0);
                     }
@@ -168,10 +166,8 @@ export function PresetCreateApp({ onSubmit, readFile, globalPresetPath, projectE
                 })();
                 return;
             }
-            if (input && !key.ctrl && !key.meta) {
-                setTextInput((v) => v + input);
+            if (textInput.handleKey(input, key))
                 return;
-            }
         }
         if (state.step === 'keys') {
             if (input === 'q') {
@@ -206,12 +202,12 @@ export function PresetCreateApp({ onSubmit, readFile, globalPresetPath, projectE
                     keys: state.selectedKeys,
                     env: selectedEnv,
                 }));
-                setTextInput('');
+                textInput.reset();
                 return;
             }
         }
         if (state.step === 'manualInput') {
-            if (input === 'q' && textInput === '') {
+            if (input === 'q' && textInput.value === '') {
                 if (state.selectedKeys.length === 0) {
                     setState((s) => advancePresetCreateFlow(s, {
                         type: 'set-error',
@@ -220,15 +216,11 @@ export function PresetCreateApp({ onSubmit, readFile, globalPresetPath, projectE
                     return;
                 }
                 setState((s) => advancePresetCreateFlow(s, { type: 'finish-manual-input' }));
-                setTextInput('');
-                return;
-            }
-            if (key.backspace || key.delete) {
-                setTextInput((v) => v.slice(0, -1));
+                textInput.reset();
                 return;
             }
             if (key.return) {
-                const separatorIndex = textInput.indexOf('=');
+                const separatorIndex = textInput.value.indexOf('=');
                 if (separatorIndex <= 0) {
                     setState((s) => advancePresetCreateFlow(s, {
                         type: 'set-error',
@@ -236,8 +228,8 @@ export function PresetCreateApp({ onSubmit, readFile, globalPresetPath, projectE
                     }));
                     return;
                 }
-                const k = textInput.slice(0, separatorIndex);
-                const v = textInput.slice(separatorIndex + 1);
+                const k = textInput.value.slice(0, separatorIndex);
+                const v = textInput.value.slice(separatorIndex + 1);
                 if (!/^[A-Z0-9_]+$/.test(k)) {
                     setState((s) => advancePresetCreateFlow(s, {
                         type: 'set-error',
@@ -250,35 +242,27 @@ export function PresetCreateApp({ onSubmit, readFile, globalPresetPath, projectE
                     key: k,
                     value: v,
                 }));
-                setTextInput('');
+                textInput.reset();
                 return;
             }
-            if (input && !key.ctrl && !key.meta) {
-                setTextInput((v) => v + input);
+            if (textInput.handleKey(input, key))
                 return;
-            }
         }
         if (state.step === 'name') {
             if (input === 'q') {
                 exit();
                 return;
             }
-            if (key.backspace || key.delete) {
-                setTextInput((v) => v.slice(0, -1));
-                return;
-            }
-            if (key.return && textInput.trim().length > 0) {
+            if (key.return && textInput.value.trim().length > 0) {
                 setState((s) => advancePresetCreateFlow(s, {
                     type: 'set-name',
-                    name: textInput.trim(),
+                    name: textInput.value.trim(),
                 }));
                 setListCursor(0);
                 return;
             }
-            if (input && !key.ctrl && !key.meta) {
-                setTextInput((v) => v + input);
+            if (textInput.handleKey(input, key))
                 return;
-            }
         }
         if (state.step === 'destination') {
             if (input === 'q') {
@@ -326,7 +310,7 @@ export function PresetCreateApp({ onSubmit, readFile, globalPresetPath, projectE
     if (state.step === 'done') {
         return (_jsx(Box, { flexDirection: "column", children: _jsx(Text, { color: "green", children: "Done" }) }));
     }
-    return (_jsxs(Box, { flexDirection: "column", children: [state.step === 'detectedPrompt' && _jsx(DetectedPromptStep, { cursor: listCursor }), state.step === 'detected' && (_jsx(DetectedKeysStep, { keys: state.allKeys, selectedKeys: state.selectedKeys, requiredKeys: state.requiredKeys, cursor: listCursor })), state.step === 'source' && _jsx(SourceStep, { cursor: listCursor }), state.step === 'filePath' && (_jsx(FilePathStep, { value: textInput, ...(state.error ? { error: state.error } : {}) })), state.step === 'keys' && (_jsx(KeysStep, { keys: allKeys, selectedKeys: state.selectedKeys, cursor: listCursor })), state.step === 'manualInput' && (_jsx(ManualInputStep, { entries: state.selectedKeys.map((k) => [k, state.env[k] ?? '']), value: textInput, ...(state.error ? { error: state.error } : {}) })), state.step === 'name' && _jsx(NameStep, { value: textInput }), state.step === 'destination' && _jsx(DestinationStep, { cursor: listCursor }), state.step === 'confirm' && state.destination ? (_jsxs(Box, { flexDirection: "column", children: [_jsx(EnvSummary, { title: `Preset: ${state.presetName}`, entries: Object.entries(state.env)
+    return (_jsxs(Box, { flexDirection: "column", children: [state.step === 'detectedPrompt' && _jsx(DetectedPromptStep, { cursor: listCursor }), state.step === 'detected' && (_jsx(DetectedKeysStep, { keys: state.allKeys, selectedKeys: state.selectedKeys, requiredKeys: state.requiredKeys, cursor: listCursor })), state.step === 'source' && _jsx(SourceStep, { cursor: listCursor }), state.step === 'filePath' && (_jsx(FilePathStep, { value: textInput.value, cursorPos: textInput.cursorPos, ...(state.error ? { error: state.error } : {}) })), state.step === 'keys' && (_jsx(KeysStep, { keys: allKeys, selectedKeys: state.selectedKeys, cursor: listCursor })), state.step === 'manualInput' && (_jsx(ManualInputStep, { entries: state.selectedKeys.map((k) => [k, state.env[k] ?? '']), value: textInput.value, cursorPos: textInput.cursorPos, ...(state.error ? { error: state.error } : {}) })), state.step === 'name' && _jsx(NameStep, { value: textInput.value, cursorPos: textInput.cursorPos }), state.step === 'destination' && _jsx(DestinationStep, { cursor: listCursor }), state.step === 'confirm' && state.destination ? (_jsxs(Box, { flexDirection: "column", children: [_jsx(EnvSummary, { title: `Preset: ${state.presetName}`, entries: Object.entries(state.env)
                             .filter(([k]) => state.selectedKeys.includes(k))
                             .sort(([a], [b]) => a.localeCompare(b)), mask: true, ...(state.filePath ? { fromFiles: [state.filePath] } : {}), toFiles: [
                             state.destination === 'global'

package/dist/ink/preset-edit-app.js

@@ -1,19 +1,21 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { useState } from 'react';
 import { Box, Text, useApp, useInput } from 'ink';
+import { useTextInput } from './hooks/use-text-input.js';
+import { TextInputDisplay } from './components/text-input.js';
 export function PresetEditApp({ name, env: initialEnv, onSubmit }) {
     const { exit } = useApp();
     const [entries, setEntries] = useState(Object.entries(initialEnv));
     const [cursor, setCursor] = useState(0);
     const [editing, setEditing] = useState(null);
-    const [textInput, setTextInput] = useState('');
+    const textInput = useTextInput();
     const [error, setError] = useState();
     const [step, setStep] = useState('list');
     useInput((input, key) => {
         if (key.escape || input === 'q') {
             if (editing !== null) {
                 setEditing(null);
-                setTextInput('');
+                textInput.reset();
                 setError(undefined);
                 return;
             }
@@ -33,7 +35,7 @@ export function PresetEditApp({ name, env: initialEnv, onSubmit }) {
             if (key.return && entries.length > 0) {
                 const entry = entries[cursor];
                 if (entry) {
-                    setTextInput(`${entry[0]}=${entry[1]}`);
+                    textInput.reset(`${entry[0]}=${entry[1]}`);
                     setEditing(cursor);
                     setError(undefined);
                 }
@@ -45,7 +47,7 @@ export function PresetEditApp({ name, env: initialEnv, onSubmit }) {
                 return;
             }
             if (input === 'a') {
-                setTextInput('');
+                textInput.reset();
                 setEditing(entries.length);
                 setError(undefined);
                 return;
@@ -56,18 +58,14 @@ export function PresetEditApp({ name, env: initialEnv, onSubmit }) {
             }
         }
         if (editing !== null) {
-            if (key.backspace || key.delete) {
-                setTextInput((v) => v.slice(0, -1));
-                return;
-            }
             if (key.return) {
-                const sep = textInput.indexOf('=');
+                const sep = textInput.value.indexOf('=');
                 if (sep <= 0) {
                     setError('Format must be KEY=VALUE');
                     return;
                 }
-                const k = textInput.slice(0, sep);
-                const v = textInput.slice(sep + 1);
+                const k = textInput.value.slice(0, sep);
+                const v = textInput.value.slice(sep + 1);
                 if (!/^[A-Z0-9_]+$/.test(k)) {
                     setError('Key must match [A-Z0-9_]+');
                     return;
@@ -83,14 +81,12 @@ export function PresetEditApp({ name, env: initialEnv, onSubmit }) {
                     return next;
                 });
                 setEditing(null);
-                setTextInput('');
+                textInput.reset();
                 setError(undefined);
                 return;
             }
-            if (input && !key.ctrl && !key.meta) {
-                setTextInput((v) => v + input);
+            if (textInput.handleKey(input, key))
                 return;
-            }
         }
         if (step === 'confirm') {
             if (key.return) {
@@ -108,5 +104,5 @@ export function PresetEditApp({ name, env: initialEnv, onSubmit }) {
     if (step === 'confirm') {
         return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { bold: true, children: ["Save changes to preset \"", name, "\"?"] }), _jsx(Box, { flexDirection: "column", marginTop: 1, children: entries.map(([k, v]) => (_jsxs(Box, { children: [_jsx(Text, { color: "yellow", children: "\u2022 " }), _jsx(Text, { color: "magenta", children: k }), _jsx(Text, { dimColor: true, children: "=" }), _jsx(Text, { children: v })] }, k))) }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Press enter to confirm \u00B7 q to go back" }) })] }));
     }
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { bold: true, children: ["Editing preset: ", name] }), _jsx(Text, { dimColor: true, children: "\u2191/k \u2193/j navigate \u00B7 enter edit \u00B7 d delete \u00B7 a add \u00B7 s save \u00B7 q cancel" }), _jsxs(Box, { flexDirection: "column", marginTop: 1, children: [entries.map(([k, v], i) => (_jsxs(Box, { children: [_jsx(Text, { children: i === cursor ? '❯ ' : '  ' }), _jsx(Text, { color: "magenta", children: k }), _jsx(Text, { dimColor: true, children: "=" }), _jsx(Text, { children: v })] }, k))), entries.length === 0 && _jsx(Text, { dimColor: true, children: "No entries. Press a to add." })] }), editing !== null && (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { bold: true, children: editing < entries.length ? 'Edit entry' : 'Add entry' }), _jsxs(Box, { children: [_jsxs(Text, { dimColor: true, children: ['>', " "] }), _jsx(Text, { color: "cyan", children: textInput }), _jsx(Text, { dimColor: true, children: "\u2588" })] }), error ? _jsx(Text, { color: "red", children: error }) : null] }))] }));
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { bold: true, children: ["Editing preset: ", name] }), _jsx(Text, { dimColor: true, children: "\u2191/k \u2193/j navigate \u00B7 enter edit \u00B7 d delete \u00B7 a add \u00B7 s save \u00B7 q cancel" }), _jsxs(Box, { flexDirection: "column", marginTop: 1, children: [entries.map(([k, v], i) => (_jsxs(Box, { children: [_jsx(Text, { children: i === cursor ? '❯ ' : '  ' }), _jsx(Text, { color: "magenta", children: k }), _jsx(Text, { dimColor: true, children: "=" }), _jsx(Text, { children: v })] }, k))), entries.length === 0 && _jsx(Text, { dimColor: true, children: "No entries. Press a to add." })] }), editing !== null && (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { bold: true, children: editing < entries.length ? 'Edit entry' : 'Add entry' }), _jsx(TextInputDisplay, { value: textInput.value, cursorPos: textInput.cursorPos }), error ? _jsx(Text, { color: "red", children: error }) : null] }))] }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lkangd/cc-env",
-  "version": "1.3.0",
+  "version": "1.3.1",
   "description": "Manage runtime environment variables for Claude Code",
   "homepage": "https://github.com/lkangd/cc-env#readme",
   "bugs": {
@@ -20,7 +20,8 @@
     "node": ">=20.19.2"
   },
   "bin": {
-    "cc-env": "dist/cli.js"
+    "cc-env": "dist/cli.js",
+    "ccenv": "dist/cli.js"
   },
   "files": [
     "dist",