{View, $$} = require 'space-pen' Buffer = require 'buffer' Gutter = require 'gutter' Point = require 'point' Range = require 'range' EditSession = require 'edit-session' CursorView = require 'cursor-view' SelectionView = require 'selection-view' Native = require 'native' fs = require 'fs' $ = require 'jquery' _ = require 'underscore' module.exports = class Editor extends View @idCounter: 1 @content: (params) -> @div class: @classes(params), tabindex: -1, => @input class: 'hidden-input', outlet: 'hiddenInput' @subview 'gutter', new Gutter @div class: 'scroll-view', outlet: 'scrollView', => @div class: 'lines', outlet: 'renderedLines', => @div class: 'vertical-scrollbar', outlet: 'verticalScrollbar', => @div outlet: 'verticalScrollbarContent' @classes: ({mini} = {}) -> classes = ['editor'] classes.push 'mini' if mini classes.join(' ') vScrollMargin: 2 hScrollMargin: 10 lineHeight: null charWidth: null charHeight: null cursorViews: null selectionViews: null lineCache: null isFocused: false activeEditSession: null editSessions: null attached: false lineOverdraw: 100 @deserialize: (state, rootView) -> editSessions = state.editSessions.map (state) -> EditSession.deserialize(state, rootView.project) editor = new Editor(editSession: editSessions[state.activeEditSessionIndex], mini: state.mini) editor.editSessions = editSessions editor.isFocused = state.isFocused editor initialize: ({editSession, @mini} = {}) -> requireStylesheet 'editor.css' @id = Editor.idCounter++ @lineCache = [] @bindKeys() @handleEvents() @cursorViews = [] @selectionViews = [] @editSessions = [] if editSession? @editSessions.push editSession @setActiveEditSessionIndex(0) else if @mini editSession = new EditSession buffer: new Buffer() softWrap: false tabText: " " autoIndent: false softTabs: true @editSessions.push editSession @setActiveEditSessionIndex(0) else throw new Error("Editor initialization requires an editSession") serialize: -> @saveActiveEditSession() viewClass: "Editor" editSessions: @editSessions.map (session) -> session.serialize() activeEditSessionIndex: @getActiveEditSessionIndex() isFocused: @isFocused copy: -> Editor.deserialize(@serialize(), @rootView()) bindKeys: -> editorBindings = 'move-right': @moveCursorRight 'move-left': @moveCursorLeft 'move-down': @moveCursorDown 'move-up': @moveCursorUp 'move-to-next-word': @moveCursorToNextWord 'move-to-previous-word': @moveCursorToPreviousWord 'select-right': @selectRight 'select-left': @selectLeft 'select-up': @selectUp 'select-down': @selectDown 'select-word': @selectWord 'newline': @insertNewline 'indent': @indent 'indent-selected-rows': @indentSelectedRows 'outdent-selected-rows': @outdentSelectedRows 'backspace': @backspace 'backspace-to-beginning-of-word': @backspaceToBeginningOfWord 'delete': @delete 'delete-to-end-of-word': @deleteToEndOfWord 'delete-line': @deleteLine 'cut-to-end-of-line': @cutToEndOfLine 'cut': @cutSelection 'copy': @copySelection 'paste': @paste 'undo': @undo 'redo': @redo 'move-to-top': @moveCursorToTop 'move-to-bottom': @moveCursorToBottom 'move-to-beginning-of-line': @moveCursorToBeginningOfLine 'move-to-end-of-line': @moveCursorToEndOfLine 'move-to-first-character-of-line': @moveCursorToFirstCharacterOfLine 'move-to-beginning-of-word': @moveCursorToBeginningOfWord 'move-to-end-of-word': @moveCursorToEndOfWord 'select-to-top': @selectToTop 'select-to-bottom': @selectToBottom 'select-to-end-of-line': @selectToEndOfLine 'select-to-beginning-of-line': @selectToBeginningOfLine 'select-to-end-of-word': @selectToEndOfWord 'select-to-beginning-of-word': @selectToBeginningOfWord 'select-all': @selectAll 'page-down': @pageDown 'page-up': @pageUp unless @mini _.extend editorBindings, 'save': @save 'newline-below': @insertNewlineBelow 'toggle-soft-wrap': @toggleSoftWrap 'fold-all': @foldAll 'unfold-all': @unfoldAll 'fold-current-row': @foldCurrentRow 'unfold-current-row': @unfoldCurrentRow 'fold-selection': @foldSelection 'split-left': @splitLeft 'split-right': @splitRight 'split-up': @splitUp 'split-down': @splitDown 'close': @close 'show-next-buffer': @loadNextEditSession 'show-previous-buffer': @loadPreviousEditSession 'toggle-line-comments': @toggleLineCommentsInSelection 'log-cursor-scope': @logCurrsorScope for name, method of editorBindings do (name, method) => @on name, => method.call(this); false getCursor: (index) -> @activeEditSession.getCursor(index) getCursors: -> @activeEditSession.getCursors() getLastCursor: -> @activeEditSession.getLastCursor() addCursorAtScreenPosition: (screenPosition) -> @activeEditSession.addCursorAtScreenPosition(screenPosition) addCursorAtBufferPosition: (bufferPosition) -> @activeEditSession.addCursorAtBufferPosition(bufferPosition) moveCursorUp: -> @activeEditSession.moveCursorUp() moveCursorDown: -> @activeEditSession.moveCursorDown() moveCursorLeft: -> @activeEditSession.moveCursorLeft() moveCursorRight: -> @activeEditSession.moveCursorRight() moveCursorToNextWord: -> @activeEditSession.moveCursorToNextWord() moveCursorToBeginningOfWord: -> @activeEditSession.moveCursorToBeginningOfWord() moveCursorToEndOfWord: -> @activeEditSession.moveCursorToEndOfWord() moveCursorToTop: -> @activeEditSession.moveCursorToTop() moveCursorToBottom: -> @activeEditSession.moveCursorToBottom() moveCursorToBeginningOfLine: -> @activeEditSession.moveCursorToBeginningOfLine() moveCursorToFirstCharacterOfLine: -> @activeEditSession.moveCursorToFirstCharacterOfLine() moveCursorToEndOfLine: -> @activeEditSession.moveCursorToEndOfLine() setCursorScreenPosition: (position) -> @activeEditSession.setCursorScreenPosition(position) getCursorScreenPosition: -> @activeEditSession.getCursorScreenPosition() setCursorBufferPosition: (position) -> @activeEditSession.setCursorBufferPosition(position) getCursorBufferPosition: -> @activeEditSession.getCursorBufferPosition() getSelection: (index) -> @activeEditSession.getSelection(index) getSelections: -> @activeEditSession.getSelections() getSelectionsOrderedByBufferPosition: -> @activeEditSession.getSelectionsOrderedByBufferPosition() getLastSelectionInBuffer: -> @activeEditSession.getLastSelectionInBuffer() getSelectedText: -> @activeEditSession.getSelectedText() getSelectedBufferRanges: -> @activeEditSession.getSelectedBufferRanges() getSelectedBufferRange: -> @activeEditSession.getSelectedBufferRange() setSelectedBufferRange: (bufferRange, options) -> @activeEditSession.setSelectedBufferRange(bufferRange, options) setSelectedBufferRanges: (bufferRanges, options) -> @activeEditSession.setSelectedBufferRanges(bufferRanges, options) addSelectionForBufferRange: (bufferRange, options) -> @activeEditSession.addSelectionForBufferRange(bufferRange, options) selectRight: -> @activeEditSession.selectRight() selectLeft: -> @activeEditSession.selectLeft() selectUp: -> @activeEditSession.selectUp() selectDown: -> @activeEditSession.selectDown() selectToTop: -> @activeEditSession.selectToTop() selectToBottom: -> @activeEditSession.selectToBottom() selectAll: -> @activeEditSession.selectAll() selectToBeginningOfLine: -> @activeEditSession.selectToBeginningOfLine() selectToEndOfLine: -> @activeEditSession.selectToEndOfLine() selectToBeginningOfWord: -> @activeEditSession.selectToBeginningOfWord() selectToEndOfWord: -> @activeEditSession.selectToEndOfWord() selectWord: -> @activeEditSession.selectWord() selectToScreenPosition: (position) -> @activeEditSession.selectToScreenPosition(position) clearSelections: -> @activeEditSession.clearSelections() backspace: -> @activeEditSession.backspace() backspaceToBeginningOfWord: -> @activeEditSession.backspaceToBeginningOfWord() delete: -> @activeEditSession.delete() deleteToEndOfWord: -> @activeEditSession.deleteToEndOfWord() deleteLine: -> @activeEditSession.deleteLine() cutToEndOfLine: -> @activeEditSession.cutToEndOfLine() insertText: (text) -> @activeEditSession.insertText(text) insertNewline: -> @activeEditSession.insertNewline() insertNewlineBelow: -> @activeEditSession.insertNewlineBelow() indent: -> @activeEditSession.indent() indentSelectedRows: -> @activeEditSession.indentSelectedRows() outdentSelectedRows: -> @activeEditSession.outdentSelectedRows() cutSelection: -> @activeEditSession.cutSelectedText() copySelection: -> @activeEditSession.copySelectedText() paste: -> @activeEditSession.pasteText() undo: -> @activeEditSession.undo() redo: -> @activeEditSession.redo() createFold: (startRow, endRow) -> @activeEditSession.createFold(startRow, endRow) foldCurrentRow: -> @activeEditSession.foldCurrentRow() unfoldCurrentRow: -> @activeEditSession.unfoldCurrentRow() foldAll: -> @activeEditSession.foldAll() unfoldAll: -> @activeEditSession.unfoldAll() foldSelection: -> @activeEditSession.foldSelection() destroyFold: (foldId) -> @activeEditSession.destroyFold(foldId) destroyFoldsContainingBufferRow: (bufferRow) -> @activeEditSession.destroyFoldsContainingBufferRow(bufferRow) isFoldedAtScreenRow: (screenRow) -> @activeEditSession.isFoldedAtScreenRow(screenRow) lineForScreenRow: (screenRow) -> @activeEditSession.lineForScreenRow(screenRow) linesForScreenRows: (start, end) -> @activeEditSession.linesForScreenRows(start, end) screenLineCount: -> @activeEditSession.screenLineCount() setSoftWrapColumn: (softWrapColumn) -> softWrapColumn ?= @calcSoftWrapColumn() @activeEditSession.setSoftWrapColumn(softWrapColumn) if softWrapColumn maxScreenLineLength: -> @activeEditSession.maxScreenLineLength() getLastScreenRow: -> @activeEditSession.getLastScreenRow() clipScreenPosition: (screenPosition, options={}) -> @activeEditSession.clipScreenPosition(screenPosition, options) screenPositionForBufferPosition: (position, options) -> @activeEditSession.screenPositionForBufferPosition(position, options) bufferPositionForScreenPosition: (position, options) -> @activeEditSession.bufferPositionForScreenPosition(position, options) screenRangeForBufferRange: (range) -> @activeEditSession.screenRangeForBufferRange(range) bufferRangeForScreenRange: (range) -> @activeEditSession.bufferRangeForScreenRange(range) bufferRowsForScreenRows: (startRow, endRow) -> @activeEditSession.bufferRowsForScreenRows(startRow, endRow) stateForScreenRow: (row) -> @activeEditSession.stateForScreenRow(row) logCurrsorScope: -> console.log @activeEditSession.tokenizedBuffer.scopesForPosition(@getCursorBufferPosition) pageDown: -> newScrollTop = @scrollTop() + @scrollView[0].clientHeight @activeEditSession.moveCursorDown(@getPageRows()) @scrollTop(newScrollTop, adjustVerticalScrollbar: true) pageUp: -> newScrollTop = @scrollTop() - @scrollView[0].clientHeight @activeEditSession.moveCursorUp(@getPageRows()) @scrollTop(newScrollTop, adjustVerticalScrollbar: true) getPageRows: -> Math.max(1, Math.ceil(@scrollView[0].clientHeight / @lineHeight)) setText: (text) -> @getBuffer().setText(text) getText: -> @getBuffer().getText() getPath: -> @getBuffer().getPath() getLineCount: -> @getBuffer().getLineCount() getLastBufferRow: -> @getBuffer().getLastRow() getTextInRange: (range) -> @getBuffer().getTextInRange(range) getEofPosition: -> @getBuffer().getEofPosition() lineForBufferRow: (row) -> @getBuffer().lineForRow(row) lineLengthForBufferRow: (row) -> @getBuffer().lineLengthForRow(row) rangeForBufferRow: (row) -> @getBuffer().rangeForRow(row) scanInRange: (args...) -> @getBuffer().scanInRange(args...) backwardsScanInRange: (args...) -> @getBuffer().backwardsScanInRange(args...) handleEvents: -> @on 'focus', => @hiddenInput.focus() false @hiddenInput.on 'focus', => @rootView()?.editorFocused(this) @isFocused = true @addClass 'focused' @hiddenInput.on 'focusout', => @isFocused = false @removeClass 'focused' @renderedLines.on 'mousedown', '.fold.line', (e) => @destroyFold($(e.currentTarget).attr('fold-id')) false @renderedLines.on 'mousedown', (e) => clickCount = e.originalEvent.detail screenPosition = @screenPositionFromMouseEvent(e) if clickCount == 1 if e.metaKey @addCursorAtScreenPosition(screenPosition) else if e.shiftKey @selectToScreenPosition(screenPosition) else @setCursorScreenPosition(screenPosition) else if clickCount == 2 if e.shiftKey @activeEditSession.expandLastSelectionOverWord() else @activeEditSession.selectWord() else if clickCount == 3 if e.shiftKey @activeEditSession.expandLastSelectionOverLine() else @activeEditSession.selectLine() @selectOnMousemoveUntilMouseup() @on "textInput", (e) => @insertText(e.originalEvent.data) false @scrollView.on 'mousewheel', (e) => e = e.originalEvent if e.wheelDeltaY newEvent = document.createEvent("WheelEvent"); newEvent.initWebKitWheelEvent(0, e.wheelDeltaY, e.view, e.screenX, e.screenY, e.clientX, e.clientY, e.ctrlKey, e.altKey, e.shiftKey, e.metaKey) @verticalScrollbar.get(0).dispatchEvent(newEvent) false @verticalScrollbar.on 'scroll', => @scrollTop(@verticalScrollbar.scrollTop(), adjustVerticalScrollbar: false) unless @mini @gutter.widthChanged = (newWidth) => @scrollView.css('left', newWidth + 'px') @scrollView.on 'scroll', => if @scrollView.scrollLeft() == 0 @gutter.removeClass('drop-shadow') else @gutter.addClass('drop-shadow') selectOnMousemoveUntilMouseup: -> moveHandler = (e) => @selectToScreenPosition(@screenPositionFromMouseEvent(e)) @on 'mousemove', moveHandler $(document).one 'mouseup', => @off 'mousemove', moveHandler reverse = @activeEditSession.getLastSelection().isReversed() @activeEditSession.mergeIntersectingSelections({reverse}) @syncCursorAnimations() afterAttach: (onDom) -> return if @attached or not onDom @attached = true @clearRenderedLines() @subscribeToFontSize() @calculateDimensions() @hiddenInput.width(@charWidth) @setSoftWrapColumn() if @activeEditSession.getSoftWrap() $(window).on "resize.editor#{@id}", => @updateRenderedLines() @focus() if @isFocused @renderWhenAttached() @trigger 'editor-open', [this] edit: (editSession) -> index = @editSessions.indexOf(editSession) if index == -1 index = @editSessions.length @editSessions.push(editSession) @setActiveEditSessionIndex(index) getBuffer: -> @activeEditSession.buffer destroyActiveEditSession: -> if @editSessions.length == 1 @remove() else editSession = @activeEditSession @loadPreviousEditSession() _.remove(@editSessions, editSession) editSession.destroy() loadNextEditSession: -> nextIndex = (@getActiveEditSessionIndex() + 1) % @editSessions.length @setActiveEditSessionIndex(nextIndex) loadPreviousEditSession: -> previousIndex = @getActiveEditSessionIndex() - 1 previousIndex = @editSessions.length - 1 if previousIndex < 0 @setActiveEditSessionIndex(previousIndex) getActiveEditSessionIndex: -> return index for session, index in @editSessions when session == @activeEditSession setActiveEditSessionIndex: (index) -> throw new Error("Edit session not found") unless @editSessions[index] if @activeEditSession @saveActiveEditSession() @activeEditSession.off() @activeEditSession = @editSessions[index] @activeEditSession.on "buffer-contents-change-on-disk", => @showBufferConflictAlert(@activeEditSession) @activeEditSession.on "buffer-path-change", => @trigger 'editor-path-change' @trigger 'editor-path-change' @renderWhenAttached() if @attached and @activeEditSession.buffer.isInConflict() @showBufferConflictAlert(@activeEditSession) showBufferConflictAlert: (editSession) -> atom.confirm( editSession.getPath(), "Has changed on disk. Do you want to reload it?", "Reload", (=> editSession.buffer.reload()), "Cancel" ) activateEditSessionForPath: (path) -> for editSession, index in @editSessions if editSession.buffer.getPath() == path @setActiveEditSessionIndex(index) return @activeEditSession false getOpenBufferPaths: -> editSession.buffer.getPath() for editSession in @editSessions when editSession.buffer.getPath()? scrollTop: (scrollTop, options) -> return @cachedScrollTop or 0 unless scrollTop? maxScrollTop = @verticalScrollbar.prop('scrollHeight') - @verticalScrollbar.height() scrollTop = Math.floor(Math.min(maxScrollTop, Math.max(0, scrollTop))) return if scrollTop == @cachedScrollTop @cachedScrollTop = scrollTop @updateRenderedLines() if @attached @renderedLines.css('top', -scrollTop) @gutter.lineNumbers.css('top', -scrollTop) if options?.adjustVerticalScrollbar ? true @verticalScrollbar.scrollTop(scrollTop) scrollBottom: (scrollBottom) -> if scrollBottom? @scrollTop(scrollBottom - @scrollView.height()) else @scrollTop() + @scrollView.height() scrollToBottom: -> @scrollBottom(@scrollView.prop('scrollHeight')) scrollTo: (pixelPosition) -> return unless @attached @scrollVertically(pixelPosition) @scrollHorizontally(pixelPosition) scrollVertically: (pixelPosition) -> linesInView = @scrollView.height() / @lineHeight maxScrollMargin = Math.floor((linesInView - 1) / 2) scrollMargin = Math.min(@vScrollMargin, maxScrollMargin) margin = scrollMargin * @lineHeight desiredTop = pixelPosition.top - margin desiredBottom = pixelPosition.top + @lineHeight + margin scrollViewHeight = @scrollView.height() if desiredBottom > @scrollTop() + scrollViewHeight @scrollTop(desiredBottom - scrollViewHeight) else if desiredTop < @scrollTop() @scrollTop(desiredTop) scrollHorizontally: (pixelPosition) -> return if @activeEditSession.getSoftWrap() charsInView = @scrollView.width() / @charWidth maxScrollMargin = Math.floor((charsInView - 1) / 2) scrollMargin = Math.min(@hScrollMargin, maxScrollMargin) margin = scrollMargin * @charWidth desiredRight = pixelPosition.left + @charWidth + margin desiredLeft = pixelPosition.left - margin if desiredRight > @scrollView.scrollRight() @scrollView.scrollRight(desiredRight) else if desiredLeft < @scrollView.scrollLeft() @scrollView.scrollLeft(desiredLeft) highlightFoldsContainingBufferRange: (bufferRange) -> screenLines = @linesForScreenRows(@firstRenderedScreenRow, @lastRenderedScreenRow) for screenLine, i in screenLines if fold = screenLine.fold screenRow = @firstRenderedScreenRow + i element = @lineElementForScreenRow(screenRow) if bufferRange.intersectsWith(fold.getBufferRange()) element.addClass('selected') else element.removeClass('selected') setScrollPositionFromActiveEditSession: -> @scrollTop(@activeEditSession.scrollTop ? 0) @scrollView.scrollLeft(@activeEditSession.scrollLeft ? 0) saveActiveEditSession: -> @activeEditSession.setScrollTop(@scrollTop()) @activeEditSession.setScrollLeft(@scrollView.scrollLeft()) toggleSoftWrap: -> @setSoftWrap(not @activeEditSession.getSoftWrap()) calcSoftWrapColumn: -> if @activeEditSession.getSoftWrap() Math.floor(@scrollView.width() / @charWidth) else Infinity setSoftWrap: (softWrap, softWrapColumn=undefined) -> @activeEditSession.setSoftWrap(softWrap) @setSoftWrapColumn(softWrapColumn) if @attached if @activeEditSession.getSoftWrap() @addClass 'soft-wrap' @_setSoftWrapColumn = => @setSoftWrapColumn() $(window).on 'resize', @_setSoftWrapColumn else @removeClass 'soft-wrap' $(window).off 'resize', @_setSoftWrapColumn save: (onSuccess) -> if @getPath() @getBuffer().save() onSuccess?() else atom.showSaveDialog (path) => if path @getBuffer().saveAs(path) onSuccess?() subscribeToFontSize: -> return unless rootView = @rootView() @setFontSize(rootView.getFontSize()) rootView.on "font-size-change.editor#{@id}", => @setFontSize(rootView.getFontSize()) setFontSize: (fontSize) -> if fontSize? @css('font-size', fontSize + 'px') @calculateDimensions() @updateCursorViews() @updateRenderedLines() newSplitEditor: -> new Editor { editSession: @activeEditSession.copy() } splitLeft: -> @pane()?.splitLeft(@newSplitEditor()).wrappedView splitRight: -> @pane()?.splitRight(@newSplitEditor()).wrappedView splitUp: -> @pane()?.splitUp(@newSplitEditor()).wrappedView splitDown: -> @pane()?.splitDown(@newSplitEditor()).wrappedView pane: -> @parent('.pane').view() rootView: -> @parents('#root-view').view() close: -> return if @mini if @getBuffer().isModified() filename = if @getPath() then fs.base(@getPath()) else "untitled buffer" atom.confirm( "'#{filename}' has changes, do you want to save them?" "Your changes will be lost if you don't save them" "Save", (=> @save(=> @destroyActiveEditSession())), "Cancel", null "Don't save", (=> @destroyActiveEditSession()) ) else @destroyActiveEditSession() remove: (selector, keepData) -> return super if keepData @trigger 'before-remove' @destroyEditSessions() $(window).off ".editor#{@id}" rootView = @rootView() rootView?.off ".editor#{@id}" if @pane() then @pane().remove() else super rootView?.focus() getEditSessions: -> new Array(@editSessions...) destroyEditSessions: -> for session in @getEditSessions() session.destroy() renderWhenAttached: -> return unless @attached @removeAllCursorAndSelectionViews() @addCursorView(cursor) for cursor in @activeEditSession.getCursors() @addSelectionView(selection) for selection in @activeEditSession.getSelections() @activeEditSession.on 'add-cursor', (cursor) => @addCursorView(cursor) @activeEditSession.on 'add-selection', (selection) => @addSelectionView(selection) @prepareForScrolling() @setScrollPositionFromActiveEditSession() @renderLines() @activeEditSession.on 'screen-lines-change', (e) => @handleDisplayBufferChange(e) getCursorView: (index) -> index ?= @cursorViews.length - 1 @cursorViews[index] getCursorViews: -> new Array(@cursorViews...) addCursorView: (cursor) -> cursorView = new CursorView(cursor, this) @cursorViews.push(cursorView) @renderedLines.append(cursorView) cursorView removeCursorView: (cursorView) -> _.remove(@cursorViews, cursorView) updateCursorViews: -> for cursorView in @getCursorViews() cursorView.updateAppearance() syncCursorAnimations: -> for cursorView in @getCursorViews() do (cursorView) -> cursorView.resetCursorAnimation() getSelectionView: (index) -> index ?= @selectionViews.length - 1 @selectionViews[index] getSelectionViews: -> new Array(@selectionViews...) addSelectionView: (selection) -> selectionView = new SelectionView({editor: this, selection}) @selectionViews.push(selectionView) @renderedLines.append(selectionView) selectionView removeSelectionView: (selectionView) -> _.remove(@selectionViews, selectionView) removeAllCursorAndSelectionViews: -> cursorView.remove() for cursorView in @getCursorViews() selectionView.remove() for selectionView in @getSelectionViews() calculateDimensions: -> fragment = $('