mirror of
https://github.com/farion1231/cc-switch.git
synced 2026-07-27 08:14:33 +08:00
fb8996d19c
* fix:Add a new vendor page, API endpoint, and model name. Fix the bug where, after entering characters, line breaks cannot be fully deleted. * fix: add missing i18n key codexConfig.modelNameHint for zh/en/ja --------- Co-authored-by: Jason <farion1231@gmail.com>
263 lines
7.3 KiB
TypeScript
263 lines
7.3 KiB
TypeScript
import { useState, useCallback, useEffect, useRef } from "react";
|
||
import {
|
||
extractCodexBaseUrl,
|
||
setCodexBaseUrl as setCodexBaseUrlInConfig,
|
||
extractCodexModelName,
|
||
setCodexModelName as setCodexModelNameInConfig,
|
||
} from "@/utils/providerConfigUtils";
|
||
import { normalizeTomlText } from "@/utils/textNormalization";
|
||
|
||
interface UseCodexConfigStateProps {
|
||
initialData?: {
|
||
settingsConfig?: Record<string, unknown>;
|
||
};
|
||
}
|
||
|
||
/**
|
||
* 管理 Codex 配置状态
|
||
* Codex 配置包含两部分:auth.json (JSON) 和 config.toml (TOML 字符串)
|
||
*/
|
||
export function useCodexConfigState({ initialData }: UseCodexConfigStateProps) {
|
||
const [codexAuth, setCodexAuthState] = useState("");
|
||
const [codexConfig, setCodexConfigState] = useState("");
|
||
const [codexApiKey, setCodexApiKey] = useState("");
|
||
const [codexBaseUrl, setCodexBaseUrl] = useState("");
|
||
const [codexModelName, setCodexModelName] = useState("");
|
||
const [codexAuthError, setCodexAuthError] = useState("");
|
||
|
||
const isUpdatingCodexBaseUrlRef = useRef(false);
|
||
const isUpdatingCodexModelNameRef = useRef(false);
|
||
|
||
// 初始化 Codex 配置(编辑模式)
|
||
useEffect(() => {
|
||
if (!initialData) return;
|
||
|
||
const config = initialData.settingsConfig;
|
||
if (typeof config === "object" && config !== null) {
|
||
// 设置 auth.json
|
||
const auth = (config as any).auth || {};
|
||
setCodexAuthState(JSON.stringify(auth, null, 2));
|
||
|
||
// 设置 config.toml
|
||
const configStr =
|
||
typeof (config as any).config === "string"
|
||
? (config as any).config
|
||
: "";
|
||
setCodexConfigState(configStr);
|
||
|
||
// 提取 Base URL
|
||
const initialBaseUrl = extractCodexBaseUrl(configStr);
|
||
if (initialBaseUrl) {
|
||
setCodexBaseUrl(initialBaseUrl);
|
||
}
|
||
|
||
// 提取 Model Name
|
||
const initialModelName = extractCodexModelName(configStr);
|
||
if (initialModelName) {
|
||
setCodexModelName(initialModelName);
|
||
}
|
||
|
||
// 提取 API Key
|
||
try {
|
||
if (auth && typeof auth.OPENAI_API_KEY === "string") {
|
||
setCodexApiKey(auth.OPENAI_API_KEY);
|
||
}
|
||
} catch {
|
||
// ignore
|
||
}
|
||
}
|
||
}, [initialData]);
|
||
|
||
// 与 TOML 配置保持基础 URL 同步
|
||
useEffect(() => {
|
||
if (isUpdatingCodexBaseUrlRef.current) {
|
||
return;
|
||
}
|
||
const extracted = extractCodexBaseUrl(codexConfig) || "";
|
||
setCodexBaseUrl((prev) => (prev === extracted ? prev : extracted));
|
||
}, [codexConfig]);
|
||
|
||
// 与 TOML 配置保持模型名称同步
|
||
useEffect(() => {
|
||
if (isUpdatingCodexModelNameRef.current) {
|
||
return;
|
||
}
|
||
const extracted = extractCodexModelName(codexConfig) || "";
|
||
setCodexModelName((prev) => (prev === extracted ? prev : extracted));
|
||
}, [codexConfig]);
|
||
|
||
// 获取 API Key(从 auth JSON)
|
||
const getCodexAuthApiKey = useCallback((authString: string): string => {
|
||
try {
|
||
const auth = JSON.parse(authString || "{}");
|
||
return typeof auth.OPENAI_API_KEY === "string" ? auth.OPENAI_API_KEY : "";
|
||
} catch {
|
||
return "";
|
||
}
|
||
}, []);
|
||
|
||
// 从 codexAuth 中提取并同步 API Key
|
||
useEffect(() => {
|
||
const extractedKey = getCodexAuthApiKey(codexAuth);
|
||
if (extractedKey !== codexApiKey) {
|
||
setCodexApiKey(extractedKey);
|
||
}
|
||
}, [codexAuth, codexApiKey]);
|
||
|
||
// 验证 Codex Auth JSON
|
||
const validateCodexAuth = useCallback((value: string): string => {
|
||
if (!value.trim()) return "";
|
||
try {
|
||
const parsed = JSON.parse(value);
|
||
if (!parsed || typeof parsed !== "object" || Array.isArray(parsed)) {
|
||
return "Auth JSON must be an object";
|
||
}
|
||
return "";
|
||
} catch {
|
||
return "Invalid JSON format";
|
||
}
|
||
}, []);
|
||
|
||
// 设置 auth 并验证
|
||
const setCodexAuth = useCallback(
|
||
(value: string) => {
|
||
setCodexAuthState(value);
|
||
setCodexAuthError(validateCodexAuth(value));
|
||
},
|
||
[validateCodexAuth],
|
||
);
|
||
|
||
// 设置 config (支持函数更新)
|
||
const setCodexConfig = useCallback(
|
||
(value: string | ((prev: string) => string)) => {
|
||
setCodexConfigState((prev) =>
|
||
typeof value === "function"
|
||
? (value as (input: string) => string)(prev)
|
||
: value,
|
||
);
|
||
},
|
||
[],
|
||
);
|
||
|
||
// 处理 Codex API Key 输入并写回 auth.json
|
||
const handleCodexApiKeyChange = useCallback(
|
||
(key: string) => {
|
||
const trimmed = key.trim();
|
||
setCodexApiKey(trimmed);
|
||
try {
|
||
const auth = JSON.parse(codexAuth || "{}");
|
||
auth.OPENAI_API_KEY = trimmed;
|
||
setCodexAuth(JSON.stringify(auth, null, 2));
|
||
} catch {
|
||
// ignore
|
||
}
|
||
},
|
||
[codexAuth, setCodexAuth],
|
||
);
|
||
|
||
// 处理 Codex Base URL 变化
|
||
const handleCodexBaseUrlChange = useCallback(
|
||
(url: string) => {
|
||
const sanitized = url.trim();
|
||
setCodexBaseUrl(sanitized);
|
||
|
||
isUpdatingCodexBaseUrlRef.current = true;
|
||
setCodexConfig((prev) => setCodexBaseUrlInConfig(prev, sanitized));
|
||
setTimeout(() => {
|
||
isUpdatingCodexBaseUrlRef.current = false;
|
||
}, 0);
|
||
},
|
||
[setCodexConfig],
|
||
);
|
||
|
||
// 处理 Codex Model Name 变化
|
||
const handleCodexModelNameChange = useCallback(
|
||
(modelName: string) => {
|
||
const trimmed = modelName.trim();
|
||
setCodexModelName(trimmed);
|
||
|
||
isUpdatingCodexModelNameRef.current = true;
|
||
setCodexConfig((prev) => setCodexModelNameInConfig(prev, trimmed));
|
||
setTimeout(() => {
|
||
isUpdatingCodexModelNameRef.current = false;
|
||
}, 0);
|
||
},
|
||
[setCodexConfig],
|
||
);
|
||
|
||
// 处理 config 变化(同步 Base URL 和 Model Name)
|
||
const handleCodexConfigChange = useCallback(
|
||
(value: string) => {
|
||
// 归一化中文/全角/弯引号,避免 TOML 解析报错
|
||
const normalized = normalizeTomlText(value);
|
||
setCodexConfig(normalized);
|
||
|
||
if (!isUpdatingCodexBaseUrlRef.current) {
|
||
const extracted = extractCodexBaseUrl(normalized) || "";
|
||
if (extracted !== codexBaseUrl) {
|
||
setCodexBaseUrl(extracted);
|
||
}
|
||
}
|
||
|
||
if (!isUpdatingCodexModelNameRef.current) {
|
||
const extractedModel = extractCodexModelName(normalized) || "";
|
||
if (extractedModel !== codexModelName) {
|
||
setCodexModelName(extractedModel);
|
||
}
|
||
}
|
||
},
|
||
[setCodexConfig, codexBaseUrl, codexModelName],
|
||
);
|
||
|
||
// 重置配置(用于预设切换)
|
||
const resetCodexConfig = useCallback(
|
||
(auth: Record<string, unknown>, config: string) => {
|
||
const authString = JSON.stringify(auth, null, 2);
|
||
setCodexAuth(authString);
|
||
setCodexConfig(config);
|
||
|
||
const baseUrl = extractCodexBaseUrl(config);
|
||
if (baseUrl) {
|
||
setCodexBaseUrl(baseUrl);
|
||
}
|
||
|
||
const modelName = extractCodexModelName(config);
|
||
if (modelName) {
|
||
setCodexModelName(modelName);
|
||
} else {
|
||
setCodexModelName("");
|
||
}
|
||
|
||
// 提取 API Key
|
||
try {
|
||
if (auth && typeof auth.OPENAI_API_KEY === "string") {
|
||
setCodexApiKey(auth.OPENAI_API_KEY);
|
||
} else {
|
||
setCodexApiKey("");
|
||
}
|
||
} catch {
|
||
setCodexApiKey("");
|
||
}
|
||
},
|
||
[setCodexAuth, setCodexConfig],
|
||
);
|
||
|
||
return {
|
||
codexAuth,
|
||
codexConfig,
|
||
codexApiKey,
|
||
codexBaseUrl,
|
||
codexModelName,
|
||
codexAuthError,
|
||
setCodexAuth,
|
||
setCodexConfig,
|
||
handleCodexApiKeyChange,
|
||
handleCodexBaseUrlChange,
|
||
handleCodexModelNameChange,
|
||
handleCodexConfigChange,
|
||
resetCodexConfig,
|
||
getCodexAuthApiKey,
|
||
validateCodexAuth,
|
||
};
|
||
}
|