Add support for gutter decorations

As promised in #21

Author: abe33

lib/minimap-git-diff-binding.coffee

@@ -16,16 +16,18 @@ class MinimapGitDiffBinding
 
     @editor = @minimap.getTextEditor()
 
-    @subscriptions.add @editor.getBuffer().onDidStopChanging @updateDiffs
     @subscriptions.add @minimap.onDidDestroy @destroy
 
     if repository = @getRepo()
+      @subscriptions.add @editor.getBuffer().onDidStopChanging @updateDiffs
       @subscriptions.add repository.onDidChangeStatuses =>
         @scheduleUpdate()
       @subscriptions.add repository.onDidChangeStatus (changedPath) =>
         @scheduleUpdate() if changedPath is @editor.getPath()
       @subscriptions.add repository.onDidDestroy =>
         @destroy()
+      @subscriptions.add atom.config.observe 'minimap-git-diff.useGutterDecoration', (@useGutterDecoration) =>
+        @scheduleUpdate()
 
     @scheduleUpdate()
 
@@ -46,11 +48,11 @@ class MinimapGitDiffBinding
       startRow = newStart - 1
       endRow = newStart + newLines - 2
       if oldLines is 0 and newLines > 0
-        @markRange(startRow, endRow, '.minimap .git-line-added')
+        @markRange(startRow, endRow, '.git-line-added')
       else if newLines is 0 and oldLines > 0
-        @markRange(startRow, startRow, '.minimap .git-line-removed')
+        @markRange(startRow, startRow, '.git-line-removed')
       else
-        @markRange(startRow, endRow, '.minimap .git-line-modified')
+        @markRange(startRow, endRow, '.git-line-modified')
 
   removeDecorations: ->
     return unless @markers?
@@ -60,7 +62,8 @@ class MinimapGitDiffBinding
   markRange: (startRow, endRow, scope) ->
     return if @editor.displayBuffer.isDestroyed()
     marker = @editor.markBufferRange([[startRow, 0], [endRow, Infinity]], invalidate: 'never')
-    @minimap.decorateMarker(marker, type: 'line', scope: scope, plugin: 'git-diff')
+    type = if @useGutterDecoration then 'gutter' else 'line'
+    @minimap.decorateMarker(marker, {type, scope: ".minimap .#{type} #{scope}", plugin: 'git-diff'})
     @markers ?= []
     @markers.push(marker)
 

lib/minimap-git-diff.coffee

@@ -4,6 +4,12 @@ MinimapGitDiffBinding = null
 
 class MinimapGitDiff
 
+  config:
+    useGutterDecoration:
+      type: 'boolean'
+      default: false
+      description: 'When enabled the gif diffs will be displayed as thin vertical lines on the left side of the minimap.'
+
   pluginActive: false
   constructor: ->
     @subscriptions = new CompositeDisposable

styles/minimap-git-diff.less

@@ -6,15 +6,31 @@
 @import "syntax-variables";
 
 .minimap {
-  .git-line-modified{
-    background: fadeOut(@syntax-color-modified, 50%);
-  }
+  .line {
+    .git-line-modified {
+      background: fadeOut(@syntax-color-modified, 50%);
+    }
+
+    .git-line-added {
+      background: fadeOut(@syntax-color-added, 40%);
+    }
 
-  .git-line-added {
-    background: fadeOut(@syntax-color-added, 40%);
+    .git-line-removed {
+      background: fadeOut(@syntax-color-removed, 30%);
+    }
   }
 
-  .git-line-removed {
-    background: fadeOut(@syntax-color-removed, 30%);
+  .gutter {
+    .git-line-modified {
+      background: @syntax-color-modified;
+    }
+
+    .git-line-added {
+      background: @syntax-color-added;
+    }
+
+    .git-line-removed {
+      background: @syntax-color-removed;
+    }
   }
 }