build: app building and packaging (#14)

src-tauri/src/main.rs

@@ -1,7 +1,6 @@
 // Prevents additional console window on Windows in release, DO NOT REMOVE!!
 #![cfg_attr(
     not(debug_assertions),
-    target_os = "windows",
     windows_subsystem = "windows"
 )]
 

src-tauri/tauri.conf.json

@@ -77,18 +77,13 @@
     "macOS": {
       "entitlements": "./Entitlements.plist",
       "dmg": {
-        "background": "assets/dmg-background.png",
-        "windowSize": {
-          "width": 800,
-          "height": 600
-        },
-        "windowPosition": {
-          "x": 400,
-          "y": 400
+        "appPosition": {
+          "x": 180,
+          "y": 140
         },
         "applicationFolderPosition": {
           "x": 480,
-          "y": 220
+          "y": 140
         }
       }
     }

src/components/SearchChat/DropdownList.tsx

@@ -129,12 +129,12 @@ function DropdownList({ selected, suggests }: DropdownListProps) {
             <div className="flex gap-2 items-center">
               <img className="w-5 h-5" src={item?._source?.icon} alt="icon" />
               <span className="text-[#333] dark:text-[#d8d8d8] truncate w-80 text-left">
-                {item?._source?.source}/{item?._source?.title}
+                {item?._source?.title}
               </span>
             </div>
             <div className="flex gap-2 items-center relative">
               <span className="text-sm  text-[#666] dark:text-[#666] truncate w-52 text-right">
-                {item?._source?.type}
+                {item?._source?.source}
               </span>
               {showIndex && index < 10 ? (
                 <div

src/components/SearchChat/Search.tsx

@@ -64,24 +64,26 @@ function Search({ isTransitioned, isChatMode, input }: SearchProps) {
         isTransitioned ? "opacity-0 pointer-events-none" : "opacity-100"
       } bottom-0 h-[500px]`}
     >
-      <div
-        className={`min-h-full w-full flex items-start justify-center rounded-xl overflow-hidden relative`}
-      >
-        {/* Search Results Panel */}
-        {suggests.length > 0 ? (
-          <DropdownList
-            suggests={suggests}
-            isSearchComplete={isSearchComplete}
-            selected={(item) => setSelectedItem(item)}
-          />
-        ) : null}
+      {isChatMode ? null : (
+        <div
+          className={`min-h-full w-full flex items-start justify-center rounded-xl overflow-hidden relative`}
+        >
+          {/* Search Results Panel */}
+          {suggests.length > 0 ? (
+            <DropdownList
+              suggests={suggests}
+              isSearchComplete={isSearchComplete}
+              selected={(item) => setSelectedItem(item)}
+            />
+          ) : null}
 
-        {selectedItem ? <SearchResults /> : null}
+          {selectedItem ? <SearchResults /> : null}
 
-        {suggests.length > 0 || selectedItem ? (
-          <Footer isChat={false} name={selectedItem?.source} />
-        ) : null}
-      </div>
+          {suggests.length > 0 || selectedItem ? (
+            <Footer isChat={false} name={selectedItem?.source} />
+          ) : null}
+        </div>
+      )}
     </div>
   );
 }

src/hooks/useWebSocket.ts

@@ -48,5 +48,5 @@ export function useWebSocket(
     }
   };
 
-  return { messages, connected, sendMessage, setMessages };
+  return { messages, connected, sendMessage, setMessages, setConnected };
 }

src/main.css

@@ -24,6 +24,12 @@
   body,
   #root {
     @apply text-gray-900 rounded-xl antialiased;
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
   }
 
   .dark body,

tailwind.config.js

@@ -11,12 +11,12 @@ export default {
         separator: "rgb(var(--color-separator) / <alpha-value>)",
       },
       backgroundImage: {
-        'chat_bg_light': "url('src/assets/chat_bg_light.png')",
-        'chat_bg_dark': "url('src/assets/chat_bg_dark.png')",
-        'search_bg_light': "url('src/assets/search_bg_light.png')",
-        'search_bg_dark': "url('src/assets/search_bg_dark.png')",
-        'inputbox_bg_light': "url('src/assets/inputbox_bg_light.png')",
-        'inputbox_bg_dark': "url('src/assets/inputbox_bg_dark.png')",
+        'chat_bg_light': "url('/chat_bg_light.png')",
+        'chat_bg_dark': "url('/chat_bg_dark.png')",
+        'search_bg_light': "url('/search_bg_light.png')",
+        'search_bg_dark': "url('/search_bg_dark.png')",
+        'inputbox_bg_light': "url('/inputbox_bg_light.png')",
+        'inputbox_bg_dark': "url('/inputbox_bg_dark.png')",
       },
       textColor: {
         primary: "rgb(var(--color-foreground) / <alpha-value>)",