modules/site: add member search to public search

- Add member variant to SearchResult type
- Include searchMembers() in searchPublic query
- Handle member results in site-search-modal (icon, label, href)
- Add member results section to search page

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <[email protected]>

Author: aster-void

src/lib/components/site-search-modal.svelte

@@ -3,7 +3,7 @@
 </script>
 
 <script lang="ts">
-	import { FileText, Folder } from "lucide-svelte";
+	import { FileText, Folder, User } from "lucide-svelte";
 	import { searchPublic } from "$lib/data/public/index.remote";
 	import type { SearchResult } from "$lib/shared/logic/search";
 	import SearchModalBase from "./search-modal-base.svelte";
@@ -14,6 +14,8 @@
 				return FileText;
 			case "project":
 				return Folder;
+			case "member":
+				return User;
 		}
 	}
 
@@ -23,6 +25,8 @@
 				return "Article";
 			case "project":
 				return "Project";
+			case "member":
+				return "Member";
 		}
 	}
 
@@ -32,6 +36,8 @@
 				return result.title;
 			case "project":
 				return result.name;
+			case "member":
+				return result.name;
 		}
 	}
 
@@ -41,6 +47,8 @@
 				return `/articles/${result.slug}`;
 			case "project":
 				return `/projects/${result.slug}`;
+			case "member":
+				return `/members/${result.slug}`;
 		}
 	}
 
@@ -52,8 +60,11 @@
 				parts.push(result.publishedAt.toLocaleDateString("ja-JP"));
 			}
 			return parts.join(" · ");
+		} else if (result.type === "project") {
+			return result.description ?? "";
+		} else {
+			return result.bio ?? "";
 		}
-		return result.description ?? "";
 	}
 </script>
 
@@ -63,7 +74,7 @@
 	{getResultIcon}
 	{getResultName}
 	{getResultHref}
-	placeholder="記事やプロジェクトを検索..."
+	placeholder="記事、プロジェクト、メンバーを検索..."
 	emptyStateText="検索キーワードを入力..."
 	noResultsText={(query) => `「${query}」に一致する結果がありません`}
 	footerNavigateText="移動"

src/lib/data/public/index.remote.ts

@@ -6,7 +6,7 @@ import {
   listPublishedArticles,
   searchPublishedArticles,
 } from "$lib/server/database/articles.server";
-import { getMemberBySlug, listMembers } from "$lib/server/database/members.server";
+import { getMemberBySlug, listMembers, searchMembers } from "$lib/server/database/members.server";
 import {
   getProjectBySlug,
   listProjects,
@@ -34,9 +34,10 @@ export const getPublicMember = query(v.string(), getMemberBySlug);
 export const searchPublic = query(
   v.string(),
   async (searchQuery: string): Promise<SearchResult[]> => {
-    const [articles, projects] = await Promise.all([
+    const [articles, projects, members] = await Promise.all([
       searchPublishedArticles(searchQuery),
       searchProjects(searchQuery),
+      searchMembers(searchQuery),
     ]);
 
     const articleResults: SearchResult[] = articles.map((article) => ({
@@ -59,6 +60,14 @@ export const searchPublic = query(
       coverUrl: project.coverUrl,
     }));
 
-    return [...articleResults, ...projectResults];
+    const memberResults: SearchResult[] = members.map((member) => ({
+      type: "member" as const,
+      id: member.id,
+      slug: member.slug,
+      name: member.name,
+      bio: member.bio,
+    }));
+
+    return [...articleResults, ...projectResults, ...memberResults];
   },
 );

src/lib/shared/logic/search.ts

@@ -16,6 +16,13 @@ export type SearchResult =
       name: string;
       description: string | null;
       coverUrl: string | null;
+    }
+  | {
+      type: "member";
+      id: string;
+      slug: string;
+      name: string;
+      bio: string | null;
     };
 
 export type AdminSearchResult =
@@ -54,11 +61,16 @@ export function filterSearchResults(results: SearchResult[], query: string): Sea
         result.title.toLowerCase().includes(lowerQuery) ||
         result.excerpt?.toLowerCase().includes(lowerQuery)
       );
-    } else {
+    } else if (result.type === "project") {
       return (
         result.name.toLowerCase().includes(lowerQuery) ||
         result.description?.toLowerCase().includes(lowerQuery)
       );
+    } else {
+      return (
+        result.name.toLowerCase().includes(lowerQuery) ||
+        result.bio?.toLowerCase().includes(lowerQuery)
+      );
     }
   });
 }

src/routes/(site)/search/+page.svelte

@@ -8,6 +8,7 @@
 
 	const articleResults = $derived(results.filter((r) => r.type === "article"));
 	const projectResults = $derived(results.filter((r) => r.type === "project"));
+	const memberResults = $derived(results.filter((r) => r.type === "member"));
 </script>
 
 <svelte:head>
@@ -45,7 +46,7 @@
 					{#each articleResults as article (article.id)}
 						<a
 							href="/articles/{article.slug}"
-							class="group rounded-xl border border-zinc-200 bg-white p-6 transition-all hover:border-[#00D372] hover:shadow-md"
+							class="group rounded-xl border border-zinc-200/50 bg-white/80 backdrop-blur-md p-6 transition-all hover:border-[#00D372] hover:shadow-md"
 						>
 							{#if article.coverUrl}
 								<img
@@ -76,13 +77,13 @@
 		{/if}
 
 		{#if projectResults.length > 0}
-			<section>
+			<section class="mb-12">
 				<h2 class="mb-4 text-xl font-semibold">プロジェクト ({projectResults.length}件)</h2>
 				<div class="grid gap-6 md:grid-cols-2 lg:grid-cols-3">
 					{#each projectResults as project (project.id)}
 						<a
 							href="/projects/{project.slug}"
-							class="group rounded-xl border border-zinc-200 bg-white p-6 transition-all hover:border-[#00D372] hover:shadow-md"
+							class="group rounded-xl border border-zinc-200/50 bg-white/80 backdrop-blur-md p-6 transition-all hover:border-[#00D372] hover:shadow-md"
 						>
 							{#if project.coverUrl}
 								<img
@@ -100,5 +101,24 @@
 				</div>
 			</section>
 		{/if}
+
+		{#if memberResults.length > 0}
+			<section>
+				<h2 class="mb-4 text-xl font-semibold">メンバー ({memberResults.length}件)</h2>
+				<div class="grid gap-6 md:grid-cols-2 lg:grid-cols-3">
+					{#each memberResults as member (member.id)}
+						<a
+							href="/members/{member.slug}"
+							class="group rounded-xl border border-zinc-200/50 bg-white/80 backdrop-blur-md p-6 transition-all hover:border-[#00D372] hover:shadow-md"
+						>
+							<h3 class="mb-2 font-semibold group-hover:text-[#00D372]">{member.name}</h3>
+							{#if member.bio}
+								<p class="mb-4 line-clamp-2 text-sm text-zinc-500">{member.bio}</p>
+							{/if}
+						</a>
+					{/each}
+				</div>
+			</section>
+		{/if}
 	{/if}
 </div>