Added search suggestions to the quick launch menu.

If this feture and the search feature of the `quicklaunch` are turned on, up to *four* search suggestions will be shown as results.

src/components/quicklaunch.jsx

@@ -16,9 +16,9 @@ export default function QuickLaunch({
 }) {
   const { t } = useTranslation();
   const { settings } = useContext(SettingsContext);
-  const { searchDescriptions, hideVisitURL } = settings?.quicklaunch
+  const { searchDescriptions, hideVisitURL, hideSearchSuggestions } = settings?.quicklaunch
     ? settings.quicklaunch
-    : { searchDescriptions: false, hideVisitURL: false };
+    : { searchDescriptions: false, hideVisitURL: false, hideSearchSuggestions: false };
 
   const searchField = useRef();
 
@@ -90,6 +90,7 @@ export default function QuickLaunch({
   }
 
   useEffect(() => {
+    (async () => {
       if (searchString.length === 0) setResults([]);
       else {
         let newResults = servicesAndBookmarks.filter((r) => {
@@ -112,6 +113,25 @@ export default function QuickLaunch({
             name: `${searchProvider.name ?? t("quicklaunch.custom")} ${t("quicklaunch.search")}`,
             type: "search",
           });
+
+          if (!hideSearchSuggestions) {
+            const searchSuggestionResult = await fetch(`/api/searchSuggestion?query=${encodeURIComponent(searchString)}&providerName=${searchProvider.name}`);
+            const searchSuggestion = (await searchSuggestionResult.json())[1];
+            
+            // Check if there is a search suggestion
+            if (searchSuggestion) {
+              // Restrict the searchSuggestion to 4 entries
+              if (searchSuggestion.length - 4 > 0) {
+                searchSuggestion.splice(-(searchSuggestion.length-4));
+              }
+              
+              newResults = newResults.concat(searchSuggestion.map((suggestion)=>({
+                href: searchProvider.url + encodeURIComponent(suggestion),
+                name: suggestion,
+                type: "search",
+              })));
+            }
+          }
         }
 
         if (!hideVisitURL && url) {
@@ -128,7 +148,8 @@ export default function QuickLaunch({
           setCurrentItemIndex(0);
         }
       }
-  }, [searchString, servicesAndBookmarks, searchDescriptions, hideVisitURL, searchProvider, url, t]);
+    })()
+  }, [searchString, servicesAndBookmarks, searchDescriptions, hideVisitURL, hideSearchSuggestions, searchProvider, url, t]);
 
   const [hidden, setHidden] = useState(true);
   useEffect(() => {

src/components/widgets/search/search.jsx

@@ -12,31 +12,37 @@ export const searchProviders = {
   google: {
     name: "Google",
     url: "https://www.google.com/search?q=",
+    suggestionUrl: "https://www.google.com/complete/search?client=chrome&q=home",
     icon: SiGoogle,
   },
   duckduckgo: {
     name: "DuckDuckGo",
     url: "https://duckduckgo.com/?q=",
+    suggestionUrl: "https://duckduckgo.com/ac/?type=list&q=",
     icon: SiDuckduckgo,
   },
   bing: {
     name: "Bing",
     url: "https://www.bing.com/search?q=",
+    suggestionUrl: "https://api.bing.com/osjson.aspx?query=",
     icon: SiMicrosoftbing,
   },
   baidu: {
     name: "Baidu",
     url: "https://www.baidu.com/s?wd=",
+    suggestionUrl: "http://suggestion.baidu.com/su?&action=opensearch&ie=utf-8&wd=",
     icon: SiBaidu,
   },
   brave: {
     name: "Brave",
     url: "https://search.brave.com/search?q=",
+    suggestionUrl: "https://search.brave.com/api/suggest?&rich=false&q=",
     icon: SiBrave,
   },
   custom: {
     name: "Custom",
     url: false,
+    suggestionUrl: false,
     icon: FiSearch,
   },
 };

src/pages/api/searchSuggestion.js

@@ -0,0 +1,14 @@
+import { searchProviders } from "components/widgets/search/search";
+import cachedFetch from "utils/proxy/cached-fetch";
+
+export default async function handler(req, res) {
+  const { query, providerName } = req.query;
+
+  const provider = Object.values(searchProviders).find(({ name }) => name === providerName);
+  
+  if (!provider.suggestionUrl) {
+    return res.json([query, []]); // Responde with the same array format but with no suggestions.
+  }
+
+  return res.send(await cachedFetch(`${provider.suggestionUrl}${query}`, 5));
+}