@vibe-kit/grok-cli
Version:
An open-source AI agent that brings the power of Grok directly into your terminal.
106 lines • 5.04 kB
JavaScript
;
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
var desc = Object.getOwnPropertyDescriptor(m, k);
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
desc = { enumerable: true, get: function() { return m[k]; } };
}
Object.defineProperty(o, k2, desc);
}) : (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
o[k2] = m[k];
}));
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
Object.defineProperty(o, "default", { enumerable: true, value: v });
}) : function(o, v) {
o["default"] = v;
});
var __importStar = (this && this.__importStar) || function (mod) {
if (mod && mod.__esModule) return mod;
var result = {};
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
__setModuleDefault(result, mod);
return result;
};
Object.defineProperty(exports, "__esModule", { value: true });
const react_1 = __importStar(require("react"));
const ink_1 = require("ink");
const grok_agent_1 = require("../../agent/grok-agent");
const settings_manager_1 = require("../../utils/settings-manager");
function ApiKeyInput({ onApiKeySet }) {
const [input, setInput] = (0, react_1.useState)("");
const [error, setError] = (0, react_1.useState)("");
const [isSubmitting, setIsSubmitting] = (0, react_1.useState)(false);
const { exit } = (0, ink_1.useApp)();
(0, ink_1.useInput)((inputChar, key) => {
if (isSubmitting)
return;
if (key.ctrl && inputChar === "c") {
exit();
return;
}
if (key.return) {
handleSubmit();
return;
}
if (key.backspace || key.delete) {
setInput((prev) => prev.slice(0, -1));
setError("");
return;
}
if (inputChar && !key.ctrl && !key.meta) {
setInput((prev) => prev + inputChar);
setError("");
}
});
const handleSubmit = async () => {
if (!input.trim()) {
setError("API key cannot be empty");
return;
}
setIsSubmitting(true);
try {
const apiKey = input.trim();
const agent = new grok_agent_1.GrokAgent(apiKey);
// Set environment variable for current process
process.env.GROK_API_KEY = apiKey;
// Save to user settings
try {
const manager = (0, settings_manager_1.getSettingsManager)();
manager.updateUserSetting('apiKey', apiKey);
console.log(`\n✅ API key saved to ~/.grok/user-settings.json`);
}
catch (error) {
console.log('\n⚠️ Could not save API key to settings file');
console.log('API key set for current session only');
}
onApiKeySet(agent);
}
catch (error) {
setError("Invalid API key format");
setIsSubmitting(false);
}
};
const displayText = input.length > 0 ?
(isSubmitting ? "*".repeat(input.length) : "*".repeat(input.length) + "█") :
(isSubmitting ? " " : "█");
return (react_1.default.createElement(ink_1.Box, { flexDirection: "column", paddingX: 2, paddingY: 1 },
react_1.default.createElement(ink_1.Text, { color: "yellow" }, "\uD83D\uDD11 Grok API Key Required"),
react_1.default.createElement(ink_1.Box, { marginBottom: 1 },
react_1.default.createElement(ink_1.Text, { color: "gray" }, "Please enter your Grok API key to continue:")),
react_1.default.createElement(ink_1.Box, { borderStyle: "round", borderColor: "blue", paddingX: 1, marginBottom: 1 },
react_1.default.createElement(ink_1.Text, { color: "gray" }, "\u276F "),
react_1.default.createElement(ink_1.Text, null, displayText)),
error ? (react_1.default.createElement(ink_1.Box, { marginBottom: 1 },
react_1.default.createElement(ink_1.Text, { color: "red" },
"\u274C ",
error))) : null,
react_1.default.createElement(ink_1.Box, { flexDirection: "column", marginTop: 1 },
react_1.default.createElement(ink_1.Text, { color: "gray", dimColor: true }, "\u2022 Press Enter to submit"),
react_1.default.createElement(ink_1.Text, { color: "gray", dimColor: true }, "\u2022 Press Ctrl+C to exit"),
react_1.default.createElement(ink_1.Text, { color: "gray", dimColor: true }, "Note: API key will be saved to ~/.grok/user-settings.json")),
isSubmitting ? (react_1.default.createElement(ink_1.Box, { marginTop: 1 },
react_1.default.createElement(ink_1.Text, { color: "yellow" }, "\uD83D\uDD04 Validating API key..."))) : null));
}
exports.default = ApiKeyInput;
//# sourceMappingURL=api-key-input.js.map