src/third_party/WebKit/Source/devtools/front_end/source_frame/CodeMirrorUtils.js

   1 /*
   2  * Copyright (C) 2013 Google Inc. All rights reserved.
   3  *
   4  * Redistribution and use in source and binary forms, with or without
   5  * modification, are permitted provided that the following conditions are
   6  * met:
   7  *
   8  *     * Redistributions of source code must retain the above copyright
   9  * notice, this list of conditions and the following disclaimer.
  10  *     * Redistributions in binary form must reproduce the above
  11  * copyright notice, this list of conditions and the following disclaimer
  12  * in the documentation and/or other materials provided with the
  13  * distribution.
  14  *     * Neither the name of Google Inc. nor the names of its
  15  * contributors may be used to endorse or promote products derived from
  16  * this software without specific prior written permission.
  17  *
  18  * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
  19  * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
  20  * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
  21  * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
  22  * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
  23  * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
  24  * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
  25  * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
  26  * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
  27  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
  28  * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  29  */
  30
  31 /**
  32  * @constructor
  33  * @extends {WebInspector.InplaceEditor}
  34  */
  35 WebInspector.CodeMirrorUtils = function()
  36 {
  37     WebInspector.InplaceEditor.call(this);
  38 }
  39
  40 /**
  41  * @param {!WebInspector.TextRange} range
  42  * @return {!{start: !CodeMirror.Pos, end: !CodeMirror.Pos}}
  43  */
  44 WebInspector.CodeMirrorUtils.toPos = function(range)
  45 {
  46     return {
  47         start: new CodeMirror.Pos(range.startLine, range.startColumn),
  48         end: new CodeMirror.Pos(range.endLine, range.endColumn)
  49     }
  50 },
  51
  52 /**
  53  * @param {!CodeMirror.Pos} start
  54  * @param {!CodeMirror.Pos} end
  55  * @return {!WebInspector.TextRange}
  56  */
  57 WebInspector.CodeMirrorUtils.toRange = function(start, end)
  58 {
  59     return new WebInspector.TextRange(start.line, start.ch, end.line, end.ch);
  60 },
  61
  62
  63 WebInspector.CodeMirrorUtils.prototype = {
  64     /**
  65      * @return {string}
  66      */
  67     editorContent: function(editingContext) {
  68         return editingContext.codeMirror.getValue();
  69     },
  70
  71     /**
  72      * @param {?Event} e
  73      */
  74     _consumeCopy: function(e)
  75     {
  76         e.consume();
  77     },
  78
  79     setUpEditor: function(editingContext)
  80     {
  81         var element = editingContext.element;
  82         var config = editingContext.config;
  83         editingContext.cssLoadView = new WebInspector.CodeMirrorCSSLoadView();
  84         editingContext.cssLoadView.show(element);
  85         WebInspector.setCurrentFocusElement(element);
  86         element.addEventListener("copy", this._consumeCopy, false);
  87         var codeMirror = window.CodeMirror(element, {
  88             mode: config.mode,
  89             lineWrapping: config.lineWrapping,
  90             smartIndent: config.smartIndent,
  91             autofocus: true,
  92             theme: config.theme,
  93             value: config.initialValue
  94         });
  95         codeMirror.getWrapperElement().classList.add("source-code");
  96         codeMirror.on("cursorActivity", function(cm) {
  97             cm.display.cursorDiv.scrollIntoViewIfNeeded(false);
  98         });
  99         editingContext.codeMirror = codeMirror;
 100     },
 101
 102     closeEditor: function(editingContext)
 103     {
 104         editingContext.element.removeEventListener("copy", this._consumeCopy, false);
 105         editingContext.cssLoadView.detach();
 106     },
 107
 108     cancelEditing: function(editingContext)
 109     {
 110         editingContext.codeMirror.setValue(editingContext.oldText);
 111     },
 112
 113     augmentEditingHandle: function(editingContext, handle)
 114     {
 115         function setWidth(editingContext, width)
 116         {
 117             var padding = 30;
 118             var codeMirror = editingContext.codeMirror;
 119             codeMirror.getWrapperElement().style.width = (width - codeMirror.getWrapperElement().offsetLeft - padding) + "px";
 120             codeMirror.refresh();
 121         }
 122
 123         handle.codeMirror = editingContext.codeMirror;
 124         handle.setWidth = setWidth.bind(null, editingContext);
 125     },
 126
 127     __proto__: WebInspector.InplaceEditor.prototype
 128 }
 129
 130 /**
 131  * @constructor
 132  * @implements {WebInspector.TokenizerFactory}
 133  */
 134 WebInspector.CodeMirrorUtils.TokenizerFactory = function() { }
 135
 136 WebInspector.CodeMirrorUtils.TokenizerFactory.prototype = {
 137     /**
 138      * @param {string} mimeType
 139      * @return {function(string, function(string, ?string, number, number))}
 140      */
 141     createTokenizer: function(mimeType)
 142     {
 143         var mode = CodeMirror.getMode({indentUnit: 2}, mimeType);
 144         var state = CodeMirror.startState(mode);
 145         function tokenize(line, callback)
 146         {
 147             var stream = new CodeMirror.StringStream(line);
 148             while (!stream.eol()) {
 149                 var style = mode.token(stream, state);
 150                 var value = stream.current();
 151                 callback(value, style, stream.start, stream.start + value.length);
 152                 stream.start = stream.pos;
 153             }
 154         }
 155         return tokenize;
 156     }
 157 }
 158
 159 /**
 160  * This bogus view is needed to load/unload CodeMirror-related CSS on demand.
 161  *
 162  * @constructor
 163  * @extends {WebInspector.VBox}
 164  */
 165 WebInspector.CodeMirrorCSSLoadView = function()
 166 {
 167     WebInspector.VBox.call(this);
 168     this.element.classList.add("hidden");
 169     this.registerRequiredCSS("cm/codemirror.css");
 170     this.registerRequiredCSS("cm/cmdevtools.css");
 171 }
 172
 173 WebInspector.CodeMirrorCSSLoadView.prototype = {
 174     __proto__: WebInspector.VBox.prototype
 175 }