Meta-/ comments out selected lines

src/app/composite-selection.coffee

@@ -113,6 +113,9 @@ class CompositeSeleciton
   deleteToEndOfWord: ->
     @mutateSelectedText (selection) -> selection.deleteToEndOfWord()
 
+  toggleLineComments: ->
+    @mutateSelectedText (selection) -> selection.toggleLineComments()
+
   selectToScreenPosition: (position) ->
     @getLastSelection().selectToScreenPosition(position)
 

src/app/editor.coffee

@@ -38,7 +38,6 @@ class Editor extends View
   cursor: null
   selection: null
   buffer: null
-  highlighter: null
   renderer: null
   autoIndent: null
   lineCache: null
@@ -146,6 +145,7 @@ class Editor extends View
       'select-to-end-of-word': @selectToEndOfWord
       'select-to-beginning-of-word': @selectToBeginningOfWord
       'select-all': @selectAll
+      'toggle-line-comments': @toggleLineCommentsInSelection
 
     for name, method of editorBindings
       do (name, method) =>
@@ -820,6 +820,12 @@ class Editor extends View
   logLines: (start, end) ->
     @renderer.logLines(start, end)
 
+  toggleLineCommentsInSelection: ->
+    @compositeSelection.toggleLineComments()
+
+  toggleLineCommentsInRange: (range) ->
+    @renderer.toggleLineCommentsInRange(range)
+
   logRenderedLines: ->
     @visibleLines.find('.line').each (n) ->
       console.log n, $(this).text()

src/app/keymaps/editor.coffee

@@ -30,3 +30,4 @@ window.keymap.bindKeys '.editor',
   'meta-}': 'show-next-buffer'
   'meta-+': 'increase-font-size'
   'meta--': 'decrease-font-size'
+  'meta-/': 'toggle-line-comments'

src/app/renderer.coffee

@@ -8,7 +8,7 @@ Range = require 'range'
 Fold = require 'fold'
 ScreenLine = require 'screen-line'
 Token = require 'token'
-foldPlaceholderLength = 3
+LineCommenter = require 'line-commenter'
 
 module.exports =
 class Renderer
@@ -16,13 +16,14 @@ class Renderer
   lineMap: null
   highlighter: null
   activeFolds: null
+  lineCommenter: null
   foldsById: null
   lastHighlighterChangeEvent: null
-  foldPlaceholderLength: 3
 
   constructor: (@buffer, options={}) ->
     @id = @constructor.idCounter++
     @highlighter = new Highlighter(@buffer, options.tabText ? '  ')
+    @lineCommenter = new LineCommenter(@highlighter)
     @foldSuggester = new FoldSuggester(@highlighter)
     @maxLineLength = options.maxLineLength ? Infinity
     @activeFolds = {}
@@ -246,4 +247,8 @@ class Renderer
   logLines: (start, end) ->
     @lineMap.logLines(start, end)
 
+  toggleLineCommentsInRange: (range) ->
+    console.log range.inspect()
+    @lineCommenter.toggleLineCommentsInRange(range)
+
 _.extend Renderer.prototype, EventEmitter

src/app/selection.coffee

@@ -84,6 +84,7 @@ class Selection extends View
       new Range(@cursor.getScreenPosition(), @cursor.getScreenPosition())
 
   setScreenRange: (range, {reverse}={}) ->
+    range = Range.fromObject(range)
     { start, end } = range
     [start, end] = [end, start] if reverse
 
@@ -125,6 +126,10 @@ class Selection extends View
       if leadingTabRegex.test buffer.lineForRow(row)
         buffer.delete [[row, 0], [row, @editor.tabText.length]]
 
+  toggleLineComments: ->
+    @modifySelection =>
+      @editor.toggleLineCommentsInRange(@getBufferRange())
+
   autoIndentText: (text) ->
     if @editor.autoIndent
       mode = @editor.getCurrentMode()