feat: add a border to the main window in Windows 10 (#343)

ayangweb · web-flow · commit c15fd2ce73ea · 2025-04-09T17:04:20.000+08:00
* feat: add a border to the main window in Windows 10

* refactor: remove unused code

* refactor: add dark themed borders
diff --git a/package.json b/package.json
@@ -60,6 +60,7 @@
     "tauri-plugin-fs-pro-api": "^2.3.1",
     "tauri-plugin-macos-permissions-api": "^2.2.0",
     "tauri-plugin-screenshots-api": "^2.1.0",
+    "tauri-plugin-windows-version-api": "^2.0.0",
     "use-debounce": "^10.0.4",
     "uuid": "^11.1.0",
     "wavesurfer.js": "^7.9.3",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src-tauri/Cargo.lock b/src-tauri/Cargo.lock
diff --git a/src-tauri/Cargo.toml b/src-tauri/Cargo.toml
@@ -69,6 +69,7 @@ http = "1.1.0"
 tungstenite = "0.24.0"
 env_logger = "0.11.5"
 tokio-util = "0.7.14"
+tauri-plugin-windows-version = "2"
 
 [target."cfg(target_os = \"macos\")".dependencies]
 tauri-nspanel = { git = "https://github.com/ahkohd/tauri-nspanel", branch = "v2" }
diff --git a/src-tauri/capabilities/default.json b/src-tauri/capabilities/default.json
@@ -68,6 +68,7 @@
     "screenshots:default",
     "core:window:allow-set-theme",
     "process:default",
-    "updater:default"
+    "updater:default",
+    "windows-version:default"
   ]
 }
diff --git a/src-tauri/src/lib.rs b/src-tauri/src/lib.rs
@@ -82,7 +82,8 @@ pub fn run() {
         .plugin(tauri_plugin_macos_permissions::init())
         .plugin(tauri_plugin_screenshots::init())
         .plugin(tauri_plugin_process::init())
-        .plugin(tauri_plugin_updater::Builder::new().build());
+        .plugin(tauri_plugin_updater::Builder::new().build())
+        .plugin(tauri_plugin_windows_version::init());
 
     // Conditional compilation for macOS
     #[cfg(target_os = "macos")]
diff --git a/src-tauri/src/setup/windows.rs b/src-tauri/src/setup/windows.rs
@@ -1,3 +1,3 @@
 use tauri::{App, WebviewWindow};
 
-pub fn platform(_app: &mut App, _main_window: WebviewWindow, _settings_window: WebviewWindow) {}
+pub fn platform(_app: &mut App, _main_window: WebviewWindow, _settings_window: WebviewWindow) {}
diff --git a/src/components/SearchChat/index.tsx b/src/components/SearchChat/index.tsx
@@ -5,8 +5,10 @@ import {
   useReducer,
   Suspense,
   memo,
+  useState,
 } from "react";
 import clsx from "clsx";
+import { isWindows10 } from "tauri-plugin-windows-version-api";
 
 import Search from "@/components/Search/Search";
 import InputBox from "@/components/Search/InputBox";
@@ -22,19 +24,20 @@ import { useStartupStore } from "@/stores/startupStore";
 import { DataSource } from "@/types/commands";
 import { useThemeStore } from "@/stores/themeStore";
 import { Get } from "@/api/axiosRequest";
+import { useMount } from "ahooks";
 
 interface SearchChatProps {
   isTauri?: boolean;
   hasModules?: string[];
   defaultModule?: "search" | "chat";
-  
+
   hasFeature?: string[];
   showChatHistory?: boolean;
-  
+
   theme?: "auto" | "light" | "dark";
   searchPlaceholder?: string;
   chatPlaceholder?: string;
-  
+
   hideCoco?: () => void;
   setIsPinned?: (value: boolean) => void;
   querySearch: (input: string) => Promise<any>;
@@ -74,6 +77,7 @@ function SearchChat({
     isDeepThinkActive,
     isTyping,
   } = state;
+  const [isWin10, setIsWin10] = useState(false);
 
   useWindowEvents();
 
@@ -84,6 +88,12 @@ function SearchChat({
 
   const setTheme = useThemeStore((state) => state.setTheme);
 
+  useMount(async () => {
+    const isWin10 = await isWindows10();
+
+    setIsWin10(isWin10);
+  });
+
   useEffect(() => {
     let mounted = true;
 
@@ -325,6 +335,7 @@ function SearchChat({
           "w-screen h-screen": isTauri,
           "rounded-xl": !isWin,
           "border border-[#E6E6E6] dark:border-[#272626]": isLinux,
+          "border-t border-t-[#999] dark:border-t-[#333]": isWin10,
         }
       )}
     >

Original file line number	Diff line number	Diff line change
`@@ -68,6 +68,7 @@`
`68`	`68`	`"screenshots:default",`
`69`	`69`	`"core:window:allow-set-theme",`
`70`	`70`	`"process:default",`
`71`		`- "updater:default"`
	`71`	`+ "updater:default",`
	`72`	`+ "windows-version:default"`
`72`	`73`	`]`
`73`	`74`	`}`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,3 @@`
`1`	`1`	`use tauri::{App, WebviewWindow};`
`2`	`2`
`3`		`-pub fn platform(_app: &mut App, _main_window: WebviewWindow, _settings_window: WebviewWindow) {}`
	`3`	`+pub fn platform(_app: &mut App, _main_window: WebviewWindow, _settings_window: WebviewWindow) {}`