# @chainlink/cl-search-frontend 中文文档

规范地址：https://npmcn.com/package/%40chainlink/cl-search-frontend/

版本：0\.13\.2
npm 元数据更新时间：2026-04-28T20:13:58.453Z
中文译文更新时间：2026-11-09T09:47:29.894Z
软件包许可：未声明

本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。

原始 npm 页面：https://www.npmjs.com/package/%40chainlink/cl-search-frontend
原文对照：https://npmcn.com/package/%40chainlink/cl-search-frontend/?lang=original

## 关键信息（来自 npm 元数据）

- 包体积（解压后）：6.6 MB，160 个文件
- 模块格式：ESM + CJS
- TypeScript 类型：包内自带
- 运行依赖：7 个
- peer 依赖：react \>=19\.2\.3，react-dom \>=19\.2\.3
- 首次发布：2025-06-10T18:41:17.441Z
- 最新版本发布：2026-04-28T20:13:57.383Z
- 近 30 天下载量：3147（2026-10-10 至 2026-11-08，npm 官方下载统计）
- 已发布版本数：16（近 12 个月 4 个）

## 中文简介

这个软件包提供了一个与Algolia索引集成的搜索组件.

## 安装

```sh
npm install @chainlink/cl-search-frontend
```

也可以使用：`pnpm add @chainlink/cl-search-frontend`、`yarn add @chainlink/cl-search-frontend`、`bun add @chainlink/cl-search-frontend`

## README

# cl- 搜索- 前端

此软件包提供了一个与 Algolia 集成的搜索组件 索引.

要安装 :

```bash
npm install @chainlink/cl-search-frontend
```

输入组件(和样式):

```typescript
import { SearchButton } from "chainlink-algolia-search";
import aCardImgBackground from "./assets/card-background.png";
// Don't forget to import the styles as well!
import "@chainlink/cl-search-frontend/dist/index.css";

...

function App() {
  return (
    <>
      <SearchButton
        algoliaAppId="<your app ID here>"
        algoliaPublicApiKey="<the public API key>"
        categoryOrder={["Guide", "Video"]} // optional: priority list for showing the category filters
        popularLinks={[ // optional: a list of popular links displayed on the default state modal
          { label: 'Example', url: 'https://example.com' },
        ]}
        popularCards={[ // optional: a list of popular cards displayed on the default state modal (up to 2)
          { imgSrc: aCardImgBackground, label: 'Example', url: 'https://example.com' }
        ]}
        baseApiUrl="https://cl-ai-search-api-preview.vercel.app/api" // optional: override the default API URL (default: https://cl-ai-search-api.vercel.app/api)
        SearchButton="compact" //'compact' | 'extended' | 'minimal'
      />
    </>
  );
}

export default App;
```

## 常见问题

### @chainlink/cl-search-frontend 是什么？

这个软件包提供了一个与Algolia索引集成的搜索组件\.

### 如何安装 @chainlink/cl-search-frontend？

在项目目录运行 npm install @chainlink/cl-search-frontend，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：react（\>=19\.2\.3）、react-dom（\>=19\.2\.3）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。

### @chainlink/cl-search-frontend 支持 TypeScript 吗？

支持。包内自带 TypeScript 类型声明（package\.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。

### @chainlink/cl-search-frontend 支持 ESM 还是 CommonJS？

同时提供 ES Module 与 CommonJS 入口，import 和 require\(\) 都可以使用，打包工具会自动选择合适的版本。

### @chainlink/cl-search-frontend 可以商用吗？

@chainlink/cl-search-frontend 使用 未声明 许可。package\.json 没有声明许可证。没有许可证的代码默认保留全部权利，商用前请联系作者或查看仓库中的 LICENSE 文件。以上为概括，不构成法律意见，请以许可原文为准。

### @chainlink/cl-search-frontend 的下载量有多少？

根据 npm 官方下载统计，@chainlink/cl-search-frontend 在 2026/10/10 – 2026/11/08 这 30 天内被下载 3,147 次，日均约 105 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

### @chainlink/cl-search-frontend 还在维护吗？

最新版本 0\.13\.2 发布于 2026/04/29（6 个月前）；至今共发布 16 个版本，其中过去 12 个月发布了 4 个；首次发布于 2025/06/11。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。