Guidance on gutter indicators and collapsible sections in "edit mode" and "diff mode" using unifiedMergeView

[bisonhubert]

Hi @uiwjs/react-codemirror team!

I'm using @uiwjs/react-codemirror with @codemirror/merge's unifiedMergeView and have introduced a mode selector: "Edit" (editable) and "Diff" (read-only). I'm looking for guidance on implementing two features.

1. Edit mode: Display gutter indicators showing which lines have been modified compared to the original. What's the recommended approach for tracking line changes and adding gutter markers?

2. Diff mode: Add collapse/expand buttons in the gutter for unchanged sections, similar to GitHub's diff view. Are there existing patterns or extensions for collapsible regions in merge view?

Any examples, documentation, or implementation suggestions would be greatly appreciated. Thanks for maintaining this valuable open source project!

[bisonhubert]

Hi @uiwjs/react-codemirror team!

Following up on my previous question - while I initially thought I'd need to build custom gutter indicators and collapse/expand functionality on top of @codemirror/merge, I'm now realizing that react-codemirror-merge already provides these features beautifully in its side-by-side view, which is great.

I would, however, also need a unified merge view to deliver the feature I'm building. I can achieve this with @codemirror/merge directly, but having to install two separate dependencies for this is not ideal. Would you be open to discussing unified view support as a potential enhancement? Or do you have recommendations for the best approach to achieve both view types while leveraging the excellent functionality you've already built?

Thanks again for maintaining these libraries!