search

ruanyf / weekly

科技爱好者周刊，每周五发布
43.25k stars 2.7k forks source link

【开源自荐】类似Github的Diff View组件，支持React / Vue #4105

Open MrWangJustToDo opened 4 months ago

MrWangJustToDo commented 4 months ago

项目地址

git-diff-view

Demo地址

demo

核心功能

  1. 0配置渲染Diff View组件
  2. 支持纯Diff / 可折叠Diff（需要源文件内容）
  3. SSR支持
  4. Web worker支持
  5. Widget支持
  6. Unified View / Split View
  7. Scroll View / Wrap View

截图

  1. 完整视图（git --diff + 源文件内容） image
  2. 纯Diff（git --diff） image
  3. React + Vue image
  4. Unified / Split image

Packages

Package Version
@git-diff-view/core npm (scoped)
@git-diff-view/react npm (scoped)
@git-diff-view/vue npm (scoped)
leiless commented 4 months ago

很不错！好奇问下，diff组件是自己实现的还是用的第三方库？

MrWangJustToDo commented 3 months ago

很不错！好奇问下，diff组件是自己实现的还是用的第三方库？

diff parse 部分逻辑来自于 github-desktop, 语法高亮采用兼容 hast tree 的 lowlight