Feature: search suggestions for search and quick launch (#2775)

---------

Co-authored-by: shamoon <4887959+shamoon@users.noreply.github.com>

src/pages/api/search/searchSuggestion.js

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

src/pages/index.jsx

@@ -211,12 +211,12 @@ function Home({ initialSettings }) {
       // if search provider is a list, try to retrieve from localstorage, fall back to the first
       searchProvider = getStoredProvider() ?? searchProviders[searchWidget.options.provider[0]];
     } else if (searchWidget.options?.provider === "custom") {
-      searchProvider = {
-        url: searchWidget.options.url,
-      };
+      searchProvider = searchWidget.options;
     } else {
       searchProvider = searchProviders[searchWidget.options?.provider];
     }
+    // to pass to quicklaunch
+    searchProvider.showSearchSuggestions = searchWidget.options?.showSearchSuggestions;
   }
   const headerStyle = settings?.headerStyle || "underlined";