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
This commit is contained in:
@@ -82,7 +82,9 @@ function App() {
|
|||||||
const setupListener = async () => {
|
const setupListener = async () => {
|
||||||
try {
|
try {
|
||||||
unlisten = await window.api.onProviderSwitched(async (data) => {
|
unlisten = await window.api.onProviderSwitched(async (data) => {
|
||||||
console.log("收到供应商切换事件:", data);
|
if (import.meta.env.DEV) {
|
||||||
|
console.log("收到供应商切换事件:", data);
|
||||||
|
}
|
||||||
|
|
||||||
// 如果当前应用类型匹配,则重新加载数据
|
// 如果当前应用类型匹配,则重新加载数据
|
||||||
if (data.appType === activeApp) {
|
if (data.appType === activeApp) {
|
||||||
|
|||||||
@@ -4,6 +4,7 @@ export function useDarkMode() {
|
|||||||
// 初始设为 false,挂载后在 useEffect 中加载真实值
|
// 初始设为 false,挂载后在 useEffect 中加载真实值
|
||||||
const [isDarkMode, setIsDarkMode] = useState<boolean>(false);
|
const [isDarkMode, setIsDarkMode] = useState<boolean>(false);
|
||||||
const [isInitialized, setIsInitialized] = useState(false);
|
const [isInitialized, setIsInitialized] = useState(false);
|
||||||
|
const isDev = import.meta.env.DEV;
|
||||||
|
|
||||||
// 组件挂载后加载初始值(兼容 Tauri 环境)
|
// 组件挂载后加载初始值(兼容 Tauri 环境)
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
@@ -15,14 +16,16 @@ export function useDarkMode() {
|
|||||||
if (saved !== null) {
|
if (saved !== null) {
|
||||||
const savedBool = saved === "true";
|
const savedBool = saved === "true";
|
||||||
setIsDarkMode(savedBool);
|
setIsDarkMode(savedBool);
|
||||||
console.log("[DarkMode] Loaded from localStorage:", savedBool);
|
if (isDev)
|
||||||
|
console.log("[DarkMode] Loaded from localStorage:", savedBool);
|
||||||
} else {
|
} else {
|
||||||
// 回退到系统偏好
|
// 回退到系统偏好
|
||||||
const prefersDark =
|
const prefersDark =
|
||||||
window.matchMedia &&
|
window.matchMedia &&
|
||||||
window.matchMedia("(prefers-color-scheme: dark)").matches;
|
window.matchMedia("(prefers-color-scheme: dark)").matches;
|
||||||
setIsDarkMode(prefersDark);
|
setIsDarkMode(prefersDark);
|
||||||
console.log("[DarkMode] Using system preference:", prefersDark);
|
if (isDev)
|
||||||
|
console.log("[DarkMode] Using system preference:", prefersDark);
|
||||||
}
|
}
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.error("[DarkMode] Error loading preference:", error);
|
console.error("[DarkMode] Error loading preference:", error);
|
||||||
@@ -41,15 +44,18 @@ export function useDarkMode() {
|
|||||||
try {
|
try {
|
||||||
if (isDarkMode) {
|
if (isDarkMode) {
|
||||||
document.documentElement.classList.add("dark");
|
document.documentElement.classList.add("dark");
|
||||||
console.log("[DarkMode] Added dark class to document");
|
if (isDev)
|
||||||
|
console.log("[DarkMode] Added dark class to document");
|
||||||
} else {
|
} else {
|
||||||
document.documentElement.classList.remove("dark");
|
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");
|
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) {
|
} catch (error) {
|
||||||
console.error("[DarkMode] Error applying dark class:", error);
|
console.error("[DarkMode] Error applying dark class:", error);
|
||||||
}
|
}
|
||||||
@@ -64,7 +70,8 @@ export function useDarkMode() {
|
|||||||
|
|
||||||
try {
|
try {
|
||||||
localStorage.setItem("darkMode", isDarkMode.toString());
|
localStorage.setItem("darkMode", isDarkMode.toString());
|
||||||
console.log("[DarkMode] Saved to localStorage:", isDarkMode);
|
if (isDev)
|
||||||
|
console.log("[DarkMode] Saved to localStorage:", isDarkMode);
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.error("[DarkMode] Error saving preference:", error);
|
console.error("[DarkMode] Error saving preference:", error);
|
||||||
}
|
}
|
||||||
@@ -73,7 +80,8 @@ export function useDarkMode() {
|
|||||||
const toggleDarkMode = () => {
|
const toggleDarkMode = () => {
|
||||||
setIsDarkMode((prev) => {
|
setIsDarkMode((prev) => {
|
||||||
const newValue = !prev;
|
const newValue = !prev;
|
||||||
console.log("[DarkMode] Toggling from", prev, "to", newValue);
|
if (isDev)
|
||||||
|
console.log("[DarkMode] Toggling from", prev, "to", newValue);
|
||||||
return newValue;
|
return newValue;
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|||||||
Reference in New Issue
Block a user