code formatting with prettier

2025-07-14 05:23:32 +03:00
parent eb1e4fe0c3
commit 5cdc5075f8
58 changed files with 5163 additions and 1846 deletions
--- a/src/components/layout/theme-provider.tsx
+++ b/src/components/layout/theme-provider.tsx
@@ -10,33 +10,45 @@ type ThemeProviderProps = {
 };

 function hexToHsl(hex?: string): string | undefined {
-    if (!hex) return undefined;
-    let r = 0, g = 0, b = 0;
-    hex = hex.replace("#", "");
-    if (hex.length === 3) hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];
-    
-    r = parseInt(hex.substring(0, 2), 16) / 255;
-    g = parseInt(hex.substring(2, 4), 16) / 255;
-    b = parseInt(hex.substring(4, 6), 16) / 255;
-    
-    const max = Math.max(r, g, b), min = Math.min(r, g, b);
-    let h = 0, s = 0, l = (max + min) / 2;
-    if (max !== min) {
-        const d = max - min;
-        s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
-        switch (max) {
-            case r: h = (g - b) / d + (g < b ? 6 : 0); break;
-            case g: h = (b - r) / d + 2; break;
-            case b: h = (r - g) / d + 4; break;
-        }
-        h /= 6;
+  if (!hex) return undefined;
+  let r = 0,
+    g = 0,
+    b = 0;
+  hex = hex.replace("#", "");
+  if (hex.length === 3)
+    hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];
+
+  r = parseInt(hex.substring(0, 2), 16) / 255;
+  g = parseInt(hex.substring(2, 4), 16) / 255;
+  b = parseInt(hex.substring(4, 6), 16) / 255;
+
+  const max = Math.max(r, g, b),
+    min = Math.min(r, g, b);
+  let h = 0,
+    s = 0,
+    l = (max + min) / 2;
+  if (max !== min) {
+    const d = max - min;
+    s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+    switch (max) {
+      case r:
+        h = (g - b) / d + (g < b ? 6 : 0);
+        break;
+      case g:
+        h = (b - r) / d + 2;
+        break;
+      case b:
+        h = (r - g) / d + 4;
+        break;
    }
-    return `${(h * 360).toFixed(1)} ${s.toFixed(3)} ${l.toFixed(3)}`;
+    h /= 6;
+  }
+  return `${(h * 360).toFixed(1)} ${s.toFixed(3)} ${l.toFixed(3)}`;
 }

 export function ThemeProvider({ children }: ThemeProviderProps) {
  const { verge } = useVerge();
-  
+
  const themeModeSetting = verge?.theme_mode || "system";
  const customThemeSettings = verge?.theme_setting || {};

@@ -44,32 +56,50 @@ export function ThemeProvider({ children }: ThemeProviderProps) {
    const root = window.document.documentElement; // <html> тег
    const appWindow = getCurrentWebviewWindow();

-    const applyTheme = (mode: 'light' | 'dark') => {
+    const applyTheme = (mode: "light" | "dark") => {
      root.classList.remove("light", "dark");
      root.classList.add(mode);
-      
+
      appWindow.setTheme(mode as TauriTheme).catch(console.error);

-      const basePalette = mode === 'light' ? defaultTheme : defaultDarkTheme;
+      const basePalette = mode === "light" ? defaultTheme : defaultDarkTheme;

      const variables = {
        "--background": hexToHsl(basePalette.background_color),
-        "--foreground": hexToHsl(customThemeSettings.primary_text || basePalette.primary_text),
+        "--foreground": hexToHsl(
+          customThemeSettings.primary_text || basePalette.primary_text,
+        ),
        "--card": hexToHsl(basePalette.background_color), // Используем тот же фон
-        "--card-foreground": hexToHsl(customThemeSettings.primary_text || basePalette.primary_text),
+        "--card-foreground": hexToHsl(
+          customThemeSettings.primary_text || basePalette.primary_text,
+        ),
        "--popover": hexToHsl(basePalette.background_color),
-        "--popover-foreground": hexToHsl(customThemeSettings.primary_text || basePalette.primary_text),
-        "--primary": hexToHsl(customThemeSettings.primary_color || basePalette.primary_color),
+        "--popover-foreground": hexToHsl(
+          customThemeSettings.primary_text || basePalette.primary_text,
+        ),
+        "--primary": hexToHsl(
+          customThemeSettings.primary_color || basePalette.primary_color,
+        ),
        "--primary-foreground": hexToHsl("#ffffff"), // Предполагаем белый текст на основном цвете
-        "--secondary": hexToHsl(customThemeSettings.secondary_color || basePalette.secondary_color),
-        "--secondary-foreground": hexToHsl(customThemeSettings.primary_text || basePalette.primary_text),
-        "--muted-foreground": hexToHsl(customThemeSettings.secondary_text || basePalette.secondary_text),
-        "--destructive": hexToHsl(customThemeSettings.error_color || basePalette.error_color),
-        "--ring": hexToHsl(customThemeSettings.primary_color || basePalette.primary_color),
+        "--secondary": hexToHsl(
+          customThemeSettings.secondary_color || basePalette.secondary_color,
+        ),
+        "--secondary-foreground": hexToHsl(
+          customThemeSettings.primary_text || basePalette.primary_text,
+        ),
+        "--muted-foreground": hexToHsl(
+          customThemeSettings.secondary_text || basePalette.secondary_text,
+        ),
+        "--destructive": hexToHsl(
+          customThemeSettings.error_color || basePalette.error_color,
+        ),
+        "--ring": hexToHsl(
+          customThemeSettings.primary_color || basePalette.primary_color,
+        ),
      };
-      
+
      for (const [key, value] of Object.entries(variables)) {
-        if(value) root.style.setProperty(key, value);
+        if (value) root.style.setProperty(key, value);
      }

      if (customThemeSettings.font_family) {
@@ -77,7 +107,7 @@ export function ThemeProvider({ children }: ThemeProviderProps) {
      } else {
        root.style.removeProperty("--font-sans");
      }
-      
+
      let styleElement = document.querySelector("style#verge-theme");
      if (!styleElement) {
        styleElement = document.createElement("style");
@@ -90,12 +120,17 @@ export function ThemeProvider({ children }: ThemeProviderProps) {
    };

    if (themeModeSetting === "system") {
-      const systemTheme = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+      const systemTheme = window.matchMedia("(prefers-color-scheme: dark)")
+        .matches
+        ? "dark"
+        : "light";
      applyTheme(systemTheme);
      const unlistenPromise = appWindow.onThemeChanged(({ payload }) => {
-        if (verge?.theme_mode === 'system') applyTheme(payload);
+        if (verge?.theme_mode === "system") applyTheme(payload);
      });
-      return () => { unlistenPromise.then(f => f()); };
+      return () => {
+        unlistenPromise.then((f) => f());
+      };
    } else {
      applyTheme(themeModeSetting);
    }
--- a/src/components/layout/use-custom-theme.ts
+++ b/src/components/layout/use-custom-theme.ts
@@ -13,20 +13,24 @@ export const useCustomTheme = () => {
  const setMode = useSetThemeMode();

  useEffect(() => {
-    setMode(theme_mode === "light" || theme_mode === "dark" ? theme_mode : "system");
+    setMode(
+      theme_mode === "light" || theme_mode === "dark" ? theme_mode : "system",
+    );
  }, [theme_mode, setMode]);

  useEffect(() => {
    const root = document.documentElement;

-    const activeTheme = mode === "system"
-      ? window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"
-      : mode;
+    const activeTheme =
+      mode === "system"
+        ? window.matchMedia("(prefers-color-scheme: dark)").matches
+          ? "dark"
+          : "light"
+        : mode;

    root.classList.remove("light", "dark");
    root.classList.add(activeTheme);
    appWindow.setTheme(activeTheme as Theme).catch(console.error);
-
  }, [mode, appWindow]);

  useEffect(() => {
@@ -34,7 +38,9 @@ export const useCustomTheme = () => {
    const unlistenPromise = appWindow.onThemeChanged(({ payload }) => {
      setMode(payload);
    });
-    return () => { unlistenPromise.then(f => f()); };
+    return () => {
+      unlistenPromise.then((f) => f());
+    };
  }, [theme_mode, appWindow, setMode]);

  return {};