mirror of
https://github.com/farion1231/cc-switch.git
synced 2026-07-27 16:26:16 +08:00
3bf37cf0ff
- Remove `.replace(/\/+$/, "")` from all base URL handlers in useBaseUrlState.ts - Remove trailing slash stripping in useCodexConfigState.ts - Remove trailing slash normalization in providerConfigUtils.ts setCodexBaseUrl() - Update i18n hints (en/ja/zh) to instruct users to avoid trailing slashes This gives users explicit control over URL format rather than silently modifying input.
275 lines
7.5 KiB
TypeScript
275 lines
7.5 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) || "";
|
||
if (extracted !== codexBaseUrl) {
|
||
setCodexBaseUrl(extracted);
|
||
}
|
||
}, [codexConfig, codexBaseUrl]);
|
||
|
||
// 与 TOML 配置保持模型名称同步
|
||
useEffect(() => {
|
||
if (isUpdatingCodexModelNameRef.current) {
|
||
return;
|
||
}
|
||
const extracted = extractCodexModelName(codexConfig) || "";
|
||
if (extracted !== codexModelName) {
|
||
setCodexModelName(extracted);
|
||
}
|
||
}, [codexConfig, codexModelName]);
|
||
|
||
// 获取 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);
|
||
|
||
if (!sanitized) {
|
||
return;
|
||
}
|
||
|
||
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);
|
||
|
||
if (!trimmed) {
|
||
return;
|
||
}
|
||
|
||
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,
|
||
};
|
||
}
|