docs(rspress): use @rspress/plugin-algolia for search (#1015)

Author: SoonIter

pnpm-lock.yaml

@@ -12,6 +12,7 @@
     "@rsbuild/core": "1.3.21",
     "@rsbuild/plugin-sass": "^1.3.1",
     "@rslib/tsconfig": "workspace:*",
+    "@rspress/plugin-algolia": "2.0.0-beta.6",
     "@rspress/plugin-llms": "2.0.0-beta.6",
     "@rspress/plugin-rss": "2.0.0-beta.6",
     "@rstack-dev/doc-ui": "1.10.2",

website/package.json

@@ -1,5 +1,6 @@
 import path from 'node:path';
 import { pluginSass } from '@rsbuild/plugin-sass';
+import { pluginAlgolia } from '@rspress/plugin-algolia';
 import { pluginLlms } from '@rspress/plugin-llms';
 import { pluginRss } from '@rspress/plugin-rss';
 import {
@@ -16,6 +17,7 @@ const description = 'The Rsbuild-based library development tool';
 
 export default defineConfig({
   plugins: [
+    pluginAlgolia(),
     pluginFontOpenSans(),
     pluginLlms(),
     pluginRss({

website/rspress.config.ts

@@ -1,12 +1,34 @@
+import {
+  Search as PluginAlgoliaSearch,
+  ZH_LOCALES,
+} from '@rspress/plugin-algolia/runtime';
 import { NavIcon } from '@rstack-dev/doc-ui/nav-icon';
 import { Layout as BaseLayout } from 'rspress/theme';
 import { HomeLayout } from './pages';
 import './index.scss';
+import { useLang } from 'rspress/runtime';
 
 const Layout = () => {
   return <BaseLayout beforeNavTitle={<NavIcon />} />;
 };
 
-export { Layout, HomeLayout };
+const Search = () => {
+  const lang = useLang();
+  return (
+    <PluginAlgoliaSearch
+      docSearchProps={{
+        appId: 'TICGXW7OMD', // cspell:disable-line
+        apiKey: '08656eae2f8e85d7f3473574000889f2', // cspell:disable-line
+        indexName: 'lib',
+        searchParameters: {
+          facetFilters: [`lang:${lang}`],
+        },
+      }}
+      locales={ZH_LOCALES}
+    />
+  );
+};
+
+export { Layout, HomeLayout, Search };
 
 export * from 'rspress/theme';