MrWangJustToDo

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

2

## 项目地址 [git-diff-view](https://github.com/MrWangJustToDo/git-diff-view) ## Demo地址 [demo](https://mrwangjusttodo.github.io/git-diff-view/) ## 核心功能 1. 0配置渲染Diff View组件 2. 支持纯Diff / 可折叠Diff（需要源文件内容） 3. SSR支持 4. Web worker支持 5. Widget支持 6. Unified View / Split View 7. Scroll...

【开源自荐】功能齐全的代码Diff View组件，支持React/Vue平台，参考Github

1

## 推荐项目 - 项目地址：https://github.com/MrWangJustToDo/git-diff-view - 类别：JS - 项目标题：开箱即用Diff View组件，拥有同Github相似的设计 - 项目描述：一个前端组件，用来0成本实现类Github的代码Diff视图，适用于自建Code Review平台等相关业务需求 - 亮点： 1. 支持React / Vue平台直接使用 2. 分离数据处理 / 视图逻辑，可实现服务端 / webworker 多种性能优化方式 3. 完整且灵活的代码高亮，内置 [highlight.js](https://highlightjs.org/), 可选 [shiki](https://github.com/shikijs/shiki)...

- [ ] angular - [ ] svelte - [ ] solid

[ink issue](https://github.com/vadimdemedes/ink/issues/741) If the `` component provided a prop to control its wrap behavior, it would solve this issue

feat: support word-break for Text component

1

Currently the `` only support `wrap` props to make Ink wrap text and split it into multiple lines In this PR, add a `wrap-break-word` value for `wrap` props on ``...

Currently, the `` component supports the `wrap` prop, which controls the overflow behavior. ```js if (wrapType === 'wrap') { wrappedText = wrapAnsi(text, maxWidth, { trim: false, hard: true, }); }...

I'm trying to use this tool to implement a diff rendering tool, but when the terminal length is insufficient causing line breaks, although I've tried padding with spaces, the background...