mirror of
https://github.com/farion1231/cc-switch.git
synced 2026-07-26 06:24:32 +08:00
3d69da5b66
* feat(providers): add notes field for provider management - Add notes field to Provider model (backend and frontend) - Display notes with higher priority than URL in provider card - Style notes as non-clickable text to differentiate from URLs - Add notes input field in provider form - Add i18n support (zh/en) for notes field * chore: format code and clean up unused props - Run cargo fmt on Rust backend code - Format TypeScript imports and code style - Remove unused appId prop from ProviderPresetSelector - Clean up unused variables in tests - Integrate notes field handling in provider dialogs * feat(deeplink): implement ccswitch:// protocol for provider import Add deep link support to enable one-click provider configuration import via ccswitch:// URLs. Backend: - Implement URL parsing and validation (src-tauri/src/deeplink.rs) - Add Tauri commands for parse and import (src-tauri/src/commands/deeplink.rs) - Register ccswitch:// protocol in macOS Info.plist - Add comprehensive unit tests (src-tauri/tests/deeplink_import.rs) Frontend: - Create confirmation dialog with security review UI (src/components/DeepLinkImportDialog.tsx) - Add API wrapper (src/lib/api/deeplink.ts) - Integrate event listeners in App.tsx Configuration: - Update Tauri config for deep link handling - Add i18n support for Chinese and English - Include test page for deep link validation (deeplink-test.html) Files: 15 changed, 1312 insertions(+) * chore(deeplink): integrate deep link handling into app lifecycle Wire up deep link infrastructure with app initialization and event handling. Backend Integration: - Register deep link module and commands in mod.rs - Add URL handling in app setup (src-tauri/src/lib.rs:handle_deeplink_url) - Handle deep links from single instance callback (Windows/Linux CLI) - Handle deep links from macOS system events - Add tauri-plugin-deep-link dependency (Cargo.toml) Frontend Integration: - Listen for deeplink-import/deeplink-error events in App.tsx - Update DeepLinkImportDialog component imports Configuration: - Enable deep link plugin in tauri.conf.json - Update Cargo.lock for new dependencies Localization: - Add Chinese translations for deep link UI (zh.json) - Add English translations for deep link UI (en.json) Files: 9 changed, 359 insertions(+), 18 deletions(-) * refactor(deeplink): enhance Codex provider template generation Align deep link import with UI preset generation logic by: - Adding complete config.toml template matching frontend defaults - Generating safe provider name from sanitized input - Including model_provider, reasoning_effort, and wire_api settings - Removing minimal template that only contained base_url - Cleaning up deprecated test file deeplink-test.html * style: fix clippy uninlined_format_args warnings Apply clippy --fix to use inline format arguments in: - src/mcp.rs (8 fixes) - src/services/env_manager.rs (10 fixes) * style: apply code formatting and cleanup - Format TypeScript files with Prettier (App.tsx, EnvWarningBanner.tsx, formatters.ts) - Organize Rust imports and module order alphabetically - Add newline at end of JSON files (en.json, zh.json) - Update Cargo.lock for dependency changes * feat: add model name configuration support for Codex and fix Gemini model handling - Add visual model name input field for Codex providers - Add model name extraction and update utilities in providerConfigUtils - Implement model name state management in useCodexConfigState hook - Add conditional model field rendering in CodexFormFields (non-official only) - Integrate model name sync with TOML config in ProviderForm - Fix Gemini deeplink model injection bug - Correct environment variable name from GOOGLE_GEMINI_MODEL to GEMINI_MODEL - Add test cases for Gemini model injection (with/without model) - All tests passing (9/9) - Fix Gemini model field binding in edit mode - Add geminiModel state to useGeminiConfigState hook - Extract model value during initialization and reset - Sync model field with geminiEnv state to prevent data loss on submit - Fix missing model value display when editing Gemini providers Changes: - 6 files changed, 245 insertions(+), 13 deletions(-)
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().replace(/\/+$/, "");
|
||
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,
|
||
};
|
||
}
|