docs: use Algolia search (#541)

Author: fi3ework

pnpm-lock.yaml

@@ -12,6 +12,7 @@
     "@rsbuild/plugin-sass": "^1.4.0",
     "@rspress/core": "^2.0.0-beta.31",
     "@rspress/plugin-llms": "2.0.0-beta.31",
+    "@rspress/plugin-algolia": "2.0.0-beta.31",
     "@rstack-dev/doc-ui": "1.11.0",
     "@rstest/tsconfig": "workspace:*",
     "@types/node": "^22.13.8",

website/package.json

@@ -1,6 +1,7 @@
 import * as path from 'node:path';
 import { pluginSass } from '@rsbuild/plugin-sass';
 import { defineConfig } from '@rspress/core';
+import { pluginAlgolia } from '@rspress/plugin-algolia';
 import { pluginLlms } from '@rspress/plugin-llms';
 import { pluginGoogleAnalytics } from 'rsbuild-plugin-google-analytics';
 import { pluginOpenGraph } from 'rsbuild-plugin-open-graph';
@@ -73,6 +74,9 @@ export default defineConfig({
     ],
   },
   plugins: [
+    pluginAlgolia({
+      verificationContent: '71ECBF977243215D',
+    }),
     pluginFontOpenSans(),
     pluginSitemap({
       domain: siteUrl,

website/rspress.config.ts

@@ -1,7 +1,12 @@
+import { useLang } from '@rspress/core/runtime';
 import {
   Layout as BaseLayout,
   getCustomMDXComponent as basicGetCustomMDXComponent,
 } from '@rspress/core/theme';
+import {
+  Search as PluginAlgoliaSearch,
+  ZH_LOCALES,
+} from '@rspress/plugin-algolia/runtime';
 import {
   LlmsContainer,
   LlmsCopyButton,
@@ -32,10 +37,27 @@ export function getCustomMDXComponent() {
   };
 }
 
+const Search = () => {
+  const lang = useLang();
+  return (
+    <PluginAlgoliaSearch
+      docSearchProps={{
+        appId: 'TRUZL3HFAU', // cspell:disable-line
+        apiKey: '3cf720e0589287b96f68a8c7bad7f682', // cspell:disable-line
+        indexName: 'rstest',
+        searchParameters: {
+          facetFilters: [`lang:${lang}`],
+        },
+      }}
+      locales={ZH_LOCALES}
+    />
+  );
+};
+
 const Layout = () => {
   return <BaseLayout beforeNavTitle={<NavIcon />} />;
 };
 
-export { Layout, HomeLayout };
+export { Search, Layout, HomeLayout };
 
 export * from '@rspress/core/theme';