Files
antigravity-claude-proxy/src/utils/claude-config.js
simon-ami e24dff279c feat(webui): add configuration presets for Claude CLI
- Add backend storage logic in `src/utils/claude-config.js` to save/load/delete presets
- Add API endpoints (`GET`, `POST`, `DELETE`) for presets in `src/webui/index.js`
- Update `public/views/settings.html` with new Presets UI card and modals
- Update `public/js/components/claude-config.js` with auto-load logic and unsaved changes protection
- Add translations (EN/ZH) for new UI elements in `public/js/store.js`
- Add integration tests in `tests/frontend/test-frontend-settings.cjs`
- Update compiled CSS

Co-Authored-By: Claude <noreply@anthropic.com>
2026-01-12 11:59:32 +01:00

277 lines
8.8 KiB
JavaScript

/**
* Claude CLI Configuration Utility
*
* Handles reading and writing to the global Claude CLI settings file.
* Location: ~/.claude/settings.json (Windows: %USERPROFILE%\.claude\settings.json)
*/
import fs from 'fs/promises';
import path from 'path';
import os from 'os';
import { logger } from './logger.js';
/**
* Get the path to the global Claude CLI settings file
* @returns {string} Absolute path to settings.json
*/
export function getClaudeConfigPath() {
return path.join(os.homedir(), '.claude', 'settings.json');
}
/**
* Read the global Claude CLI configuration
* @returns {Promise<Object>} The configuration object or empty object if file missing
*/
export async function readClaudeConfig() {
const configPath = getClaudeConfigPath();
try {
const content = await fs.readFile(configPath, 'utf8');
if (!content.trim()) return { env: {} };
return JSON.parse(content);
} catch (error) {
if (error.code === 'ENOENT') {
logger.warn(`[ClaudeConfig] Config file not found at ${configPath}, returning empty default`);
return { env: {} };
}
if (error instanceof SyntaxError) {
logger.error(`[ClaudeConfig] Invalid JSON in config at ${configPath}. Returning safe default.`);
return { env: {} };
}
logger.error(`[ClaudeConfig] Failed to read config at ${configPath}:`, error.message);
throw error;
}
}
/**
* Update the global Claude CLI configuration
* Performs a deep merge with existing configuration to avoid losing other settings.
*
* @param {Object} updates - The partial configuration to merge in
* @returns {Promise<Object>} The updated full configuration
*/
export async function updateClaudeConfig(updates) {
const configPath = getClaudeConfigPath();
let currentConfig = {};
// 1. Read existing config
try {
currentConfig = await readClaudeConfig();
} catch (error) {
// Ignore ENOENT, otherwise rethrow
if (error.code !== 'ENOENT') throw error;
}
// 2. Deep merge updates
const newConfig = deepMerge(currentConfig, updates);
// 3. Ensure .claude directory exists
const configDir = path.dirname(configPath);
try {
await fs.mkdir(configDir, { recursive: true });
} catch (error) {
// Ignore if exists
}
// 4. Write back to file
try {
await fs.writeFile(configPath, JSON.stringify(newConfig, null, 2), 'utf8');
logger.info(`[ClaudeConfig] Updated config at ${configPath}`);
return newConfig;
} catch (error) {
logger.error(`[ClaudeConfig] Failed to write config:`, error.message);
throw error;
}
}
/**
* Replace the global Claude CLI configuration entirely
* Unlike updateClaudeConfig, this replaces the config instead of merging.
*
* @param {Object} config - The new configuration to write
* @returns {Promise<Object>} The written configuration
*/
export async function replaceClaudeConfig(config) {
const configPath = getClaudeConfigPath();
// 1. Ensure .claude directory exists
const configDir = path.dirname(configPath);
try {
await fs.mkdir(configDir, { recursive: true });
} catch (error) {
// Ignore if exists
}
// 2. Write config directly (no merge)
try {
await fs.writeFile(configPath, JSON.stringify(config, null, 2), 'utf8');
logger.info(`[ClaudeConfig] Replaced config at ${configPath}`);
return config;
} catch (error) {
logger.error(`[ClaudeConfig] Failed to write config:`, error.message);
throw error;
}
}
/**
* Simple deep merge for objects
*/
function deepMerge(target, source) {
const output = { ...target };
if (isObject(target) && isObject(source)) {
Object.keys(source).forEach(key => {
if (isObject(source[key])) {
if (!(key in target)) {
Object.assign(output, { [key]: source[key] });
} else {
output[key] = deepMerge(target[key], source[key]);
}
} else {
Object.assign(output, { [key]: source[key] });
}
});
}
return output;
}
function isObject(item) {
return (item && typeof item === 'object' && !Array.isArray(item));
}
// ==========================================
// Claude CLI Presets
// ==========================================
/**
* Default presets based on README examples
*/
const DEFAULT_PRESETS = [
{
name: 'Claude Thinking',
config: {
ANTHROPIC_AUTH_TOKEN: 'test',
ANTHROPIC_BASE_URL: 'http://localhost:8080',
ANTHROPIC_MODEL: 'claude-opus-4-5-thinking',
ANTHROPIC_DEFAULT_OPUS_MODEL: 'claude-opus-4-5-thinking',
ANTHROPIC_DEFAULT_SONNET_MODEL: 'claude-sonnet-4-5-thinking',
ANTHROPIC_DEFAULT_HAIKU_MODEL: 'gemini-2.5-flash-lite[1m]',
CLAUDE_CODE_SUBAGENT_MODEL: 'claude-sonnet-4-5-thinking',
ENABLE_EXPERIMENTAL_MCP_CLI: 'true'
}
},
{
name: 'Gemini 1M',
config: {
ANTHROPIC_AUTH_TOKEN: 'test',
ANTHROPIC_BASE_URL: 'http://localhost:8080',
ANTHROPIC_MODEL: 'gemini-3-pro-high[1m]',
ANTHROPIC_DEFAULT_OPUS_MODEL: 'gemini-3-pro-high[1m]',
ANTHROPIC_DEFAULT_SONNET_MODEL: 'gemini-3-flash[1m]',
ANTHROPIC_DEFAULT_HAIKU_MODEL: 'gemini-2.5-flash-lite[1m]',
CLAUDE_CODE_SUBAGENT_MODEL: 'gemini-3-flash[1m]',
ENABLE_EXPERIMENTAL_MCP_CLI: 'true'
}
}
];
/**
* Get the path to the presets file
* @returns {string} Absolute path to claude-presets.json
*/
export function getPresetsPath() {
return path.join(os.homedir(), '.config', 'antigravity-proxy', 'claude-presets.json');
}
/**
* Read all Claude CLI presets
* Creates the file with default presets if it doesn't exist.
* @returns {Promise<Array>} Array of preset objects
*/
export async function readPresets() {
const presetsPath = getPresetsPath();
try {
const content = await fs.readFile(presetsPath, 'utf8');
if (!content.trim()) return DEFAULT_PRESETS;
return JSON.parse(content);
} catch (error) {
if (error.code === 'ENOENT') {
// Create with defaults
try {
await fs.mkdir(path.dirname(presetsPath), { recursive: true });
await fs.writeFile(presetsPath, JSON.stringify(DEFAULT_PRESETS, null, 2), 'utf8');
logger.info(`[ClaudePresets] Created presets file with defaults at ${presetsPath}`);
} catch (writeError) {
logger.warn(`[ClaudePresets] Could not create presets file: ${writeError.message}`);
}
return DEFAULT_PRESETS;
}
if (error instanceof SyntaxError) {
logger.error(`[ClaudePresets] Invalid JSON in presets at ${presetsPath}. Returning defaults.`);
return DEFAULT_PRESETS;
}
logger.error(`[ClaudePresets] Failed to read presets at ${presetsPath}:`, error.message);
throw error;
}
}
/**
* Save a preset (add or update)
* @param {string} name - Preset name
* @param {Object} config - Environment variables to save
* @returns {Promise<Array>} Updated array of presets
*/
export async function savePreset(name, config) {
const presetsPath = getPresetsPath();
let presets = await readPresets();
const existingIndex = presets.findIndex(p => p.name === name);
const newPreset = { name, config: { ...config } };
if (existingIndex >= 0) {
presets[existingIndex] = newPreset;
logger.info(`[ClaudePresets] Updated preset: ${name}`);
} else {
presets.push(newPreset);
logger.info(`[ClaudePresets] Created preset: ${name}`);
}
try {
await fs.mkdir(path.dirname(presetsPath), { recursive: true });
await fs.writeFile(presetsPath, JSON.stringify(presets, null, 2), 'utf8');
} catch (error) {
logger.error(`[ClaudePresets] Failed to save preset:`, error.message);
throw error;
}
return presets;
}
/**
* Delete a preset by name
* @param {string} name - Preset name to delete
* @returns {Promise<Array>} Updated array of presets
*/
export async function deletePreset(name) {
const presetsPath = getPresetsPath();
let presets = await readPresets();
const originalLength = presets.length;
presets = presets.filter(p => p.name !== name);
if (presets.length === originalLength) {
logger.warn(`[ClaudePresets] Preset not found: ${name}`);
return presets;
}
try {
await fs.writeFile(presetsPath, JSON.stringify(presets, null, 2), 'utf8');
logger.info(`[ClaudePresets] Deleted preset: ${name}`);
} catch (error) {
logger.error(`[ClaudePresets] Failed to delete preset:`, error.message);
throw error;
}
return presets;
}