admin/cc-switch
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(ui): silence debug logs in production\n\n- Wrap dark mode and event logs with import.meta.env.DEV\n- Keep error logging for failures intact\n- Reduce console noise in release builds

Browse Source
This commit is contained in:
Jason
2025-09-13 15:37:39 +08:00
parent 6df5dfc123
commit d91bbb122c
2 changed files with 18 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/App.tsx
View File

@@ -82,7 +82,9 @@ function App() {
const setupListener = async () => {
try {
unlisten = await window.api.onProviderSwitched(async (data) => {
console.log("收到供应商切换事件:", data);
if (import.meta.env.DEV) {
console.log("收到供应商切换事件:", data);
}
// 如果当前应用类型匹配，则重新加载数据
if (data.appType === activeApp) {

22
src/hooks/useDarkMode.ts
View File

@@ -4,6 +4,7 @@ export function useDarkMode() {
// 初始设为 false，挂载后在 useEffect 中加载真实值
const [isDarkMode, setIsDarkMode] = useState<boolean>(false);
const [isInitialized, setIsInitialized] = useState(false);
const isDev = import.meta.env.DEV;
// 组件挂载后加载初始值（兼容 Tauri 环境）
useEffect(() => {
@@ -15,14 +16,16 @@ export function useDarkMode() {
if (saved !== null) {
const savedBool = saved === "true";
setIsDarkMode(savedBool);
console.log("[DarkMode] Loaded from localStorage:", savedBool);
if (isDev)
console.log("[DarkMode] Loaded from localStorage:", savedBool);
} else {
// 回退到系统偏好
const prefersDark =
window.matchMedia &&
window.matchMedia("(prefers-color-scheme: dark)").matches;
setIsDarkMode(prefersDark);
console.log("[DarkMode] Using system preference:", prefersDark);
if (isDev)
console.log("[DarkMode] Using system preference:", prefersDark);
}
} catch (error) {
console.error("[DarkMode] Error loading preference:", error);
@@ -41,15 +44,18 @@ export function useDarkMode() {
try {
if (isDarkMode) {
document.documentElement.classList.add("dark");
console.log("[DarkMode] Added dark class to document");
if (isDev)
console.log("[DarkMode] Added dark class to document");
} else {
document.documentElement.classList.remove("dark");
console.log("[DarkMode] Removed dark class from document");
if (isDev)
console.log("[DarkMode] Removed dark class from document");
}
// 检查类名是否已成功应用
const hasClass = document.documentElement.classList.contains("dark");
console.log("[DarkMode] Document has dark class:", hasClass);
if (isDev)
console.log("[DarkMode] Document has dark class:", hasClass);
} catch (error) {
console.error("[DarkMode] Error applying dark class:", error);
}
@@ -64,7 +70,8 @@ export function useDarkMode() {
try {
localStorage.setItem("darkMode", isDarkMode.toString());
console.log("[DarkMode] Saved to localStorage:", isDarkMode);
if (isDev)
console.log("[DarkMode] Saved to localStorage:", isDarkMode);
} catch (error) {
console.error("[DarkMode] Error saving preference:", error);
}
@@ -73,7 +80,8 @@ export function useDarkMode() {
const toggleDarkMode = () => {
setIsDarkMode((prev) => {
const newValue = !prev;
console.log("[DarkMode] Toggling from", prev, "to", newValue);
if (isDev)
console.log("[DarkMode] Toggling from", prev, "to", newValue);
return newValue;
});
};