weekly icon indicating copy to clipboard operation
weekly copied to clipboard

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

Open MrWangJustToDo opened this issue 1 year ago • 2 comments

项目地址

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 --diffimage
  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)

MrWangJustToDo avatar Mar 08 '24 11:03 MrWangJustToDo

很不错!好奇问下,diff组件是自己实现的还是用的第三方库?

leiless avatar Mar 11 '24 06:03 leiless

很不错!好奇问下,diff组件是自己实现的还是用的第三方库?

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

MrWangJustToDo avatar Mar 12 '24 03:03 MrWangJustToDo