mcpField
D
diffs

diffs

github.com/pierrecomputer开发6.4k488 次安装1 天前更新
代码仓库

关于 diffs

@pierre/diffs 是用于渲染语法高亮文件和差异的库，提供 React 与原生 JavaScript 接口。可选入口还支持编辑器、服务端渲染和 Worker。

主要功能

  1. 01渲染语法高亮文件
  2. 02渲染代码差异
  3. 03支持 React 和原生 JavaScript
  4. 04可选编辑器支持
  5. 05服务端渲染与 Worker

适用场景

  1. 01在应用中展示源文件
  2. 02构建代码审查差异视图
  3. 03在 React 或原生界面中编辑
  4. 04在服务器预载页面标记

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/pierrecomputer/pierre --skill diffs

安装后在 Claude Code 中输入/diffs确认已加载。

包含的文件

除 SKILL.md 外，安装时一起下载的参考资料和脚本。

references/
api-core.md
api-editor.md
api-highlighting.md
api-react.md
api-rendering.md
api-ssr.md
api-types.md
api-worker.md
recipe-annotations.md
recipe-code-view.md
recipe-custom-highlighting.md
recipe-edit-react.md
recipe-edit-vanilla.md
recipe-react.md
recipe-ssr.md
recipe-vanilla.md
recipe-workers.md

详细介绍

@pierre/diffs

使用 @pierre/diffs 渲染语法高亮的文件和差异。要使用可选的编辑器、SSR 和 worker 入口，请使用对应入口。

要使用 @pierre/highlights 生成独立 HTML 或令牌，请阅读 highlights 技能指南。

安装

pnpm add @pierre/diffs

如果应用使用 React 入口，请安装 react 和 react-dom。

选择 API 参考

接口参考文档
根组件、解析和文件扩展名 API核心 API
语言、主题、高亮器状态和流高亮 API
渲染器、管理器、DOM 助手、比较和常量底层渲染 API
共享数据、选项、渲染、选择和编辑器类型共享类型
@pierre/diffs/reactReact API
@pierre/diffs/edit编辑器 API
@pierre/diffs/ssrSSR API
@pierre/diffs/worker 和 worker 脚本Worker API

选择配方

任务配方
在 React 中渲染文件或差异使用 React 渲染
不使用 React 渲染文件或差异使用原生 JavaScript 渲染
构建虚拟化审查界面使用 CodeView
编辑 React 界面或 CodeView使用 React 编辑
编辑原生界面或 CodeView使用原生 JavaScript 编辑
在服务器上预加载标记使用 SSR
通过 worker 池进行高亮处理使用 workers
添加行注释和选择添加注释和选择
注册自定义语言或主题注册自定义高亮

评论

支持 Markdown