feat: add search modal for website (#10102)

* feat: add search modal for website

* handle reference URLs

* Trigger Build

* actually trigger build

* redeploy

* refinements

* remove local search

---------

Co-authored-by: anakin87 <stefanofiorucci@gmail.com>

Author: YassineGabsi

docs-website/api/search.ts

@@ -0,0 +1,73 @@
+import { VercelRequest, VercelResponse } from "@vercel/node";
+
+export default async function handler(req: VercelRequest, res: VercelResponse) {
+  if (req.method !== "POST") {
+    res.setHeader("Allow", "POST");
+    return res.status(405).end("Method Not Allowed");
+  }
+
+  const { query, filter } = req.body;
+
+  if (!query) {
+    return res.status(400).json({ error: "Query is required" });
+  }
+
+  const { SEARCH_API_WORKSPACE, SEARCH_API_PIPELINE, SEARCH_API_TOKEN } =
+    process.env;
+
+  if (!SEARCH_API_WORKSPACE || !SEARCH_API_PIPELINE || !SEARCH_API_TOKEN) {
+    console.error(
+      "Search API environment variables are not configured on the server."
+    );
+    return res.status(500).json({ error: "Search service is not configured." });
+  }
+
+  try {
+    // Build the request body with optional filters
+    const requestBody: any = {
+      queries: [query],
+    };
+
+    // Add filters if provided (for future backend filtering support)
+    if (filter && filter !== "all") {
+      requestBody.debug = true;
+      requestBody.filters = {
+        operator: "AND",
+        conditions: [
+          {
+            field: "meta.type",
+            operator: "==",
+            value: filter,
+          },
+        ],
+      };
+    }
+
+    const apiResponse = await fetch(
+      `https://api.cloud.deepset.ai/api/v1/workspaces/${SEARCH_API_WORKSPACE}/pipelines/${SEARCH_API_PIPELINE}/search`,
+      {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+          "X-Client-Source": "haystack-docs",
+          Authorization: `Bearer ${SEARCH_API_TOKEN}`,
+        },
+        body: JSON.stringify(requestBody),
+      }
+    );
+
+    if (!apiResponse.ok) {
+      const errorData = await apiResponse.text();
+      console.error("Haystack API error:", errorData);
+      return res
+        .status(apiResponse.status)
+        .json({ error: `API error: ${apiResponse.statusText}` });
+    }
+
+    const data = await apiResponse.json();
+    return res.status(200).json(data);
+  } catch (error) {
+    console.error("Internal server error:", error);
+    return res.status(500).json({ error: "Failed to fetch search results." });
+  }
+}

docs-website/api/tsconfig.json

@@ -0,0 +1,14 @@
+{
+  "compilerOptions": {
+    "target": "ES2021",
+    "module": "commonjs",
+    "moduleResolution": "node",
+    "lib": ["ES2021"],
+    "esModuleInterop": true,
+    "strict": true,
+    "skipLibCheck": true,
+    "resolveJsonModule": true,
+    "types": ["node"]
+  },
+  "include": ["./**/*.ts"]
+}

docs-website/docusaurus.config.js

@@ -110,17 +110,6 @@ const config = {
     ],
     // Local plugin to teach Webpack how to handle `.txt` files like `llms.txt`
     require.resolve('./plugins/txtLoaderPlugin'),
-    ['@cmfcmf/docusaurus-search-local',      {
-      includeParentCategoriesInPageTitle: true,
-      indexDocSidebarParentCategories: 1,
-      lunr: {
-        titleBoost: 1,
-        contentBoost: 1,
-        tagsBoost: 3,
-        parentCategoriesBoost: 5,
-      },
-    },
-    ]
   ],
 
   themeConfig:

docs-website/package.json

@@ -12,22 +12,26 @@
     "serve": "docusaurus serve",
     "write-translations": "docusaurus write-translations",
     "write-heading-ids": "docusaurus write-heading-ids",
+    "update-next-version": "node scripts/update-next-version.js",
+    "create-version": "node scripts/create-new-version.js",
+    "vercel:dev": "vercel dev",
     "generate-llms-txt": "docusaurus generate-llms-txt"
   },
   "dependencies": {
-    "@cmfcmf/docusaurus-search-local": "^2.0.1",
     "@docusaurus/core": "^3.8.1",
     "@docusaurus/faster": "^3.9.2",
     "@docusaurus/plugin-content-docs": "^3.8.1",
     "@docusaurus/plugin-ideal-image": "^3.8.1",
     "@docusaurus/preset-classic": "^3.8.1",
     "@mdx-js/react": "^3.0.0",
+    "@vercel/node": "^5.5.6",
     "clsx": "^2.0.0",
     "docusaurus-plugin-generate-llms-txt": "^0.0.1",
     "prism-react-renderer": "^2.3.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "sharp": "^0.32.6"
+    "sharp": "^0.32.6",
+    "vercel": "^48.10.3"
   },
   "devDependencies": {
     "@docusaurus/module-type-aliases": "^3.8.1",