From 9526b1ae9dc354d2e2e3882dba92ed4f21168c74 Mon Sep 17 00:00:00 2001
From: GauthierWebDev <gauthier@gauthierdaniels.fr>
Date: Sun, 20 Apr 2025 12:41:38 +0200
Subject: [PATCH] feat: Add search functionality for documents

---
 app/components/Search.tsx | 14 ++++++++++----
 app/fastify-entry.ts      | 15 ++++++++++++---
 app/fastify-server.ts     | 15 +++++++++++++++
 app/libs/search.ts        |  9 +++++++++
 app/pages/+config.ts      |  2 +-
 5 files changed, 47 insertions(+), 8 deletions(-)
 create mode 100644 app/libs/search.ts

diff --git a/app/components/Search.tsx b/app/components/Search.tsx
index 1f13165..25be473 100644
--- a/app/components/Search.tsx
+++ b/app/components/Search.tsx
@@ -12,7 +12,6 @@ import { Dialog, DialogPanel } from "terracotta";
 import { useDebounce } from "@/hooks/useDebounce";
 import { Highlighter } from "solid-highlight-words";
 import { navigate } from "vike/client/router";
-import { onSearch } from "./Search.telefunc";
 import { useId } from "@/hooks/useId";
 import clsx from "clsx";
 
@@ -270,6 +269,15 @@ export function Search() {
 
 	const debouncedQuery = useDebounce(query, 300);
 
+	const onSearch = async (query: string) => {
+		const response = await fetch(`/search?query=${query}`);
+		if (!response.ok) {
+			throw new Error("Network response was not ok");
+		}
+		const data = await response.json();
+		return data;
+	};
+
 	createEffect(() => {
 		const platform = navigator.userAgentData?.platform || navigator.platform;
 		setModifierKey(/(Mac|iPhone|iPod|iPad)/i.test(platform) ? "⌘" : "Ctrl ");
@@ -288,9 +296,7 @@ export function Search() {
 
 		onSearch(query)
 			.then(setResults)
-			.finally(() => {
-				setIsLoading(false);
-			});
+			.finally(() => setIsLoading(false));
 	});
 
 	return (
diff --git a/app/fastify-entry.ts b/app/fastify-entry.ts
index ab8b0f0..eac6897 100755
--- a/app/fastify-entry.ts
+++ b/app/fastify-entry.ts
@@ -2,15 +2,14 @@ import type { readingTime } from "reading-time-estimator";
 import type { TableOfContents } from "./remarkHeadingId";
 
 import { createHandler } from "@universal-middleware/fastify";
-import { telefuncHandler } from "./server/telefunc-handler";
 import { vikeHandler } from "./server/vike-handler";
 import { createDevMiddleware } from "vike/server";
 import { docCache } from "./services/DocCache";
 import { fileURLToPath } from "node:url";
+import { search } from "./libs/search";
 import { dirname } from "node:path";
 import { config } from "./config";
 import Fastify from "fastify";
-import { buildFlexSearch } from "./services/FlexSearchService";
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = dirname(__filename);
@@ -60,7 +59,17 @@ async function startServer() {
 		app.use(devMiddleware);
 	}
 
-	app.post<{ Body: string }>("/_telefunc", createHandler(telefuncHandler)());
+	app.get("/search", async (request, reply) => {
+		const { query } = request.query as { query: string };
+		if (!query) {
+			reply.status(400).send("Query parameter is required");
+			return;
+		}
+
+		const results = search(query);
+
+		reply.status(200).send(results);
+	});
 
 	/**
 	 * Vike route
diff --git a/app/fastify-server.ts b/app/fastify-server.ts
index 0654742..58463ce 100644
--- a/app/fastify-server.ts
+++ b/app/fastify-server.ts
@@ -1,4 +1,5 @@
 import { fileURLToPath } from "node:url";
+import { search } from "./libs/search";
 import { dirname } from "node:path";
 import { config } from "./config";
 import Fastify from "fastify";
@@ -31,6 +32,18 @@ async function startServer() {
 		reply.type("text/html").send(stream);
 	});
 
+	app.get("/search", async (request, reply) => {
+		const { query } = request.query as { query: string };
+		if (!query) {
+			reply.status(400).send("Query parameter is required");
+			return;
+		}
+
+		const results = search(query);
+
+		reply.status(200).send(results);
+	});
+
 	return app;
 }
 
@@ -44,3 +57,5 @@ app.listen({ port: config.PORT, host: "0.0.0.0" }, (error, address) => {
 
 	console.log(`Server listening on ${address}`);
 });
+
+export default app;
diff --git a/app/libs/search.ts b/app/libs/search.ts
new file mode 100644
index 0000000..39cefb0
--- /dev/null
+++ b/app/libs/search.ts
@@ -0,0 +1,9 @@
+import { buildFlexSearch } from "@/services/FlexSearchService";
+import { docCache } from "@/services/DocCache";
+
+export function search(query: string) {
+	const docs = docCache.fetchDocs();
+	const search = buildFlexSearch(docs);
+
+	return search(query, 5);
+}
diff --git a/app/pages/+config.ts b/app/pages/+config.ts
index fb8c104..1019ebc 100755
--- a/app/pages/+config.ts
+++ b/app/pages/+config.ts
@@ -23,5 +23,5 @@ export default {
 
 	prerender: true,
 
-	extends: vikeSolid,
+	extends: [vikeSolid],
 } satisfies Config;