feat: unify search with browse page

src/components/messageStream/hooks/usePostStream.ts

@@ -14,6 +14,7 @@ export type PostStreamParams = {
   scope: PostScope;
   type?: string;
   language?: string;
+  q?: string;
   lang: Lang;
 };
 
@@ -56,7 +57,20 @@ function filterMock(params: PostStreamParams): Post[] {
       p.categorySlug !== params.scope.slug
     )
       return false;
+    const q = params.q?.trim().toLowerCase();
     if (params.language && p.language !== params.language) return false;
+    if (q) {
+      const haystack = [
+        p.text ?? "",
+        p.categorySlug,
+        p.postType ?? "",
+        ...(p.tags ?? []),
+        ...p.attachments.flatMap((a) => [a.filename, a.mime, a.kind]),
+      ]
+        .join("\n")
+        .toLowerCase();
+      if (!haystack.includes(q)) return false;
+    }
     if (!postMatchesType(p, params.type ?? "all")) return false;
     return true;
   }).sort(
@@ -67,13 +81,15 @@ function filterMock(params: PostStreamParams): Post[] {
 
 function buildRealUrl(params: PostStreamParams, cursor?: string): string {
   const sp = new URLSearchParams();
+  const q = params.q?.trim();
   sp.set("lang", langQuery(params.lang));
   sp.set("limit", String(PAGE_SIZE));
+  if (q) sp.set("q", q);
   if (params.scope.kind === "category") sp.set("category", params.scope.slug);
   if (params.type && params.type !== "all") sp.set("type", params.type);
   if (params.language) sp.set("language", sourceLanguageQuery(params.language));
   if (cursor) sp.set("cursor", cursor);
-  return `/api/posts?${sp.toString()}`;
+  return `${q ? "/api/posts/search" : "/api/posts"}?${sp.toString()}`;
 }
 
 export function usePostStream(params: PostStreamParams): PostStreamResult {
@@ -146,6 +162,7 @@ export function usePostStream(params: PostStreamParams): PostStreamResult {
     params.scope.kind === "category" ? params.scope.slug : "",
     params.type,
     params.language,
+    params.q,
     params.lang,
   ]);