git-diff-view

Weekly Pick

一个类似Github的Diff View组件,支持React和Vue,提供0配置渲染、纯Diff/可折叠Diff、SSR支持、Web worker支持等多种功能。

项目地址git-diff-view## Demo地址demo## 核心功能1. 0配置渲染Diff View组件2. 支持纯Diff / 可折叠Diff(需要源文件内容)3. SSR支持4. Web worker支持5. Widget支持6. Unified View / Split View7. Scroll View / Wrap View## 截图1. 完整视图(git --diff + 源文件内容)<img width="1305" alt="image" src="https://github.com/ruanyf/weekly/assets/57748455/813af5d8-0b47-4318-8584-e96d7d8ed36b">2. 纯Diff(git --diff<img width="1303" alt="image" src="https://github.com/ruanyf/weekly/assets/57748455/9b7b422a-63da-44c0-a9d2-c4bd648eedd3">3. React + Vue<img width="1378" alt="image" src="https://github.com/ruanyf/weekly/assets/57748455/89cbdb80-9cce-4ba2-92a1-246d42870a54">4. Unified / Split<img width="1383" alt="image" src="https://github.com/ruanyf/weekly/assets/57748455/b0efd2af-b6e4-4fa0-8090-a3cba689ad3f">## Packages| Package | Version || :---------------------------------------------------------------- | :------------------------------------------------------------------------------------------------------------------------------------------- || @git-diff-view/core | npm (scoped) || @git-diff-view/react | npm (scoped) || @git-diff-view/vue | npm (scoped)