mirror of
https://github.com/wisdgod/cursor-api.git
synced 2025-10-05 22:56:54 +08:00
332 lines
12 KiB
HTML
332 lines
12 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<link rel="icon" type="image/x-icon" href="data:image/x-icon;,">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>配置管理</title>
|
|
<!-- 引入共享样式 -->
|
|
<link rel="stylesheet" href="/static/shared-styles.css">
|
|
<script src="/static/shared.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<h1>配置管理</h1>
|
|
|
|
<div class="container">
|
|
<div class="form-group">
|
|
<label>路径:</label>
|
|
<select id="path">
|
|
<option value="/">根路径 (/)</option>
|
|
<option value="/logs">日志页面 (/logs)</option>
|
|
<option value="/config">配置页面 (/config)</option>
|
|
<option value="/tokens">Token 管理页面 (/tokens)</option>
|
|
<option value="/static/shared-styles.css">共享样式 (/static/shared-styles.css)</option>
|
|
<option value="/static/shared.js">共享脚本 (/static/shared.js)</option>
|
|
<option value="/about">关于页面 (/about)</option>
|
|
<option value="/readme">ReadMe文档 (/readme)</option>
|
|
<option value="/api">api调用 (/api)</option>
|
|
<option value="/build-key">构建动态 Key (/build-key)</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label>内容类型:</label>
|
|
<select id="content_type">
|
|
<option value="default">默认</option>
|
|
<option value="text">纯文本</option>
|
|
<option value="html">HTML</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label>内容:</label>
|
|
<textarea id="content"></textarea>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label>图片处理能力:</label>
|
|
<select id="vision_ability">
|
|
<option value="">保持不变</option>
|
|
<option value="disabled">禁用</option>
|
|
<option value="base64-only">仅 Base64</option>
|
|
<option value="base64-http">Base64 + HTTP</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label>慢速池:</label>
|
|
<select id="enable_slow_pool">
|
|
<option value="">保持不变</option>
|
|
<option value="true">启用</option>
|
|
<option value="false">禁用</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label>允许所有Claude模型:</label>
|
|
<select id="enable_all_claude">
|
|
<option value="">保持不变</option>
|
|
<option value="true">启用</option>
|
|
<option value="false">禁用</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label>使用量检查模型规则:</label>
|
|
<select id="usage_check_models_type">
|
|
<option value="">保持不变</option>
|
|
<option value="none">禁用</option>
|
|
<option value="default">默认</option>
|
|
<option value="all">所有</option>
|
|
<option value="list">自定义列表</option>
|
|
</select>
|
|
<input type="text" id="usage_check_models_list" placeholder="模型列表，以逗号分隔" style="display: none;">
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label>是否允许动态配置Key:</label>
|
|
<select id="enable_dynamic_key">
|
|
<option value="">保持不变</option>
|
|
<option value="true">启用</option>
|
|
<option value="false">禁用</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label>代理设置:</label>
|
|
<select id="proxies_type" onchange="handleProxiesTypeChange()">
|
|
<option value="">保持不变</option>
|
|
<option value="no">不使用代理</option>
|
|
<option value="system">使用系统代理</option>
|
|
<option value="list">自定义代理列表</option>
|
|
</select>
|
|
<input type="text" id="proxies_list" placeholder="代理地址列表，以逗号分隔 (例如: http://127.0.0.1:7890)"
|
|
style="display: none;">
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label>包含网络引用:</label>
|
|
<select id="include_web_references">
|
|
<option value="">保持不变</option>
|
|
<option value="true">启用</option>
|
|
<option value="false">禁用</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label>共享令牌(空表示禁用):</label>
|
|
<input type="text" id="shareToken">
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label>认证令牌:</label>
|
|
<input type="password" id="authToken">
|
|
</div>
|
|
|
|
<div class="button-group">
|
|
<button onclick="updateConfig('get')">获取配置</button>
|
|
<button onclick="updateConfig('update')">更新配置</button>
|
|
<button onclick="updateConfig('reset')" class="secondary">重置配置</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="message"></div>
|
|
|
|
<script>
|
|
async function fetchConfig() {
|
|
try {
|
|
const path = document.getElementById('path').value;
|
|
const data = await makeAuthenticatedRequest('/config', {
|
|
body: JSON.stringify({ action: 'get', path })
|
|
});
|
|
|
|
if (data) {
|
|
let content = '';
|
|
|
|
// 获取当前路径的页面内容
|
|
const pageContent = data.data.page_content;
|
|
|
|
// 如果是 default 类型，需要从路径获取内容
|
|
if (pageContent?.type === 'default') {
|
|
// 直接从路径获取内容
|
|
const response = await fetch(path);
|
|
content = await response.text();
|
|
} else if (pageContent?.type === 'text' || pageContent?.type === 'html') {
|
|
content = pageContent.content;
|
|
}
|
|
|
|
// 更新表单
|
|
document.getElementById('content').value = content || '';
|
|
document.getElementById('content_type').value = pageContent?.type || 'default';
|
|
let visionValue = data.data.vision_ability || '';
|
|
// 标准化 vision_ability 的值
|
|
switch (visionValue) {
|
|
case 'none':
|
|
visionValue = 'disabled';
|
|
break;
|
|
case 'base64':
|
|
visionValue = 'base64-only';
|
|
break;
|
|
case 'all':
|
|
visionValue = 'base64-http';
|
|
break;
|
|
}
|
|
document.getElementById('vision_ability').value = visionValue;
|
|
document.getElementById('enable_slow_pool').value =
|
|
parseStringFromBoolean(data.data.enable_slow_pool, '');
|
|
document.getElementById('enable_all_claude').value =
|
|
parseStringFromBoolean(data.data.enable_all_claude, '');
|
|
document.getElementById('usage_check_models_type').value = data.data.usage_check_models?.type || '';
|
|
document.getElementById('usage_check_models_list').value = data.data.usage_check_models?.type === 'list' ? data.data.usage_check_models?.content || '' : document.getElementById('usage_check_models_list').value;
|
|
document.getElementById('enable_dynamic_key').value =
|
|
parseStringFromBoolean(data.data.enable_dynamic_key, '');
|
|
document.getElementById('include_web_references').value =
|
|
parseStringFromBoolean(data.data.include_web_references, '');
|
|
|
|
// 处理代理设置
|
|
const proxies = data.data.proxies || '';
|
|
let proxiesType = '';
|
|
let proxiesList = '';
|
|
|
|
if (proxies === '') {
|
|
proxiesType = 'no';
|
|
} else if (proxies === 'system') {
|
|
proxiesType = 'system';
|
|
} else {
|
|
proxiesType = 'list';
|
|
proxiesList = proxies;
|
|
}
|
|
|
|
document.getElementById('proxies_type').value = proxiesType;
|
|
document.getElementById('proxies_list').value = proxiesList;
|
|
handleProxiesTypeChange();
|
|
|
|
document.getElementById('shareToken').value = data.data.share_token || '';
|
|
|
|
// 添加获取配置成功提示
|
|
showGlobalMessage(`成功获取 ${path} 的配置`, false);
|
|
}
|
|
} catch (error) {
|
|
showGlobalMessage(error.message || '获取配置失败', true);
|
|
}
|
|
}
|
|
|
|
async function updateConfig(action) {
|
|
try {
|
|
if (action === 'get') {
|
|
await fetchConfig();
|
|
return;
|
|
}
|
|
|
|
const contentType = document.getElementById('content_type').value;
|
|
const content = document.getElementById('content').value;
|
|
|
|
// 根据内容类型构造 content 对象
|
|
let contentObj = { type: 'default' };
|
|
if (action === 'update' && contentType !== 'default') {
|
|
contentObj = {
|
|
type: contentType,
|
|
content: content
|
|
};
|
|
}
|
|
|
|
const data = {
|
|
action,
|
|
path: document.getElementById('path').value,
|
|
...(contentObj && { content: contentObj }),
|
|
...(document.getElementById('vision_ability').value && {
|
|
vision_ability: document.getElementById('vision_ability').value
|
|
}),
|
|
...(document.getElementById('enable_slow_pool').value && {
|
|
enable_slow_pool: parseBooleanFromString(document.getElementById('enable_slow_pool').value)
|
|
}),
|
|
...(document.getElementById('enable_all_claude').value && {
|
|
enable_all_claude: parseBooleanFromString(document.getElementById('enable_all_claude').value)
|
|
}),
|
|
...(document.getElementById('usage_check_models_type').value && {
|
|
usage_check_models: {
|
|
type: document.getElementById('usage_check_models_type').value,
|
|
...(document.getElementById('usage_check_models_type').value === 'list' && {
|
|
content: document.getElementById('usage_check_models_list').value
|
|
})
|
|
}
|
|
}),
|
|
...(document.getElementById('enable_dynamic_key').value && {
|
|
enable_dynamic_key: parseBooleanFromString(document.getElementById('enable_dynamic_key').value)
|
|
}),
|
|
...(document.getElementById('proxies_type').value && {
|
|
proxies: (() => {
|
|
const type = document.getElementById('proxies_type').value;
|
|
switch (type) {
|
|
case 'no':
|
|
return '';
|
|
case 'system':
|
|
return 'system';
|
|
case 'list':
|
|
return document.getElementById('proxies_list').value;
|
|
default:
|
|
return undefined;
|
|
}
|
|
})()
|
|
}),
|
|
...(document.getElementById('include_web_references').value && {
|
|
include_web_references: parseBooleanFromString(document.getElementById('include_web_references').value)
|
|
}),
|
|
share_token: document.getElementById('shareToken').value.trim(),
|
|
};
|
|
|
|
const result = await makeAuthenticatedRequest('/config', {
|
|
body: JSON.stringify(data)
|
|
});
|
|
|
|
if (result) {
|
|
showGlobalMessage(result.message, false);
|
|
if (action === 'update' || action === 'reset') {
|
|
await fetchConfig();
|
|
}
|
|
}
|
|
} catch (error) {
|
|
showGlobalMessage(error.message || '操作失败', true);
|
|
}
|
|
}
|
|
|
|
// 添加按钮事件监听
|
|
document.getElementById('path').addEventListener('change', fetchConfig);
|
|
|
|
// 更新内容类型变更处理
|
|
document.getElementById('content_type').addEventListener('change', function () {
|
|
const textarea = document.getElementById('content');
|
|
textarea.disabled = this.value === 'default';
|
|
});
|
|
|
|
// 初始化 token 处理
|
|
initializeTokenHandling('authToken');
|
|
|
|
// 添加使用量检查模型类型变更处理
|
|
document.getElementById('usage_check_models_type').addEventListener('change', function () {
|
|
const input = document.getElementById('usage_check_models_list');
|
|
input.style.display = this.value === 'list' ? 'inline-block' : 'none';
|
|
});
|
|
|
|
// 添加代理类型变更处理函数
|
|
function handleProxiesTypeChange() {
|
|
const type = document.getElementById('proxies_type').value;
|
|
const list = document.getElementById('proxies_list');
|
|
list.style.display = type === 'list' ? 'inline-block' : 'none';
|
|
}
|
|
|
|
// 页面加载完成后自动获取配置
|
|
document.addEventListener('DOMContentLoaded', async () => {
|
|
try {
|
|
await fetchConfig();
|
|
showGlobalMessage('页面加载完成', false);
|
|
} catch (error) {
|
|
showGlobalMessage('初始化配置加载失败', true);
|
|
}
|
|
});
|
|
</script>
|
|
</body>
|
|
|
|
</html> |