Abayomi Amusa paulosabayomi

## gist:b39cac329b1de316da169fa3fdd0b17b

      
              1 file
            
          
              0 forks
            
          
                0 comments
              
            
              0 stars
            
          
                paulosabayomi
                / gist:b39cac329b1de316da169fa3fdd0b17b
            
            
              Last active
              July 15, 2025 04:23
            
              
                How to create VSCode-like git diff gutters with monaco-editor & es-git and diff
              
          
    How to create VSCode-like git diff gutters

Showing the git-diff gutters in monaco-editor is not straight-forward as monaco-editor does not provide any direct API to implement it, but we will be implementing it using a couple of nodejs libraries and the monaco.editor.IEditorDecorationsCollection decoration API.

Libraries


diff - https://www.npmjs.com/package/diff
es-git - https://www.npmjs.com/package/es-git
monaco-editor - https://www.npmjs.com/package/monaco-editor