/browser/devtools/sourceeditor/orion/orion.js
JavaScript | 12303 lines | 9235 code | 215 blank | 2853 comment | 2250 complexity | e11ef20919979de346cbfa2ab72118a6 MD5 | raw file
Possible License(s): GPL-2.0, JSON, 0BSD, LGPL-3.0, AGPL-1.0, MIT, MPL-2.0-no-copyleft-exception, BSD-3-Clause, LGPL-2.1, Apache-2.0
- /*******************************************************************************
- * @license
- * Copyright (c) 2010, 2011 IBM Corporation and others.
- * All rights reserved. This program and the accompanying materials are made
- * available under the terms of the Eclipse Public License v1.0
- * (http://www.eclipse.org/legal/epl-v10.html), and the Eclipse Distribution
- * License v1.0 (http://www.eclipse.org/org/documents/edl-v10.html).
- *
- * Contributors:
- * Felipe Heidrich (IBM Corporation) - initial API and implementation
- * Silenio Quarti (IBM Corporation) - initial API and implementation
- * Mihai Sucan (Mozilla Foundation) - fix for Bug#364214
- */
- /*global window */
- /**
- * Evaluates the definition function and mixes in the returned module with
- * the module specified by <code>moduleName</code>.
- * <p>
- * This function is intented to by used when RequireJS is not available.
- * </p>
- *
- * @param {String} name The mixin module name.
- * @param {String[]} deps The array of dependency names.
- * @param {Function} callback The definition function.
- */
- if (!window.define) {
- window.define = function(name, deps, callback) {
- var module = this;
- var split = (name || "").split("/"), i, j;
- for (i = 0; i < split.length - 1; i++) {
- module = module[split[i]] = (module[split[i]] || {});
- }
- var depModules = [], depModule;
- for (j = 0; j < deps.length; j++) {
- depModule = this;
- split = deps[j].split("/");
- for (i = 0; i < split.length - 1; i++) {
- depModule = depModule[split[i]] = (depModule[split[i]] || {});
- }
- depModules.push(depModule);
- }
- var newModule = callback.apply(this, depModules);
- for (var p in newModule) {
- if (newModule.hasOwnProperty(p)) {
- module[p] = newModule[p];
- }
- }
- };
- }
- /**
- * Require/get the defined modules.
- * <p>
- * This function is intented to by used when RequireJS is not available.
- * </p>
- *
- * @param {String[]|String} deps The array of dependency names. This can also be
- * a string, a single dependency name.
- * @param {Function} [callback] Optional, the callback function to execute when
- * multiple dependencies are required. The callback arguments will have
- * references to each module in the same order as the deps array.
- * @returns {Object|undefined} If the deps parameter is a string, then this
- * function returns the required module definition, otherwise undefined is
- * returned.
- */
- if (!window.require) {
- window.require = function(deps, callback) {
- var depsArr = typeof deps === "string" ? [deps] : deps;
- var depModules = [], depModule, split, i, j;
- for (j = 0; j < depsArr.length; j++) {
- depModule = this;
- split = depsArr[j].split("/");
- for (i = 0; i < split.length - 1; i++) {
- depModule = depModule[split[i]] = (depModule[split[i]] || {});
- }
- depModules.push(depModule);
- }
- if (callback) {
- callback.apply(this, depModules);
- }
- return typeof deps === "string" ? depModules[0] : undefined;
- };
- }/*******************************************************************************
- * Copyright (c) 2010, 2011 IBM Corporation and others.
- * All rights reserved. This program and the accompanying materials are made
- * available under the terms of the Eclipse Public License v1.0
- * (http://www.eclipse.org/legal/epl-v10.html), and the Eclipse Distribution
- * License v1.0 (http://www.eclipse.org/org/documents/edl-v10.html).
- *
- * Contributors:
- * Felipe Heidrich (IBM Corporation) - initial API and implementation
- * Silenio Quarti (IBM Corporation) - initial API and implementation
- ******************************************************************************/
-
- /*global define */
- define("orion/textview/eventTarget", [], function() {
- /**
- * Constructs a new EventTarget object.
- *
- * @class
- * @name orion.textview.EventTarget
- */
- function EventTarget() {
- }
- /**
- * Adds in the event target interface into the specified object.
- *
- * @param {Object} object The object to add in the event target interface.
- */
- EventTarget.addMixin = function(object) {
- var proto = EventTarget.prototype;
- for (var p in proto) {
- if (proto.hasOwnProperty(p)) {
- object[p] = proto[p];
- }
- }
- };
- EventTarget.prototype = /** @lends orion.textview.EventTarget.prototype */ {
- /**
- * Adds an event listener to this event target.
- *
- * @param {String} type The event type.
- * @param {Function|EventListener} listener The function or the EventListener that will be executed when the event happens.
- * @param {Boolean} [useCapture=false] <code>true</code> if the listener should be trigged in the capture phase.
- *
- * @see #removeEventListener
- */
- addEventListener: function(type, listener, useCapture) {
- if (!this._eventTypes) { this._eventTypes = {}; }
- var state = this._eventTypes[type];
- if (!state) {
- state = this._eventTypes[type] = {level: 0, listeners: []};
- }
- var listeners = state.listeners;
- listeners.push({listener: listener, useCapture: useCapture});
- },
- /**
- * Dispatches the given event to the listeners added to this event target.
- * @param {Event} evt The event to dispatch.
- */
- dispatchEvent: function(evt) {
- if (!this._eventTypes) { return; }
- var type = evt.type;
- var state = this._eventTypes[type];
- if (state) {
- var listeners = state.listeners;
- try {
- state.level++;
- if (listeners) {
- for (var i=0, len=listeners.length; i < len; i++) {
- if (listeners[i]) {
- var l = listeners[i].listener;
- if (typeof l === "function") {
- l.call(this, evt);
- } else if (l.handleEvent && typeof l.handleEvent === "function") {
- l.handleEvent(evt);
- }
- }
- }
- }
- } finally {
- state.level--;
- if (state.compact && state.level === 0) {
- for (var j=listeners.length - 1; j >= 0; j--) {
- if (!listeners[j]) {
- listeners.splice(j, 1);
- }
- }
- if (listeners.length === 0) {
- delete this._eventTypes[type];
- }
- state.compact = false;
- }
- }
- }
- },
- /**
- * Returns whether there is a listener for the specified event type.
- *
- * @param {String} type The event type
- *
- * @see #addEventListener
- * @see #removeEventListener
- */
- isListening: function(type) {
- if (!this._eventTypes) { return false; }
- return this._eventTypes[type] !== undefined;
- },
- /**
- * Removes an event listener from the event target.
- * <p>
- * All the parameters must be the same ones used to add the listener.
- * </p>
- *
- * @param {String} type The event type
- * @param {Function|EventListener} listener The function or the EventListener that will be executed when the event happens.
- * @param {Boolean} [useCapture=false] <code>true</code> if the listener should be trigged in the capture phase.
- *
- * @see #addEventListener
- */
- removeEventListener: function(type, listener, useCapture){
- if (!this._eventTypes) { return; }
- var state = this._eventTypes[type];
- if (state) {
- var listeners = state.listeners;
- for (var i=0, len=listeners.length; i < len; i++) {
- var l = listeners[i];
- if (l && l.listener === listener && l.useCapture === useCapture) {
- if (state.level !== 0) {
- listeners[i] = null;
- state.compact = true;
- } else {
- listeners.splice(i, 1);
- }
- break;
- }
- }
- if (listeners.length === 0) {
- delete this._eventTypes[type];
- }
- }
- }
- };
- return {EventTarget: EventTarget};
- });
- /*******************************************************************************
- * @license
- * Copyright (c) 2011 IBM Corporation and others.
- * All rights reserved. This program and the accompanying materials are made
- * available under the terms of the Eclipse Public License v1.0
- * (http://www.eclipse.org/legal/epl-v10.html), and the Eclipse Distribution
- * License v1.0 (http://www.eclipse.org/org/documents/edl-v10.html).
- *
- * Contributors:
- * IBM Corporation - initial API and implementation
- *******************************************************************************/
- /*global define */
- /*jslint browser:true regexp:false*/
- /**
- * @name orion.editor.regex
- * @class Utilities for dealing with regular expressions.
- * @description Utilities for dealing with regular expressions.
- */
- define("orion/editor/regex", [], function() {
- /**
- * @methodOf orion.editor.regex
- * @static
- * @description Escapes regex special characters in the input string.
- * @param {String} str The string to escape.
- * @returns {String} A copy of <code>str</code> with regex special characters escaped.
- */
- function escape(str) {
- return str.replace(/([\\$\^*\/+?\.\(\)|{}\[\]])/g, "\\$&");
- }
- /**
- * @methodOf orion.editor.regex
- * @static
- * @description Parses a pattern and flags out of a regex literal string.
- * @param {String} str The string to parse. Should look something like <code>"/ab+c/"</code> or <code>"/ab+c/i"</code>.
- * @returns {Object} If <code>str</code> looks like a regex literal, returns an object with properties
- * <code><dl>
- * <dt>pattern</dt><dd>{String}</dd>
- * <dt>flags</dt><dd>{String}</dd>
- * </dl></code> otherwise returns <code>null</code>.
- */
- function parse(str) {
- var regexp = /^\s*\/(.+)\/([gim]{0,3})\s*$/.exec(str);
- if (regexp) {
- return {
- pattern : regexp[1],
- flags : regexp[2]
- };
- }
- return null;
- }
- return {
- escape: escape,
- parse: parse
- };
- });
- /*******************************************************************************
- * @license
- * Copyright (c) 2010, 2011 IBM Corporation and others.
- * All rights reserved. This program and the accompanying materials are made
- * available under the terms of the Eclipse Public License v1.0
- * (http://www.eclipse.org/legal/epl-v10.html), and the Eclipse Distribution
- * License v1.0 (http://www.eclipse.org/org/documents/edl-v10.html).
- *
- * Contributors:
- * Felipe Heidrich (IBM Corporation) - initial API and implementation
- * Silenio Quarti (IBM Corporation) - initial API and implementation
- ******************************************************************************/
- /*global window define */
- define("orion/textview/keyBinding", [], function() {
- var isMac = window.navigator.platform.indexOf("Mac") !== -1;
- /**
- * Constructs a new key binding with the given key code and modifiers.
- *
- * @param {String|Number} keyCode the key code.
- * @param {Boolean} mod1 the primary modifier (usually Command on Mac and Control on other platforms).
- * @param {Boolean} mod2 the secondary modifier (usually Shift).
- * @param {Boolean} mod3 the third modifier (usually Alt).
- * @param {Boolean} mod4 the fourth modifier (usually Control on the Mac).
- *
- * @class A KeyBinding represents of a key code and a modifier state that can be triggered by the user using the keyboard.
- * @name orion.textview.KeyBinding
- *
- * @property {String|Number} keyCode The key code.
- * @property {Boolean} mod1 The primary modifier (usually Command on Mac and Control on other platforms).
- * @property {Boolean} mod2 The secondary modifier (usually Shift).
- * @property {Boolean} mod3 The third modifier (usually Alt).
- * @property {Boolean} mod4 The fourth modifier (usually Control on the Mac).
- *
- * @see orion.textview.TextView#setKeyBinding
- */
- function KeyBinding (keyCode, mod1, mod2, mod3, mod4) {
- if (typeof(keyCode) === "string") {
- this.keyCode = keyCode.toUpperCase().charCodeAt(0);
- } else {
- this.keyCode = keyCode;
- }
- this.mod1 = mod1 !== undefined && mod1 !== null ? mod1 : false;
- this.mod2 = mod2 !== undefined && mod2 !== null ? mod2 : false;
- this.mod3 = mod3 !== undefined && mod3 !== null ? mod3 : false;
- this.mod4 = mod4 !== undefined && mod4 !== null ? mod4 : false;
- }
- KeyBinding.prototype = /** @lends orion.textview.KeyBinding.prototype */ {
- /**
- * Returns whether this key binding matches the given key event.
- *
- * @param e the key event.
- * @returns {Boolean} <code>true</code> whether the key binding matches the key event.
- */
- match: function (e) {
- if (this.keyCode === e.keyCode) {
- var mod1 = isMac ? e.metaKey : e.ctrlKey;
- if (this.mod1 !== mod1) { return false; }
- if (this.mod2 !== e.shiftKey) { return false; }
- if (this.mod3 !== e.altKey) { return false; }
- if (isMac && this.mod4 !== e.ctrlKey) { return false; }
- return true;
- }
- return false;
- },
- /**
- * Returns whether this key binding is the same as the given parameter.
- *
- * @param {orion.textview.KeyBinding} kb the key binding to compare with.
- * @returns {Boolean} whether or not the parameter and the receiver describe the same key binding.
- */
- equals: function(kb) {
- if (!kb) { return false; }
- if (this.keyCode !== kb.keyCode) { return false; }
- if (this.mod1 !== kb.mod1) { return false; }
- if (this.mod2 !== kb.mod2) { return false; }
- if (this.mod3 !== kb.mod3) { return false; }
- if (this.mod4 !== kb.mod4) { return false; }
- return true;
- }
- };
- return {KeyBinding: KeyBinding};
- });
- /*******************************************************************************
- * @license
- * Copyright (c) 2010, 2011 IBM Corporation and others.
- * All rights reserved. This program and the accompanying materials are made
- * available under the terms of the Eclipse Public License v1.0
- * (http://www.eclipse.org/legal/epl-v10.html), and the Eclipse Distribution
- * License v1.0 (http://www.eclipse.org/org/documents/edl-v10.html).
- *
- * Contributors:
- * Felipe Heidrich (IBM Corporation) - initial API and implementation
- * Silenio Quarti (IBM Corporation) - initial API and implementation
- ******************************************************************************/
- /*global define */
- define("orion/textview/annotations", ['orion/textview/eventTarget'], function(mEventTarget) {
- /**
- * @class This object represents a decoration attached to a range of text. Annotations are added to a
- * <code>AnnotationModel</code> which is attached to a <code>TextModel</code>.
- * <p>
- * <b>See:</b><br/>
- * {@link orion.textview.AnnotationModel}<br/>
- * {@link orion.textview.Ruler}<br/>
- * </p>
- * @name orion.textview.Annotation
- *
- * @property {String} type The annotation type (for example, orion.annotation.error).
- * @property {Number} start The start offset of the annotation in the text model.
- * @property {Number} end The end offset of the annotation in the text model.
- * @property {String} html The HTML displayed for the annotation.
- * @property {String} title The text description for the annotation.
- * @property {orion.textview.Style} style The style information for the annotation used in the annotations ruler and tooltips.
- * @property {orion.textview.Style} overviewStyle The style information for the annotation used in the overview ruler.
- * @property {orion.textview.Style} rangeStyle The style information for the annotation used in the text view to decorate a range of text.
- * @property {orion.textview.Style} lineStyle The style information for the annotation used in the text view to decorate a line of text.
- */
- /**
- * Constructs a new folding annotation.
- *
- * @param {orion.textview.ProjectionTextModel} projectionModel The projection text model.
- * @param {String} type The annotation type.
- * @param {Number} start The start offset of the annotation in the text model.
- * @param {Number} end The end offset of the annotation in the text model.
- * @param {String} expandedHTML The HTML displayed for this annotation when it is expanded.
- * @param {orion.textview.Style} expandedStyle The style information for the annotation when it is expanded.
- * @param {String} collapsedHTML The HTML displayed for this annotation when it is collapsed.
- * @param {orion.textview.Style} collapsedStyle The style information for the annotation when it is collapsed.
- *
- * @class This object represents a folding annotation.
- * @name orion.textview.FoldingAnnotation
- */
- function FoldingAnnotation (projectionModel, type, start, end, expandedHTML, expandedStyle, collapsedHTML, collapsedStyle) {
- this.type = type;
- this.start = start;
- this.end = end;
- this._projectionModel = projectionModel;
- this._expandedHTML = this.html = expandedHTML;
- this._expandedStyle = this.style = expandedStyle;
- this._collapsedHTML = collapsedHTML;
- this._collapsedStyle = collapsedStyle;
- this.expanded = true;
- }
-
- FoldingAnnotation.prototype = /** @lends orion.textview.FoldingAnnotation.prototype */ {
- /**
- * Collapses the annotation.
- */
- collapse: function () {
- if (!this.expanded) { return; }
- this.expanded = false;
- this.html = this._collapsedHTML;
- this.style = this._collapsedStyle;
- var projectionModel = this._projectionModel;
- var baseModel = projectionModel.getBaseModel();
- this._projection = {
- start: baseModel.getLineStart(baseModel.getLineAtOffset(this.start) + 1),
- end: baseModel.getLineEnd(baseModel.getLineAtOffset(this.end), true)
- };
- projectionModel.addProjection(this._projection);
- },
- /**
- * Expands the annotation.
- */
- expand: function () {
- if (this.expanded) { return; }
- this.expanded = true;
- this.html = this._expandedHTML;
- this.style = this._expandedStyle;
- this._projectionModel.removeProjection(this._projection);
- }
- };
-
- /**
- * Constructs a new AnnotationTypeList object.
- *
- * @class
- * @name orion.textview.AnnotationTypeList
- */
- function AnnotationTypeList () {
- }
- /**
- * Adds in the annotation type interface into the specified object.
- *
- * @param {Object} object The object to add in the annotation type interface.
- */
- AnnotationTypeList.addMixin = function(object) {
- var proto = AnnotationTypeList.prototype;
- for (var p in proto) {
- if (proto.hasOwnProperty(p)) {
- object[p] = proto[p];
- }
- }
- };
- AnnotationTypeList.prototype = /** @lends orion.textview.AnnotationTypeList.prototype */ {
- /**
- * Adds an annotation type to the receiver.
- * <p>
- * Only annotations of the specified types will be shown by
- * the receiver.
- * </p>
- *
- * @param {Object} type the annotation type to be shown
- *
- * @see #removeAnnotationType
- * @see #isAnnotationTypeVisible
- */
- addAnnotationType: function(type) {
- if (!this._annotationTypes) { this._annotationTypes = []; }
- this._annotationTypes.push(type);
- },
- /**
- * Gets the annotation type priority. The priority is determined by the
- * order the annotation type is added to the receiver. Annotation types
- * added first have higher priority.
- * <p>
- * Returns <code>0</code> if the annotation type is not added.
- * </p>
- *
- * @param {Object} type the annotation type
- *
- * @see #addAnnotationType
- * @see #removeAnnotationType
- * @see #isAnnotationTypeVisible
- */
- getAnnotationTypePriority: function(type) {
- if (this._annotationTypes) {
- for (var i = 0; i < this._annotationTypes.length; i++) {
- if (this._annotationTypes[i] === type) {
- return i + 1;
- }
- }
- }
- return 0;
- },
- /**
- * Returns an array of annotations in the specified annotation model for the given range of text sorted by type.
- *
- * @param {orion.textview.AnnotationModel} annotationModel the annotation model.
- * @param {Number} start the start offset of the range.
- * @param {Number} end the end offset of the range.
- * @return {orion.textview.Annotation[]} an annotation array.
- */
- getAnnotationsByType: function(annotationModel, start, end) {
- var iter = annotationModel.getAnnotations(start, end);
- var annotation, annotations = [];
- while (iter.hasNext()) {
- annotation = iter.next();
- var priority = this.getAnnotationTypePriority(annotation.type);
- if (priority === 0) { continue; }
- annotations.push(annotation);
- }
- var self = this;
- annotations.sort(function(a, b) {
- return self.getAnnotationTypePriority(a.type) - self.getAnnotationTypePriority(b.type);
- });
- return annotations;
- },
- /**
- * Returns whether the receiver shows annotations of the specified type.
- *
- * @param {Object} type the annotation type
- * @returns {Boolean} whether the specified annotation type is shown
- *
- * @see #addAnnotationType
- * @see #removeAnnotationType
- */
- isAnnotationTypeVisible: function(type) {
- return this.getAnnotationTypePriority(type) !== 0;
- },
- /**
- * Removes an annotation type from the receiver.
- *
- * @param {Object} type the annotation type to be removed
- *
- * @see #addAnnotationType
- * @see #isAnnotationTypeVisible
- */
- removeAnnotationType: function(type) {
- if (!this._annotationTypes) { return; }
- for (var i = 0; i < this._annotationTypes.length; i++) {
- if (this._annotationTypes[i] === type) {
- this._annotationTypes.splice(i, 1);
- break;
- }
- }
- }
- };
-
- /**
- * Constructs an annotation model.
- *
- * @param {textModel} textModel The text model.
- *
- * @class This object manages annotations for a <code>TextModel</code>.
- * <p>
- * <b>See:</b><br/>
- * {@link orion.textview.Annotation}<br/>
- * {@link orion.textview.TextModel}<br/>
- * </p>
- * @name orion.textview.AnnotationModel
- * @borrows orion.textview.EventTarget#addEventListener as #addEventListener
- * @borrows orion.textview.EventTarget#removeEventListener as #removeEventListener
- * @borrows orion.textview.EventTarget#dispatchEvent as #dispatchEvent
- */
- function AnnotationModel(textModel) {
- this._annotations = [];
- var self = this;
- this._listener = {
- onChanged: function(modelChangedEvent) {
- self._onChanged(modelChangedEvent);
- }
- };
- this.setTextModel(textModel);
- }
- AnnotationModel.prototype = /** @lends orion.textview.AnnotationModel.prototype */ {
- /**
- * Adds an annotation to the annotation model.
- * <p>The annotation model listeners are notified of this change.</p>
- *
- * @param {orion.textview.Annotation} annotation the annotation to be added.
- *
- * @see #removeAnnotation
- */
- addAnnotation: function(annotation) {
- if (!annotation) { return; }
- var annotations = this._annotations;
- var index = this._binarySearch(annotations, annotation.start);
- annotations.splice(index, 0, annotation);
- var e = {
- type: "Changed",
- added: [annotation],
- removed: [],
- changed: []
- };
- this.onChanged(e);
- },
- /**
- * Returns the text model.
- *
- * @return {orion.textview.TextModel} The text model.
- *
- * @see #setTextModel
- */
- getTextModel: function() {
- return this._model;
- },
- /**
- * @class This object represents an annotation iterator.
- * <p>
- * <b>See:</b><br/>
- * {@link orion.textview.AnnotationModel#getAnnotations}<br/>
- * </p>
- * @name orion.textview.AnnotationIterator
- *
- * @property {Function} hasNext Determines whether there are more annotations in the iterator.
- * @property {Function} next Returns the next annotation in the iterator.
- */
- /**
- * Returns an iterator of annotations for the given range of text.
- *
- * @param {Number} start the start offset of the range.
- * @param {Number} end the end offset of the range.
- * @return {orion.textview.AnnotationIterator} an annotation iterartor.
- */
- getAnnotations: function(start, end) {
- var annotations = this._annotations, current;
- //TODO binary search does not work for range intersection when there are overlaping ranges, need interval search tree for this
- var i = 0;
- var skip = function() {
- while (i < annotations.length) {
- var a = annotations[i++];
- if ((start === a.start) || (start > a.start ? start < a.end : a.start < end)) {
- return a;
- }
- if (a.start >= end) {
- break;
- }
- }
- return null;
- };
- current = skip();
- return {
- next: function() {
- var result = current;
- if (result) { current = skip(); }
- return result;
- },
- hasNext: function() {
- return current !== null;
- }
- };
- },
- /**
- * Notifies the annotation model that the given annotation has been modified.
- * <p>The annotation model listeners are notified of this change.</p>
- *
- * @param {orion.textview.Annotation} annotation the modified annotation.
- *
- * @see #addAnnotation
- */
- modifyAnnotation: function(annotation) {
- if (!annotation) { return; }
- var index = this._getAnnotationIndex(annotation);
- if (index < 0) { return; }
- var e = {
- type: "Changed",
- added: [],
- removed: [],
- changed: [annotation]
- };
- this.onChanged(e);
- },
- /**
- * Notifies all listeners that the annotation model has changed.
- *
- * @param {orion.textview.Annotation[]} added The list of annotation being added to the model.
- * @param {orion.textview.Annotation[]} changed The list of annotation modified in the model.
- * @param {orion.textview.Annotation[]} removed The list of annotation being removed from the model.
- * @param {ModelChangedEvent} textModelChangedEvent the text model changed event that trigger this change, can be null if the change was trigger by a method call (for example, {@link #addAnnotation}).
- */
- onChanged: function(e) {
- return this.dispatchEvent(e);
- },
- /**
- * Removes all annotations of the given <code>type</code>. All annotations
- * are removed if the type is not specified.
- * <p>The annotation model listeners are notified of this change. Only one changed event is generated.</p>
- *
- * @param {Object} type the type of annotations to be removed.
- *
- * @see #removeAnnotation
- */
- removeAnnotations: function(type) {
- var annotations = this._annotations;
- var removed, i;
- if (type) {
- removed = [];
- for (i = annotations.length - 1; i >= 0; i--) {
- var annotation = annotations[i];
- if (annotation.type === type) {
- annotations.splice(i, 1);
- }
- removed.splice(0, 0, annotation);
- }
- } else {
- removed = annotations;
- annotations = [];
- }
- var e = {
- type: "Changed",
- removed: removed,
- added: [],
- changed: []
- };
- this.onChanged(e);
- },
- /**
- * Removes an annotation from the annotation model.
- * <p>The annotation model listeners are notified of this change.</p>
- *
- * @param {orion.textview.Annotation} annotation the annotation to be removed.
- *
- * @see #addAnnotation
- */
- removeAnnotation: function(annotation) {
- if (!annotation) { return; }
- var index = this._getAnnotationIndex(annotation);
- if (index < 0) { return; }
- var e = {
- type: "Changed",
- removed: this._annotations.splice(index, 1),
- added: [],
- changed: []
- };
- this.onChanged(e);
- },
- /**
- * Removes and adds the specifed annotations to the annotation model.
- * <p>The annotation model listeners are notified of this change. Only one changed event is generated.</p>
- *
- * @param {orion.textview.Annotation} remove the annotations to be removed.
- * @param {orion.textview.Annotation} add the annotations to be added.
- *
- * @see #addAnnotation
- * @see #removeAnnotation
- */
- replaceAnnotations: function(remove, add) {
- var annotations = this._annotations, i, index, annotation, removed = [];
- if (remove) {
- for (i = remove.length - 1; i >= 0; i--) {
- annotation = remove[i];
- index = this._getAnnotationIndex(annotation);
- if (index < 0) { continue; }
- annotations.splice(index, 1);
- removed.splice(0, 0, annotation);
- }
- }
- if (!add) { add = []; }
- for (i = 0; i < add.length; i++) {
- annotation = add[i];
- index = this._binarySearch(annotations, annotation.start);
- annotations.splice(index, 0, annotation);
- }
- var e = {
- type: "Changed",
- removed: removed,
- added: add,
- changed: []
- };
- this.onChanged(e);
- },
- /**
- * Sets the text model of the annotation model. The annotation
- * model listens for changes in the text model to update and remove
- * annotations that are affected by the change.
- *
- * @param {orion.textview.TextModel} textModel the text model.
- *
- * @see #getTextModel
- */
- setTextModel: function(textModel) {
- if (this._model) {
- this._model.removeEventListener("Changed", this._listener.onChanged);
- }
- this._model = textModel;
- if (this._model) {
- this._model.addEventListener("Changed", this._listener.onChanged);
- }
- },
- /** @ignore */
- _binarySearch: function (array, offset) {
- var high = array.length, low = -1, index;
- while (high - low > 1) {
- index = Math.floor((high + low) / 2);
- if (offset <= array[index].start) {
- high = index;
- } else {
- low = index;
- }
- }
- return high;
- },
- /** @ignore */
- _getAnnotationIndex: function(annotation) {
- var annotations = this._annotations;
- var index = this._binarySearch(annotations, annotation.start);
- while (index < annotations.length && annotations[index].start === annotation.start) {
- if (annotations[index] === annotation) {
- return index;
- }
- index++;
- }
- return -1;
- },
- /** @ignore */
- _onChanged: function(modelChangedEvent) {
- var start = modelChangedEvent.start;
- var addedCharCount = modelChangedEvent.addedCharCount;
- var removedCharCount = modelChangedEvent.removedCharCount;
- var annotations = this._annotations, end = start + removedCharCount;
- //TODO binary search does not work for range intersection when there are overlaping ranges, need interval search tree for this
- var startIndex = 0;
- if (!(0 <= startIndex && startIndex < annotations.length)) { return; }
- var e = {
- type: "Changed",
- added: [],
- removed: [],
- changed: [],
- textModelChangedEvent: modelChangedEvent
- };
- var changeCount = addedCharCount - removedCharCount, i;
- for (i = startIndex; i < annotations.length; i++) {
- var annotation = annotations[i];
- if (annotation.start >= end) {
- annotation.start += changeCount;
- annotation.end += changeCount;
- e.changed.push(annotation);
- } else if (annotation.end <= start) {
- //nothing
- } else if (annotation.start < start && end < annotation.end) {
- annotation.end += changeCount;
- e.changed.push(annotation);
- } else {
- annotations.splice(i, 1);
- e.removed.push(annotation);
- i--;
- }
- }
- if (e.added.length > 0 || e.removed.length > 0 || e.changed.length > 0) {
- this.onChanged(e);
- }
- }
- };
- mEventTarget.EventTarget.addMixin(AnnotationModel.prototype);
- /**
- * Constructs a new styler for annotations.
- *
- * @param {orion.textview.TextView} view The styler view.
- * @param {orion.textview.AnnotationModel} view The styler annotation model.
- *
- * @class This object represents a styler for annotation attached to a text view.
- * @name orion.textview.AnnotationStyler
- * @borrows orion.textview.AnnotationTypeList#addAnnotationType as #addAnnotationType
- * @borrows orion.textview.AnnotationTypeList#getAnnotationTypePriority as #getAnnotationTypePriority
- * @borrows orion.textview.AnnotationTypeList#getAnnotationsByType as #getAnnotationsByType
- * @borrows orion.textview.AnnotationTypeList#isAnnotationTypeVisible as #isAnnotationTypeVisible
- * @borrows orion.textview.AnnotationTypeList#removeAnnotationType as #removeAnnotationType
- */
- function AnnotationStyler (view, annotationModel) {
- this._view = view;
- this._annotationModel = annotationModel;
- var self = this;
- this._listener = {
- onDestroy: function(e) {
- self._onDestroy(e);
- },
- onLineStyle: function(e) {
- self._onLineStyle(e);
- },
- onChanged: function(e) {
- self._onAnnotationModelChanged(e);
- }
- };
- view.addEventListener("Destroy", this._listener.onDestroy);
- view.addEventListener("LineStyle", this._listener.onLineStyle);
- annotationModel.addEventListener("Changed", this._listener.onChanged);
- }
- AnnotationStyler.prototype = /** @lends orion.textview.AnnotationStyler.prototype */ {
- /**
- * Destroys the styler.
- * <p>
- * Removes all listeners added by this styler.
- * </p>
- */
- destroy: function() {
- var view = this._view;
- if (view) {
- view.removeEventListener("Destroy", this._listener.onDestroy);
- view.removeEventListener("LineStyle", this._listener.onLineStyle);
- this.view = null;
- }
- var annotationModel = this._annotationModel;
- if (annotationModel) {
- annotationModel.removeEventListener("Changed", this._listener.onChanged);
- annotationModel = null;
- }
- },
- _mergeStyle: function(result, style) {
- if (style) {
- if (!result) { result = {}; }
- if (result.styleClass && style.styleClass && result.styleClass !== style.styleClass) {
- result.styleClass += " " + style.styleClass;
- } else {
- result.styleClass = style.styleClass;
- }
- var prop;
- if (style.style) {
- if (!result.style) { result.style = {}; }
- for (prop in style.style) {
- if (!result.style[prop]) {
- result.style[prop] = style.style[prop];
- }
- }
- }
- if (style.attributes) {
- if (!result.attributes) { result.attributes = {}; }
- for (prop in style.attributes) {
- if (!result.attributes[prop]) {
- result.attributes[prop] = style.attributes[prop];
- }
- }
- }
- }
- return result;
- },
- _mergeStyleRanges: function(ranges, styleRange) {
- if (!ranges) { return; }
- for (var i=0; i<ranges.length; i++) {
- var range = ranges[i];
- if (styleRange.end <= range.start) { break; }
- if (styleRange.start >= range.end) { continue; }
- var mergedStyle = this._mergeStyle({}, range.style);
- mergedStyle = this._mergeStyle(mergedStyle, styleRange.style);
- if (styleRange.start <= range.start && styleRange.end >= range.end) {
- ranges[i] = {start: range.start, end: range.end, style: mergedStyle};
- } else if (styleRange.start > range.start && styleRange.end < range.end) {
- ranges.splice(i, 1,
- {start: range.start, end: styleRange.start, style: range.style},
- {start: styleRange.start, end: styleRange.end, style: mergedStyle},
- {start: styleRange.end, end: range.end, style: range.style});
- i += 2;
- } else if (styleRange.start > range.start) {
- ranges.splice(i, 1,
- {start: range.start, end: styleRange.start, style: range.style},
- {start: styleRange.start, end: range.end, style: mergedStyle});
- i += 1;
- } else if (styleRange.end < range.end) {
- ranges.splice(i, 1,
- {start: range.start, end: styleRange.end, style: mergedStyle},
- {start: styleRange.end, end: range.end, style: range.style});
- i += 1;
- }
- }
- },
- _onAnnotationModelChanged: function(e) {
- if (e.textModelChangedEvent) {
- return;
- }
- var view = this._view;
- if (!view) { return; }
- var self = this;
- var model = view.getModel();
- function redraw(changes) {
- for (var i = 0; i < changes.length; i++) {
- if (!self.isAnnotationTypeVisible(changes[i].type)) { continue; }
- var start = changes[i].start;
- var end = changes[i].end;
- if (model.getBaseModel) {
- start = model.mapOffset(start, true);
- end = model.mapOffset(end, true);
- }
- if (start !== -1 && end !== -1) {
- view.redrawRange(start, end);
- }
- }
- }
- redraw(e.added);
- redraw(e.removed);
- redraw(e.changed);
- },
- _onDestroy: function(e) {
- this.destroy();
- },
- _onLineStyle: function (e) {
- var annotationModel = this._annotationModel;
- var viewModel = this._view.getModel();
- var baseModel = annotationModel.getTextModel();
- var start = e.lineStart;
- var end = e.lineStart + e.lineText.length;
- if (baseModel !== viewModel) {
- start = viewModel.mapOffset(start);
- end = viewModel.mapOffset(end);
- }
- var annotations = annotationModel.getAnnotations(start, end);
- while (annotations.hasNext()) {
- var annotation = annotations.next();
- if (!this.isAnnotationTypeVisible(annotation.type)) { continue; }
- if (annotation.rangeStyle) {
- var annotationStart = annotation.start;
- var annotationEnd = annotation.end;
- if (baseModel !== viewModel) {
- annotationStart = viewModel.mapOffset(annotationStart, true);
- annotationEnd = viewModel.mapOffset(annotationEnd, true);
- }
- this._mergeStyleRanges(e.ranges, {start: annotationStart, end: annotationEnd, style: annotation.rangeStyle});
- }
- if (annotation.lineStyle) {
- e.style = this._mergeStyle({}, e.style);
- e.style = this._mergeStyle(e.style, annotation.lineStyle);
- }
- }
- }
- };
- AnnotationTypeList.addMixin(AnnotationStyler.prototype);
-
- return {
- FoldingAnnotation: FoldingAnnotation,
- AnnotationTypeList: AnnotationTypeList,
- AnnotationModel: AnnotationModel,
- AnnotationStyler: AnnotationStyler
- };
- });
- /*******************************************************************************
- * @license
- * Copyright (c) 2010, 2011 IBM Corporation and others.
- * All rights reserved. This program and the accompanying materials are made
- * available under the terms of the Eclipse Public License v1.0
- * (http://www.eclipse.org/legal/epl-v10.html), and the Eclipse Distribution
- * License v1.0 (http://www.eclipse.org/org/documents/edl-v10.html).
- *
- * Contributors: IBM Corporation - initial API and implementation
- ******************************************************************************/
- /*global define setTimeout clearTimeout setInterval clearInterval Node */
- define("orion/textview/rulers", ['orion/textview/annotations', 'orion/textview/tooltip'], function(mAnnotations, mTooltip) {
- /**
- * Constructs a new ruler.
- * <p>
- * The default implementation does not implement all the methods in the interface
- * and is useful only for objects implementing rulers.
- * <p/>
- *
- * @param {orion.textview.AnnotationModel} annotationModel the annotation model for the ruler.
- * @param {String} [rulerLocation="left"] the location for the ruler.
- * @param {String} [rulerOverview="page"] the overview for the ruler.
- * @param {orion.textview.Style} [rulerStyle] the style for the ruler.
- *
- * @class This interface represents a ruler for the text view.
- * <p>
- * A Ruler is a graphical element that is placed either on the left or on the right side of
- * the view. It can be used to provide the view with per line decoration such as line numbering,
- * bookmarks, breakpoints, folding disclosures, etc.
- * </p><p>
- * There are two types of rulers: page and document. A page ruler only shows the content for the lines that are
- * visible, while a document ruler always shows the whole content.
- * </p>
- * <b>See:</b><br/>
- * {@link orion.textview.LineNumberRuler}<br/>
- * {@link orion.textview.AnnotationRuler}<br/>
- * {@link orion.textview.OverviewRuler}<br/>
- * {@link orion.textview.TextView}<br/>
- * {@link orion.textview.TextView#addRuler}
- * </p>
- * @name orion.textview.Ruler
- * @borrows orion.textview.AnnotationTypeList#addAnnotationType as #addAnnotationType
- * @borrows orion.textview.AnnotationTypeList#getAnnotationTypePriority as #getAnnotationTypePriority
- * @borrows orion.textview.AnnotationTypeList#getAnnotationsByType as #getAnnotationsByType
- * @borrows orion.textview.AnnotationTypeList#isAnnotationTypeVisible as #isAnnotationTypeVisible
- * @borrows orion.textview.AnnotationTypeList#removeAnnotationType as #removeAnnotationType
- */
- function Ruler (annotationModel, rulerLocation, rulerOverview, rulerStyle) {
- this._location = rulerLocation || "left";
- this._overview = rulerOverview || "page";
- this._rulerStyle = rulerStyle;
- this._view = null;
- var self = this;
- this._listener = {
- onTextModelChanged: function(e) {
- self._onTextModelChanged(e);
- },
- onAnnotationModelChanged: function(e) {
- self._onAnnotationModelChanged(e);
- }
- };
- this.setAnnotationModel(annotationModel);
- }
- Ruler.prototype = /** @lends orion.textview.Ruler.prototype */ {
- /**
- * Returns the annotations for a given line range merging multiple
- * annotations when necessary.
- * <p>
- * This method is called by the text view when the ruler is redrawn.
- * </p>
- *
- * @param {Number} startLine the start line index
- * @param {Number} endLine the end line index
- * @return {orion.textview.Annotation[]} the annotations for the line range. The array might be sparse.
- */
- getAnnotations: function(startLine, endLine) {
- var annotationModel = this._annotationModel;
- if (!annotationModel) { return []; }
- var model = this._view.getModel();
- var start = model.getLineStart(startLine);
- var end = model.getLineEnd(endLine - 1);
- var baseModel = model;
- if (model.getBaseModel) {
- baseModel = model.getBaseModel();
- start = model.mapOffset(start);
- end = model.mapOffset(end);
- }
- var result = [];
- var annotations = this.getAnnotationsByType(annotationModel, start, end);
- for (var i = 0; i < annotations.length; i++) {
- var annotation = annotations[i];
- var annotationLineStart = baseModel.getLineAtOffset(annotation.start);
- var annotationLineEnd = baseModel.getLineAtOffset(Math.max(annotation.start, annotation.end - 1));
- for (var lineIndex = annotationLineStart; lineIndex<=annotationLineEnd; lineIndex++) {
- var visualLineIndex = lineIndex;
- if (model !== baseModel) {
- var ls = baseModel.getLineStart(lineIndex);
- ls = model.mapOffset(ls, true);
- if (ls === -1) { continue; }
- visualLineIndex = model.getLineAtOffset(ls);
- }
- if (!(startLine <= visualLineIndex && visualLineIndex < endLine)) { continue; }
- var rulerAnnotation = this._mergeAnnotation(result[visualLineIndex], annotation, lineIndex - annotationLineStart, annotationLineEnd - annotationLineStart + 1);
- if (rulerAnnotation) {
- result[visualLineIndex] = rulerAnnotation;
- }
- }
- }
- if (!this._multiAnnotation && this._multiAnnotationOverlay) {
- for (var k in result) {
- if (result[k]._multiple) {
- result[k].html = result[k].html + this._multiAnnotationOverlay.html;
- }
- }
- }
- return result;
- },
- /**
- * Returns the annotation model.
- *
- * @returns {orion.textview.AnnotationModel} the ruler annotation model.
- *
- * @see #setAnnotationModel
- */
- getAnnotationModel: function() {
- return this._annotationModel;
- },
- /**
- * Returns the ruler location.
- *
- * @returns {String} the ruler location, which is either "left" or "right".
- *
- * @see #getOverview
- */
- getLocation: function() {
- return this._location;
- },
- /**
- * Returns the ruler overview type.
- *
- * @returns {String} the overview type, which is either "page" or "document".
- *
- * @see #getLocation
- */
- getOverview: function() {
- return this._overview;
- },
- /**
- * Returns the style information for the ruler.
- *
- * @returns {orion.textview.Style} the style information.
- */
- getRulerStyle: function() {
- return this._rulerStyle;
- },
- /**
- * Returns the widest annotation which determines the width of the ruler.
- * <p>
- * If the ruler does not have a fixed width it should provide the widest
- * annotation to avoid the ruler from changing size as the view scrolls.
- * </p>
- * <p>
- * This method is called by the text view when the ruler is redrawn.
- * </p>
- *
- * @returns {orion.textview.Annotation} the widest annotation.
- *
- * @see #getAnnotations
- */
- getWidestAnnotation: function() {
- return null;
- },
- /**
- * Sets the annotation model for the ruler.
- *
- * @param {orion.textview.AnnotationModel} annotationModel the annotation model.
- *
- * @see #getAnnotationModel
- */
- setAnnotationModel: function (annotationModel) {
- if (this._annotationModel) {
- this._annotationModel.removEventListener("Changed", this._listener.onAnnotationModelChanged);
- }
- this._annotationModel = annotationModel;
- if (this._annotationModel) {
- this._annotationModel.addEventListener("Changed", this._listener.onAnnotationModelChanged);
- }
- },
- /**
- * Sets the annotation that is displayed when a given line contains multiple
- * annotations. This annotation is used when there are different types of
- * annotations in a given line.
- *
- * @param {orion.textview.Annotation} annotation the annotation for lines with multiple annotations.
- *
- * @see #setMultiAnnotationOverlay
- */
- setMultiAnnotation: function(annotation) {
- this._multiAnnotation = annotation;
- },
- /**
- * Sets the annotation that overlays a line with multiple annotations. This annotation is displayed on
- * top of the computed annotation for a given line when there are multiple annotations of the same type
- * in the line. It is also used when the multiple annotation is not set.
- *
- * @param {orion.textview.Annotation} annotation the annotation overlay for lines with multiple annotations.
- *
- * @see #setMultiAnnotation
- */
- setMultiAnnotationOverlay: function(annotation) {
- this._multiAnnotationOverlay = annotation;
- },
- /**
- * Sets the view for the ruler.
- * <p>
- * This method is called by the text view when the ruler
- * is added to the view.
- * </p>
- *
- * @param {orion.textview.TextView} view the text view.
- */
- setView: function (view) {
- if (this._onTextModelChanged && this._view) {
- this._view.removeEventListener("ModelChanged", this._listener.onTextModelChanged);
- }
- this._view = view;
- if (this._onTextModelChanged && this._view) {
- this._view.addEventListener("ModelChanged", this._listener.onTextModelChanged);
- }
- },
- /**
- * This event is sent when the user clicks a line annotation.
- *
- * @event
- * @param {Number} lineIndex the line index of the annotation under the pointer.
- * @param {DOMEvent} e the click event.
- */
- onClick: function(lineIndex, e) {
- },
- /**
- * This event is sent when the user double clicks a line annotation.
- *
- * @event
- * @param {Number} lineIndex the line index of the annotation under the pointer.
- * @param {DOMEvent} e the double click event.
- */
- onDblClick: function(lineIndex, e) {
- },
- /**
- * This event is sent when the user moves the mouse over a line annotation.
- *
- * @event
- * @param {Number} lineIndex the line index of the annotation under the pointer.
- * @param {DOMEvent} e the mouse move event.
- */
- onMouseMove: function(lineIndex, e) {
- var tooltip = mTooltip.Tooltip.getTooltip(this._view);
- if (!tooltip) { return; }
- if (tooltip.isVisible() && this._tooltipLineIndex === lineIndex) { return; }
- this._tooltipLineIndex = lineIndex;
- var self = this;
- tooltip.setTarget({
- y: e.clientY,
- getTooltipInfo: function() {
- return self._getTooltipInfo(self._tooltipLineIndex, this.y);
- }
- });
- },
- /**
- * This event is sent when the mouse pointer enters a line annotation.
- *
- * @event
- * @param {Number} lineIndex the line index of the annotation under the pointer.
- * @param {DOMEvent} e the mouse over event.
- */
- onMouseOver: function(lineIndex, e) {
- this.onMouseMove(lineIndex, e);
- },
- /**
- * This event is sent when the mouse pointer exits a line annotation.
- *
- * @event
- * @param {Number} lineIndex the line index of the annotation under the pointer.
- * @param {DOMEvent} e the mouse out event.
- */
- onMouseOut: function(lineIndex, e) {
- var tooltip = mTooltip.Tooltip.getTooltip(this._view);
- if (!tooltip) { return; }
- tooltip.setTarget(null);
- },
- /** @ignore */
- _getTooltipInfo: function(lineIndex, y) {
- if (lineIndex === undefined) { return; }
- var view = this._view;
- var model = view.getModel();
- var annotationModel = this._annotationModel;
- var annotations = [];
- if (annotationModel) {
- var start = model.getLineStart(lineIndex);
- var end = model.getLineEnd(lineIndex);
- if (model.getBaseModel) {
- start = model.mapOffset(start);
- end = model.mapOffset(end);
- }
- annotations = this.getAnnotationsByType(annotationModel, start, end);
- }
- var contents = this._getTooltipContents(lineIndex, annotations);
- if (!contents) { return null; }
- var info = {
- contents: contents,
- anchor: this.getLocation()
- };
- var rect = view.getClientArea();
- if (this.getOverview() === "document") {
- rect.y = view.convert({y: y}, "view", "document").y;
- } else {
- rect.y = view.getLocationAtOffset(model.getLineStart(lineIndex)).y;
- }
- view.convert(rect, "document", "page");
- info.x = rect.x;
- info.y = rect.y;
- if (info.anchor === "right") {
- info.x += rect.width;
- }
- info.maxWidth = rect.width;
- info.maxHeight = rect.height - (rect.y - view._parent.getBoundingClientRect().top);
- return info;
- },
- /** @ignore */
- _getTooltipContents: function(lineIndex, annotations) {
- return annotations;
- },
- /** @ignore */
- _onAnnotationModelChanged: function(e) {
- var view = this._view;
- if (!view) { return; }
- var model = view.getModel(), self = this;
- var lineCount = model.getLineCount();
- if (e.textModelChangedEvent) {
- var start = e.textModelChangedEvent.start;
- if (model.getBaseModel) { start = model.mapOffset(start, true); }
- var startLine = model.getLineAtOffset(start);
- view.redrawLines(startLine, lineCount, self);
- return;
- }
- function redraw(changes) {
- for (var i = 0; i < changes.length; i++) {
- if (!self.isAnnotationTypeVisible(changes[i].type)) { continue; }
- var start = changes[i].start;
- var end = changes[i].end;
- if (model.getBaseModel) {
- start = model.mapOffset(start, true);
- end = model.mapOffset(end, true);
- }
- if (start !== -1 && end !== -1) {
- view.redrawLines(model.getLineAtOffset(start), model.getLineAtOffset(Math.max(start, end - 1)) + 1, self);
- }
- }
- }
- redraw(e.added);
- redraw(e.removed);
- redraw(e.changed);
- },
- /** @ignore */
- _mergeAnnotation: function(result, annotation, annotationLineIndex, annotationLineCount) {
- if (!result) { result = {}; }
- if (annotationLineIndex === 0) {
- if (result.html && annotation.html) {
- if (annotation.html !== result.html) {
- if (!result._multiple && this._multiAnnotation) {
- result.html = this._multiAnnotation.html;
- }
- }
- result._multiple = true;
- } else {
- result.html = annotation.html;
- }
- }
- result.style = this._mergeStyle(result.style, annotation.style);
- return result;
- },
- /** @ignore */
- _mergeStyle: function(result, style) {
- if (style) {
- if (!result) { result = {}; }
- if (result.styleClass && style.styleClass && result.styleClass !== style.styleClass) {
- result.styleClass += " " + style.styleClass;
- } else {
- result.styleClass = style.styleClass;
- }
- var prop;
- if (style.style) {
- if (!result.style) { result.style = {}; }
- for (prop in style.style) {
- if (!result.style[prop]) {
- result.style[prop] = style.style[prop];
- }
- }
- }
- if (style.attributes) {
- if (!result.attributes) { result.attributes = {}; }
- for (prop in style.attributes) {
- if (!result.attributes[prop]) {
- result.attributes[prop] = style.attributes[prop];
- }
- }
- }
- }
- return result;
- }
- };
- mAnnotations.AnnotationTypeList.addMixin(Ruler.prototype);
- /**
- * Constructs a new line numbering ruler.
- *
- * @param {orion.textview.AnnotationModel} annotationModel the annotation model for the ruler.
- * @param {String} [rulerLocation="left"] the location for the ruler.
- * @param {orion.textview.Style} [rulerStyle=undefined] the style for the ruler.
- * @param {orion.textview.Style} [oddStyle={style: {backgroundColor: "white"}] the style for lines with odd line index.
- * @param {orion.textview.Style} [evenStyle={backgroundColor: "white"}] the style for lines with even line index.
- *
- * @augments orion.textview.Ruler
- * @class This objects implements a line numbering ruler.
- *
- * <p><b>See:</b><br/>
- * {@link orion.textview.Ruler}
- * </p>
- * @name orion.textview.LineNumberRuler
- */
- function LineNumberRuler (annotationModel, rulerLocation, rulerStyle, oddStyle, evenStyle) {
- Ruler.call(this, annotationModel, rulerLocation, "page", rulerStyle);
- this._oddStyle = oddStyle || {style: {backgroundColor: "white"}};
- this._evenStyle = evenStyle || {style: {backgroundColor: "white"}};
- this._numOfDigits = 0;
- }
- LineNumberRuler.prototype = new Ruler();
- /** @ignore */
- LineNumberRuler.prototype.getAnnotations = function(startLine, endLine) {
- var result = Ruler.prototype.getAnnotations.call(this, startLine, endLine);
- var model = this._view.getModel();
- for (var lineIndex = startLine; lineIndex < endLine; lineIndex++) {
- var style = lineIndex & 1 ? this._oddStyle : this._evenStyle;
- var mapLine = lineIndex;
- if (model.getBaseModel) {
- var lineStart = model.getLineStart(mapLine);
- mapLine = model.getBaseModel().getLineAtOffset(model.mapOffset(lineStart));
- }
- if (!result[lineIndex]) { result[lineIndex] = {}; }
- result[lineIndex].html = (mapLine + 1) + "";
- if (!result[lineIndex].style) { result[lineIndex].style = style; }
- }
- return result;
- };
- /** @ignore */
- LineNumberRuler.prototype.getWidestAnnotation = function() {
- var lineCount = this._view.getModel().getLineCount();
- return this.getAnnotations(lineCount - 1, lineCount)[lineCount - 1];
- };
- /** @ignore */
- LineNumberRuler.prototype._onTextModelChanged = function(e) {
- var start = e.start;
- var model = this._view.getModel();
- var lineCount = model.getBaseModel ? model.getBaseModel().getLineCount() : model.getLineCount();
- var numOfDigits = (lineCount+"").length;
- if (this._numOfDigits !== numOfDigits) {
- this._numOfDigits = numOfDigits;
- var startLine = model.getLineAtOffset(start);
- this._view.redrawLines(startLine, model.getLineCount(), this);
- }
- };
-
- /**
- * @class This is class represents an annotation for the AnnotationRuler.
- * <p>
- * <b>See:</b><br/>
- * {@link orion.textview.AnnotationRuler}
- * </p>
- *
- * @name orion.textview.Annotation
- *
- * @property {String} [html=""] The html content for the annotation, typically contains an image.
- * @property {orion.textview.Style} [style] the style for the annotation.
- * @property {orion.textview.Style} [overviewStyle] the style for the annotation in the overview ruler.
- */
- /**
- * Constructs a new annotation ruler.
- *
- * @param {orion.textview.AnnotationModel} annotationModel the annotation model for the ruler.
- * @param {String} [rulerLocation="left"] the location for the ruler.
- * @param {orion.textview.Style} [rulerStyle=undefined] the style for the ruler.
- * @param {orion.textview.Annotation} [defaultAnnotation] the default annotation.
- *
- * @augments orion.textview.Ruler
- * @class This objects implements an annotation ruler.
- *
- * <p><b>See:</b><br/>
- * {@link orion.textview.Ruler}<br/>
- * {@link orion.textview.Annotation}
- * </p>
- * @name orion.textview.AnnotationRuler
- */
- function AnnotationRuler (annotationModel, rulerLocation, rulerStyle) {
- Ruler.call(this, annotationModel, rulerLocation, "page", rulerStyle);
- }
- AnnotationRuler.prototype = new Ruler();
-
- /**
- * Constructs a new overview ruler.
- * <p>
- * The overview ruler is used in conjunction with a AnnotationRuler, for each annotation in the
- * AnnotationRuler this ruler displays a mark in the overview. Clicking on the mark causes the
- * view to scroll to the annotated line.
- * </p>
- *
- * @param {orion.textview.AnnotationModel} annotationModel the annotation model for the ruler.
- * @param {String} [rulerLocation="left"] the location for the ruler.
- * @param {orion.textview.Style} [rulerStyle=undefined] the style for the ruler.
- *
- * @augments orion.textview.Ruler
- * @class This objects implements an overview ruler.
- *
- * <p><b>See:</b><br/>
- * {@link orion.textview.AnnotationRuler} <br/>
- * {@link orion.textview.Ruler}
- * </p>
- * @name orion.textview.OverviewRuler
- */
- function OverviewRuler (annotationModel, rulerLocation, rulerStyle) {
- Ruler.call(this, annotationModel, rulerLocation, "document", rulerStyle);
- }
- OverviewRuler.prototype = new Ruler();
-
- /** @ignore */
- OverviewRuler.prototype.getRulerStyle = function() {
- var result = {style: {lineHeight: "1px", fontSize: "1px"}};
- result = this._mergeStyle(result, this._rulerStyle);
- return result;
- };
- /** @ignore */
- OverviewRuler.prototype.onClick = function(lineIndex, e) {
- if (lineIndex === undefined) { return; }
- this._view.setTopIndex(lineIndex);
- };
- /** @ignore */
- OverviewRuler.prototype._getTooltipContents = function(lineIndex, annotations) {
- if (annotations.length === 0) {
- var model = this._view.getModel();
- var mapLine = lineIndex;
- if (model.getBaseModel) {
- var lineStart = model.getLineStart(mapLine);
- mapLine = model.getBaseModel().getLineAtOffset(model.mapOffset(lineStart));
- }
- return "Line: " + (mapLine + 1);
- }
- return Ruler.prototype._getTooltipContents.call(this, lineIndex, annotations);
- };
- /** @ignore */
- OverviewRuler.prototype._mergeAnnotation = function(previousAnnotation, annotation, annotationLineIndex, annotationLineCount) {
- if (annotationLineIndex !== 0) { return undefined; }
- var result = previousAnnotation;
- if (!result) {
- //TODO annotationLineCount does not work when there are folded lines
- var height = 3 * annotationLineCount;
- result = {html: " ", style: { style: {height: height + "px"}}};
- result.style = this._mergeStyle(result.style, annotation.overviewStyle);
- }
- return result;
- };
- /**
- * Constructs a new folding ruler.
- *
- * @param {orion.textview.AnnotationModel} annotationModel the annotation model for the ruler.
- * @param {String} [rulerLocation="left"] the location for the ruler.
- * @param {orion.textview.Style} [rulerStyle=undefined] the style for the ruler.
- *
- * @augments orion.textview.Ruler
- * @class This objects implements an overview ruler.
- *
- * <p><b>See:</b><br/>
- * {@link orion.textview.AnnotationRuler} <br/>
- * {@link orion.textview.Ruler}
- * </p>
- * @name orion.textview.OverviewRuler
- */
- function FoldingRuler (annotationModel, rulerLocation, rulerStyle) {
- AnnotationRuler.call(this, annotationModel, rulerLocation, rulerStyle);
- }
- FoldingRuler.prototype = new AnnotationRuler();
-
- /** @ignore */
- FoldingRuler.prototype.onClick = function(lineIndex, e) {
- if (lineIndex === undefined) { return; }
- var annotationModel = this._annotationModel;
- if (!annotationModel) { return; }
- var view = this._view;
- var model = view.getModel();
- var start = model.getLineStart(lineIndex);
- var end = model.getLineEnd(lineIndex, true);
- if (model.getBaseModel) {
- start = model.mapOffset(start);
- end = model.mapOffset(end);
- }
- var annotation, iter = annotationModel.getAnnotations(start, end);
- while (!annotation && iter.hasNext()) {
- var a = iter.next();
- if (!this.isAnnotationTypeVisible(a.type)) { continue; }
- annotation = a;
- }
- if (annotation) {
- var tooltip = mTooltip.Tooltip.getTooltip(this._view);
- if (tooltip) {
- tooltip.setTarget(null);
- }
- if (annotation.expanded) {
- annotation.collapse();
- } else {
- annotation.expand();
- }
- this._annotationModel.modifyAnnotation(annotation);
- }
- };
- /** @ignore */
- FoldingRuler.prototype._getTooltipContents = function(lineIndex, annotations) {
- if (annotations.length === 1) {
- if (annotations[0].expanded) {
- return null;
- }
- }
- return AnnotationRuler.prototype._getTooltipContents.call(this, lineIndex, annotations);
- };
- /** @ignore */
- FoldingRuler.prototype._onAnnotationModelChanged = function(e) {
- if (e.textModelChangedEvent) {
- AnnotationRuler.prototype._onAnnotationModelChanged.call(this, e);
- return;
- }
- var view = this._view;
- if (!view) { return; }
- var model = view.getModel(), self = this, i;
- var lineCount = model.getLineCount(), lineIndex = lineCount;
- function redraw(changes) {
- for (i = 0; i < changes.length; i++) {
- if (!self.isAnnotationTypeVisible(changes[i].type)) { continue; }
- var start = changes[i].start;
- if (model.getBaseModel) {
- start = model.mapOffset(start, true);
- }
- if (start !== -1) {
- lineIndex = Math.min(lineIndex, model.getLineAtOffset(start));
- }
- }
- }
- redraw(e.added);
- redraw(e.removed);
- redraw(e.changed);
- var rulers = view.getRulers();
- for (i = 0; i < rulers.length; i++) {
- view.redrawLines(lineIndex, lineCount, rulers[i]);
- }
- };
-
- return {
- Ruler: Ruler,
- AnnotationRuler: AnnotationRuler,
- LineNumberRuler: LineNumberRuler,
- OverviewRuler: OverviewRuler,
- FoldingRuler: FoldingRuler
- };
- });
- /*******************************************************************************
- * @license
- * Copyright (c) 2010, 2011 IBM Corporation and others.
- * All rights reserved. This program and the accompanying materials are made
- * available under the terms of the Eclipse Public License v1.0
- * (http://www.eclipse.org/legal/epl-v10.html), and the Eclipse Distribution
- * License v1.0 (http://www.eclipse.org/org/documents/edl-v10.html).
- *
- * Contributors: IBM Corporation - initial API and implementation
- ******************************************************************************/
- /*global define */
- define("orion/textview/undoStack", [], function() {
- /**
- * Constructs a new Change object.
- *
- * @class
- * @name orion.textview.Change
- * @private
- */
- function Change(offset, text, previousText) {
- this.offset = offset;
- this.text = text;
- this.previousText = previousText;
- }
- Change.prototype = {
- /** @ignore */
- undo: function (view, select) {
- this._doUndoRedo(this.offset, this.previousText, this.text, view, select);
- },
- /** @ignore */
- redo: function (view, select) {
- this._doUndoRedo(this.offset, this.text, this.previousText, view, select);
- },
- _doUndoRedo: function(offset, text, previousText, view, select) {
- var model = view.getModel();
- /*
- * TODO UndoStack should be changing the text in the base model.
- * This is code needs to change when modifications in the base
- * model are supported properly by the projection model.
- */
- if (model.mapOffset && view.annotationModel) {
- var mapOffset = model.mapOffset(offset, true);
- if (mapOffset < 0) {
- var annotationModel = view.annotationModel;
- var iter = annotationModel.getAnnotations(offset, offset + 1);
- while (iter.hasNext()) {
- var annotation = iter.next();
- if (annotation.type === "orion.annotation.folding") {
- annotation.expand();
- mapOffset = model.mapOffset(offset, true);
- break;
- }
- }
- }
- if (mapOffset < 0) { return; }
- offset = mapOffset;
- }
- view.setText(text, offset, offset + previousText.length);
- if (select) {
- view.setSelection(offset, offset + text.length);
- }
- }
- };
- /**
- * Constructs a new CompoundChange object.
- *
- * @class
- * @name orion.textview.CompoundChange
- * @private
- */
- function CompoundChange () {
- this.changes = [];
- }
- CompoundChange.prototype = {
- /** @ignore */
- add: function (change) {
- this.changes.push(change);
- },
- /** @ignore */
- end: function (view) {
- this.endSelection = view.getSelection();
- this.endCaret = view.getCaretOffset();
- },
- /** @ignore */
- undo: function (view, select) {
- for (var i=this.changes.length - 1; i >= 0; i--) {
- this.changes[i].undo(view, false);
- }
- if (select) {
- var start = this.startSelection.start;
- var end = this.startSelection.end;
- view.setSelection(this.startCaret ? start : end, this.startCaret ? end : start);
- }
- },
- /** @ignore */
- redo: function (view, select) {
- for (var i = 0; i < this.changes.length; i++) {
- this.changes[i].redo(view, false);
- }
- if (select) {
- var start = this.endSelection.start;
- var end = this.endSelection.end;
- view.setSelection(this.endCaret ? start : end, this.endCaret ? end : start);
- }
- },
- /** @ignore */
- start: function (view) {
- this.startSelection = view.getSelection();
- this.startCaret = view.getCaretOffset();
- }
- };
- /**
- * Constructs a new UndoStack on a text view.
- *
- * @param {orion.textview.TextView} view the text view for the undo stack.
- * @param {Number} [size=100] the size for the undo stack.
- *
- * @name orion.textview.UndoStack
- * @class The UndoStack is used to record the history of a text model associated to an view. Every
- * change to the model is added to stack, allowing the application to undo and redo these changes.
- *
- * <p>
- * <b>See:</b><br/>
- * {@link orion.textview.TextView}<br/>
- * </p>
- */
- function UndoStack (view, size) {
- this.view = view;
- this.size = size !== undefined ? size : 100;
- this.reset();
- var model = view.getModel();
- if (model.getBaseModel) {
- model = model.getBaseModel();
- }
- this.model = model;
- var self = this;
- this._listener = {
- onChanging: function(e) {
- self._onChanging(e);
- },
- onDestroy: function(e) {
- self._onDestroy(e);
- }
- };
- model.addEventListener("Changing", this._listener.onChanging);
- view.addEventListener("Destroy", this._listener.onDestroy);
- }
- UndoStack.prototype = /** @lends orion.textview.UndoStack.prototype */ {
- /**
- * Adds a change to the stack.
- *
- * @param change the change to add.
- * @param {Number} change.offset the offset of the change
- * @param {String} change.text the new text of the change
- * @param {String} change.previousText the previous text of the change
- */
- add: function (change) {
- if (this.compoundChange) {
- this.compoundChange.add(change);
- } else {
- var length = this.stack.length;
- this.stack.splice(this.index, length-this.index, change);
- this.index++;
- if (this.stack.length > this.size) {
- this.stack.shift();
- this.index--;
- this.cleanIndex--;
- }
- }
- },
- /**
- * Marks the current state of the stack as clean.
- *
- * <p>
- * This function is typically called when the content of view associated with the stack is saved.
- * </p>
- *
- * @see #isClean
- */
- markClean: function() {
- this.endCompoundChange();
- this._commitUndo();
- this.cleanIndex = this.index;
- },
- /**
- * Returns true if current state of stack is the same
- * as the state when markClean() was called.
- *
- * <p>
- * For example, the application calls markClean(), then calls undo() four times and redo() four times.
- * At this point isClean() returns true.
- * </p>
- * <p>
- * This function is typically called to determine if the content of the view associated with the stack
- * has changed since the last time it was saved.
- * </p>
- *
- * @return {Boolean} returns if the state is the same as the state when markClean() was called.
- *
- * @see #markClean
- */
- isClean: function() {
- return this.cleanIndex === this.getSize().undo;
- },
- /**
- * Returns true if there is at least one change to undo.
- *
- * @return {Boolean} returns true if there is at least one change to undo.
- *
- * @see #canRedo
- * @see #undo
- */
- canUndo: function() {
- return this.getSize().undo > 0;
- },
- /**
- * Returns true if there is at least one change to redo.
- *
- * @return {Boolean} returns true if there is at least one change to redo.
- *
- * @see #canUndo
- * @see #redo
- */
- canRedo: function() {
- return this.getSize().redo > 0;
- },
- /**
- * Finishes a compound change.
- *
- * @see #startCompoundChange
- */
- endCompoundChange: function() {
- if (this.compoundChange) {
- this.compoundChange.end(this.view);
- }
- this.compoundChange = undefined;
- },
- /**
- * Returns the sizes of the stack.
- *
- * @return {object} a object where object.undo is the number of changes that can be un-done,
- * and object.redo is the number of changes that can be re-done.
- *
- * @see #canUndo
- * @see #canRedo
- */
- getSize: function() {
- var index = this.index;
- var length = this.stack.length;
- if (this._undoStart !== undefined) {
- index++;
- }
- return {undo: index, redo: (length - index)};
- },
- /**
- * Undo the last change in the stack.
- *
- * @return {Boolean} returns true if a change was un-done.
- *
- * @see #redo
- * @see #canUndo
- */
- undo: function() {
- this._commitUndo();
- if (this.index <= 0) {
- return false;
- }
- var change = this.stack[--this.index];
- this._ignoreUndo = true;
- change.undo(this.view, true);
- this._ignoreUndo = false;
- return true;
- },
- /**
- * Redo the last change in the stack.
- *
- * @return {Boolean} returns true if a change was re-done.
- *
- * @see #undo
- * @see #canRedo
- */
- redo: function() {
- this._commitUndo();
- if (this.index >= this.stack.length) {
- return false;
- }
- var change = this.stack[this.index++];
- this._ignoreUndo = true;
- change.redo(this.view, true);
- this._ignoreUndo = false;
- return true;
- },
- /**
- * Reset the stack to its original state. All changes in the stack are thrown away.
- */
- reset: function() {
- this.index = this.cleanIndex = 0;
- this.stack = [];
- this._undoStart = undefined;
- this._undoText = "";
- this._undoType = 0;
- this._ignoreUndo = false;
- this._compoundChange = undefined;
- },
- /**
- * Starts a compound change.
- * <p>
- * All changes added to stack from the time startCompoundChange() is called
- * to the time that endCompoundChange() is called are compound on one change that can be un-done or re-done
- * with one single call to undo() or redo().
- * </p>
- *
- * @see #endCompoundChange
- */
- startCompoundChange: function() {
- this._commitUndo();
- var change = new CompoundChange();
- this.add(change);
- this.compoundChange = change;
- this.compoundChange.start(this.view);
- },
- _commitUndo: function () {
- if (this._undoStart !== undefined) {
- if (this._undoType === -1) {
- this.add(new Change(this._undoStart, "", this._undoText, ""));
- } else {
- this.add(new Change(this._undoStart, this._undoText, ""));
- }
- this._undoStart = undefined;
- this._undoText = "";
- this._undoType = 0;
- }
- },
- _onDestroy: function(evt) {
- this.model.removeEventListener("Changing", this._listener.onChanging);
- this.view.removeEventListener("Destroy", this._listener.onDestroy);
- },
- _onChanging: function(e) {
- var newText = e.text;
- var start = e.start;
- var removedCharCount = e.removedCharCount;
- var addedCharCount = e.addedCharCount;
- if (this._ignoreUndo) {
- return;
- }
- if (this._undoStart !== undefined &&
- !((addedCharCount === 1 && removedCharCount === 0 && this._undoType === 1 && start === this._undoStart + this._undoText.length) ||
- (addedCharCount === 0 && removedCharCount === 1 && this._undoType === -1 && (((start + 1) === this._undoStart) || (start === this._undoStart)))))
- {
- this._commitUndo();
- }
- if (!this.compoundChange) {
- if (addedCharCount === 1 && removedCharCount === 0) {
- if (this._undoStart === undefined) {
- this._undoStart = start;
- }
- this._undoText = this._undoText + newText;
- this._undoType = 1;
- return;
- } else if (addedCharCount === 0 && removedCharCount === 1) {
- var deleting = this._undoText.length > 0 && this._undoStart === start;
- this._undoStart = start;
- this._undoType = -1;
- if (deleting) {
- this._undoText = this._undoText + this.model.getText(start, start + removedCharCount);
- } else {
- this._undoText = this.model.getText(start, start + removedCharCount) + this._undoText;
- }
- return;
- }
- }
- this.add(new Change(start, newText, this.model.getText(start, start + removedCharCount)));
- }
- };
-
- return {
- UndoStack: UndoStack
- };
- });
- /*******************************************************************************
- * @license
- * Copyright (c) 2010, 2011 IBM Corporation and others.
- * All rights reserved. This program and the accompanying materials are made
- * available under the terms of the Eclipse Public License v1.0
- * (http://www.eclipse.org/legal/epl-v10.html), and the Eclipse Distribution
- * License v1.0 (http://www.eclipse.org/org/documents/edl-v10.html).
- *
- * Contributors:
- * Felipe Heidrich (IBM Corporation) - initial API and implementation
- * Silenio Quarti (IBM Corporation) - initial API and implementation
- ******************************************************************************/
-
- /*global define window*/
- define("orion/textview/textModel", ['orion/textview/eventTarget'], function(mEventTarget) {
- var isWindows = window.navigator.platform.indexOf("Win") !== -1;
- /**
- * Constructs a new TextModel with the given text and default line delimiter.
- *
- * @param {String} [text=""] the text that the model will store
- * @param {String} [lineDelimiter=platform delimiter] the line delimiter used when inserting new lines to the model.
- *
- * @name orion.textview.TextModel
- * @class The TextModel is an interface that provides text for the view. Applications may
- * implement the TextModel interface to provide a custom store for the view content. The
- * view interacts with its text model in order to access and update the text that is being
- * displayed and edited in the view. This is the default implementation.
- * <p>
- * <b>See:</b><br/>
- * {@link orion.textview.TextView}<br/>
- * {@link orion.textview.TextView#setModel}
- * </p>
- * @borrows orion.textview.EventTarget#addEventListener as #addEventListener
- * @borrows orion.textview.EventTarget#removeEventListener as #removeEventListener
- * @borrows orion.textview.EventTarget#dispatchEvent as #dispatchEvent
- */
- function TextModel(text, lineDelimiter) {
- this._lastLineIndex = -1;
- this._text = [""];
- this._lineOffsets = [0];
- this.setText(text);
- this.setLineDelimiter(lineDelimiter);
- }
- TextModel.prototype = /** @lends orion.textview.TextModel.prototype */ {
- /**
- * Returns the number of characters in the model.
- *
- * @returns {Number} the number of characters in the model.
- */
- getCharCount: function() {
- var count = 0;
- for (var i = 0; i<this._text.length; i++) {
- count += this._text[i].length;
- }
- return count;
- },
- /**
- * Returns the text of the line at the given index.
- * <p>
- * The valid indices are 0 to line count exclusive. Returns <code>null</code>
- * if the index is out of range.
- * </p>
- *
- * @param {Number} lineIndex the zero based index of the line.
- * @param {Boolean} [includeDelimiter=false] whether or not to include the line delimiter.
- * @returns {String} the line text or <code>null</code> if out of range.
- *
- * @see #getLineAtOffset
- */
- getLine: function(lineIndex, includeDelimiter) {
- var lineCount = this.getLineCount();
- if (!(0 <= lineIndex && lineIndex < lineCount)) {
- return null;
- }
- var start = this._lineOffsets[lineIndex];
- if (lineIndex + 1 < lineCount) {
- var text = this.getText(start, this._lineOffsets[lineIndex + 1]);
- if (includeDelimiter) {
- return text;
- }
- var end = text.length, c;
- while (((c = text.charCodeAt(end - 1)) === 10) || (c === 13)) {
- end--;
- }
- return text.substring(0, end);
- } else {
- return this.getText(start);
- }
- },
- /**
- * Returns the line index at the given character offset.
- * <p>
- * The valid offsets are 0 to char count inclusive. The line index for
- * char count is <code>line count - 1</code>. Returns <code>-1</code> if
- * the offset is out of range.
- * </p>
- *
- * @param {Number} offset a character offset.
- * @returns {Number} the zero based line index or <code>-1</code> if out of range.
- */
- getLineAtOffset: function(offset) {
- var charCount = this.getCharCount();
- if (!(0 <= offset && offset <= charCount)) {
- return -1;
- }
- var lineCount = this.getLineCount();
- if (offset === charCount) {
- return lineCount - 1;
- }
- var lineStart, lineEnd;
- var index = this._lastLineIndex;
- if (0 <= index && index < lineCount) {
- lineStart = this._lineOffsets[index];
- lineEnd = index + 1 < lineCount ? this._lineOffsets[index + 1] : charCount;
- if (lineStart <= offset && offset < lineEnd) {
- return index;
- }
- }
- var high = lineCount;
- var low = -1;
- while (high - low > 1) {
- index = Math.floor((high + low) / 2);
- lineStart = this._lineOffsets[index];
- lineEnd = index + 1 < lineCount ? this._lineOffsets[index + 1] : charCount;
- if (offset <= lineStart) {
- high = index;
- } else if (offset < lineEnd) {
- high = index;
- break;
- } else {
- low = index;
- }
- }
- this._lastLineIndex = high;
- return high;
- },
- /**
- * Returns the number of lines in the model.
- * <p>
- * The model always has at least one line.
- * </p>
- *
- * @returns {Number} the number of lines.
- */
- getLineCount: function() {
- return this._lineOffsets.length;
- },
- /**
- * Returns the line delimiter that is used by the view
- * when inserting new lines. New lines entered using key strokes
- * and paste operations use this line delimiter.
- *
- * @return {String} the line delimiter that is used by the view when inserting new lines.
- */
- getLineDelimiter: function() {
- return this._lineDelimiter;
- },
- /**
- * Returns the end character offset for the given line.
- * <p>
- * The end offset is not inclusive. This means that when the line delimiter is included, the
- * offset is either the start offset of the next line or char count. When the line delimiter is
- * not included, the offset is the offset of the line delimiter.
- * </p>
- * <p>
- * The valid indices are 0 to line count exclusive. Returns <code>-1</code>
- * if the index is out of range.
- * </p>
- *
- * @param {Number} lineIndex the zero based index of the line.
- * @param {Boolean} [includeDelimiter=false] whether or not to include the line delimiter.
- * @return {Number} the line end offset or <code>-1</code> if out of range.
- *
- * @see #getLineStart
- */
- getLineEnd: function(lineIndex, includeDelimiter) {
- var lineCount = this.getLineCount();
- if (!(0 <= lineIndex && lineIndex < lineCount)) {
- return -1;
- }
- if (lineIndex + 1 < lineCount) {
- var end = this._lineOffsets[lineIndex + 1];
- if (includeDelimiter) {
- return end;
- }
- var text = this.getText(Math.max(this._lineOffsets[lineIndex], end - 2), end);
- var i = text.length, c;
- while (((c = text.charCodeAt(i - 1)) === 10) || (c === 13)) {
- i--;
- }
- return end - (text.length - i);
- } else {
- return this.getCharCount();
- }
- },
- /**
- * Returns the start character offset for the given line.
- * <p>
- * The valid indices are 0 to line count exclusive. Returns <code>-1</code>
- * if the index is out of range.
- * </p>
- *
- * @param {Number} lineIndex the zero based index of the line.
- * @return {Number} the line start offset or <code>-1</code> if out of range.
- *
- * @see #getLineEnd
- */
- getLineStart: function(lineIndex) {
- if (!(0 <= lineIndex && lineIndex < this.getLineCount())) {
- return -1;
- }
- return this._lineOffsets[lineIndex];
- },
- /**
- * Returns the text for the given range.
- * <p>
- * The end offset is not inclusive. This means that character at the end offset
- * is not included in the returned text.
- * </p>
- *
- * @param {Number} [start=0] the zero based start offset of text range.
- * @param {Number} [end=char count] the zero based end offset of text range.
- *
- * @see #setText
- */
- getText: function(start, end) {
- if (start === undefined) { start = 0; }
- if (end === undefined) { end = this.getCharCount(); }
- if (start === end) { return ""; }
- var offset = 0, chunk = 0, length;
- while (chunk<this._text.length) {
- length = this._text[chunk].length;
- if (start <= offset + length) { break; }
- offset += length;
- chunk++;
- }
- var firstOffset = offset;
- var firstChunk = chunk;
- while (chunk<this._text.length) {
- length = this._text[chunk].length;
- if (end <= offset + length) { break; }
- offset += length;
- chunk++;
- }
- var lastOffset = offset;
- var lastChunk = chunk;
- if (firstChunk === lastChunk) {
- return this._text[firstChunk].substring(start - firstOffset, end - lastOffset);
- }
- var beforeText = this._text[firstChunk].substring(start - firstOffset);
- var afterText = this._text[lastChunk].substring(0, end - lastOffset);
- return beforeText + this._text.slice(firstChunk+1, lastChunk).join("") + afterText;
- },
- /**
- * Notifies all listeners that the text is about to change.
- * <p>
- * This notification is intended to be used only by the view. Application clients should
- * use {@link orion.textview.TextView#event:onModelChanging}.
- * </p>
- * <p>
- * NOTE: This method is not meant to called directly by application code. It is called internally by the TextModel
- * as part of the implementation of {@link #setText}. This method is included in the public API for documentation
- * purposes and to allow integration with other toolkit frameworks.
- * </p>
- *
- * @param {orion.textview.ModelChangingEvent} modelChangingEvent the changing event
- */
- onChanging: function(modelChangingEvent) {
- return this.dispatchEvent(modelChangingEvent);
- },
- /**
- * Notifies all listeners that the text has changed.
- * <p>
- * This notification is intended to be used only by the view. Application clients should
- * use {@link orion.textview.TextView#event:onModelChanged}.
- * </p>
- * <p>
- * NOTE: This method is not meant to called directly by application code. It is called internally by the TextModel
- * as part of the implementation of {@link #setText}. This method is included in the public API for documentation
- * purposes and to allow integration with other toolkit frameworks.
- * </p>
- *
- * @param {orion.textview.ModelChangedEvent} modelChangedEvent the changed event
- */
- onChanged: function(modelChangedEvent) {
- return this.dispatchEvent(modelChangedEvent);
- },
- /**
- * Sets the line delimiter that is used by the view
- * when new lines are inserted in the model due to key
- * strokes and paste operations.
- * <p>
- * If lineDelimiter is "auto", the delimiter is computed to be
- * the first delimiter found the in the current text. If lineDelimiter
- * is undefined or if there are no delimiters in the current text, the
- * platform delimiter is used.
- * </p>
- *
- * @param {String} lineDelimiter the line delimiter that is used by the view when inserting new lines.
- */
- setLineDelimiter: function(lineDelimiter) {
- if (lineDelimiter === "auto") {
- lineDelimiter = undefined;
- if (this.getLineCount() > 1) {
- lineDelimiter = this.getText(this.getLineEnd(0), this.getLineEnd(0, true));
- }
- }
- this._lineDelimiter = lineDelimiter ? lineDelimiter : (isWindows ? "\r\n" : "\n");
- },
- /**
- * Replaces the text in the given range with the given text.
- * <p>
- * The end offset is not inclusive. This means that the character at the
- * end offset is not replaced.
- * </p>
- * <p>
- * The text model must notify the listeners before and after the
- * the text is changed by calling {@link #onChanging} and {@link #onChanged}
- * respectively.
- * </p>
- *
- * @param {String} [text=""] the new text.
- * @param {Number} [start=0] the zero based start offset of text range.
- * @param {Number} [end=char count] the zero based end offset of text range.
- *
- * @see #getText
- */
- setText: function(text, start, end) {
- if (text === undefined) { text = ""; }
- if (start === undefined) { start = 0; }
- if (end === undefined) { end = this.getCharCount(); }
- if (start === end && text === "") { return; }
- var startLine = this.getLineAtOffset(start);
- var endLine = this.getLineAtOffset(end);
- var eventStart = start;
- var removedCharCount = end - start;
- var removedLineCount = endLine - startLine;
- var addedCharCount = text.length;
- var addedLineCount = 0;
- var lineCount = this.getLineCount();
-
- var cr = 0, lf = 0, index = 0;
- var newLineOffsets = [];
- while (true) {
- if (cr !== -1 && cr <= index) { cr = text.indexOf("\r", index); }
- if (lf !== -1 && lf <= index) { lf = text.indexOf("\n", index); }
- if (lf === -1 && cr === -1) { break; }
- if (cr !== -1 && lf !== -1) {
- if (cr + 1 === lf) {
- index = lf + 1;
- } else {
- index = (cr < lf ? cr : lf) + 1;
- }
- } else if (cr !== -1) {
- index = cr + 1;
- } else {
- index = lf + 1;
- }
- newLineOffsets.push(start + index);
- addedLineCount++;
- }
-
- var modelChangingEvent = {
- type: "Changing",
- text: text,
- start: eventStart,
- removedCharCount: removedCharCount,
- addedCharCount: addedCharCount,
- removedLineCount: removedLineCount,
- addedLineCount: addedLineCount
- };
- this.onChanging(modelChangingEvent);
-
- //TODO this should be done the loops below to avoid getText()
- if (newLineOffsets.length === 0) {
- var startLineOffset = this.getLineStart(startLine), endLineOffset;
- if (endLine + 1 < lineCount) {
- endLineOffset = this.getLineStart(endLine + 1);
- } else {
- endLineOffset = this.getCharCount();
- }
- if (start !== startLineOffset) {
- text = this.getText(startLineOffset, start) + text;
- start = startLineOffset;
- }
- if (end !== endLineOffset) {
- text = text + this.getText(end, endLineOffset);
- end = endLineOffset;
- }
- }
-
- var changeCount = addedCharCount - removedCharCount;
- for (var j = startLine + removedLineCount + 1; j < lineCount; j++) {
- this._lineOffsets[j] += changeCount;
- }
- var args = [startLine + 1, removedLineCount].concat(newLineOffsets);
- Array.prototype.splice.apply(this._lineOffsets, args);
-
- var offset = 0, chunk = 0, length;
- while (chunk<this._text.length) {
- length = this._text[chunk].length;
- if (start <= offset + length) { break; }
- offset += length;
- chunk++;
- }
- var firstOffset = offset;
- var firstChunk = chunk;
- while (chunk<this._text.length) {
- length = this._text[chunk].length;
- if (end <= offset + length) { break; }
- offset += length;
- chunk++;
- }
- var lastOffset = offset;
- var lastChunk = chunk;
- var firstText = this._text[firstChunk];
- var lastText = this._text[lastChunk];
- var beforeText = firstText.substring(0, start - firstOffset);
- var afterText = lastText.substring(end - lastOffset);
- var params = [firstChunk, lastChunk - firstChunk + 1];
- if (beforeText) { params.push(beforeText); }
- if (text) { params.push(text); }
- if (afterText) { params.push(afterText); }
- Array.prototype.splice.apply(this._text, params);
- if (this._text.length === 0) { this._text = [""]; }
-
- var modelChangedEvent = {
- type: "Changed",
- start: eventStart,
- removedCharCount: removedCharCount,
- addedCharCount: addedCharCount,
- removedLineCount: removedLineCount,
- addedLineCount: addedLineCount
- };
- this.onChanged(modelChangedEvent);
- }
- };
- mEventTarget.EventTarget.addMixin(TextModel.prototype);
-
- return {TextModel: TextModel};
- });/*******************************************************************************
- * @license
- * Copyright (c) 2010, 2011 IBM Corporation and others.
- * All rights reserved. This program and the accompanying materials are made
- * available under the terms of the Eclipse Public License v1.0
- * (http://www.eclipse.org/legal/epl-v10.html), and the Eclipse Distribution
- * License v1.0 (http://www.eclipse.org/org/documents/edl-v10.html).
- *
- * Contributors:
- * Felipe Heidrich (IBM Corporation) - initial API and implementation
- * Silenio Quarti (IBM Corporation) - initial API and implementation
- ******************************************************************************/
- /*global define */
- define("orion/textview/projectionTextModel", ['orion/textview/textModel', 'orion/textview/eventTarget'], function(mTextModel, mEventTarget) {
- /**
- * @class This object represents a projection range. A projection specifies a
- * range of text and the replacement text. The range of text is relative to the
- * base text model associated to a projection model.
- * <p>
- * <b>See:</b><br/>
- * {@link orion.textview.ProjectionTextModel}<br/>
- * {@link orion.textview.ProjectionTextModel#addProjection}<br/>
- * </p>
- * @name orion.textview.Projection
- *
- * @property {Number} start The start offset of the projection range.
- * @property {Number} end The end offset of the projection range. This offset is exclusive.
- * @property {String|orion.textview.TextModel} [text=""] The projection text to be inserted
- */
- /**
- * Constructs a new <code>ProjectionTextModel</code> based on the specified <code>TextModel</code>.
- *
- * @param {orion.textview.TextModel} baseModel The base text model.
- *
- * @name orion.textview.ProjectionTextModel
- * @class The <code>ProjectionTextModel</code> represents a projection of its base text
- * model. Projection ranges can be added to the projection text model to hide and/or insert
- * ranges to the base text model.
- * <p>
- * The contents of the projection text model is modified when changes occur in the base model,
- * projection model or by calls to {@link #addProjection} and {@link #removeProjection}.
- * </p>
- * <p>
- * <b>See:</b><br/>
- * {@link orion.textview.TextView}<br/>
- * {@link orion.textview.TextModel}
- * {@link orion.textview.TextView#setModel}
- * </p>
- * @borrows orion.textview.EventTarget#addEventListener as #addEventListener
- * @borrows orion.textview.EventTarget#removeEventListener as #removeEventListener
- * @borrows orion.textview.EventTarget#dispatchEvent as #dispatchEvent
- */
- function ProjectionTextModel(baseModel) {
- this._model = baseModel; /* Base Model */
- this._projections = [];
- }
- ProjectionTextModel.prototype = /** @lends orion.textview.ProjectionTextModel.prototype */ {
- /**
- * Adds a projection range to the model.
- * <p>
- * The model must notify the listeners before and after the the text is
- * changed by calling {@link #onChanging} and {@link #onChanged} respectively.
- * </p>
- * @param {orion.textview.Projection} projection The projection range to be added.
- *
- * @see #removeProjection
- */
- addProjection: function(projection) {
- if (!projection) {return;}
- //start and end can't overlap any exist projection
- var model = this._model, projections = this._projections;
- projection._lineIndex = model.getLineAtOffset(projection.start);
- projection._lineCount = model.getLineAtOffset(projection.end) - projection._lineIndex;
- var text = projection.text;
- if (!text) { text = ""; }
- if (typeof text === "string") {
- projection._model = new mTextModel.TextModel(text, model.getLineDelimiter());
- } else {
- projection._model = text;
- }
- var eventStart = this.mapOffset(projection.start, true);
- var removedCharCount = projection.end - projection.start;
- var removedLineCount = projection._lineCount;
- var addedCharCount = projection._model.getCharCount();
- var addedLineCount = projection._model.getLineCount() - 1;
- var modelChangingEvent = {
- type: "Changing",
- text: projection._model.getText(),
- start: eventStart,
- removedCharCount: removedCharCount,
- addedCharCount: addedCharCount,
- removedLineCount: removedLineCount,
- addedLineCount: addedLineCount
- };
- this.onChanging(modelChangingEvent);
- var index = this._binarySearch(projections, projection.start);
- projections.splice(index, 0, projection);
- var modelChangedEvent = {
- type: "Changed",
- start: eventStart,
- removedCharCount: removedCharCount,
- addedCharCount: addedCharCount,
- removedLineCount: removedLineCount,
- addedLineCount: addedLineCount
- };
- this.onChanged(modelChangedEvent);
- },
- /**
- * Returns all projection ranges of this model.
- *
- * @return {orion.textview.Projection[]} The projection ranges.
- *
- * @see #addProjection
- */
- getProjections: function() {
- return this._projections.slice(0);
- },
- /**
- * Gets the base text model.
- *
- * @return {orion.textview.TextModel} The base text model.
- */
- getBaseModel: function() {
- return this._model;
- },
- /**
- * Maps offsets between the projection model and its base model.
- *
- * @param {Number} offset The offset to be mapped.
- * @param {Boolean} [baseOffset=false] <code>true</code> if <code>offset</code> is in base model and
- * should be mapped to the projection model.
- * @return {Number} The mapped offset
- */
- mapOffset: function(offset, baseOffset) {
- var projections = this._projections, delta = 0, i, projection;
- if (baseOffset) {
- for (i = 0; i < projections.length; i++) {
- projection = projections[i];
- if (projection.start > offset) { break; }
- if (projection.end > offset) { return -1; }
- delta += projection._model.getCharCount() - (projection.end - projection.start);
- }
- return offset + delta;
- }
- for (i = 0; i < projections.length; i++) {
- projection = projections[i];
- if (projection.start > offset - delta) { break; }
- var charCount = projection._model.getCharCount();
- if (projection.start + charCount > offset - delta) {
- return -1;
- }
- delta += charCount - (projection.end - projection.start);
- }
- return offset - delta;
- },
- /**
- * Removes a projection range from the model.
- * <p>
- * The model must notify the listeners before and after the the text is
- * changed by calling {@link #onChanging} and {@link #onChanged} respectively.
- * </p>
- *
- * @param {orion.textview.Projection} projection The projection range to be removed.
- *
- * @see #addProjection
- */
- removeProjection: function(projection) {
- //TODO remove listeners from model
- var i, delta = 0;
- for (i = 0; i < this._projections.length; i++) {
- var p = this._projections[i];
- if (p === projection) {
- projection = p;
- break;
- }
- delta += p._model.getCharCount() - (p.end - p.start);
- }
- if (i < this._projections.length) {
- var model = this._model;
- var eventStart = projection.start + delta;
- var addedCharCount = projection.end - projection.start;
- var addedLineCount = projection._lineCount;
- var removedCharCount = projection._model.getCharCount();
- var removedLineCount = projection._model.getLineCount() - 1;
- var modelChangingEvent = {
- type: "Changing",
- text: model.getText(projection.start, projection.end),
- start: eventStart,
- removedCharCount: removedCharCount,
- addedCharCount: addedCharCount,
- removedLineCount: removedLineCount,
- addedLineCount: addedLineCount
- };
- this.onChanging(modelChangingEvent);
- this._projections.splice(i, 1);
- var modelChangedEvent = {
- type: "Changed",
- start: eventStart,
- removedCharCount: removedCharCount,
- addedCharCount: addedCharCount,
- removedLineCount: removedLineCount,
- addedLineCount: addedLineCount
- };
- this.onChanged(modelChangedEvent);
- }
- },
- /** @ignore */
- _binarySearch: function (array, offset) {
- var high = array.length, low = -1, index;
- while (high - low > 1) {
- index = Math.floor((high + low) / 2);
- if (offset <= array[index].start) {
- high = index;
- } else {
- low = index;
- }
- }
- return high;
- },
- /**
- * @see orion.textview.TextModel#getCharCount
- */
- getCharCount: function() {
- var count = this._model.getCharCount(), projections = this._projections;
- for (var i = 0; i < projections.length; i++) {
- var projection = projections[i];
- count += projection._model.getCharCount() - (projection.end - projection.start);
- }
- return count;
- },
- /**
- * @see orion.textview.TextModel#getLine
- */
- getLine: function(lineIndex, includeDelimiter) {
- if (lineIndex < 0) { return null; }
- var model = this._model, projections = this._projections;
- var delta = 0, result = [], offset = 0, i, lineCount, projection;
- for (i = 0; i < projections.length; i++) {
- projection = projections[i];
- if (projection._lineIndex >= lineIndex - delta) { break; }
- lineCount = projection._model.getLineCount() - 1;
- if (projection._lineIndex + lineCount >= lineIndex - delta) {
- var projectionLineIndex = lineIndex - (projection._lineIndex + delta);
- if (projectionLineIndex < lineCount) {
- return projection._model.getLine(projectionLineIndex, includeDelimiter);
- } else {
- result.push(projection._model.getLine(lineCount));
- }
- }
- offset = projection.end;
- delta += lineCount - projection._lineCount;
- }
- offset = Math.max(offset, model.getLineStart(lineIndex - delta));
- for (; i < projections.length; i++) {
- projection = projections[i];
- if (projection._lineIndex > lineIndex - delta) { break; }
- result.push(model.getText(offset, projection.start));
- lineCount = projection._model.getLineCount() - 1;
- if (projection._lineIndex + lineCount > lineIndex - delta) {
- result.push(projection._model.getLine(0, includeDelimiter));
- return result.join("");
- }
- result.push(projection._model.getText());
- offset = projection.end;
- delta += lineCount - projection._lineCount;
- }
- var end = model.getLineEnd(lineIndex - delta, includeDelimiter);
- if (offset < end) {
- result.push(model.getText(offset, end));
- }
- return result.join("");
- },
- /**
- * @see orion.textview.TextModel#getLineAtOffset
- */
- getLineAtOffset: function(offset) {
- var model = this._model, projections = this._projections;
- var delta = 0, lineDelta = 0;
- for (var i = 0; i < projections.length; i++) {
- var projection = projections[i];
- if (projection.start > offset - delta) { break; }
- var charCount = projection._model.getCharCount();
- if (projection.start + charCount > offset - delta) {
- var projectionOffset = offset - (projection.start + delta);
- lineDelta += projection._model.getLineAtOffset(projectionOffset);
- delta += projectionOffset;
- break;
- }
- lineDelta += projection._model.getLineCount() - 1 - projection._lineCount;
- delta += charCount - (projection.end - projection.start);
- }
- return model.getLineAtOffset(offset - delta) + lineDelta;
- },
- /**
- * @see orion.textview.TextModel#getLineCount
- */
- getLineCount: function() {
- var model = this._model, projections = this._projections;
- var count = model.getLineCount();
- for (var i = 0; i < projections.length; i++) {
- var projection = projections[i];
- count += projection._model.getLineCount() - 1 - projection._lineCount;
- }
- return count;
- },
- /**
- * @see orion.textview.TextModel#getLineDelimiter
- */
- getLineDelimiter: function() {
- return this._model.getLineDelimiter();
- },
- /**
- * @see orion.textview.TextModel#getLineEnd
- */
- getLineEnd: function(lineIndex, includeDelimiter) {
- if (lineIndex < 0) { return -1; }
- var model = this._model, projections = this._projections;
- var delta = 0, offsetDelta = 0;
- for (var i = 0; i < projections.length; i++) {
- var projection = projections[i];
- if (projection._lineIndex > lineIndex - delta) { break; }
- var lineCount = projection._model.getLineCount() - 1;
- if (projection._lineIndex + lineCount > lineIndex - delta) {
- var projectionLineIndex = lineIndex - (projection._lineIndex + delta);
- return projection._model.getLineEnd (projectionLineIndex, includeDelimiter) + projection.start + offsetDelta;
- }
- offsetDelta += projection._model.getCharCount() - (projection.end - projection.start);
- delta += lineCount - projection._lineCount;
- }
- return model.getLineEnd(lineIndex - delta, includeDelimiter) + offsetDelta;
- },
- /**
- * @see orion.textview.TextModel#getLineStart
- */
- getLineStart: function(lineIndex) {
- if (lineIndex < 0) { return -1; }
- var model = this._model, projections = this._projections;
- var delta = 0, offsetDelta = 0;
- for (var i = 0; i < projections.length; i++) {
- var projection = projections[i];
- if (projection._lineIndex >= lineIndex - delta) { break; }
- var lineCount = projection._model.getLineCount() - 1;
- if (projection._lineIndex + lineCount >= lineIndex - delta) {
- var projectionLineIndex = lineIndex - (projection._lineIndex + delta);
- return projection._model.getLineStart (projectionLineIndex) + projection.start + offsetDelta;
- }
- offsetDelta += projection._model.getCharCount() - (projection.end - projection.start);
- delta += lineCount - projection._lineCount;
- }
- return model.getLineStart(lineIndex - delta) + offsetDelta;
- },
- /**
- * @see orion.textview.TextModel#getText
- */
- getText: function(start, end) {
- if (start === undefined) { start = 0; }
- var model = this._model, projections = this._projections;
- var delta = 0, result = [], i, projection, charCount;
- for (i = 0; i < projections.length; i++) {
- projection = projections[i];
- if (projection.start > start - delta) { break; }
- charCount = projection._model.getCharCount();
- if (projection.start + charCount > start - delta) {
- if (end !== undefined && projection.start + charCount > end - delta) {
- return projection._model.getText(start - (projection.start + delta), end - (projection.start + delta));
- } else {
- result.push(projection._model.getText(start - (projection.start + delta)));
- start = projection.end + delta + charCount - (projection.end - projection.start);
- }
- }
- delta += charCount - (projection.end - projection.start);
- }
- var offset = start - delta;
- if (end !== undefined) {
- for (; i < projections.length; i++) {
- projection = projections[i];
- if (projection.start > end - delta) { break; }
- result.push(model.getText(offset, projection.start));
- charCount = projection._model.getCharCount();
- if (projection.start + charCount > end - delta) {
- result.push(projection._model.getText(0, end - (projection.start + delta)));
- return result.join("");
- }
- result.push(projection._model.getText());
- offset = projection.end;
- delta += charCount - (projection.end - projection.start);
- }
- result.push(model.getText(offset, end - delta));
- } else {
- for (; i < projections.length; i++) {
- projection = projections[i];
- result.push(model.getText(offset, projection.start));
- result.push(projection._model.getText());
- offset = projection.end;
- }
- result.push(model.getText(offset));
- }
- return result.join("");
- },
- /** @ignore */
- _onChanging: function(text, start, removedCharCount, addedCharCount, removedLineCount, addedLineCount) {
- var model = this._model, projections = this._projections, i, projection, delta = 0, lineDelta;
- var end = start + removedCharCount;
- for (; i < projections.length; i++) {
- projection = projections[i];
- if (projection.start > start) { break; }
- delta += projection._model.getCharCount() - (projection.end - projection.start);
- }
- /*TODO add stuff saved by setText*/
- var mapStart = start + delta, rangeStart = i;
- for (; i < projections.length; i++) {
- projection = projections[i];
- if (projection.start > end) { break; }
- delta += projection._model.getCharCount() - (projection.end - projection.start);
- lineDelta += projection._model.getLineCount() - 1 - projection._lineCount;
- }
- /*TODO add stuff saved by setText*/
- var mapEnd = end + delta, rangeEnd = i;
- this.onChanging(mapStart, mapEnd - mapStart, addedCharCount/*TODO add stuff saved by setText*/, removedLineCount + lineDelta/*TODO add stuff saved by setText*/, addedLineCount/*TODO add stuff saved by setText*/);
- projections.splice(projections, rangeEnd - rangeStart);
- var count = text.length - (mapEnd - mapStart);
- for (; i < projections.length; i++) {
- projection = projections[i];
- projection.start += count;
- projection.end += count;
- projection._lineIndex = model.getLineAtOffset(projection.start);
- }
- },
- /**
- * @see orion.textview.TextModel#onChanging
- */
- onChanging: function(modelChangingEvent) {
- return this.dispatchEvent(modelChangingEvent);
- },
- /**
- * @see orion.textview.TextModel#onChanged
- */
- onChanged: function(modelChangedEvent) {
- return this.dispatchEvent(modelChangedEvent);
- },
- /**
- * @see orion.textview.TextModel#setLineDelimiter
- */
- setLineDelimiter: function(lineDelimiter) {
- this._model.setLineDelimiter(lineDelimiter);
- },
- /**
- * @see orion.textview.TextModel#setText
- */
- setText: function(text, start, end) {
- if (text === undefined) { text = ""; }
- if (start === undefined) { start = 0; }
- var eventStart = start, eventEnd = end;
- var model = this._model, projections = this._projections;
- var delta = 0, lineDelta = 0, i, projection, charCount, startProjection, endProjection, startLineDelta = 0;
- for (i = 0; i < projections.length; i++) {
- projection = projections[i];
- if (projection.start > start - delta) { break; }
- charCount = projection._model.getCharCount();
- if (projection.start + charCount > start - delta) {
- if (end !== undefined && projection.start + charCount > end - delta) {
- projection._model.setText(text, start - (projection.start + delta), end - (projection.start + delta));
- //TODO events - special case
- return;
- } else {
- startLineDelta = projection._model.getLineCount() - 1 - projection._model.getLineAtOffset(start - (projection.start + delta));
- startProjection = {
- projection: projection,
- start: start - (projection.start + delta)
- };
- start = projection.end + delta + charCount - (projection.end - projection.start);
- }
- }
- lineDelta += projection._model.getLineCount() - 1 - projection._lineCount;
- delta += charCount - (projection.end - projection.start);
- }
- var mapStart = start - delta, rangeStart = i, startLine = model.getLineAtOffset(mapStart) + lineDelta - startLineDelta;
- if (end !== undefined) {
- for (; i < projections.length; i++) {
- projection = projections[i];
- if (projection.start > end - delta) { break; }
- charCount = projection._model.getCharCount();
- if (projection.start + charCount > end - delta) {
- lineDelta += projection._model.getLineAtOffset(end - (projection.start + delta));
- charCount = end - (projection.start + delta);
- end = projection.end + delta;
- endProjection = {
- projection: projection,
- end: charCount
- };
- break;
- }
- lineDelta += projection._model.getLineCount() - 1 - projection._lineCount;
- delta += charCount - (projection.end - projection.start);
- }
- } else {
- for (; i < projections.length; i++) {
- projection = projections[i];
- lineDelta += projection._model.getLineCount() - 1 - projection._lineCount;
- delta += projection._model.getCharCount() - (projection.end - projection.start);
- }
- end = eventEnd = model.getCharCount() + delta;
- }
- var mapEnd = end - delta, rangeEnd = i, endLine = model.getLineAtOffset(mapEnd) + lineDelta;
-
- //events
- var removedCharCount = eventEnd - eventStart;
- var removedLineCount = endLine - startLine;
- var addedCharCount = text.length;
- var addedLineCount = 0;
- var cr = 0, lf = 0, index = 0;
- while (true) {
- if (cr !== -1 && cr <= index) { cr = text.indexOf("\r", index); }
- if (lf !== -1 && lf <= index) { lf = text.indexOf("\n", index); }
- if (lf === -1 && cr === -1) { break; }
- if (cr !== -1 && lf !== -1) {
- if (cr + 1 === lf) {
- index = lf + 1;
- } else {
- index = (cr < lf ? cr : lf) + 1;
- }
- } else if (cr !== -1) {
- index = cr + 1;
- } else {
- index = lf + 1;
- }
- addedLineCount++;
- }
-
- var modelChangingEvent = {
- type: "Changing",
- text: text,
- start: eventStart,
- removedCharCount: removedCharCount,
- addedCharCount: addedCharCount,
- removedLineCount: removedLineCount,
- addedLineCount: addedLineCount
- };
- this.onChanging(modelChangingEvent);
-
- // var changeLineCount = model.getLineAtOffset(mapEnd) - model.getLineAtOffset(mapStart) + addedLineCount;
- model.setText(text, mapStart, mapEnd);
- if (startProjection) {
- projection = startProjection.projection;
- projection._model.setText("", startProjection.start);
- }
- if (endProjection) {
- projection = endProjection.projection;
- projection._model.setText("", 0, endProjection.end);
- projection.start = projection.end;
- projection._lineCount = 0;
- }
- projections.splice(rangeStart, rangeEnd - rangeStart);
- var changeCount = text.length - (mapEnd - mapStart);
- for (i = rangeEnd; i < projections.length; i++) {
- projection = projections[i];
- projection.start += changeCount;
- projection.end += changeCount;
- // if (projection._lineIndex + changeLineCount !== model.getLineAtOffset(projection.start)) {
- // log("here");
- // }
- projection._lineIndex = model.getLineAtOffset(projection.start);
- // projection._lineIndex += changeLineCount;
- }
-
- var modelChangedEvent = {
- type: "Changed",
- start: eventStart,
- removedCharCount: removedCharCount,
- addedCharCount: addedCharCount,
- removedLineCount: removedLineCount,
- addedLineCount: addedLineCount
- };
- this.onChanged(modelChangedEvent);
- }
- };
- mEventTarget.EventTarget.addMixin(ProjectionTextModel.prototype);
- return {ProjectionTextModel: ProjectionTextModel};
- });
- /*******************************************************************************
- * @license
- * Copyright (c) 2010, 2011 IBM Corporation and others.
- * All rights reserved. This program and the accompanying materials are made
- * available under the terms of the Eclipse Public License v1.0
- * (http://www.eclipse.org/legal/epl-v10.html), and the Eclipse Distribution
- * License v1.0 (http://www.eclipse.org/org/documents/edl-v10.html).
- *
- * Contributors: IBM Corporation - initial API and implementation
- ******************************************************************************/
- /*global define setTimeout clearTimeout setInterval clearInterval Node */
- define("orion/textview/tooltip", ['orion/textview/textView', 'orion/textview/textModel', 'orion/textview/projectionTextModel'], function(mTextView, mTextModel, mProjectionTextModel) {
- /** @private */
- function Tooltip (view) {
- this._view = view;
- //TODO add API to get the parent of the view
- this._create(view._parent.ownerDocument);
- view.addEventListener("Destroy", this, this.destroy);
- }
- Tooltip.getTooltip = function(view) {
- if (!view._tooltip) {
- view._tooltip = new Tooltip(view);
- }
- return view._tooltip;
- };
- Tooltip.prototype = /** @lends orion.textview.Tooltip.prototype */ {
- _create: function(document) {
- if (this._domNode) { return; }
- this._document = document;
- var domNode = this._domNode = document.createElement("DIV");
- domNode.className = "viewTooltip";
- var viewParent = this._viewParent = document.createElement("DIV");
- domNode.appendChild(viewParent);
- var htmlParent = this._htmlParent = document.createElement("DIV");
- domNode.appendChild(htmlParent);
- document.body.appendChild(domNode);
- this.hide();
- },
- destroy: function() {
- if (!this._domNode) { return; }
- if (this._contentsView) {
- this._contentsView.destroy();
- this._contentsView = null;
- this._emptyModel = null;
- }
- var parent = this._domNode.parentNode;
- if (parent) { parent.removeChild(this._domNode); }
- this._domNode = null;
- },
- hide: function() {
- if (this._contentsView) {
- this._contentsView.setModel(this._emptyModel);
- }
- if (this._viewParent) {
- this._viewParent.style.left = "-10000px";
- this._viewParent.style.position = "fixed";
- this._viewParent.style.visibility = "hidden";
- }
- if (this._htmlParent) {
- this._htmlParent.style.left = "-10000px";
- this._htmlParent.style.position = "fixed";
- this._htmlParent.style.visibility = "hidden";
- this._htmlParent.innerHTML = "";
- }
- if (this._domNode) {
- this._domNode.style.visibility = "hidden";
- }
- if (this._showTimeout) {
- clearTimeout(this._showTimeout);
- this._showTimeout = null;
- }
- if (this._hideTimeout) {
- clearTimeout(this._hideTimeout);
- this._hideTimeout = null;
- }
- if (this._fadeTimeout) {
- clearInterval(this._fadeTimeout);
- this._fadeTimeout = null;
- }
- },
- isVisible: function() {
- return this._domNode && this._domNode.style.visibility === "visible";
- },
- setTarget: function(target) {
- if (this.target === target) { return; }
- this._target = target;
- this.hide();
- if (target) {
- var self = this;
- self._showTimeout = setTimeout(function() {
- self.show(true);
- }, 1000);
- }
- },
- show: function(autoHide) {
- if (!this._target) { return; }
- var info = this._target.getTooltipInfo();
- if (!info) { return; }
- var domNode = this._domNode;
- domNode.style.left = domNode.style.right = domNode.style.width = domNode.style.height = "auto";
- var contents = info.contents, contentsDiv;
- if (contents instanceof Array) {
- contents = this._getAnnotationContents(contents);
- }
- if (typeof contents === "string") {
- (contentsDiv = this._htmlParent).innerHTML = contents;
- } else if (contents instanceof Node) {
- (contentsDiv = this._htmlParent).appendChild(contents);
- } else if (contents instanceof mProjectionTextModel.ProjectionTextModel) {
- if (!this._contentsView) {
- this._emptyModel = new mTextModel.TextModel("");
- //TODO need hook into setup.js (or editor.js) to create a text view (and styler)
- var newView = this._contentsView = new mTextView.TextView({
- model: this._emptyModel,
- parent: this._viewParent,
- tabSize: 4,
- sync: true,
- stylesheet: ["/orion/textview/tooltip.css", "/orion/textview/rulers.css",
- "/examples/textview/textstyler.css", "/css/default-theme.css"]
- });
- //TODO this is need to avoid IE from getting focus
- newView._clientDiv.contentEditable = false;
- //TODO need to find a better way of sharing the styler for multiple views
- var view = this._view;
- var listener = {
- onLineStyle: function(e) {
- view.onLineStyle(e);
- }
- };
- newView.addEventListener("LineStyle", listener.onLineStyle);
- }
- var contentsView = this._contentsView;
- contentsView.setModel(contents);
- var size = contentsView.computeSize();
- contentsDiv = this._viewParent;
- //TODO always make the width larger than the size of the scrollbar to avoid bug in updatePage
- contentsDiv.style.width = (size.width + 20) + "px";
- contentsDiv.style.height = size.height + "px";
- } else {
- return;
- }
- contentsDiv.style.left = "auto";
- contentsDiv.style.position = "static";
- contentsDiv.style.visibility = "visible";
- var left = parseInt(this._getNodeStyle(domNode, "padding-left", "0"), 10);
- left += parseInt(this._getNodeStyle(domNode, "border-left-width", "0"), 10);
- if (info.anchor === "right") {
- var right = parseInt(this._getNodeStyle(domNode, "padding-right", "0"), 10);
- right += parseInt(this._getNodeStyle(domNode, "border-right-width", "0"), 10);
- domNode.style.right = (domNode.ownerDocument.body.getBoundingClientRect().right - info.x + left + right) + "px";
- } else {
- domNode.style.left = (info.x - left) + "px";
- }
- var top = parseInt(this._getNodeStyle(domNode, "padding-top", "0"), 10);
- top += parseInt(this._getNodeStyle(domNode, "border-top-width", "0"), 10);
- domNode.style.top = (info.y - top) + "px";
- domNode.style.maxWidth = info.maxWidth + "px";
- domNode.style.maxHeight = info.maxHeight + "px";
- domNode.style.opacity = "1";
- domNode.style.visibility = "visible";
- if (autoHide) {
- var self = this;
- self._hideTimeout = setTimeout(function() {
- var opacity = parseFloat(self._getNodeStyle(domNode, "opacity", "1"));
- self._fadeTimeout = setInterval(function() {
- if (domNode.style.visibility === "visible" && opacity > 0) {
- opacity -= 0.1;
- domNode.style.opacity = opacity;
- return;
- }
- self.hide();
- }, 50);
- }, 5000);
- }
- },
- _getAnnotationContents: function(annotations) {
- if (annotations.length === 0) {
- return null;
- }
- var model = this._view.getModel(), annotation;
- var baseModel = model.getBaseModel ? model.getBaseModel() : model;
- function getText(start, end) {
- var textStart = baseModel.getLineStart(baseModel.getLineAtOffset(start));
- var textEnd = baseModel.getLineEnd(baseModel.getLineAtOffset(end), true);
- return baseModel.getText(textStart, textEnd);
- }
- var title;
- if (annotations.length === 1) {
- annotation = annotations[0];
- if (annotation.title) {
- title = annotation.title.replace(/</g, "<").replace(/>/g, ">");
- return "<div>" + annotation.html + " <span style='vertical-align:middle;'>" + title + "</span><div>";
- } else {
- var newModel = new mProjectionTextModel.ProjectionTextModel(baseModel);
- var lineStart = baseModel.getLineStart(baseModel.getLineAtOffset(annotation.start));
- newModel.addProjection({start: annotation.end, end: newModel.getCharCount()});
- newModel.addProjection({start: 0, end: lineStart});
- return newModel;
- }
- } else {
- var tooltipHTML = "<div><em>Multiple annotations:</em></div>";
- for (var i = 0; i < annotations.length; i++) {
- annotation = annotations[i];
- title = annotation.title;
- if (!title) {
- title = getText(annotation.start, annotation.end);
- }
- title = title.replace(/</g, "<").replace(/>/g, ">");
- tooltipHTML += "<div>" + annotation.html + " <span style='vertical-align:middle;'>" + title + "</span><div>";
- }
- return tooltipHTML;
- }
- },
- _getNodeStyle: function(node, prop, defaultValue) {
- var value;
- if (node) {
- value = node.style[prop];
- if (!value) {
- if (node.currentStyle) {
- var index = 0, p = prop;
- while ((index = p.indexOf("-", index)) !== -1) {
- p = p.substring(0, index) + p.substring(index + 1, index + 2).toUpperCase() + p.substring(index + 2);
- }
- value = node.currentStyle[p];
- } else {
- var css = node.ownerDocument.defaultView.getComputedStyle(node, null);
- value = css ? css.getPropertyValue(prop) : null;
- }
- }
- }
- return value || defaultValue;
- }
- };
- return {Tooltip: Tooltip};
- });
- /*******************************************************************************
- * @license
- * Copyright (c) 2010, 2011 IBM Corporation and others.
- * All rights reserved. This program and the accompanying materials are made
- * available under the terms of the Eclipse Public License v1.0
- * (http://www.eclipse.org/legal/epl-v10.html), and the Eclipse Distribution
- * License v1.0 (http://www.eclipse.org/org/documents/edl-v10.html).
- *
- * Contributors:
- * Felipe Heidrich (IBM Corporation) - initial API and implementation
- * Silenio Quarti (IBM Corporation) - initial API and implementation
- * Mihai Sucan (Mozilla Foundation) - fix for Bug#334583 Bug#348471 Bug#349485 Bug#350595 Bug#360726 Bug#361180 Bug#362835 Bug#362428 Bug#362286 Bug#354270 Bug#361474 Bug#363945 Bug#366312 Bug#370584
- ******************************************************************************/
- /*global window document navigator setTimeout clearTimeout XMLHttpRequest define DOMException */
- define("orion/textview/textView", ['orion/textview/textModel', 'orion/textview/keyBinding', 'orion/textview/eventTarget'], function(mTextModel, mKeyBinding, mEventTarget) {
- /** @private */
- function addHandler(node, type, handler, capture) {
- if (typeof node.addEventListener === "function") {
- node.addEventListener(type, handler, capture === true);
- } else {
- node.attachEvent("on" + type, handler);
- }
- }
- /** @private */
- function removeHandler(node, type, handler, capture) {
- if (typeof node.removeEventListener === "function") {
- node.removeEventListener(type, handler, capture === true);
- } else {
- node.detachEvent("on" + type, handler);
- }
- }
- var userAgent = navigator.userAgent;
- var isIE;
- if (document.selection && window.ActiveXObject && /MSIE/.test(userAgent)) {
- isIE = document.documentMode ? document.documentMode : 7;
- }
- var isFirefox = parseFloat(userAgent.split("Firefox/")[1] || userAgent.split("Minefield/")[1]) || undefined;
- var isOpera = userAgent.indexOf("Opera") !== -1;
- var isChrome = userAgent.indexOf("Chrome") !== -1;
- var isSafari = userAgent.indexOf("Safari") !== -1 && !isChrome;
- var isWebkit = userAgent.indexOf("WebKit") !== -1;
- var isPad = userAgent.indexOf("iPad") !== -1;
- var isMac = navigator.platform.indexOf("Mac") !== -1;
- var isWindows = navigator.platform.indexOf("Win") !== -1;
- var isLinux = navigator.platform.indexOf("Linux") !== -1;
- var isW3CEvents = typeof window.document.documentElement.addEventListener === "function";
- var isRangeRects = (!isIE || isIE >= 9) && typeof window.document.createRange().getBoundingClientRect === "function";
- var platformDelimiter = isWindows ? "\r\n" : "\n";
-
- /**
- * Constructs a new Selection object.
- *
- * @class A Selection represents a range of selected text in the view.
- * @name orion.textview.Selection
- */
- function Selection (start, end, caret) {
- /**
- * The selection start offset.
- *
- * @name orion.textview.Selection#start
- */
- this.start = start;
- /**
- * The selection end offset.
- *
- * @name orion.textview.Selection#end
- */
- this.end = end;
- /** @private */
- this.caret = caret; //true if the start, false if the caret is at end
- }
- Selection.prototype = /** @lends orion.textview.Selection.prototype */ {
- /** @private */
- clone: function() {
- return new Selection(this.start, this.end, this.caret);
- },
- /** @private */
- collapse: function() {
- if (this.caret) {
- this.end = this.start;
- } else {
- this.start = this.end;
- }
- },
- /** @private */
- extend: function (offset) {
- if (this.caret) {
- this.start = offset;
- } else {
- this.end = offset;
- }
- if (this.start > this.end) {
- var tmp = this.start;
- this.start = this.end;
- this.end = tmp;
- this.caret = !this.caret;
- }
- },
- /** @private */
- setCaret: function(offset) {
- this.start = offset;
- this.end = offset;
- this.caret = false;
- },
- /** @private */
- getCaret: function() {
- return this.caret ? this.start : this.end;
- },
- /** @private */
- toString: function() {
- return "start=" + this.start + " end=" + this.end + (this.caret ? " caret is at start" : " caret is at end");
- },
- /** @private */
- isEmpty: function() {
- return this.start === this.end;
- },
- /** @private */
- equals: function(object) {
- return this.caret === object.caret && this.start === object.start && this.end === object.end;
- }
- };
- /**
- * @class This object describes the options for the text view.
- * <p>
- * <b>See:</b><br/>
- * {@link orion.textview.TextView}<br/>
- * {@link orion.textview.TextView#setOptions}
- * {@link orion.textview.TextView#getOptions}
- * </p>
- * @name orion.textview.TextViewOptions
- *
- * @property {String|DOMElement} parent the parent element for the view, it can be either a DOM element or an ID for a DOM element.
- * @property {orion.textview.TextModel} [model] the text model for the view. If it is not set the view creates an empty {@link orion.textview.TextModel}.
- * @property {Boolean} [readonly=false] whether or not the view is read-only.
- * @property {Boolean} [fullSelection=true] whether or not the view is in full selection mode.
- * @property {Boolean} [sync=false] whether or not the view creation should be synchronous (if possible).
- * @property {Boolean} [expandTab=false] whether or not the tab key inserts white spaces.
- * @property {String|String[]} [stylesheet] one or more stylesheet for the view. Each stylesheet can be either a URI or a string containing the CSS rules.
- * @property {String} [themeClass] the CSS class for the view theming.
- * @property {Number} [tabSize] The number of spaces in a tab.
- */
- /**
- * Constructs a new text view.
- *
- * @param {orion.textview.TextViewOptions} options the view options.
- *
- * @class A TextView is a user interface for editing text.
- * @name orion.textview.TextView
- * @borrows orion.textview.EventTarget#addEventListener as #addEventListener
- * @borrows orion.textview.EventTarget#removeEventListener as #removeEventListener
- * @borrows orion.textview.EventTarget#dispatchEvent as #dispatchEvent
- */
- function TextView (options) {
- this._init(options);
- }
-
- TextView.prototype = /** @lends orion.textview.TextView.prototype */ {
- /**
- * Adds a ruler to the text view.
- *
- * @param {orion.textview.Ruler} ruler the ruler.
- */
- addRuler: function (ruler) {
- this._rulers.push(ruler);
- ruler.setView(this);
- this._createRuler(ruler);
- this._updatePage();
- },
- computeSize: function() {
- var w = 0, h = 0;
- var model = this._model, clientDiv = this._clientDiv;
- if (!clientDiv) { return {width: w, height: h}; }
- var clientWidth = clientDiv.style.width;
- /*
- * Feature in WekKit. Webkit limits the width of the lines
- * computed below to the width of the client div. This causes
- * the lines to be wrapped even though "pre" is set. The fix
- * is to set the width of the client div to a larger number
- * before computing the lines width. Note that this value is
- * reset to the appropriate value further down.
- */
- if (isWebkit) {
- clientDiv.style.width = (0x7FFFF).toString() + "px";
- }
- var lineCount = model.getLineCount();
- var document = this._frameDocument;
- for (var lineIndex=0; lineIndex<lineCount; lineIndex++) {
- var child = this._getLineNode(lineIndex), dummy = null;
- if (!child || child.lineChanged || child.lineRemoved) {
- child = dummy = this._createLine(clientDiv, null, document, lineIndex, model);
- }
- var rect = this._getLineBoundingClientRect(child);
- w = Math.max(w, rect.right - rect.left);
- h += rect.bottom - rect.top;
- if (dummy) { clientDiv.removeChild(dummy); }
- }
- if (isWebkit) {
- clientDiv.style.width = clientWidth;
- }
- var viewPadding = this._getViewPadding();
- w += viewPadding.right - viewPadding.left;
- h += viewPadding.bottom - viewPadding.top;
- return {width: w, height: h};
- },
- /**
- * Converts the given rectangle from one coordinate spaces to another.
- * <p>The supported coordinate spaces are:
- * <ul>
- * <li>"document" - relative to document, the origin is the top-left corner of first line</li>
- * <li>"page" - relative to html page that contains the text view</li>
- * <li>"view" - relative to text view, the origin is the top-left corner of the view container</li>
- * </ul>
- * </p>
- * <p>All methods in the view that take or return a position are in the document coordinate space.</p>
- *
- * @param rect the rectangle to convert.
- * @param rect.x the x of the rectangle.
- * @param rect.y the y of the rectangle.
- * @param rect.width the width of the rectangle.
- * @param rect.height the height of the rectangle.
- * @param {String} from the source coordinate space.
- * @param {String} to the destination coordinate space.
- *
- * @see #getLocationAtOffset
- * @see #getOffsetAtLocation
- * @see #getTopPixel
- * @see #setTopPixel
- */
- convert: function(rect, from, to) {
- if (!this._clientDiv) { return; }
- var scroll = this._getScroll();
- var viewPad = this._getViewPadding();
- var frame = this._frame.getBoundingClientRect();
- var viewRect = this._viewDiv.getBoundingClientRect();
- switch(from) {
- case "document":
- if (rect.x !== undefined) {
- rect.x += - scroll.x + viewRect.left + viewPad.left;
- }
- if (rect.y !== undefined) {
- rect.y += - scroll.y + viewRect.top + viewPad.top;
- }
- break;
- case "page":
- if (rect.x !== undefined) {
- rect.x += - frame.left;
- }
- if (rect.y !== undefined) {
- rect.y += - frame.top;
- }
- break;
- }
- //At this point rect is in the widget coordinate space
- switch (to) {
- case "document":
- if (rect.x !== undefined) {
- rect.x += scroll.x - viewRect.left - viewPad.left;
- }
- if (rect.y !== undefined) {
- rect.y += scroll.y - viewRect.top - viewPad.top;
- }
- break;
- case "page":
- if (rect.x !== undefined) {
- rect.x += frame.left;
- }
- if (rect.y !== undefined) {
- rect.y += frame.top;
- }
- break;
- }
- return rect;
- },
- /**
- * Destroys the text view.
- * <p>
- * Removes the view from the page and frees all resources created by the view.
- * Calling this function causes the "Destroy" event to be fire so that all components
- * attached to view can release their references.
- * </p>
- *
- * @see #onDestroy
- */
- destroy: function() {
- /* Destroy rulers*/
- for (var i=0; i< this._rulers.length; i++) {
- this._rulers[i].setView(null);
- }
- this.rulers = null;
-
- /*
- * Note that when the frame is removed, the unload event is trigged
- * and the view contents and handlers is released properly by
- * destroyView().
- */
- this._destroyFrame();
- var e = {type: "Destroy"};
- this.onDestroy(e);
- this._parent = null;
- this._parentDocument = null;
- this._model = null;
- this._selection = null;
- this._doubleClickSelection = null;
- this._keyBindings = null;
- this._actions = null;
- },
- /**
- * Gives focus to the text view.
- */
- focus: function() {
- if (!this._clientDiv) { return; }
- /*
- * Feature in Chrome. When focus is called in the clientDiv without
- * setting selection the browser will set the selection to the first dom
- * element, which can be above the client area. When this happen the
- * browser also scrolls the window to show that element.
- * The fix is to call _updateDOMSelection() before calling focus().
- */
- this._updateDOMSelection();
- if (isPad) {
- this._textArea.focus();
- } else {
- if (isOpera) { this._clientDiv.blur(); }
- this._clientDiv.focus();
- }
- /*
- * Feature in Safari. When focus is called the browser selects the clientDiv
- * itself. The fix is to call _updateDOMSelection() after calling focus().
- */
- this._updateDOMSelection();
- },
- /**
- * Check if the text view has focus.
- *
- * @returns {Boolean} <code>true</code> if the text view has focus, otherwise <code>false</code>.
- */
- hasFocus: function() {
- return this._hasFocus;
- },
- /**
- * Returns all action names defined in the text view.
- * <p>
- * There are two types of actions, the predefined actions of the view
- * and the actions added by application code.
- * </p>
- * <p>
- * The predefined actions are:
- * <ul>
- * <li>Navigation actions. These actions move the caret collapsing the selection.</li>
- * <ul>
- * <li>"lineUp" - moves the caret up by one line</li>
- * <li>"lineDown" - moves the caret down by one line</li>
- * <li>"lineStart" - moves the caret to beginning of the current line</li>
- * <li>"lineEnd" - moves the caret to end of the current line </li>
- * <li>"charPrevious" - moves the caret to the previous character</li>
- * <li>"charNext" - moves the caret to the next character</li>
- * <li>"pageUp" - moves the caret up by one page</li>
- * <li>"pageDown" - moves the caret down by one page</li>
- * <li>"wordPrevious" - moves the caret to the previous word</li>
- * <li>"wordNext" - moves the caret to the next word</li>
- * <li>"textStart" - moves the caret to the beginning of the document</li>
- * <li>"textEnd" - moves the caret to the end of the document</li>
- * </ul>
- * <li>Selection actions. These actions move the caret extending the selection.</li>
- * <ul>
- * <li>"selectLineUp" - moves the caret up by one line</li>
- * <li>"selectLineDown" - moves the caret down by one line</li>
- * <li>"selectLineStart" - moves the caret to beginning of the current line</li>
- * <li>"selectLineEnd" - moves the caret to end of the current line </li>
- * <li>"selectCharPrevious" - moves the caret to the previous character</li>
- * <li>"selectCharNext" - moves the caret to the next character</li>
- * <li>"selectPageUp" - moves the caret up by one page</li>
- * <li>"selectPageDown" - moves the caret down by one page</li>
- * <li>"selectWordPrevious" - moves the caret to the previous word</li>
- * <li>"selectWordNext" - moves the caret to the next word</li>
- * <li>"selectTextStart" - moves the caret to the beginning of the document</li>
- * <li>"selectTextEnd" - moves the caret to the end of the document</li>
- * <li>"selectAll" - selects the entire document</li>
- * </ul>
- * <li>Edit actions. These actions modify the text view text</li>
- * <ul>
- * <li>"deletePrevious" - deletes the character preceding the caret</li>
- * <li>"deleteNext" - deletes the charecter following the caret</li>
- * <li>"deleteWordPrevious" - deletes the word preceding the caret</li>
- * <li>"deleteWordNext" - deletes the word following the caret</li>
- * <li>"tab" - inserts a tab character at the caret</li>
- * <li>"enter" - inserts a line delimiter at the caret</li>
- * </ul>
- * <li>Clipboard actions.</li>
- * <ul>
- * <li>"copy" - copies the selected text to the clipboard</li>
- * <li>"cut" - copies the selected text to the clipboard and deletes the selection</li>
- * <li>"paste" - replaces the selected text with the clipboard contents</li>
- * </ul>
- * </ul>
- * </p>
- *
- * @param {Boolean} [defaultAction=false] whether or not the predefined actions are included.
- * @returns {String[]} an array of action names defined in the text view.
- *
- * @see #invokeAction
- * @see #setAction
- * @see #setKeyBinding
- * @see #getKeyBindings
- */
- getActions: function (defaultAction) {
- var result = [];
- var actions = this._actions;
- for (var i = 0; i < actions.length; i++) {
- if (!defaultAction && actions[i].defaultHandler) { continue; }
- result.push(actions[i].name);
- }
- return result;
- },
- /**
- * Returns the bottom index.
- * <p>
- * The bottom index is the line that is currently at the bottom of the view. This
- * line may be partially visible depending on the vertical scroll of the view. The parameter
- * <code>fullyVisible</code> determines whether to return only fully visible lines.
- * </p>
- *
- * @param {Boolean} [fullyVisible=false] if <code>true</code>, returns the index of the last fully visible line. This
- * parameter is ignored if the view is not big enough to show one line.
- * @returns {Number} the index of the bottom line.
- *
- * @see #getTopIndex
- * @see #setTopIndex
- */
- getBottomIndex: function(fullyVisible) {
- if (!this._clientDiv) { return 0; }
- return this._getBottomIndex(fullyVisible);
- },
- /**
- * Returns the bottom pixel.
- * <p>
- * The bottom pixel is the pixel position that is currently at
- * the bottom edge of the view. This position is relative to the
- * beginning of the document.
- * </p>
- *
- * @returns {Number} the bottom pixel.
- *
- * @see #getTopPixel
- * @see #setTopPixel
- * @see #convert
- */
- getBottomPixel: function() {
- if (!this._clientDiv) { return 0; }
- return this._getScroll().y + this._getClientHeight();
- },
- /**
- * Returns the caret offset relative to the start of the document.
- *
- * @returns the caret offset relative to the start of the document.
- *
- * @see #setCaretOffset
- * @see #setSelection
- * @see #getSelection
- */
- getCaretOffset: function () {
- var s = this._getSelection();
- return s.getCaret();
- },
- /**
- * Returns the client area.
- * <p>
- * The client area is the portion in pixels of the document that is visible. The
- * client area position is relative to the beginning of the document.
- * </p>
- *
- * @returns the client area rectangle {x, y, width, height}.
- *
- * @see #getTopPixel
- * @see #getBottomPixel
- * @see #getHorizontalPixel
- * @see #convert
- */
- getClientArea: function() {
- if (!this._clientDiv) { return {x: 0, y: 0, width: 0, height: 0}; }
- var scroll = this._getScroll();
- return {x: scroll.x, y: scroll.y, width: this._getClientWidth(), height: this._getClientHeight()};
- },
- /**
- * Returns the horizontal pixel.
- * <p>
- * The horizontal pixel is the pixel position that is currently at
- * the left edge of the view. This position is relative to the
- * beginning of the document.
- * </p>
- *
- * @returns {Number} the horizontal pixel.
- *
- * @see #setHorizontalPixel
- * @see #convert
- */
- getHorizontalPixel: function() {
- if (!this._clientDiv) { return 0; }
- return this._getScroll().x;
- },
- /**
- * Returns all the key bindings associated to the given action name.
- *
- * @param {String} name the action name.
- * @returns {orion.textview.KeyBinding[]} the array of key bindings associated to the given action name.
- *
- * @see #setKeyBinding
- * @see #setAction
- */
- getKeyBindings: function (name) {
- var result = [];
- var keyBindings = this._keyBindings;
- for (var i = 0; i < keyBindings.length; i++) {
- if (keyBindings[i].name === name) {
- result.push(keyBindings[i].keyBinding);
- }
- }
- return result;
- },
- /**
- * Returns the line height for a given line index. Returns the default line
- * height if the line index is not specified.
- *
- * @param {Number} [lineIndex] the line index.
- * @returns {Number} the height of the line in pixels.
- *
- * @see #getLinePixel
- */
- getLineHeight: function(lineIndex) {
- if (!this._clientDiv) { return 0; }
- return this._getLineHeight();
- },
- /**
- * Returns the top pixel position of a given line index relative to the beginning
- * of the document.
- * <p>
- * Clamps out of range indices.
- * </p>
- *
- * @param {Number} lineIndex the line index.
- * @returns {Number} the pixel position of the line.
- *
- * @see #setTopPixel
- * @see #convert
- */
- getLinePixel: function(lineIndex) {
- if (!this._clientDiv) { return 0; }
- lineIndex = Math.min(Math.max(0, lineIndex), this._model.getLineCount());
- var lineHeight = this._getLineHeight();
- return lineHeight * lineIndex;
- },
- /**
- * Returns the {x, y} pixel location of the top-left corner of the character
- * bounding box at the specified offset in the document. The pixel location
- * is relative to the document.
- * <p>
- * Clamps out of range offsets.
- * </p>
- *
- * @param {Number} offset the character offset
- * @returns the {x, y} pixel location of the given offset.
- *
- * @see #getOffsetAtLocation
- * @see #convert
- */
- getLocationAtOffset: function(offset) {
- if (!this._clientDiv) { return {x: 0, y: 0}; }
- var model = this._model;
- offset = Math.min(Math.max(0, offset), model.getCharCount());
- var lineIndex = model.getLineAtOffset(offset);
- var scroll = this._getScroll();
- var viewRect = this._viewDiv.getBoundingClientRect();
- var viewPad = this._getViewPadding();
- var x = this._getOffsetToX(offset) + scroll.x - viewRect.left - viewPad.left;
- var y = this.getLinePixel(lineIndex);
- return {x: x, y: y};
- },
- /**
- * Returns the specified view options.
- * <p>
- * The returned value is either a <code>orion.textview.TextViewOptions</code> or an option value. An option value is returned when only one string paremeter
- * is specified. A <code>orion.textview.TextViewOptions</code> is returned when there are no paremeters, or the parameters are a list of options names or a
- * <code>orion.textview.TextViewOptions</code>. All view options are returned when there no paremeters.
- * </p>
- *
- * @param {String|orion.textview.TextViewOptions} [options] The options to return.
- * @return {Object|orion.textview.TextViewOptions} The requested options or an option value.
- *
- * @see #setOptions
- */
- getOptions: function() {
- var options;
- if (arguments.length === 0) {
- options = this._defaultOptions();
- } else if (arguments.length === 1) {
- var arg = arguments[0];
- if (typeof arg === "string") {
- return this._clone(this["_" + arg]);
- }
- options = arg;
- } else {
- options = {};
- for (var index in arguments) {
- if (arguments.hasOwnProperty(index)) {
- options[arguments[index]] = undefined;
- }
- }
- }
- for (var option in options) {
- if (options.hasOwnProperty(option)) {
- options[option] = this._clone(this["_" + option]);
- }
- }
- return options;
- },
- /**
- * Returns the text model of the text view.
- *
- * @returns {orion.textview.TextModel} the text model of the view.
- */
- getModel: function() {
- return this._model;
- },
- /**
- * Returns the character offset nearest to the given pixel location. The
- * pixel location is relative to the document.
- *
- * @param x the x of the location
- * @param y the y of the location
- * @returns the character offset at the given location.
- *
- * @see #getLocationAtOffset
- */
- getOffsetAtLocation: function(x, y) {
- if (!this._clientDiv) { return 0; }
- var scroll = this._getScroll();
- var viewRect = this._viewDiv.getBoundingClientRect();
- var viewPad = this._getViewPadding();
- var lineIndex = this._getYToLine(y - scroll.y);
- x += -scroll.x + viewRect.left + viewPad.left;
- var offset = this._getXToOffset(lineIndex, x);
- return offset;
- },
- /**
- * Get the view rulers.
- *
- * @returns the view rulers
- *
- * @see #addRuler
- */
- getRulers: function() {
- return this._rulers.slice(0);
- },
- /**
- * Returns the text view selection.
- * <p>
- * The selection is defined by a start and end character offset relative to the
- * document. The character at end offset is not included in the selection.
- * </p>
- *
- * @returns {orion.textview.Selection} the view selection
- *
- * @see #setSelection
- */
- getSelection: function () {
- var s = this._getSelection();
- return {start: s.start, end: s.end};
- },
- /**
- * Returns the text for the given range.
- * <p>
- * The text does not include the character at the end offset.
- * </p>
- *
- * @param {Number} [start=0] the start offset of text range.
- * @param {Number} [end=char count] the end offset of text range.
- *
- * @see #setText
- */
- getText: function(start, end) {
- var model = this._model;
- return model.getText(start, end);
- },
- /**
- * Returns the top index.
- * <p>
- * The top index is the line that is currently at the top of the view. This
- * line may be partially visible depending on the vertical scroll of the view. The parameter
- * <code>fullyVisible</code> determines whether to return only fully visible lines.
- * </p>
- *
- * @param {Boolean} [fullyVisible=false] if <code>true</code>, returns the index of the first fully visible line. This
- * parameter is ignored if the view is not big enough to show one line.
- * @returns {Number} the index of the top line.
- *
- * @see #getBottomIndex
- * @see #setTopIndex
- */
- getTopIndex: function(fullyVisible) {
- if (!this._clientDiv) { return 0; }
- return this._getTopIndex(fullyVisible);
- },
- /**
- * Returns the top pixel.
- * <p>
- * The top pixel is the pixel position that is currently at
- * the top edge of the view. This position is relative to the
- * beginning of the document.
- * </p>
- *
- * @returns {Number} the top pixel.
- *
- * @see #getBottomPixel
- * @see #setTopPixel
- * @see #convert
- */
- getTopPixel: function() {
- if (!this._clientDiv) { return 0; }
- return this._getScroll().y;
- },
- /**
- * Executes the action handler associated with the given name.
- * <p>
- * The application defined action takes precedence over predefined actions unless
- * the <code>defaultAction</code> paramater is <code>true</code>.
- * </p>
- * <p>
- * If the application defined action returns <code>false</code>, the text view predefined
- * action is executed if present.
- * </p>
- *
- * @param {String} name the action name.
- * @param {Boolean} [defaultAction] whether to always execute the predefined action.
- * @returns {Boolean} <code>true</code> if the action was executed.
- *
- * @see #setAction
- * @see #getActions
- */
- invokeAction: function (name, defaultAction) {
- if (!this._clientDiv) { return; }
- var actions = this._actions;
- for (var i = 0; i < actions.length; i++) {
- var a = actions[i];
- if (a.name && a.name === name) {
- if (!defaultAction && a.userHandler) {
- if (a.userHandler()) { return; }
- }
- if (a.defaultHandler) { return a.defaultHandler(); }
- return false;
- }
- }
- return false;
- },
- /**
- * Returns if the view is loaded.
- * <p>
- * @returns {Boolean} <code>true</code> if the view is loaded.
- *
- * @see #onLoad
- */
- isLoaded: function () {
- return !!this._clientDiv;
- },
- /**
- * @class This is the event sent when the user right clicks or otherwise invokes the context menu of the view.
- * <p>
- * <b>See:</b><br/>
- * {@link orion.textview.TextView}<br/>
- * {@link orion.textview.TextView#event:onContextMenu}
- * </p>
- *
- * @name orion.textview.ContextMenuEvent
- *
- * @property {Number} x The pointer location on the x axis, relative to the document the user is editing.
- * @property {Number} y The pointer location on the y axis, relative to the document the user is editing.
- * @property {Number} screenX The pointer location on the x axis, relative to the screen. This is copied from the DOM contextmenu event.screenX property.
- * @property {Number} screenY The pointer location on the y axis, relative to the screen. This is copied from the DOM contextmenu event.screenY property.
- */
- /**
- * This event is sent when the user invokes the view context menu.
- *
- * @event
- * @param {orion.textview.ContextMenuEvent} contextMenuEvent the event
- */
- onContextMenu: function(contextMenuEvent) {
- return this.dispatchEvent(contextMenuEvent);
- },
- onDragStart: function(dragEvent) {
- return this.dispatchEvent(dragEvent);
- },
- onDrag: function(dragEvent) {
- return this.dispatchEvent(dragEvent);
- },
- onDragEnd: function(dragEvent) {
- return this.dispatchEvent(dragEvent);
- },
- onDragEnter: function(dragEvent) {
- return this.dispatchEvent(dragEvent);
- },
- onDragOver: function(dragEvent) {
- return this.dispatchEvent(dragEvent);
- },
- onDragLeave: function(dragEvent) {
- return this.dispatchEvent(dragEvent);
- },
- onDrop: function(dragEvent) {
- return this.dispatchEvent(dragEvent);
- },
- /**
- * @class This is the event sent when the text view is destroyed.
- * <p>
- * <b>See:</b><br/>
- * {@link orion.textview.TextView}<br/>
- * {@link orion.textview.TextView#event:onDestroy}
- * </p>
- * @name orion.textview.DestroyEvent
- */
- /**
- * This event is sent when the text view has been destroyed.
- *
- * @event
- * @param {orion.textview.DestroyEvent} destroyEvent the event
- *
- * @see #destroy
- */
- onDestroy: function(destroyEvent) {
- return this.dispatchEvent(destroyEvent);
- },
- /**
- * @class This object is used to define style information for the text view.
- * <p>
- * <b>See:</b><br/>
- * {@link orion.textview.TextView}<br/>
- * {@link orion.textview.TextView#event:onLineStyle}
- * </p>
- * @name orion.textview.Style
- *
- * @property {String} styleClass A CSS class name.
- * @property {Object} style An object with CSS properties.
- * @property {String} tagName A DOM tag name.
- * @property {Object} attributes An object with DOM attributes.
- */
- /**
- * @class This object is used to style range.
- * <p>
- * <b>See:</b><br/>
- * {@link orion.textview.TextView}<br/>
- * {@link orion.textview.TextView#event:onLineStyle}
- * </p>
- * @name orion.textview.StyleRange
- *
- * @property {Number} start The start character offset, relative to the document, where the style should be applied.
- * @property {Number} end The end character offset (exclusive), relative to the document, where the style should be applied.
- * @property {orion.textview.Style} style The style for the range.
- */
- /**
- * @class This is the event sent when the text view needs the style information for a line.
- * <p>
- * <b>See:</b><br/>
- * {@link orion.textview.TextView}<br/>
- * {@link orion.textview.TextView#event:onLineStyle}
- * </p>
- * @name orion.textview.LineStyleEvent
- *
- * @property {orion.textview.TextView} textView The text view.
- * @property {Number} lineIndex The line index.
- * @property {String} lineText The line text.
- * @property {Number} lineStart The character offset, relative to document, of the first character in the line.
- * @property {orion.textview.Style} style The style for the entire line (output argument).
- * @property {orion.textview.StyleRange[]} ranges An array of style ranges for the line (output argument).
- */
- /**
- * This event is sent when the text view needs the style information for a line.
- *
- * @event
- * @param {orion.textview.LineStyleEvent} lineStyleEvent the event
- */
- onLineStyle: function(lineStyleEvent) {
- return this.dispatchEvent(lineStyleEvent);
- },
- /**
- * @class This is the event sent when the text view has loaded its contents.
- * <p>
- * <b>See:</b><br/>
- * {@link orion.textview.TextView}<br/>
- * {@link orion.textview.TextView#event:onLoad}
- * </p>
- * @name orion.textview.LoadEvent
- */
- /**
- * This event is sent when the text view has loaded its contents.
- *
- * @event
- * @param {orion.textview.LoadEvent} loadEvent the event
- */
- onLoad: function(loadEvent) {
- return this.dispatchEvent(loadEvent);
- },
- /**
- * @class This is the event sent when the text in the model has changed.
- * <p>
- * <b>See:</b><br/>
- * {@link orion.textview.TextView}<br/>
- * {@link orion.textview.TextView#event:onModelChanged}<br/>
- * {@link orion.textview.TextModel#onChanged}
- * </p>
- * @name orion.textview.ModelChangedEvent
- *
- * @property {Number} start The character offset in the model where the change has occurred.
- * @property {Number} removedCharCount The number of characters removed from the model.
- * @property {Number} addedCharCount The number of characters added to the model.
- * @property {Number} removedLineCount The number of lines removed from the model.
- * @property {Number} addedLineCount The number of lines added to the model.
- */
- /**
- * This event is sent when the text in the model has changed.
- *
- * @event
- * @param {orion.textview.ModelChangedEvent} modelChangedEvent the event
- */
- onModelChanged: function(modelChangedEvent) {
- return this.dispatchEvent(modelChangedEvent);
- },
- /**
- * @class This is the event sent when the text in the model is about to change.
- * <p>
- * <b>See:</b><br/>
- * {@link orion.textview.TextView}<br/>
- * {@link orion.textview.TextView#event:onModelChanging}<br/>
- * {@link orion.textview.TextModel#onChanging}
- * </p>
- * @name orion.textview.ModelChangingEvent
- *
- * @property {String} text The text that is about to be inserted in the model.
- * @property {Number} start The character offset in the model where the change will occur.
- * @property {Number} removedCharCount The number of characters being removed from the model.
- * @property {Number} addedCharCount The number of characters being added to the model.
- * @property {Number} removedLineCount The number of lines being removed from the model.
- * @property {Number} addedLineCount The number of lines being added to the model.
- */
- /**
- * This event is sent when the text in the model is about to change.
- *
- * @event
- * @param {orion.textview.ModelChangingEvent} modelChangingEvent the event
- */
- onModelChanging: function(modelChangingEvent) {
- return this.dispatchEvent(modelChangingEvent);
- },
- /**
- * @class This is the event sent when the text is modified by the text view.
- * <p>
- * <b>See:</b><br/>
- * {@link orion.textview.TextView}<br/>
- * {@link orion.textview.TextView#event:onModify}
- * </p>
- * @name orion.textview.ModifyEvent
- */
- /**
- * This event is sent when the text view has changed text in the model.
- * <p>
- * If the text is changed directly through the model API, this event
- * is not sent.
- * </p>
- *
- * @event
- * @param {orion.textview.ModifyEvent} modifyEvent the event
- */
- onModify: function(modifyEvent) {
- return this.dispatchEvent(modifyEvent);
- },
- onMouseDown: function(mouseEvent) {
- return this.dispatchEvent(mouseEvent);
- },
- onMouseUp: function(mouseEvent) {
- return this.dispatchEvent(mouseEvent);
- },
- onMouseMove: function(mouseEvent) {
- return this.dispatchEvent(mouseEvent);
- },
- onMouseOver: function(mouseEvent) {
- return this.dispatchEvent(mouseEvent);
- },
- onMouseOut: function(mouseEvent) {
- return this.dispatchEvent(mouseEvent);
- },
- /**
- * @class This is the event sent when the selection changes in the text view.
- * <p>
- * <b>See:</b><br/>
- * {@link orion.textview.TextView}<br/>
- * {@link orion.textview.TextView#event:onSelection}
- * </p>
- * @name orion.textview.SelectionEvent
- *
- * @property {orion.textview.Selection} oldValue The old selection.
- * @property {orion.textview.Selection} newValue The new selection.
- */
- /**
- * This event is sent when the text view selection has changed.
- *
- * @event
- * @param {orion.textview.SelectionEvent} selectionEvent the event
- */
- onSelection: function(selectionEvent) {
- return this.dispatchEvent(selectionEvent);
- },
- /**
- * @class This is the event sent when the text view scrolls.
- * <p>
- * <b>See:</b><br/>
- * {@link orion.textview.TextView}<br/>
- * {@link orion.textview.TextView#event:onScroll}
- * </p>
- * @name orion.textview.ScrollEvent
- *
- * @property oldValue The old scroll {x,y}.
- * @property newValue The new scroll {x,y}.
- */
- /**
- * This event is sent when the text view scrolls vertically or horizontally.
- *
- * @event
- * @param {orion.textview.ScrollEvent} scrollEvent the event
- */
- onScroll: function(scrollEvent) {
- return this.dispatchEvent(scrollEvent);
- },
- /**
- * @class This is the event sent when the text is about to be modified by the text view.
- * <p>
- * <b>See:</b><br/>
- * {@link orion.textview.TextView}<br/>
- * {@link orion.textview.TextView#event:onVerify}
- * </p>
- * @name orion.textview.VerifyEvent
- *
- * @property {String} text The text being inserted.
- * @property {Number} start The start offset of the text range to be replaced.
- * @property {Number} end The end offset (exclusive) of the text range to be replaced.
- */
- /**
- * This event is sent when the text view is about to change text in the model.
- * <p>
- * If the text is changed directly through the model API, this event
- * is not sent.
- * </p>
- * <p>
- * Listeners are allowed to change these parameters. Setting text to null
- * or undefined stops the change.
- * </p>
- *
- * @event
- * @param {orion.textview.VerifyEvent} verifyEvent the event
- */
- onVerify: function(verifyEvent) {
- return this.dispatchEvent(verifyEvent);
- },
- /**
- * @class This is the event sent when the text view has unloaded its contents.
- * <p>
- * <b>See:</b><br/>
- * {@link orion.textview.TextView}<br/>
- * {@link orion.textview.TextView#event:onLoad}
- * </p>
- * @name orion.textview.UnloadEvent
- */
- /**
- * This event is sent when the text view has unloaded its contents.
- *
- * @event
- * @param {orion.textview.UnloadEvent} unloadEvent the event
- */
- onUnload: function(unloadEvent) {
- return this.dispatchEvent(unloadEvent);
- },
- /**
- * @class This is the event sent when the text view is focused.
- * <p>
- * <b>See:</b><br/>
- * {@link orion.textview.TextView}<br/>
- * {@link orion.textview.TextView#event:onFocus}<br/>
- * </p>
- * @name orion.textview.FocusEvent
- */
- /**
- * This event is sent when the text view is focused.
- *
- * @event
- * @param {orion.textview.FocusEvent} focusEvent the event
- */
- onFocus: function(focusEvent) {
- return this.dispatchEvent(focusEvent);
- },
- /**
- * @class This is the event sent when the text view goes out of focus.
- * <p>
- * <b>See:</b><br/>
- * {@link orion.textview.TextView}<br/>
- * {@link orion.textview.TextView#event:onBlur}<br/>
- * </p>
- * @name orion.textview.BlurEvent
- */
- /**
- * This event is sent when the text view goes out of focus.
- *
- * @event
- * @param {orion.textview.BlurEvent} blurEvent the event
- */
- onBlur: function(blurEvent) {
- return this.dispatchEvent(blurEvent);
- },
- /**
- * Redraws the entire view, including rulers.
- *
- * @see #redrawLines
- * @see #redrawRange
- * @see #setRedraw
- */
- redraw: function() {
- if (this._redrawCount > 0) { return; }
- var lineCount = this._model.getLineCount();
- var rulers = this.getRulers();
- for (var i = 0; i < rulers.length; i++) {
- this.redrawLines(0, lineCount, rulers[i]);
- }
- this.redrawLines(0, lineCount);
- },
- /**
- * Redraws the text in the given line range.
- * <p>
- * The line at the end index is not redrawn.
- * </p>
- *
- * @param {Number} [startLine=0] the start line
- * @param {Number} [endLine=line count] the end line
- *
- * @see #redraw
- * @see #redrawRange
- * @see #setRedraw
- */
- redrawLines: function(startLine, endLine, ruler) {
- if (this._redrawCount > 0) { return; }
- if (startLine === undefined) { startLine = 0; }
- if (endLine === undefined) { endLine = this._model.getLineCount(); }
- if (startLine === endLine) { return; }
- var div = this._clientDiv;
- if (!div) { return; }
- if (ruler) {
- var location = ruler.getLocation();//"left" or "right"
- var divRuler = location === "left" ? this._leftDiv : this._rightDiv;
- var cells = divRuler.firstChild.rows[0].cells;
- for (var i = 0; i < cells.length; i++) {
- if (cells[i].firstChild._ruler === ruler) {
- div = cells[i].firstChild;
- break;
- }
- }
- }
- if (ruler) {
- div.rulerChanged = true;
- }
- if (!ruler || ruler.getOverview() === "page") {
- var child = div.firstChild;
- while (child) {
- var lineIndex = child.lineIndex;
- if (startLine <= lineIndex && lineIndex < endLine) {
- child.lineChanged = true;
- }
- child = child.nextSibling;
- }
- }
- if (!ruler) {
- if (startLine <= this._maxLineIndex && this._maxLineIndex < endLine) {
- this._checkMaxLineIndex = this._maxLineIndex;
- this._maxLineIndex = -1;
- this._maxLineWidth = 0;
- }
- }
- this._queueUpdatePage();
- },
- /**
- * Redraws the text in the given range.
- * <p>
- * The character at the end offset is not redrawn.
- * </p>
- *
- * @param {Number} [start=0] the start offset of text range
- * @param {Number} [end=char count] the end offset of text range
- *
- * @see #redraw
- * @see #redrawLines
- * @see #setRedraw
- */
- redrawRange: function(start, end) {
- if (this._redrawCount > 0) { return; }
- var model = this._model;
- if (start === undefined) { start = 0; }
- if (end === undefined) { end = model.getCharCount(); }
- var startLine = model.getLineAtOffset(start);
- var endLine = model.getLineAtOffset(Math.max(start, end - 1)) + 1;
- this.redrawLines(startLine, endLine);
- },
- /**
- * Removes a ruler from the text view.
- *
- * @param {orion.textview.Ruler} ruler the ruler.
- */
- removeRuler: function (ruler) {
- var rulers = this._rulers;
- for (var i=0; i<rulers.length; i++) {
- if (rulers[i] === ruler) {
- rulers.splice(i, 1);
- ruler.setView(null);
- this._destroyRuler(ruler);
- this._updatePage();
- break;
- }
- }
- },
- /**
- * Associates an application defined handler to an action name.
- * <p>
- * If the action name is a predefined action, the given handler executes before
- * the default action handler. If the given handler returns <code>true</code>, the
- * default action handler is not called.
- * </p>
- *
- * @param {String} name the action name.
- * @param {Function} handler the action handler.
- *
- * @see #getActions
- * @see #invokeAction
- */
- setAction: function(name, handler) {
- if (!name) { return; }
- var actions = this._actions;
- for (var i = 0; i < actions.length; i++) {
- var a = actions[i];
- if (a.name === name) {
- a.userHandler = handler;
- return;
- }
- }
- actions.push({name: name, userHandler: handler});
- },
- /**
- * Associates a key binding with the given action name. Any previous
- * association with the specified key binding is overwriten. If the
- * action name is <code>null</code>, the association is removed.
- *
- * @param {orion.textview.KeyBinding} keyBinding the key binding
- * @param {String} name the action
- */
- setKeyBinding: function(keyBinding, name) {
- var keyBindings = this._keyBindings;
- for (var i = 0; i < keyBindings.length; i++) {
- var kb = keyBindings[i];
- if (kb.keyBinding.equals(keyBinding)) {
- if (name) {
- kb.name = name;
- } else {
- if (kb.predefined) {
- kb.name = null;
- } else {
- var oldName = kb.name;
- keyBindings.splice(i, 1);
- var index = 0;
- while (index < keyBindings.length && oldName !== keyBindings[index].name) {
- index++;
- }
- if (index === keyBindings.length) {
- /* <p>
- * Removing all the key bindings associated to an user action will cause
- * the user action to be removed. TextView predefined actions are never
- * removed (so they can be reinstalled in the future).
- * </p>
- */
- var actions = this._actions;
- for (var j = 0; j < actions.length; j++) {
- if (actions[j].name === oldName) {
- if (!actions[j].defaultHandler) {
- actions.splice(j, 1);
- }
- }
- }
- }
- }
- }
- return;
- }
- }
- if (name) {
- keyBindings.push({keyBinding: keyBinding, name: name});
- }
- },
- /**
- * Sets the caret offset relative to the start of the document.
- *
- * @param {Number} caret the caret offset relative to the start of the document.
- * @param {Boolean} [show=true] if <code>true</code>, the view will scroll if needed to show the caret location.
- *
- * @see #getCaretOffset
- * @see #setSelection
- * @see #getSelection
- */
- setCaretOffset: function(offset, show) {
- var charCount = this._model.getCharCount();
- offset = Math.max(0, Math.min (offset, charCount));
- var selection = new Selection(offset, offset, false);
- this._setSelection (selection, show === undefined || show);
- },
- /**
- * Sets the horizontal pixel.
- * <p>
- * The horizontal pixel is the pixel position that is currently at
- * the left edge of the view. This position is relative to the
- * beginning of the document.
- * </p>
- *
- * @param {Number} pixel the horizontal pixel.
- *
- * @see #getHorizontalPixel
- * @see #convert
- */
- setHorizontalPixel: function(pixel) {
- if (!this._clientDiv) { return; }
- pixel = Math.max(0, pixel);
- this._scrollView(pixel - this._getScroll().x, 0);
- },
- /**
- * Sets whether the view should update the DOM.
- * <p>
- * This can be used to improve the performance.
- * </p><p>
- * When the flag is set to <code>true</code>,
- * the entire view is marked as needing to be redrawn.
- * Nested calls to this method are stacked.
- * </p>
- *
- * @param {Boolean} redraw the new redraw state
- *
- * @see #redraw
- */
- setRedraw: function(redraw) {
- if (redraw) {
- if (--this._redrawCount === 0) {
- this.redraw();
- }
- } else {
- this._redrawCount++;
- }
- },
- /**
- * Sets the text model of the text view.
- *
- * @param {orion.textview.TextModel} model the text model of the view.
- */
- setModel: function(model) {
- if (!model) { return; }
- if (model === this._model) { return; }
- this._model.removeEventListener("Changing", this._modelListener.onChanging);
- this._model.removeEventListener("Changed", this._modelListener.onChanged);
- var oldLineCount = this._model.getLineCount();
- var oldCharCount = this._model.getCharCount();
- var newLineCount = model.getLineCount();
- var newCharCount = model.getCharCount();
- var newText = model.getText();
- var e = {
- type: "ModelChanging",
- text: newText,
- start: 0,
- removedCharCount: oldCharCount,
- addedCharCount: newCharCount,
- removedLineCount: oldLineCount,
- addedLineCount: newLineCount
- };
- this.onModelChanging(e);
- this._model = model;
- e = {
- type: "ModelChanged",
- start: 0,
- removedCharCount: oldCharCount,
- addedCharCount: newCharCount,
- removedLineCount: oldLineCount,
- addedLineCount: newLineCount
- };
- this.onModelChanged(e);
- this._model.addEventListener("Changing", this._modelListener.onChanging);
- this._model.addEventListener("Changed", this._modelListener.onChanged);
- this._reset();
- this._updatePage();
- },
- /**
- * Sets the view options for the view.
- *
- * @param {orion.textview.TextViewOptions} options the view options.
- *
- * @see #getOptions
- */
- setOptions: function (options) {
- var defaultOptions = this._defaultOptions();
- var recreate = false, option, created = this._clientDiv;
- if (created) {
- for (option in options) {
- if (options.hasOwnProperty(option)) {
- if (defaultOptions[option].recreate) {
- recreate = true;
- break;
- }
- }
- }
- }
- var changed = false;
- for (option in options) {
- if (options.hasOwnProperty(option)) {
- var newValue = options[option], oldValue = this["_" + option];
- if (this._compare(oldValue, newValue)) { continue; }
- changed = true;
- if (!recreate) {
- var update = defaultOptions[option].update;
- if (created && update) {
- if (update.call(this, newValue)) {
- recreate = true;
- }
- continue;
- }
- }
- this["_" + option] = this._clone(newValue);
- }
- }
- if (changed) {
- if (recreate) {
- var oldParent = this._frame.parentNode;
- oldParent.removeChild(this._frame);
- this._parent.appendChild(this._frame);
- }
- }
- },
- /**
- * Sets the text view selection.
- * <p>
- * The selection is defined by a start and end character offset relative to the
- * document. The character at end offset is not included in the selection.
- * </p>
- * <p>
- * The caret is always placed at the end offset. The start offset can be
- * greater than the end offset to place the caret at the beginning of the
- * selection.
- * </p>
- * <p>
- * Clamps out of range offsets.
- * </p>
- *
- * @param {Number} start the start offset of the selection
- * @param {Number} end the end offset of the selection
- * @param {Boolean} [show=true] if <code>true</code>, the view will scroll if needed to show the caret location.
- *
- * @see #getSelection
- */
- setSelection: function (start, end, show) {
- var caret = start > end;
- if (caret) {
- var tmp = start;
- start = end;
- end = tmp;
- }
- var charCount = this._model.getCharCount();
- start = Math.max(0, Math.min (start, charCount));
- end = Math.max(0, Math.min (end, charCount));
- var selection = new Selection(start, end, caret);
- this._setSelection(selection, show === undefined || show);
- },
- /**
- * Replaces the text in the given range with the given text.
- * <p>
- * The character at the end offset is not replaced.
- * </p>
- * <p>
- * When both <code>start</code> and <code>end</code> parameters
- * are not specified, the text view places the caret at the beginning
- * of the document and scrolls to make it visible.
- * </p>
- *
- * @param {String} text the new text.
- * @param {Number} [start=0] the start offset of text range.
- * @param {Number} [end=char count] the end offset of text range.
- *
- * @see #getText
- */
- setText: function (text, start, end) {
- var reset = start === undefined && end === undefined;
- if (start === undefined) { start = 0; }
- if (end === undefined) { end = this._model.getCharCount(); }
- this._modifyContent({text: text, start: start, end: end, _code: true}, !reset);
- if (reset) {
- this._columnX = -1;
- this._setSelection(new Selection (0, 0, false), true);
-
- /*
- * Bug in Firefox. For some reason, the caret does not show after the
- * view is refreshed. The fix is to toggle the contentEditable state and
- * force the clientDiv to loose and receive focus if it is focused.
- */
- if (isFirefox) {
- this._fixCaret();
- }
- }
- },
- /**
- * Sets the top index.
- * <p>
- * The top index is the line that is currently at the top of the text view. This
- * line may be partially visible depending on the vertical scroll of the view.
- * </p>
- *
- * @param {Number} topIndex the index of the top line.
- *
- * @see #getBottomIndex
- * @see #getTopIndex
- */
- setTopIndex: function(topIndex) {
- if (!this._clientDiv) { return; }
- var model = this._model;
- if (model.getCharCount() === 0) {
- return;
- }
- var lineCount = model.getLineCount();
- var lineHeight = this._getLineHeight();
- var pageSize = Math.max(1, Math.min(lineCount, Math.floor(this._getClientHeight () / lineHeight)));
- if (topIndex < 0) {
- topIndex = 0;
- } else if (topIndex > lineCount - pageSize) {
- topIndex = lineCount - pageSize;
- }
- var pixel = topIndex * lineHeight - this._getScroll().y;
- this._scrollView(0, pixel);
- },
- /**
- * Sets the top pixel.
- * <p>
- * The top pixel is the pixel position that is currently at
- * the top edge of the view. This position is relative to the
- * beginning of the document.
- * </p>
- *
- * @param {Number} pixel the top pixel.
- *
- * @see #getBottomPixel
- * @see #getTopPixel
- * @see #convert
- */
- setTopPixel: function(pixel) {
- if (!this._clientDiv) { return; }
- var lineHeight = this._getLineHeight();
- var clientHeight = this._getClientHeight();
- var lineCount = this._model.getLineCount();
- pixel = Math.min(Math.max(0, pixel), lineHeight * lineCount - clientHeight);
- this._scrollView(0, pixel - this._getScroll().y);
- },
- /**
- * Scrolls the selection into view if needed.
- *
- * @returns true if the view was scrolled.
- *
- * @see #getSelection
- * @see #setSelection
- */
- showSelection: function() {
- return this._showCaret(true);
- },
-
- /**************************************** Event handlers *********************************/
- _handleBodyMouseDown: function (e) {
- if (!e) { e = window.event; }
- if (isFirefox && e.which === 1) {
- this._clientDiv.contentEditable = false;
- (this._overlayDiv || this._clientDiv).draggable = true;
- this._ignoreBlur = true;
- }
-
- /*
- * Prevent clicks outside of the view from taking focus
- * away the view. Note that in Firefox and Opera clicking on the
- * scrollbar also take focus from the view. Other browsers
- * do not have this problem and stopping the click over the
- * scrollbar for them causes mouse capture problems.
- */
- var topNode = isOpera || (isFirefox && !this._overlayDiv) ? this._clientDiv : this._overlayDiv || this._viewDiv;
-
- var temp = e.target ? e.target : e.srcElement;
- while (temp) {
- if (topNode === temp) {
- return;
- }
- temp = temp.parentNode;
- }
- if (e.preventDefault) { e.preventDefault(); }
- if (e.stopPropagation){ e.stopPropagation(); }
- if (!isW3CEvents) {
- /* In IE 8 is not possible to prevent the default handler from running
- * during mouse down event using usual API. The workaround is to use
- * setCapture/releaseCapture.
- */
- topNode.setCapture();
- setTimeout(function() { topNode.releaseCapture(); }, 0);
- }
- },
- _handleBodyMouseUp: function (e) {
- if (!e) { e = window.event; }
- if (isFirefox && e.which === 1) {
- this._clientDiv.contentEditable = true;
- (this._overlayDiv || this._clientDiv).draggable = false;
-
- /*
- * Bug in Firefox. For some reason, Firefox stops showing the caret
- * in some cases. For example when the user cancels a drag operation
- * by pressing ESC. The fix is to detect that the drag operation was
- * cancelled, toggle the contentEditable state and force the clientDiv
- * to loose and receive focus if it is focused.
- */
- this._fixCaret();
- this._ignoreBlur = false;
- }
- },
- _handleBlur: function (e) {
- if (!e) { e = window.event; }
- if (this._ignoreBlur) { return; }
- this._hasFocus = false;
- /*
- * Bug in IE 8 and earlier. For some reason when text is deselected
- * the overflow selection at the end of some lines does not get redrawn.
- * The fix is to create a DOM element in the body to force a redraw.
- */
- if (isIE < 9) {
- if (!this._getSelection().isEmpty()) {
- var document = this._frameDocument;
- var child = document.createElement("DIV");
- var body = document.body;
- body.appendChild(child);
- body.removeChild(child);
- }
- }
- if (isFirefox || isIE) {
- if (this._selDiv1) {
- var color = isIE ? "transparent" : "#AFAFAF";
- this._selDiv1.style.background = color;
- this._selDiv2.style.background = color;
- this._selDiv3.style.background = color;
- }
- }
- if (!this._ignoreFocus) {
- this.onBlur({type: "Blur"});
- }
- },
- _handleContextMenu: function (e) {
- if (!e) { e = window.event; }
- if (isFirefox && this._lastMouseButton === 3) {
- // We need to update the DOM selection, because on
- // right-click the caret moves to the mouse location.
- // See bug 366312.
- var timeDiff = e.timeStamp - this._lastMouseTime;
- if (timeDiff <= this._clickTime) {
- this._updateDOMSelection();
- }
- }
- if (this.isListening("ContextMenu")) {
- var evt = this._createMouseEvent("ContextMenu", e);
- evt.screenX = e.screenX;
- evt.screenY = e.screenY;
- this.onContextMenu(evt);
- }
- if (e.preventDefault) { e.preventDefault(); }
- return false;
- },
- _handleCopy: function (e) {
- if (this._ignoreCopy) { return; }
- if (!e) { e = window.event; }
- if (this._doCopy(e)) {
- if (e.preventDefault) { e.preventDefault(); }
- return false;
- }
- },
- _handleCut: function (e) {
- if (!e) { e = window.event; }
- if (this._doCut(e)) {
- if (e.preventDefault) { e.preventDefault(); }
- return false;
- }
- },
- _handleDOMAttrModified: function (e) {
- if (!e) { e = window.event; }
- var ancestor = false;
- var parent = this._parent;
- while (parent) {
- if (parent === e.target) {
- ancestor = true;
- break;
- }
- parent = parent.parentNode;
- }
- if (!ancestor) { return; }
- var state = this._getVisible();
- if (state === "visible") {
- this._createView();
- } else if (state === "hidden") {
- this._destroyView();
- }
- },
- _handleDataModified: function(e) {
- this._startIME();
- },
- _handleDblclick: function (e) {
- if (!e) { e = window.event; }
- var time = e.timeStamp ? e.timeStamp : new Date().getTime();
- this._lastMouseTime = time;
- if (this._clickCount !== 2) {
- this._clickCount = 2;
- this._handleMouse(e);
- }
- },
- _handleDragStart: function (e) {
- if (!e) { e = window.event; }
- if (isFirefox) {
- var self = this;
- setTimeout(function() {
- self._clientDiv.contentEditable = true;
- self._clientDiv.draggable = false;
- self._ignoreBlur = false;
- }, 0);
- }
- if (this.isListening("DragStart") && this._dragOffset !== -1) {
- this._isMouseDown = false;
- this.onDragStart(this._createMouseEvent("DragStart", e));
- this._dragOffset = -1;
- } else {
- if (e.preventDefault) { e.preventDefault(); }
- return false;
- }
- },
- _handleDrag: function (e) {
- if (!e) { e = window.event; }
- if (this.isListening("Drag")) {
- this.onDrag(this._createMouseEvent("Drag", e));
- }
- },
- _handleDragEnd: function (e) {
- if (!e) { e = window.event; }
- this._dropTarget = false;
- this._dragOffset = -1;
- if (this.isListening("DragEnd")) {
- this.onDragEnd(this._createMouseEvent("DragEnd", e));
- }
- if (isFirefox) {
- this._fixCaret();
- /*
- * Bug in Firefox. For some reason, Firefox stops showing the caret when the
- * selection is dropped onto itself. The fix is to detected the case and
- * call fixCaret() a second time.
- */
- if (e.dataTransfer.dropEffect === "none" && !e.dataTransfer.mozUserCancelled) {
- this._fixCaret();
- }
- }
- },
- _handleDragEnter: function (e) {
- if (!e) { e = window.event; }
- var prevent = true;
- this._dropTarget = true;
- if (this.isListening("DragEnter")) {
- prevent = false;
- this.onDragEnter(this._createMouseEvent("DragEnter", e));
- }
- /*
- * Webkit will not send drop events if this event is not prevented, as spec in HTML5.
- * Firefox and IE do not follow this spec for contentEditable. Note that preventing this
- * event will result is loss of functionality (insertion mark, etc).
- */
- if (isWebkit || prevent) {
- if (e.preventDefault) { e.preventDefault(); }
- return false;
- }
- },
- _handleDragOver: function (e) {
- if (!e) { e = window.event; }
- var prevent = true;
- if (this.isListening("DragOver")) {
- prevent = false;
- this.onDragOver(this._createMouseEvent("DragOver", e));
- }
- /*
- * Webkit will not send drop events if this event is not prevented, as spec in HTML5.
- * Firefox and IE do not follow this spec for contentEditable. Note that preventing this
- * event will result is loss of functionality (insertion mark, etc).
- */
- if (isWebkit || prevent) {
- if (prevent) { e.dataTransfer.dropEffect = "none"; }
- if (e.preventDefault) { e.preventDefault(); }
- return false;
- }
- },
- _handleDragLeave: function (e) {
- if (!e) { e = window.event; }
- this._dropTarget = false;
- if (this.isListening("DragLeave")) {
- this.onDragLeave(this._createMouseEvent("DragLeave", e));
- }
- },
- _handleDrop: function (e) {
- if (!e) { e = window.event; }
- this._dropTarget = false;
- if (this.isListening("Drop")) {
- this.onDrop(this._createMouseEvent("Drop", e));
- }
- /*
- * This event must be prevented otherwise the user agent will modify
- * the DOM. Note that preventing the event on some user agents (i.e. IE)
- * indicates that the operation is cancelled. This causes the dropEffect to
- * be set to none in the dragend event causing the implementor to not execute
- * the code responsible by the move effect.
- */
- if (e.preventDefault) { e.preventDefault(); }
- return false;
- },
- _handleDocFocus: function (e) {
- if (!e) { e = window.event; }
- this._clientDiv.focus();
- },
- _handleFocus: function (e) {
- if (!e) { e = window.event; }
- this._hasFocus = true;
- /*
- * Feature in IE. The selection is not restored when the
- * view gets focus and the caret is always placed at the
- * beginning of the document. The fix is to update the DOM
- * selection during the focus event.
- */
- if (isIE) {
- this._updateDOMSelection();
- }
- if (isFirefox || isIE) {
- if (this._selDiv1) {
- var color = this._hightlightRGB;
- this._selDiv1.style.background = color;
- this._selDiv2.style.background = color;
- this._selDiv3.style.background = color;
- }
- }
- if (!this._ignoreFocus) {
- this.onFocus({type: "Focus"});
- }
- },
- _handleKeyDown: function (e) {
- if (!e) { e = window.event; }
- if (isPad) {
- if (e.keyCode === 8) {
- this._doBackspace({});
- e.preventDefault();
- }
- return;
- }
- switch (e.keyCode) {
- case 16: /* Shift */
- case 17: /* Control */
- case 18: /* Alt */
- case 91: /* Command */
- break;
- default:
- this._setLinksVisible(false);
- }
- if (e.keyCode === 229) {
- if (this._readonly) {
- if (e.preventDefault) { e.preventDefault(); }
- return false;
- }
- var startIME = true;
-
- /*
- * Bug in Safari. Some Control+key combinations send key events
- * with keyCode equals to 229. This is unexpected and causes the
- * view to start an IME composition. The fix is to ignore these
- * events.
- */
- if (isSafari && isMac) {
- if (e.ctrlKey) {
- startIME = false;
- }
- }
- if (startIME) {
- this._startIME();
- }
- } else {
- this._commitIME();
- }
- /*
- * Feature in Firefox. When a key is held down the browser sends
- * right number of keypress events but only one keydown. This is
- * unexpected and causes the view to only execute an action
- * just one time. The fix is to ignore the keydown event and
- * execute the actions from the keypress handler.
- * Note: This only happens on the Mac and Linux (Firefox 3.6).
- *
- * Feature in Opera. Opera sends keypress events even for non-printable
- * keys. The fix is to handle actions in keypress instead of keydown.
- */
- if (((isMac || isLinux) && isFirefox < 4) || isOpera) {
- this._keyDownEvent = e;
- return true;
- }
-
- if (this._doAction(e)) {
- if (e.preventDefault) {
- e.preventDefault();
- } else {
- e.cancelBubble = true;
- e.returnValue = false;
- e.keyCode = 0;
- }
- return false;
- }
- },
- _handleKeyPress: function (e) {
- if (!e) { e = window.event; }
- /*
- * Feature in Embedded WebKit. Embedded WekKit on Mac runs in compatibility mode and
- * generates key press events for these Unicode values (Function keys). This does not
- * happen in Safari or Chrome. The fix is to ignore these key events.
- */
- if (isMac && isWebkit) {
- if ((0xF700 <= e.keyCode && e.keyCode <= 0xF7FF) || e.keyCode === 13 || e.keyCode === 8) {
- if (e.preventDefault) { e.preventDefault(); }
- return false;
- }
- }
- if (((isMac || isLinux) && isFirefox < 4) || isOpera) {
- if (this._doAction(this._keyDownEvent)) {
- if (e.preventDefault) { e.preventDefault(); }
- return false;
- }
- }
- var ctrlKey = isMac ? e.metaKey : e.ctrlKey;
- if (e.charCode !== undefined) {
- if (ctrlKey) {
- switch (e.charCode) {
- /*
- * In Firefox and Safari if ctrl+v, ctrl+c ctrl+x is canceled
- * the clipboard events are not sent. The fix to allow
- * the browser to handles these key events.
- */
- case 99://c
- case 118://v
- case 120://x
- return true;
- }
- }
- }
- var ignore = false;
- if (isMac) {
- if (e.ctrlKey || e.metaKey) { ignore = true; }
- } else {
- if (isFirefox) {
- //Firefox clears the state mask when ALT GR generates input
- if (e.ctrlKey || e.altKey) { ignore = true; }
- } else {
- //IE and Chrome only send ALT GR when input is generated
- if (e.ctrlKey ^ e.altKey) { ignore = true; }
- }
- }
- if (!ignore) {
- var key = isOpera ? e.which : (e.charCode !== undefined ? e.charCode : e.keyCode);
- if (key > 31) {
- this._doContent(String.fromCharCode (key));
- if (e.preventDefault) { e.preventDefault(); }
- return false;
- }
- }
- },
- _handleKeyUp: function (e) {
- if (!e) { e = window.event; }
- var ctrlKey = isMac ? e.metaKey : e.ctrlKey;
- if (!ctrlKey) {
- this._setLinksVisible(false);
- }
- // don't commit for space (it happens during JP composition)
- if (e.keyCode === 13) {
- this._commitIME();
- }
- },
- _handleLinkClick: function (e) {
- if (!e) { e = window.event; }
- var ctrlKey = isMac ? e.metaKey : e.ctrlKey;
- if (!ctrlKey) {
- if (e.preventDefault) { e.preventDefault(); }
- return false;
- }
- },
- _handleLoad: function (e) {
- var state = this._getVisible();
- if (state === "visible" || (state === "hidden" && isWebkit)) {
- this._createView();
- }
- },
- _handleMouse: function (e) {
- var result = true;
- var target = this._frameWindow;
- if (isIE || (isFirefox && !this._overlayDiv)) { target = this._clientDiv; }
- if (this._overlayDiv) {
- if (this._hasFocus) {
- this._ignoreFocus = true;
- }
- var self = this;
- setTimeout(function () {
- self.focus();
- self._ignoreFocus = false;
- }, 0);
- }
- if (this._clickCount === 1) {
- result = this._setSelectionTo(e.clientX, e.clientY, e.shiftKey, !isOpera && this.isListening("DragStart"));
- if (result) { this._setGrab(target); }
- } else {
- /*
- * Feature in IE8 and older, the sequence of events in the IE8 event model
- * for a doule-click is:
- *
- * down
- * up
- * up
- * dblclick
- *
- * Given that the mouse down/up events are not balanced, it is not possible to
- * grab on mouse down and ungrab on mouse up. The fix is to grab on the first
- * mouse down and ungrab on mouse move when the button 1 is not set.
- */
- if (isW3CEvents) { this._setGrab(target); }
-
- this._doubleClickSelection = null;
- this._setSelectionTo(e.clientX, e.clientY, e.shiftKey);
- this._doubleClickSelection = this._getSelection();
- }
- return result;
- },
- _handleMouseDown: function (e) {
- if (!e) { e = window.event; }
- if (this.isListening("MouseDown")) {
- this.onMouseDown(this._createMouseEvent("MouseDown", e));
- }
- if (this._linksVisible) {
- var target = e.target || e.srcElement;
- if (target.tagName !== "A") {
- this._setLinksVisible(false);
- } else {
- return;
- }
- }
- this._commitIME();
- var button = e.which; // 1 - left, 2 - middle, 3 - right
- if (!button) {
- // if IE 8 or older
- if (e.button === 4) { button = 2; }
- if (e.button === 2) { button = 3; }
- if (e.button === 1) { button = 1; }
- }
- // For middle click we always need getTime(). See _getClipboardText().
- var time = button !== 2 && e.timeStamp ? e.timeStamp : new Date().getTime();
- var timeDiff = time - this._lastMouseTime;
- var deltaX = Math.abs(this._lastMouseX - e.clientX);
- var deltaY = Math.abs(this._lastMouseY - e.clientY);
- var sameButton = this._lastMouseButton === button;
- this._lastMouseX = e.clientX;
- this._lastMouseY = e.clientY;
- this._lastMouseTime = time;
- this._lastMouseButton = button;
- if (button === 1) {
- this._isMouseDown = true;
- if (sameButton && timeDiff <= this._clickTime && deltaX <= this._clickDist && deltaY <= this._clickDist) {
- this._clickCount++;
- } else {
- this._clickCount = 1;
- }
- if (this._handleMouse(e) && (isOpera || isChrome || (isFirefox && !this._overlayDiv))) {
- if (!this._hasFocus) {
- this.focus();
- }
- e.preventDefault();
- }
- }
- },
- _handleMouseOver: function (e) {
- if (!e) { e = window.event; }
- if (this.isListening("MouseOver")) {
- this.onMouseOver(this._createMouseEvent("MouseOver", e));
- }
- },
- _handleMouseOut: function (e) {
- if (!e) { e = window.event; }
- if (this.isListening("MouseOut")) {
- this.onMouseOut(this._createMouseEvent("MouseOut", e));
- }
- },
- _handleMouseMove: function (e) {
- if (!e) { e = window.event; }
- if (this.isListening("MouseMove")) {
- var topNode = this._overlayDiv || this._clientDiv;
- var temp = e.target ? e.target : e.srcElement;
- while (temp) {
- if (topNode === temp) {
- this.onMouseMove(this._createMouseEvent("MouseMove", e));
- break;
- }
- temp = temp.parentNode;
- }
- }
- if (this._dropTarget) {
- return;
- }
- /*
- * Bug in IE9. IE sends one mouse event when the user changes the text by
- * pasting or undo. These operations usually happen with the Ctrl key
- * down which causes the view to enter link mode. Link mode does not end
- * because there are no further events. The fix is to only enter link
- * mode when the coordinates of the mouse move event have changed.
- */
- var changed = this._linksVisible || this._lastMouseMoveX !== e.clientX || this._lastMouseMoveY !== e.clientY;
- this._lastMouseMoveX = e.clientX;
- this._lastMouseMoveY = e.clientY;
- this._setLinksVisible(changed && !this._isMouseDown && (isMac ? e.metaKey : e.ctrlKey));
- /*
- * Feature in IE8 and older, the sequence of events in the IE8 event model
- * for a doule-click is:
- *
- * down
- * up
- * up
- * dblclick
- *
- * Given that the mouse down/up events are not balanced, it is not possible to
- * grab on mouse down and ungrab on mouse up. The fix is to grab on the first
- * mouse down and ungrab on mouse move when the button 1 is not set.
- *
- * In order to detect double-click and drag gestures, it is necessary to send
- * a mouse down event from mouse move when the button is still down and isMouseDown
- * flag is not set.
- */
- if (!isW3CEvents) {
- if (e.button === 0) {
- this._setGrab(null);
- return true;
- }
- if (!this._isMouseDown && e.button === 1 && (this._clickCount & 1) !== 0) {
- this._clickCount = 2;
- return this._handleMouse(e, this._clickCount);
- }
- }
- if (!this._isMouseDown || this._dragOffset !== -1) {
- return;
- }
-
- var x = e.clientX;
- var y = e.clientY;
- if (isChrome) {
- if (e.currentTarget !== this._frameWindow) {
- var rect = this._frame.getBoundingClientRect();
- x -= rect.left;
- y -= rect.top;
- }
- }
- var viewPad = this._getViewPadding();
- var viewRect = this._viewDiv.getBoundingClientRect();
- var width = this._getClientWidth (), height = this._getClientHeight();
- var leftEdge = viewRect.left + viewPad.left;
- var topEdge = viewRect.top + viewPad.top;
- var rightEdge = viewRect.left + viewPad.left + width;
- var bottomEdge = viewRect.top + viewPad.top + height;
- var model = this._model;
- var caretLine = model.getLineAtOffset(this._getSelection().getCaret());
- if (y < topEdge && caretLine !== 0) {
- this._doAutoScroll("up", x, y - topEdge);
- } else if (y > bottomEdge && caretLine !== model.getLineCount() - 1) {
- this._doAutoScroll("down", x, y - bottomEdge);
- } else if (x < leftEdge) {
- this._doAutoScroll("left", x - leftEdge, y);
- } else if (x > rightEdge) {
- this._doAutoScroll("right", x - rightEdge, y);
- } else {
- this._endAutoScroll();
- this._setSelectionTo(x, y, true);
- /*
- * Feature in IE. IE does redraw the selection background right
- * away after the selection changes because of mouse move events.
- * The fix is to call getBoundingClientRect() on the
- * body element to force the selection to be redraw. Some how
- * calling this method forces a redraw.
- */
- if (isIE) {
- var body = this._frameDocument.body;
- body.getBoundingClientRect();
- }
- }
- },
- _createMouseEvent: function(type, e) {
- var scroll = this._getScroll();
- var viewRect = this._viewDiv.getBoundingClientRect();
- var viewPad = this._getViewPadding();
- var x = e.clientX + scroll.x - viewRect.left - viewPad.left;
- var y = e.clientY + scroll.y - viewRect.top;
- return {
- type: type,
- event: e,
- x: x,
- y: y
- };
- },
- _handleMouseUp: function (e) {
- if (!e) { e = window.event; }
- if (this.isListening("MouseUp")) {
- this.onMouseUp(this._createMouseEvent("MouseUp", e));
- }
- if (this._linksVisible) {
- return;
- }
- var left = e.which ? e.button === 0 : e.button === 1;
- if (left) {
- if (this._dragOffset !== -1) {
- var selection = this._getSelection();
- selection.extend(this._dragOffset);
- selection.collapse();
- this._setSelection(selection, true, true);
- this._dragOffset = -1;
- }
- this._isMouseDown = false;
- this._endAutoScroll();
-
- /*
- * Feature in IE8 and older, the sequence of events in the IE8 event model
- * for a doule-click is:
- *
- * down
- * up
- * up
- * dblclick
- *
- * Given that the mouse down/up events are not balanced, it is not possible to
- * grab on mouse down and ungrab on mouse up. The fix is to grab on the first
- * mouse down and ungrab on mouse move when the button 1 is not set.
- */
- if (isW3CEvents) { this._setGrab(null); }
- /*
- * Note that there cases when Firefox sets the DOM selection in mouse up.
- * This happens for example after a cancelled drag operation.
- *
- * Note that on Chrome and IE, the caret stops blicking if mouse up is
- * prevented.
- */
- if (isFirefox) {
- e.preventDefault();
- }
- }
- },
- _handleMouseWheel: function (e) {
- if (!e) { e = window.event; }
- var lineHeight = this._getLineHeight();
- var pixelX = 0, pixelY = 0;
- // Note: On the Mac the correct behaviour is to scroll by pixel.
- if (isFirefox) {
- var pixel;
- if (isMac) {
- pixel = e.detail * 3;
- } else {
- var limit = 256;
- pixel = Math.max(-limit, Math.min(limit, e.detail)) * lineHeight;
- }
- if (e.axis === e.HORIZONTAL_AXIS) {
- pixelX = pixel;
- } else {
- pixelY = pixel;
- }
- } else {
- //Webkit
- if (isMac) {
- /*
- * In Safari, the wheel delta is a multiple of 120. In order to
- * convert delta to pixel values, it is necessary to divide delta
- * by 40.
- *
- * In Chrome and Safari 5, the wheel delta depends on the type of the
- * mouse. In general, it is the pixel value for Mac mice and track pads,
- * but it is a multiple of 120 for other mice. There is no presise
- * way to determine if it is pixel value or a multiple of 120.
- *
- * Note that the current approach does not calculate the correct
- * pixel value for Mac mice when the delta is a multiple of 120.
- */
- var denominatorX = 40, denominatorY = 40;
- if (e.wheelDeltaX % 120 !== 0) { denominatorX = 1; }
- if (e.wheelDeltaY % 120 !== 0) { denominatorY = 1; }
- pixelX = -e.wheelDeltaX / denominatorX;
- if (-1 < pixelX && pixelX < 0) { pixelX = -1; }
- if (0 < pixelX && pixelX < 1) { pixelX = 1; }
- pixelY = -e.wheelDeltaY / denominatorY;
- if (-1 < pixelY && pixelY < 0) { pixelY = -1; }
- if (0 < pixelY && pixelY < 1) { pixelY = 1; }
- } else {
- pixelX = -e.wheelDeltaX;
- var linesToScroll = 8;
- pixelY = (-e.wheelDeltaY / 120 * linesToScroll) * lineHeight;
- }
- }
- /*
- * Feature in Safari. If the event target is removed from the DOM
- * safari stops smooth scrolling. The fix is keep the element target
- * in the DOM and remove it on a later time.
- *
- * Note: Using a timer is not a solution, because the timeout needs to
- * be at least as long as the gesture (which is too long).
- */
- if (isSafari) {
- var lineDiv = e.target;
- while (lineDiv && lineDiv.lineIndex === undefined) {
- lineDiv = lineDiv.parentNode;
- }
- this._mouseWheelLine = lineDiv;
- }
- var oldScroll = this._getScroll();
- this._scrollView(pixelX, pixelY);
- var newScroll = this._getScroll();
- if (isSafari) { this._mouseWheelLine = null; }
- if (oldScroll.x !== newScroll.x || oldScroll.y !== newScroll.y) {
- if (e.preventDefault) { e.preventDefault(); }
- return false;
- }
- },
- _handlePaste: function (e) {
- if (this._ignorePaste) { return; }
- if (!e) { e = window.event; }
- if (this._doPaste(e)) {
- if (isIE) {
- /*
- * Bug in IE,
- */
- var self = this;
- this._ignoreFocus = true;
- setTimeout(function() {
- self._updateDOMSelection();
- this._ignoreFocus = false;
- }, 0);
- }
- if (e.preventDefault) { e.preventDefault(); }
- return false;
- }
- },
- _handleResize: function (e) {
- if (!e) { e = window.event; }
- var element = this._frameDocument.documentElement;
- var newWidth = element.clientWidth;
- var newHeight = element.clientHeight;
- if (this._frameWidth !== newWidth || this._frameHeight !== newHeight) {
- this._frameWidth = newWidth;
- this._frameHeight = newHeight;
- /*
- * Feature in IE7. For some reason, sometimes Internet Explorer 7
- * returns incorrect values for element.getBoundingClientRect() when
- * inside a resize handler. The fix is to queue the work.
- */
- if (isIE < 9) {
- this._queueUpdatePage();
- } else {
- this._updatePage();
- }
- }
- },
- _handleRulerEvent: function (e) {
- if (!e) { e = window.event; }
- var target = e.target ? e.target : e.srcElement;
- var lineIndex = target.lineIndex;
- var element = target;
- while (element && !element._ruler) {
- if (lineIndex === undefined && element.lineIndex !== undefined) {
- lineIndex = element.lineIndex;
- }
- element = element.parentNode;
- }
- var ruler = element ? element._ruler : null;
- if (lineIndex === undefined && ruler && ruler.getOverview() === "document") {
- var buttonHeight = isPad ? 0 : 17;
- var clientHeight = this._getClientHeight ();
- var lineCount = this._model.getLineCount ();
- var viewPad = this._getViewPadding();
- var trackHeight = clientHeight + viewPad.top + viewPad.bottom - 2 * buttonHeight;
- lineIndex = Math.floor((e.clientY - buttonHeight) * lineCount / trackHeight);
- if (!(0 <= lineIndex && lineIndex < lineCount)) {
- lineIndex = undefined;
- }
- }
- if (ruler) {
- switch (e.type) {
- case "click":
- if (ruler.onClick) { ruler.onClick(lineIndex, e); }
- break;
- case "dblclick":
- if (ruler.onDblClick) { ruler.onDblClick(lineIndex, e); }
- break;
- case "mousemove":
- if (ruler.onMouseMove) { ruler.onMouseMove(lineIndex, e); }
- break;
- case "mouseover":
- if (ruler.onMouseOver) { ruler.onMouseOver(lineIndex, e); }
- break;
- case "mouseout":
- if (ruler.onMouseOut) { ruler.onMouseOut(lineIndex, e); }
- break;
- }
- }
- },
- _handleScroll: function () {
- var scroll = this._getScroll();
- var oldX = this._hScroll;
- var oldY = this._vScroll;
- if (oldX !== scroll.x || oldY !== scroll.y) {
- this._hScroll = scroll.x;
- this._vScroll = scroll.y;
- this._commitIME();
- this._updatePage(oldY === scroll.y);
- var e = {
- type: "Scroll",
- oldValue: {x: oldX, y: oldY},
- newValue: scroll
- };
- this.onScroll(e);
- }
- },
- _handleSelectStart: function (e) {
- if (!e) { e = window.event; }
- if (this._ignoreSelect) {
- if (e && e.preventDefault) { e.preventDefault(); }
- return false;
- }
- },
- _handleUnload: function (e) {
- if (!e) { e = window.event; }
- this._destroyView();
- },
- _handleInput: function (e) {
- var textArea = this._textArea;
- this._doContent(textArea.value);
- textArea.selectionStart = textArea.selectionEnd = 0;
- textArea.value = "";
- e.preventDefault();
- },
- _handleTextInput: function (e) {
- this._doContent(e.data);
- e.preventDefault();
- },
- _touchConvert: function (touch) {
- var rect = this._frame.getBoundingClientRect();
- var body = this._parentDocument.body;
- return {left: touch.clientX - rect.left - body.scrollLeft, top: touch.clientY - rect.top - body.scrollTop};
- },
- _handleTextAreaClick: function (e) {
- var pt = this._touchConvert(e);
- this._clickCount = 1;
- this._ignoreDOMSelection = false;
- this._setSelectionTo(pt.left, pt.top, false);
- var textArea = this._textArea;
- textArea.focus();
- },
- _handleTouchStart: function (e) {
- var touches = e.touches, touch, pt, sel;
- this._touchMoved = false;
- this._touchStartScroll = undefined;
- if (touches.length === 1) {
- touch = touches[0];
- var pageX = touch.pageX;
- var pageY = touch.pageY;
- this._touchStartX = pageX;
- this._touchStartY = pageY;
- this._touchStartTime = e.timeStamp;
- this._touchStartScroll = this._getScroll();
- sel = this._getSelection();
- pt = this._touchConvert(touches[0]);
- this._touchGesture = "none";
- if (!sel.isEmpty()) {
- if (this._hitOffset(sel.end, pt.left, pt.top)) {
- this._touchGesture = "extendEnd";
- } else if (this._hitOffset(sel.start, pt.left, pt.top)) {
- this._touchGesture = "extendStart";
- }
- }
- if (this._touchGesture === "none") {
- var textArea = this._textArea;
- textArea.value = "";
- textArea.style.left = "-1000px";
- textArea.style.top = "-1000px";
- textArea.style.width = "3000px";
- textArea.style.height = "3000px";
- }
- } else if (touches.length === 2) {
- this._touchGesture = "select";
- if (this._touchTimeout) {
- clearTimeout(this._touchTimeout);
- this._touchTimeout = null;
- }
- pt = this._touchConvert(touches[0]);
- var offset1 = this._getXToOffset(this._getYToLine(pt.top), pt.left);
- pt = this._touchConvert(touches[1]);
- var offset2 = this._getXToOffset(this._getYToLine(pt.top), pt.left);
- sel = this._getSelection();
- sel.setCaret(offset1);
- sel.extend(offset2);
- this._setSelection(sel, true, true);
- }
- //Cannot prevent to show magnifier
- // e.preventDefault();
- },
- _handleTouchMove: function (e) {
- this._touchMoved = true;
- var touches = e.touches, pt, sel;
- if (touches.length === 1) {
- var touch = touches[0];
- var pageX = touch.pageX;
- var pageY = touch.pageY;
- var deltaX = this._touchStartX - pageX;
- var deltaY = this._touchStartY - pageY;
- pt = this._touchConvert(touch);
- sel = this._getSelection();
- if (this._touchGesture === "none") {
- if ((e.timeStamp - this._touchStartTime) < 200 && (Math.abs(deltaX) > 5 || Math.abs(deltaY) > 5)) {
- this._touchGesture = "scroll";
- } else {
- this._touchGesture = "caret";
- }
- }
- if (this._touchGesture === "select") {
- if (this._hitOffset(sel.end, pt.left, pt.top)) {
- this._touchGesture = "extendEnd";
- } else if (this._hitOffset(sel.start, pt.left, pt.top)) {
- this._touchGesture = "extendStart";
- } else {
- this._touchGesture = "caret";
- }
- }
- switch (this._touchGesture) {
- case "scroll":
- this._touchStartX = pageX;
- this._touchStartY = pageY;
- this._scrollView(deltaX, deltaY);
- break;
- case "extendStart":
- case "extendEnd":
- this._clickCount = 1;
- var lineIndex = this._getYToLine(pt.top);
- var offset = this._getXToOffset(lineIndex, pt.left);
- sel.setCaret(this._touchGesture === "extendStart" ? sel.end : sel.start);
- sel.extend(offset);
- if (offset >= sel.end && this._touchGesture === "extendStart") {
- this._touchGesture = "extendEnd";
- }
- if (offset <= sel.start && this._touchGesture === "extendEnd") {
- this._touchGesture = "extendStart";
- }
- this._setSelection(sel, true, true);
- break;
- case "caret":
- this._setSelectionTo(pt.left, pt.top, false);
- break;
- }
- } else if (touches.length === 2) {
- pt = this._touchConvert(touches[0]);
- var offset1 = this._getXToOffset(this._getYToLine(pt.top), pt.left);
- pt = this._touchConvert(touches[1]);
- var offset2 = this._getXToOffset(this._getYToLine(pt.top), pt.left);
- sel = this._getSelection();
- sel.setCaret(offset1);
- sel.extend(offset2);
- this._setSelection(sel, true, true);
- }
- e.preventDefault();
- },
- _handleTouchEnd: function (e) {
- var self = this;
- if (!this._touchMoved) {
- if (e.touches.length === 0 && e.changedTouches.length === 1) {
- var touch = e.changedTouches[0];
- var pt = this._touchConvert(touch);
- var textArea = this._textArea;
- textArea.value = "";
- textArea.style.left = "-1000px";
- textArea.style.top = "-1000px";
- textArea.style.width = "3000px";
- textArea.style.height = "3000px";
- setTimeout(function() {
- self._clickCount = 1;
- self._ignoreDOMSelection = false;
- self._setSelectionTo(pt.left, pt.top, false);
- }, 300);
- }
- }
- if (e.touches.length === 0) {
- setTimeout(function() {
- var selection = self._getSelection();
- var text = self._model.getText(selection.start, selection.end);
- var textArea = self._textArea;
- textArea.value = text;
- textArea.selectionStart = 0;
- textArea.selectionEnd = text.length;
- if (!selection.isEmpty()) {
- var touchRect = self._touchDiv.getBoundingClientRect();
- var bounds = self._getOffsetBounds(selection.start);
- textArea.style.left = (touchRect.width / 2) + "px";
- textArea.style.top = ((bounds.top > 40 ? bounds.top - 30 : bounds.top + 30)) + "px";
- }
- }, 0);
- }
- // e.preventDefault();
- },
- /************************************ Actions ******************************************/
- _doAction: function (e) {
- var keyBindings = this._keyBindings;
- for (var i = 0; i < keyBindings.length; i++) {
- var kb = keyBindings[i];
- if (kb.keyBinding.match(e)) {
- if (kb.name) {
- var actions = this._actions;
- for (var j = 0; j < actions.length; j++) {
- var a = actions[j];
- if (a.name === kb.name) {
- if (a.userHandler) {
- if (!a.userHandler()) {
- if (a.defaultHandler) {
- a.defaultHandler();
- } else {
- return false;
- }
- }
- } else if (a.defaultHandler) {
- a.defaultHandler();
- }
- break;
- }
- }
- }
- return true;
- }
- }
- return false;
- },
- _doBackspace: function (args) {
- var selection = this._getSelection();
- if (selection.isEmpty()) {
- var model = this._model;
- var caret = selection.getCaret();
- var lineIndex = model.getLineAtOffset(caret);
- var lineStart = model.getLineStart(lineIndex);
- if (caret === lineStart) {
- if (lineIndex > 0) {
- selection.extend(model.getLineEnd(lineIndex - 1));
- }
- } else {
- var removeTab = false;
- if (this._expandTab && args.unit === "character" && (caret - lineStart) % this._tabSize === 0) {
- var lineText = model.getText(lineStart, caret);
- removeTab = !/[^ ]/.test(lineText); // Only spaces between line start and caret.
- }
- if (removeTab) {
- selection.extend(caret - this._tabSize);
- } else {
- selection.extend(this._getOffset(caret, args.unit, -1));
- }
- }
- }
- this._modifyContent({text: "", start: selection.start, end: selection.end}, true);
- return true;
- },
- _doContent: function (text) {
- var selection = this._getSelection();
- this._modifyContent({text: text, start: selection.start, end: selection.end, _ignoreDOMSelection: true}, true);
- },
- _doCopy: function (e) {
- var selection = this._getSelection();
- if (!selection.isEmpty()) {
- var text = this._getBaseText(selection.start, selection.end);
- return this._setClipboardText(text, e);
- }
- return true;
- },
- _doCursorNext: function (args) {
- if (!args.select) {
- if (this._clearSelection("next")) { return true; }
- }
- var model = this._model;
- var selection = this._getSelection();
- var caret = selection.getCaret();
- var lineIndex = model.getLineAtOffset(caret);
- if (caret === model.getLineEnd(lineIndex)) {
- if (lineIndex + 1 < model.getLineCount()) {
- selection.extend(model.getLineStart(lineIndex + 1));
- }
- } else {
- selection.extend(this._getOffset(caret, args.unit, 1));
- }
- if (!args.select) { selection.collapse(); }
- this._setSelection(selection, true);
- return true;
- },
- _doCursorPrevious: function (args) {
- if (!args.select) {
- if (this._clearSelection("previous")) { return true; }
- }
- var model = this._model;
- var selection = this._getSelection();
- var caret = selection.getCaret();
- var lineIndex = model.getLineAtOffset(caret);
- if (caret === model.getLineStart(lineIndex)) {
- if (lineIndex > 0) {
- selection.extend(model.getLineEnd(lineIndex - 1));
- }
- } else {
- selection.extend(this._getOffset(caret, args.unit, -1));
- }
- if (!args.select) { selection.collapse(); }
- this._setSelection(selection, true);
- return true;
- },
- _doCut: function (e) {
- var selection = this._getSelection();
- if (!selection.isEmpty()) {
- var text = this._getBaseText(selection.start, selection.end);
- this._doContent("");
- return this._setClipboardText(text, e);
- }
- return true;
- },
- _doDelete: function (args) {
- var selection = this._getSelection();
- if (selection.isEmpty()) {
- var model = this._model;
- var caret = selection.getCaret();
- var lineIndex = model.getLineAtOffset(caret);
- if (caret === model.getLineEnd (lineIndex)) {
- if (lineIndex + 1 < model.getLineCount()) {
- selection.extend(model.getLineStart(lineIndex + 1));
- }
- } else {
- selection.extend(this._getOffset(caret, args.unit, 1));
- }
- }
- this._modifyContent({text: "", start: selection.start, end: selection.end}, true);
- return true;
- },
- _doEnd: function (args) {
- var selection = this._getSelection();
- var model = this._model;
- if (args.ctrl) {
- selection.extend(model.getCharCount());
- } else {
- var lineIndex = model.getLineAtOffset(selection.getCaret());
- selection.extend(model.getLineEnd(lineIndex));
- }
- if (!args.select) { selection.collapse(); }
- this._setSelection(selection, true);
- return true;
- },
- _doEnter: function (args) {
- var model = this._model;
- var selection = this._getSelection();
- this._doContent(model.getLineDelimiter());
- if (args && args.noCursor) {
- selection.end = selection.start;
- this._setSelection(selection);
- }
- return true;
- },
- _doHome: function (args) {
- var selection = this._getSelection();
- var model = this._model;
- if (args.ctrl) {
- selection.extend(0);
- } else {
- var lineIndex = model.getLineAtOffset(selection.getCaret());
- selection.extend(model.getLineStart(lineIndex));
- }
- if (!args.select) { selection.collapse(); }
- this._setSelection(selection, true);
- return true;
- },
- _doLineDown: function (args) {
- var model = this._model;
- var selection = this._getSelection();
- var caret = selection.getCaret();
- var lineIndex = model.getLineAtOffset(caret);
- if (lineIndex + 1 < model.getLineCount()) {
- var scrollX = this._getScroll().x;
- var x = this._columnX;
- if (x === -1 || args.wholeLine || (args.select && isIE)) {
- var offset = args.wholeLine ? model.getLineEnd(lineIndex + 1) : caret;
- x = this._getOffsetToX(offset) + scrollX;
- }
- selection.extend(this._getXToOffset(lineIndex + 1, x - scrollX));
- if (!args.select) { selection.collapse(); }
- this._setSelection(selection, true, true);
- this._columnX = x;
- }
- return true;
- },
- _doLineUp: function (args) {
- var model = this._model;
- var selection = this._getSelection();
- var caret = selection.getCaret();
- var lineIndex = model.getLineAtOffset(caret);
- if (lineIndex > 0) {
- var scrollX = this._getScroll().x;
- var x = this._columnX;
- if (x === -1 || args.wholeLine || (args.select && isIE)) {
- var offset = args.wholeLine ? model.getLineStart(lineIndex - 1) : caret;
- x = this._getOffsetToX(offset) + scrollX;
- }
- selection.extend(this._getXToOffset(lineIndex - 1, x - scrollX));
- if (!args.select) { selection.collapse(); }
- this._setSelection(selection, true, true);
- this._columnX = x;
- }
- return true;
- },
- _doPageDown: function (args) {
- var model = this._model;
- var selection = this._getSelection();
- var caret = selection.getCaret();
- var caretLine = model.getLineAtOffset(caret);
- var lineCount = model.getLineCount();
- if (caretLine < lineCount - 1) {
- var scroll = this._getScroll();
- var clientHeight = this._getClientHeight();
- var lineHeight = this._getLineHeight();
- var lines = Math.floor(clientHeight / lineHeight);
- var scrollLines = Math.min(lineCount - caretLine - 1, lines);
- scrollLines = Math.max(1, scrollLines);
- var x = this._columnX;
- if (x === -1 || (args.select && isIE)) {
- x = this._getOffsetToX(caret) + scroll.x;
- }
- selection.extend(this._getXToOffset(caretLine + scrollLines, x - scroll.x));
- if (!args.select) { selection.collapse(); }
- var verticalMaximum = lineCount * lineHeight;
- var scrollOffset = scroll.y + scrollLines * lineHeight;
- if (scrollOffset + clientHeight > verticalMaximum) {
- scrollOffset = verticalMaximum - clientHeight;
- }
- this._setSelection(selection, true, true, scrollOffset - scroll.y);
- this._columnX = x;
- }
- return true;
- },
- _doPageUp: function (args) {
- var model = this._model;
- var selection = this._getSelection();
- var caret = selection.getCaret();
- var caretLine = model.getLineAtOffset(caret);
- if (caretLine > 0) {
- var scroll = this._getScroll();
- var clientHeight = this._getClientHeight();
- var lineHeight = this._getLineHeight();
- var lines = Math.floor(clientHeight / lineHeight);
- var scrollLines = Math.max(1, Math.min(caretLine, lines));
- var x = this._columnX;
- if (x === -1 || (args.select && isIE)) {
- x = this._getOffsetToX(caret) + scroll.x;
- }
- selection.extend(this._getXToOffset(caretLine - scrollLines, x - scroll.x));
- if (!args.select) { selection.collapse(); }
- var scrollOffset = Math.max(0, scroll.y - scrollLines * lineHeight);
- this._setSelection(selection, true, true, scrollOffset - scroll.y);
- this._columnX = x;
- }
- return true;
- },
- _doPaste: function(e) {
- var self = this;
- var result = this._getClipboardText(e, function(text) {
- if (text) {
- if (isLinux && self._lastMouseButton === 2) {
- var timeDiff = new Date().getTime() - self._lastMouseTime;
- if (timeDiff <= self._clickTime) {
- self._setSelectionTo(self._lastMouseX, self._lastMouseY);
- }
- }
- self._doContent(text);
- }
- });
- return result !== null;
- },
- _doScroll: function (args) {
- var type = args.type;
- var model = this._model;
- var lineCount = model.getLineCount();
- var clientHeight = this._getClientHeight();
- var lineHeight = this._getLineHeight();
- var verticalMaximum = lineCount * lineHeight;
- var verticalScrollOffset = this._getScroll().y;
- var pixel;
- switch (type) {
- case "textStart": pixel = 0; break;
- case "textEnd": pixel = verticalMaximum - clientHeight; break;
- case "pageDown": pixel = verticalScrollOffset + clientHeight; break;
- case "pageUp": pixel = verticalScrollOffset - clientHeight; break;
- case "centerLine":
- var selection = this._getSelection();
- var lineStart = model.getLineAtOffset(selection.start);
- var lineEnd = model.getLineAtOffset(selection.end);
- var selectionHeight = (lineEnd - lineStart + 1) * lineHeight;
- pixel = (lineStart * lineHeight) - (clientHeight / 2) + (selectionHeight / 2);
- break;
- }
- if (pixel !== undefined) {
- pixel = Math.min(Math.max(0, pixel), verticalMaximum - clientHeight);
- this._scrollView(0, pixel - verticalScrollOffset);
- }
- },
- _doSelectAll: function (args) {
- var model = this._model;
- var selection = this._getSelection();
- selection.setCaret(0);
- selection.extend(model.getCharCount());
- this._setSelection(selection, false);
- return true;
- },
- _doTab: function (args) {
- var text = "\t";
- if (this._expandTab) {
- var model = this._model;
- var caret = this._getSelection().getCaret();
- var lineIndex = model.getLineAtOffset(caret);
- var lineStart = model.getLineStart(lineIndex);
- var spaces = this._tabSize - ((caret - lineStart) % this._tabSize);
- text = (new Array(spaces + 1)).join(" ");
- }
- this._doContent(text);
- return true;
- },
-
- /************************************ Internals ******************************************/
- _applyStyle: function(style, node, reset) {
- if (reset) {
- var attrs = node.attributes;
- for (var i= attrs.length; i-->0;) {
- if (attrs[i].specified) {
- node.removeAttributeNode(attrs[i]);
- }
- }
- }
- if (!style) {
- return;
- }
- if (style.styleClass) {
- node.className = style.styleClass;
- }
- var properties = style.style;
- if (properties) {
- for (var s in properties) {
- if (properties.hasOwnProperty(s)) {
- node.style[s] = properties[s];
- }
- }
- }
- var attributes = style.attributes;
- if (attributes) {
- for (var a in attributes) {
- if (attributes.hasOwnProperty(a)) {
- node.setAttribute(a, attributes[a]);
- }
- }
- }
- },
- _autoScroll: function () {
- var selection = this._getSelection();
- var line;
- var x = this._autoScrollX;
- if (this._autoScrollDir === "up" || this._autoScrollDir === "down") {
- var scroll = this._autoScrollY / this._getLineHeight();
- scroll = scroll < 0 ? Math.floor(scroll) : Math.ceil(scroll);
- line = this._model.getLineAtOffset(selection.getCaret());
- line = Math.max(0, Math.min(this._model.getLineCount() - 1, line + scroll));
- } else if (this._autoScrollDir === "left" || this._autoScrollDir === "right") {
- line = this._getYToLine(this._autoScrollY);
- x += this._getOffsetToX(selection.getCaret());
- }
- selection.extend(this._getXToOffset(line, x));
- this._setSelection(selection, true);
- },
- _autoScrollTimer: function () {
- this._autoScroll();
- var self = this;
- this._autoScrollTimerID = setTimeout(function () {self._autoScrollTimer();}, this._AUTO_SCROLL_RATE);
- },
- _calculateLineHeight: function() {
- var parent = this._clientDiv;
- var document = this._frameDocument;
- var c = " ";
- var line = document.createElement("DIV");
- line.style.position = "fixed";
- line.style.left = "-1000px";
- var span1 = document.createElement("SPAN");
- span1.appendChild(document.createTextNode(c));
- line.appendChild(span1);
- var span2 = document.createElement("SPAN");
- span2.style.fontStyle = "italic";
- span2.appendChild(document.createTextNode(c));
- line.appendChild(span2);
- var span3 = document.createElement("SPAN");
- span3.style.fontWeight = "bold";
- span3.appendChild(document.createTextNode(c));
- line.appendChild(span3);
- var span4 = document.createElement("SPAN");
- span4.style.fontWeight = "bold";
- span4.style.fontStyle = "italic";
- span4.appendChild(document.createTextNode(c));
- line.appendChild(span4);
- parent.appendChild(line);
- var lineRect = line.getBoundingClientRect();
- var spanRect1 = span1.getBoundingClientRect();
- var spanRect2 = span2.getBoundingClientRect();
- var spanRect3 = span3.getBoundingClientRect();
- var spanRect4 = span4.getBoundingClientRect();
- var h1 = spanRect1.bottom - spanRect1.top;
- var h2 = spanRect2.bottom - spanRect2.top;
- var h3 = spanRect3.bottom - spanRect3.top;
- var h4 = spanRect4.bottom - spanRect4.top;
- var fontStyle = 0;
- var lineHeight = lineRect.bottom - lineRect.top;
- if (h2 > h1) {
- fontStyle = 1;
- }
- if (h3 > h2) {
- fontStyle = 2;
- }
- if (h4 > h3) {
- fontStyle = 3;
- }
- var style;
- if (fontStyle !== 0) {
- style = {style: {}};
- if ((fontStyle & 1) !== 0) {
- style.style.fontStyle = "italic";
- }
- if ((fontStyle & 2) !== 0) {
- style.style.fontWeight = "bold";
- }
- }
- this._largestFontStyle = style;
- parent.removeChild(line);
- return lineHeight;
- },
- _calculatePadding: function() {
- var document = this._frameDocument;
- var parent = this._clientDiv;
- var pad = this._getPadding(this._viewDiv);
- var div1 = document.createElement("DIV");
- div1.style.position = "fixed";
- div1.style.left = "-1000px";
- div1.style.paddingLeft = pad.left + "px";
- div1.style.paddingTop = pad.top + "px";
- div1.style.paddingRight = pad.right + "px";
- div1.style.paddingBottom = pad.bottom + "px";
- div1.style.width = "100px";
- div1.style.height = "100px";
- var div2 = document.createElement("DIV");
- div2.style.width = "100%";
- div2.style.height = "100%";
- div1.appendChild(div2);
- parent.appendChild(div1);
- var rect1 = div1.getBoundingClientRect();
- var rect2 = div2.getBoundingClientRect();
- parent.removeChild(div1);
- pad = {
- left: rect2.left - rect1.left,
- top: rect2.top - rect1.top,
- right: rect1.right - rect2.right,
- bottom: rect1.bottom - rect2.bottom
- };
- return pad;
- },
- _clearSelection: function (direction) {
- var selection = this._getSelection();
- if (selection.isEmpty()) { return false; }
- if (direction === "next") {
- selection.start = selection.end;
- } else {
- selection.end = selection.start;
- }
- this._setSelection(selection, true);
- return true;
- },
- _clone: function (obj) {
- /*Note that this code only works because of the limited types used in TextViewOptions */
- if (obj instanceof Array) {
- return obj.slice(0);
- }
- return obj;
- },
- _compare: function (s1, s2) {
- if (s1 === s2) { return true; }
- if (s1 && !s2 || !s1 && s2) { return false; }
- if ((s1 && s1.constructor === String) || (s2 && s2.constructor === String)) { return false; }
- if (s1 instanceof Array || s2 instanceof Array) {
- if (!(s1 instanceof Array && s2 instanceof Array)) { return false; }
- if (s1.length !== s2.length) { return false; }
- for (var i = 0; i < s1.length; i++) {
- if (!this._compare(s1[i], s2[i])) {
- return false;
- }
- }
- return true;
- }
- if (!(s1 instanceof Object) || !(s2 instanceof Object)) { return false; }
- var p;
- for (p in s1) {
- if (s1.hasOwnProperty(p)) {
- if (!s2.hasOwnProperty(p)) { return false; }
- if (!this._compare(s1[p], s2[p])) {return false; }
- }
- }
- for (p in s2) {
- if (!s1.hasOwnProperty(p)) { return false; }
- }
- return true;
- },
- _commitIME: function () {
- if (this._imeOffset === -1) { return; }
- // make the state of the IME match the state the view expects it be in
- // when the view commits the text and IME also need to be committed
- // this can be accomplished by changing the focus around
- this._scrollDiv.focus();
- this._clientDiv.focus();
-
- var model = this._model;
- var lineIndex = model.getLineAtOffset(this._imeOffset);
- var lineStart = model.getLineStart(lineIndex);
- var newText = this._getDOMText(lineIndex);
- var oldText = model.getLine(lineIndex);
- var start = this._imeOffset - lineStart;
- var end = start + newText.length - oldText.length;
- if (start !== end) {
- var insertText = newText.substring(start, end);
- this._doContent(insertText);
- }
- this._imeOffset = -1;
- },
- _convertDelimiter: function (text, addTextFunc, addDelimiterFunc) {
- var cr = 0, lf = 0, index = 0, length = text.length;
- while (index < length) {
- if (cr !== -1 && cr <= index) { cr = text.indexOf("\r", index); }
- if (lf !== -1 && lf <= index) { lf = text.indexOf("\n", index); }
- var start = index, end;
- if (lf === -1 && cr === -1) {
- addTextFunc(text.substring(index));
- break;
- }
- if (cr !== -1 && lf !== -1) {
- if (cr + 1 === lf) {
- end = cr;
- index = lf + 1;
- } else {
- end = cr < lf ? cr : lf;
- index = (cr < lf ? cr : lf) + 1;
- }
- } else if (cr !== -1) {
- end = cr;
- index = cr + 1;
- } else {
- end = lf;
- index = lf + 1;
- }
- addTextFunc(text.substring(start, end));
- addDelimiterFunc();
- }
- },
- _createActions: function () {
- var KeyBinding = mKeyBinding.KeyBinding;
- //no duplicate keybindings
- var bindings = this._keyBindings = [];
- // Cursor Navigation
- bindings.push({name: "lineUp", keyBinding: new KeyBinding(38), predefined: true});
- bindings.push({name: "lineDown", keyBinding: new KeyBinding(40), predefined: true});
- bindings.push({name: "charPrevious", keyBinding: new KeyBinding(37), predefined: true});
- bindings.push({name: "charNext", keyBinding: new KeyBinding(39), predefined: true});
- if (isMac) {
- bindings.push({name: "scrollPageUp", keyBinding: new KeyBinding(33), predefined: true});
- bindings.push({name: "scrollPageDown", keyBinding: new KeyBinding(34), predefined: true});
- bindings.push({name: "pageUp", keyBinding: new KeyBinding(33, null, null, true), predefined: true});
- bindings.push({name: "pageDown", keyBinding: new KeyBinding(34, null, null, true), predefined: true});
- bindings.push({name: "lineStart", keyBinding: new KeyBinding(37, true), predefined: true});
- bindings.push({name: "lineEnd", keyBinding: new KeyBinding(39, true), predefined: true});
- bindings.push({name: "wordPrevious", keyBinding: new KeyBinding(37, null, null, true), predefined: true});
- bindings.push({name: "wordNext", keyBinding: new KeyBinding(39, null, null, true), predefined: true});
- bindings.push({name: "scrollTextStart", keyBinding: new KeyBinding(36), predefined: true});
- bindings.push({name: "scrollTextEnd", keyBinding: new KeyBinding(35), predefined: true});
- bindings.push({name: "textStart", keyBinding: new KeyBinding(38, true), predefined: true});
- bindings.push({name: "textEnd", keyBinding: new KeyBinding(40, true), predefined: true});
- bindings.push({name: "scrollPageUp", keyBinding: new KeyBinding(38, null, null, null, true), predefined: true});
- bindings.push({name: "scrollPageDown", keyBinding: new KeyBinding(40, null, null, null, true), predefined: true});
- bindings.push({name: "lineStart", keyBinding: new KeyBinding(37, null, null, null, true), predefined: true});
- bindings.push({name: "lineEnd", keyBinding: new KeyBinding(39, null, null, null, true), predefined: true});
- //TODO These two actions should be changed to paragraph start and paragraph end when word wrap is implemented
- bindings.push({name: "lineStart", keyBinding: new KeyBinding(38, null, null, true), predefined: true});
- bindings.push({name: "lineEnd", keyBinding: new KeyBinding(40, null, null, true), predefined: true});
- } else {
- bindings.push({name: "pageUp", keyBinding: new KeyBinding(33), predefined: true});
- bindings.push({name: "pageDown", keyBinding: new KeyBinding(34), predefined: true});
- bindings.push({name: "lineStart", keyBinding: new KeyBinding(36), predefined: true});
- bindings.push({name: "lineEnd", keyBinding: new KeyBinding(35), predefined: true});
- bindings.push({name: "wordPrevious", keyBinding: new KeyBinding(37, true), predefined: true});
- bindings.push({name: "wordNext", keyBinding: new KeyBinding(39, true), predefined: true});
- bindings.push({name: "textStart", keyBinding: new KeyBinding(36, true), predefined: true});
- bindings.push({name: "textEnd", keyBinding: new KeyBinding(35, true), predefined: true});
- }
- if (isFirefox && isLinux) {
- bindings.push({name: "lineUp", keyBinding: new KeyBinding(38, true), predefined: true});
- bindings.push({name: "lineDown", keyBinding: new KeyBinding(40, true), predefined: true});
- }
- // Select Cursor Navigation
- bindings.push({name: "selectLineUp", keyBinding: new KeyBinding(38, null, true), predefined: true});
- bindings.push({name: "selectLineDown", keyBinding: new KeyBinding(40, null, true), predefined: true});
- bindings.push({name: "selectCharPrevious", keyBinding: new KeyBinding(37, null, true), predefined: true});
- bindings.push({name: "selectCharNext", keyBinding: new KeyBinding(39, null, true), predefined: true});
- bindings.push({name: "selectPageUp", keyBinding: new KeyBinding(33, null, true), predefined: true});
- bindings.push({name: "selectPageDown", keyBinding: new KeyBinding(34, null, true), predefined: true});
- if (isMac) {
- bindings.push({name: "selectLineStart", keyBinding: new KeyBinding(37, true, true), predefined: true});
- bindings.push({name: "selectLineEnd", keyBinding: new KeyBinding(39, true, true), predefined: true});
- bindings.push({name: "selectWordPrevious", keyBinding: new KeyBinding(37, null, true, true), predefined: true});
- bindings.push({name: "selectWordNext", keyBinding: new KeyBinding(39, null, true, true), predefined: true});
- bindings.push({name: "selectTextStart", keyBinding: new KeyBinding(36, null, true), predefined: true});
- bindings.push({name: "selectTextEnd", keyBinding: new KeyBinding(35, null, true), predefined: true});
- bindings.push({name: "selectTextStart", keyBinding: new KeyBinding(38, true, true), predefined: true});
- bindings.push({name: "selectTextEnd", keyBinding: new KeyBinding(40, true, true), predefined: true});
- bindings.push({name: "selectLineStart", keyBinding: new KeyBinding(37, null, true, null, true), predefined: true});
- bindings.push({name: "selectLineEnd", keyBinding: new KeyBinding(39, null, true, null, true), predefined: true});
- //TODO These two actions should be changed to select paragraph start and select paragraph end when word wrap is implemented
- bindings.push({name: "selectLineStart", keyBinding: new KeyBinding(38, null, true, true), predefined: true});
- bindings.push({name: "selectLineEnd", keyBinding: new KeyBinding(40, null, true, true), predefined: true});
- } else {
- if (isLinux) {
- bindings.push({name: "selectWholeLineUp", keyBinding: new KeyBinding(38, true, true), predefined: true});
- bindings.push({name: "selectWholeLineDown", keyBinding: new KeyBinding(40, true, true), predefined: true});
- }
- bindings.push({name: "selectLineStart", keyBinding: new KeyBinding(36, null, true), predefined: true});
- bindings.push({name: "selectLineEnd", keyBinding: new KeyBinding(35, null, true), predefined: true});
- bindings.push({name: "selectWordPrevious", keyBinding: new KeyBinding(37, true, true), predefined: true});
- bindings.push({name: "selectWordNext", keyBinding: new KeyBinding(39, true, true), predefined: true});
- bindings.push({name: "selectTextStart", keyBinding: new KeyBinding(36, true, true), predefined: true});
- bindings.push({name: "selectTextEnd", keyBinding: new KeyBinding(35, true, true), predefined: true});
- }
- //Misc
- bindings.push({name: "deletePrevious", keyBinding: new KeyBinding(8), predefined: true});
- bindings.push({name: "deletePrevious", keyBinding: new KeyBinding(8, null, true), predefined: true});
- bindings.push({name: "deleteNext", keyBinding: new KeyBinding(46), predefined: true});
- bindings.push({name: "deleteWordPrevious", keyBinding: new KeyBinding(8, true), predefined: true});
- bindings.push({name: "deleteWordPrevious", keyBinding: new KeyBinding(8, true, true), predefined: true});
- bindings.push({name: "deleteWordNext", keyBinding: new KeyBinding(46, true), predefined: true});
- bindings.push({name: "tab", keyBinding: new KeyBinding(9), predefined: true});
- bindings.push({name: "enter", keyBinding: new KeyBinding(13), predefined: true});
- bindings.push({name: "enter", keyBinding: new KeyBinding(13, null, true), predefined: true});
- bindings.push({name: "selectAll", keyBinding: new KeyBinding('a', true), predefined: true});
- if (isMac) {
- bindings.push({name: "deleteNext", keyBinding: new KeyBinding(46, null, true), predefined: true});
- bindings.push({name: "deleteWordPrevious", keyBinding: new KeyBinding(8, null, null, true), predefined: true});
- bindings.push({name: "deleteWordNext", keyBinding: new KeyBinding(46, null, null, true), predefined: true});
- }
-
- /*
- * Feature in IE/Chrome: prevent ctrl+'u', ctrl+'i', and ctrl+'b' from applying styles to the text.
- *
- * Note that Chrome applies the styles on the Mac with Ctrl instead of Cmd.
- */
- if (!isFirefox) {
- var isMacChrome = isMac && isChrome;
- bindings.push({name: null, keyBinding: new KeyBinding('u', !isMacChrome, false, false, isMacChrome), predefined: true});
- bindings.push({name: null, keyBinding: new KeyBinding('i', !isMacChrome, false, false, isMacChrome), predefined: true});
- bindings.push({name: null, keyBinding: new KeyBinding('b', !isMacChrome, false, false, isMacChrome), predefined: true});
- }
- if (isFirefox) {
- bindings.push({name: "copy", keyBinding: new KeyBinding(45, true), predefined: true});
- bindings.push({name: "paste", keyBinding: new KeyBinding(45, null, true), predefined: true});
- bindings.push({name: "cut", keyBinding: new KeyBinding(46, null, true), predefined: true});
- }
- // Add the emacs Control+ ... key bindings.
- if (isMac) {
- bindings.push({name: "lineStart", keyBinding: new KeyBinding("a", false, false, false, true), predefined: true});
- bindings.push({name: "lineEnd", keyBinding: new KeyBinding("e", false, false, false, true), predefined: true});
- bindings.push({name: "lineUp", keyBinding: new KeyBinding("p", false, false, false, true), predefined: true});
- bindings.push({name: "lineDown", keyBinding: new KeyBinding("n", false, false, false, true), predefined: true});
- bindings.push({name: "charPrevious", keyBinding: new KeyBinding("b", false, false, false, true), predefined: true});
- bindings.push({name: "charNext", keyBinding: new KeyBinding("f", false, false, false, true), predefined: true});
- bindings.push({name: "deletePrevious", keyBinding: new KeyBinding("h", false, false, false, true), predefined: true});
- bindings.push({name: "deleteNext", keyBinding: new KeyBinding("d", false, false, false, true), predefined: true});
- bindings.push({name: "deleteLineEnd", keyBinding: new KeyBinding("k", false, false, false, true), predefined: true});
- if (isFirefox) {
- bindings.push({name: "scrollPageDown", keyBinding: new KeyBinding("v", false, false, false, true), predefined: true});
- bindings.push({name: "deleteLineStart", keyBinding: new KeyBinding("u", false, false, false, true), predefined: true});
- bindings.push({name: "deleteWordPrevious", keyBinding: new KeyBinding("w", false, false, false, true), predefined: true});
- } else {
- bindings.push({name: "pageDown", keyBinding: new KeyBinding("v", false, false, false, true), predefined: true});
- bindings.push({name: "centerLine", keyBinding: new KeyBinding("l", false, false, false, true), predefined: true});
- bindings.push({name: "enterNoCursor", keyBinding: new KeyBinding("o", false, false, false, true), predefined: true});
- //TODO implement: y (yank), t (transpose)
- }
- }
- //1 to 1, no duplicates
- var self = this;
- this._actions = [
- {name: "lineUp", defaultHandler: function() {return self._doLineUp({select: false});}},
- {name: "lineDown", defaultHandler: function() {return self._doLineDown({select: false});}},
- {name: "lineStart", defaultHandler: function() {return self._doHome({select: false, ctrl:false});}},
- {name: "lineEnd", defaultHandler: function() {return self._doEnd({select: false, ctrl:false});}},
- {name: "charPrevious", defaultHandler: function() {return self._doCursorPrevious({select: false, unit:"character"});}},
- {name: "charNext", defaultHandler: function() {return self._doCursorNext({select: false, unit:"character"});}},
- {name: "pageUp", defaultHandler: function() {return self._doPageUp({select: false});}},
- {name: "pageDown", defaultHandler: function() {return self._doPageDown({select: false});}},
- {name: "scrollPageUp", defaultHandler: function() {return self._doScroll({type: "pageUp"});}},
- {name: "scrollPageDown", defaultHandler: function() {return self._doScroll({type: "pageDown"});}},
- {name: "wordPrevious", defaultHandler: function() {return self._doCursorPrevious({select: false, unit:"word"});}},
- {name: "wordNext", defaultHandler: function() {return self._doCursorNext({select: false, unit:"word"});}},
- {name: "textStart", defaultHandler: function() {return self._doHome({select: false, ctrl:true});}},
- {name: "textEnd", defaultHandler: function() {return self._doEnd({select: false, ctrl:true});}},
- {name: "scrollTextStart", defaultHandler: function() {return self._doScroll({type: "textStart"});}},
- {name: "scrollTextEnd", defaultHandler: function() {return self._doScroll({type: "textEnd"});}},
- {name: "centerLine", defaultHandler: function() {return self._doScroll({type: "centerLine"});}},
-
- {name: "selectLineUp", defaultHandler: function() {return self._doLineUp({select: true});}},
- {name: "selectLineDown", defaultHandler: function() {return self._doLineDown({select: true});}},
- {name: "selectWholeLineUp", defaultHandler: function() {return self._doLineUp({select: true, wholeLine: true});}},
- {name: "selectWholeLineDown", defaultHandler: function() {return self._doLineDown({select: true, wholeLine: true});}},
- {name: "selectLineStart", defaultHandler: function() {return self._doHome({select: true, ctrl:false});}},
- {name: "selectLineEnd", defaultHandler: function() {return self._doEnd({select: true, ctrl:false});}},
- {name: "selectCharPrevious", defaultHandler: function() {return self._doCursorPrevious({select: true, unit:"character"});}},
- {name: "selectCharNext", defaultHandler: function() {return self._doCursorNext({select: true, unit:"character"});}},
- {name: "selectPageUp", defaultHandler: function() {return self._doPageUp({select: true});}},
- {name: "selectPageDown", defaultHandler: function() {return self._doPageDown({select: true});}},
- {name: "selectWordPrevious", defaultHandler: function() {return self._doCursorPrevious({select: true, unit:"word"});}},
- {name: "selectWordNext", defaultHandler: function() {return self._doCursorNext({select: true, unit:"word"});}},
- {name: "selectTextStart", defaultHandler: function() {return self._doHome({select: true, ctrl:true});}},
- {name: "selectTextEnd", defaultHandler: function() {return self._doEnd({select: true, ctrl:true});}},
- {name: "deletePrevious", defaultHandler: function() {return self._doBackspace({unit:"character"});}},
- {name: "deleteNext", defaultHandler: function() {return self._doDelete({unit:"character"});}},
- {name: "deleteWordPrevious", defaultHandler: function() {return self._doBackspace({unit:"word"});}},
- {name: "deleteWordNext", defaultHandler: function() {return self._doDelete({unit:"word"});}},
- {name: "deleteLineStart", defaultHandler: function() {return self._doBackspace({unit: "line"});}},
- {name: "deleteLineEnd", defaultHandler: function() {return self._doDelete({unit: "line"});}},
- {name: "tab", defaultHandler: function() {return self._doTab();}},
- {name: "enter", defaultHandler: function() {return self._doEnter();}},
- {name: "enterNoCursor", defaultHandler: function() {return self._doEnter({noCursor:true});}},
- {name: "selectAll", defaultHandler: function() {return self._doSelectAll();}},
- {name: "copy", defaultHandler: function() {return self._doCopy();}},
- {name: "cut", defaultHandler: function() {return self._doCut();}},
- {name: "paste", defaultHandler: function() {return self._doPaste();}}
- ];
- },
- _createLine: function(parent, div, document, lineIndex, model) {
- var lineText = model.getLine(lineIndex);
- var lineStart = model.getLineStart(lineIndex);
- var e = {type:"LineStyle", textView: this, lineIndex: lineIndex, lineText: lineText, lineStart: lineStart};
- this.onLineStyle(e);
- var lineDiv = div || document.createElement("DIV");
- if (!div || !this._compare(div.viewStyle, e.style)) {
- this._applyStyle(e.style, lineDiv, div);
- lineDiv.viewStyle = e.style;
- }
- lineDiv.lineIndex = lineIndex;
- var ranges = [];
- var data = {tabOffset: 0, ranges: ranges};
- this._createRanges(e.ranges, lineText, 0, lineText.length, lineStart, data);
-
- /*
- * A trailing span with a whitespace is added for three different reasons:
- * 1. Make sure the height of each line is the largest of the default font
- * in normal, italic, bold, and italic-bold.
- * 2. When full selection is off, Firefox, Opera and IE9 do not extend the
- * selection at the end of the line when the line is fully selected.
- * 3. The height of a div with only an empty span is zero.
- */
- var c = " ";
- if (!this._fullSelection && isIE < 9) {
- /*
- * IE8 already selects extra space at end of a line fully selected,
- * adding another space at the end of the line causes the selection
- * to look too big. The fix is to use a zero-width space (\uFEFF) instead.
- */
- c = "\uFEFF";
- }
- if (isWebkit) {
- /*
- * Feature in WekKit. Adding a regular white space to the line will
- * cause the longest line in the view to wrap even though "pre" is set.
- * The fix is to use the zero-width non-joiner character (\u200C) instead.
- * Note: To not use \uFEFF because in old version of Chrome this character
- * shows a glyph;
- */
- c = "\u200C";
- }
- ranges.push({text: c, style: this._largestFontStyle, ignoreChars: 1});
-
- var range, span, style, oldSpan, oldStyle, text, oldText, end = 0, oldEnd = 0, next;
- var changeCount, changeStart;
- if (div) {
- var modelChangedEvent = div.modelChangedEvent;
- if (modelChangedEvent) {
- if (modelChangedEvent.removedLineCount === 0 && modelChangedEvent.addedLineCount === 0) {
- changeStart = modelChangedEvent.start - lineStart;
- changeCount = modelChangedEvent.addedCharCount - modelChangedEvent.removedCharCount;
- } else {
- changeStart = -1;
- }
- div.modelChangedEvent = undefined;
- }
- oldSpan = div.firstChild;
- }
- for (var i = 0; i < ranges.length; i++) {
- range = ranges[i];
- text = range.text;
- end += text.length;
- style = range.style;
- if (oldSpan) {
- oldText = oldSpan.firstChild.data;
- oldStyle = oldSpan.viewStyle;
- if (oldText === text && this._compare(style, oldStyle)) {
- oldEnd += oldText.length;
- oldSpan._rectsCache = undefined;
- span = oldSpan = oldSpan.nextSibling;
- continue;
- } else {
- while (oldSpan) {
- if (changeStart !== -1) {
- var spanEnd = end;
- if (spanEnd >= changeStart) {
- spanEnd -= changeCount;
- }
- var length = oldSpan.firstChild.data.length;
- if (oldEnd + length > spanEnd) { break; }
- oldEnd += length;
- }
- next = oldSpan.nextSibling;
- lineDiv.removeChild(oldSpan);
- oldSpan = next;
- }
- }
- }
- span = this._createSpan(lineDiv, document, text, style, range.ignoreChars);
- if (oldSpan) {
- lineDiv.insertBefore(span, oldSpan);
- } else {
- lineDiv.appendChild(span);
- }
- if (div) {
- div.lineWidth = undefined;
- }
- }
- if (div) {
- var tmp = span ? span.nextSibling : null;
- while (tmp) {
- next = tmp.nextSibling;
- div.removeChild(tmp);
- tmp = next;
- }
- } else {
- parent.appendChild(lineDiv);
- }
- return lineDiv;
- },
- _createRanges: function(ranges, text, start, end, lineStart, data) {
- if (start >= end) { return; }
- if (ranges) {
- for (var i = 0; i < ranges.length; i++) {
- var range = ranges[i];
- if (range.end <= lineStart + start) { continue; }
- var styleStart = Math.max(lineStart + start, range.start) - lineStart;
- if (styleStart >= end) { break; }
- var styleEnd = Math.min(lineStart + end, range.end) - lineStart;
- if (styleStart < styleEnd) {
- styleStart = Math.max(start, styleStart);
- styleEnd = Math.min(end, styleEnd);
- if (start < styleStart) {
- this._createRange(text, start, styleStart, null, data);
- }
- while (i + 1 < ranges.length && ranges[i + 1].start - lineStart === styleEnd && this._compare(range.style, ranges[i + 1].style)) {
- range = ranges[i + 1];
- styleEnd = Math.min(lineStart + end, range.end) - lineStart;
- i++;
- }
- this._createRange(text, styleStart, styleEnd, range.style, data);
- start = styleEnd;
- }
- }
- }
- if (start < end) {
- this._createRange(text, start, end, null, data);
- }
- },
- _createRange: function(text, start, end, style, data) {
- if (start >= end) { return; }
- var tabSize = this._customTabSize, range;
- if (tabSize && tabSize !== 8) {
- var tabIndex = text.indexOf("\t", start);
- while (tabIndex !== -1 && tabIndex < end) {
- if (start < tabIndex) {
- range = {text: text.substring(start, tabIndex), style: style};
- data.ranges.push(range);
- data.tabOffset += range.text.length;
- }
- var spacesCount = tabSize - (data.tabOffset % tabSize);
- if (spacesCount > 0) {
- //TODO hack to preserve text length in getDOMText()
- var spaces = "\u00A0";
- for (var i = 1; i < spacesCount; i++) {
- spaces += " ";
- }
- range = {text: spaces, style: style, ignoreChars: spacesCount - 1};
- data.ranges.push(range);
- data.tabOffset += range.text.length;
- }
- start = tabIndex + 1;
- tabIndex = text.indexOf("\t", start);
- }
- }
- if (start < end) {
- range = {text: text.substring(start, end), style: style};
- data.ranges.push(range);
- data.tabOffset += range.text.length;
- }
- },
- _createSpan: function(parent, document, text, style, ignoreChars) {
- var isLink = style && style.tagName === "A";
- if (isLink) { parent.hasLink = true; }
- var tagName = isLink && this._linksVisible ? "A" : "SPAN";
- var child = document.createElement(tagName);
- child.appendChild(document.createTextNode(text));
- this._applyStyle(style, child);
- if (tagName === "A") {
- var self = this;
- addHandler(child, "click", function(e) { return self._handleLinkClick(e); }, false);
- }
- child.viewStyle = style;
- if (ignoreChars) {
- child.ignoreChars = ignoreChars;
- }
- return child;
- },
- _createRuler: function(ruler) {
- if (!this._clientDiv) { return; }
- var document = this._frameDocument;
- var body = document.body;
- var side = ruler.getLocation();
- var rulerParent = side === "left" ? this._leftDiv : this._rightDiv;
- if (!rulerParent) {
- rulerParent = document.createElement("DIV");
- rulerParent.style.overflow = "hidden";
- rulerParent.style.MozUserSelect = "none";
- rulerParent.style.WebkitUserSelect = "none";
- if (isIE) {
- rulerParent.attachEvent("onselectstart", function() {return false;});
- }
- rulerParent.style.position = "absolute";
- rulerParent.style.top = "0px";
- rulerParent.style.cursor = "default";
- body.appendChild(rulerParent);
- if (side === "left") {
- this._leftDiv = rulerParent;
- rulerParent.className = "viewLeftRuler";
- } else {
- this._rightDiv = rulerParent;
- rulerParent.className = "viewRightRuler";
- }
- var table = document.createElement("TABLE");
- rulerParent.appendChild(table);
- table.cellPadding = "0px";
- table.cellSpacing = "0px";
- table.border = "0px";
- table.insertRow(0);
- var self = this;
- addHandler(rulerParent, "click", function(e) { self._handleRulerEvent(e); });
- addHandler(rulerParent, "dblclick", function(e) { self._handleRulerEvent(e); });
- addHandler(rulerParent, "mousemove", function(e) { self._handleRulerEvent(e); });
- addHandler(rulerParent, "mouseover", function(e) { self._handleRulerEvent(e); });
- addHandler(rulerParent, "mouseout", function(e) { self._handleRulerEvent(e); });
- }
- var div = document.createElement("DIV");
- div._ruler = ruler;
- div.rulerChanged = true;
- div.style.position = "relative";
- var row = rulerParent.firstChild.rows[0];
- var index = row.cells.length;
- var cell = row.insertCell(index);
- cell.vAlign = "top";
- cell.appendChild(div);
- },
- _createFrame: function() {
- if (this.frame) { return; }
- var parent = this._parent;
- while (parent.hasChildNodes()) { parent.removeChild(parent.lastChild); }
- var parentDocument = parent.ownerDocument;
- this._parentDocument = parentDocument;
- var frame = parentDocument.createElement("IFRAME");
- this._frame = frame;
- frame.frameBorder = "0px";//for IE, needs to be set before the frame is added to the parent
- frame.style.border = "0px";
- frame.style.width = "100%";
- frame.style.height = "100%";
- frame.scrolling = "no";
- var self = this;
- /*
- * Note that it is not possible to create the contents of the frame if the
- * parent is not connected to the document. Only create it when the load
- * event is trigged.
- */
- this._loadHandler = function(e) {
- self._handleLoad(e);
- };
- addHandler(frame, "load", this._loadHandler, !!isFirefox);
- if (!isWebkit) {
- /*
- * Feature in IE and Firefox. It is not possible to get the style of an
- * element if it is not layed out because one of the ancestor has
- * style.display = none. This means that the view cannot be created in this
- * situations, since no measuring can be performed. The fix is to listen
- * for DOMAttrModified and create or destroy the view when the style.display
- * attribute changes.
- */
- addHandler(parentDocument, "DOMAttrModified", this._attrModifiedHandler = function(e) {
- self._handleDOMAttrModified(e);
- });
- }
- parent.appendChild(frame);
- /* create synchronously if possible */
- if (this._sync) {
- this._handleLoad();
- }
- },
- _getFrameHTML: function() {
- var html = [];
- html.push("<!DOCTYPE html>");
- html.push("<html>");
- html.push("<head>");
- if (isIE < 9) {
- html.push("<meta http-equiv='X-UA-Compatible' content='IE=EmulateIE7'/>");
- }
- html.push("<style>");
- html.push(".viewContainer {font-family: monospace; font-size: 10pt;}");
- html.push(".view {padding: 1px 2px;}");
- html.push(".viewContent {}");
- html.push("</style>");
- if (this._stylesheet) {
- var stylesheet = typeof(this._stylesheet) === "string" ? [this._stylesheet] : this._stylesheet;
- for (var i = 0; i < stylesheet.length; i++) {
- var sheet = stylesheet[i];
- var isLink = this._isLinkURL(sheet);
- if (isLink && this._sync) {
- try {
- var objXml = new XMLHttpRequest();
- if (objXml.overrideMimeType) {
- objXml.overrideMimeType("text/css");
- }
- objXml.open("GET", sheet, false);
- objXml.send(null);
- sheet = objXml.responseText;
- isLink = false;
- } catch (e) {}
- }
- if (isLink) {
- html.push("<link rel='stylesheet' type='text/css' ");
- /*
- * Bug in IE7. The window load event is not sent unless a load handler is added to the link node.
- */
- if (isIE < 9) {
- html.push("onload='window' ");
- }
- html.push("href='");
- html.push(sheet);
- html.push("'></link>");
- } else {
- html.push("<style>");
- html.push(sheet);
- html.push("</style>");
- }
- }
- }
- /*
- * Feature in WebKit. In WebKit, window load will not wait for the style sheets
- * to be loaded unless there is script element after the style sheet link elements.
- */
- html.push("<script>");
- html.push("var waitForStyleSheets = true;");
- html.push("</script>");
- html.push("</head>");
- html.push("<body spellcheck='false'></body>");
- html.push("</html>");
- return html.join("");
- },
- _createView: function() {
- if (this._frameDocument) { return; }
- var frameWindow = this._frameWindow = this._frame.contentWindow;
- var frameDocument = this._frameDocument = frameWindow.document;
- var self = this;
- function write() {
- frameDocument.open("text/html", "replace");
- frameDocument.write(self._getFrameHTML());
- frameDocument.close();
- self._windowLoadHandler = function(e) {
- /*
- * Bug in Safari. Safari sends the window load event before the
- * style sheets are loaded. The fix is to defer creation of the
- * contents until the document readyState changes to complete.
- */
- if (self._isDocumentReady()) {
- self._createContent();
- }
- };
- addHandler(frameWindow, "load", self._windowLoadHandler);
- }
- write();
- if (this._sync) {
- this._createContent();
- } else {
- /*
- * Bug in Webkit. Webkit does not send the load event for the iframe window when the main page
- * loads as a result of backward or forward navigation.
- * The fix is to use a timer to create the content only when the document is ready.
- */
- this._createViewTimer = function() {
- if (self._clientDiv) { return; }
- if (self._isDocumentReady()) {
- self._createContent();
- } else {
- setTimeout(self._createViewTimer, 10);
- }
- };
- setTimeout(this._createViewTimer, 10);
- }
- },
- _isDocumentReady: function() {
- var frameDocument = this._frameDocument;
- if (!frameDocument) { return false; }
- if (frameDocument.readyState === "complete") {
- return true;
- } else if (frameDocument.readyState === "interactive" && isFirefox) {
- /*
- * Bug in Firefox. Firefox does not change the document ready state to complete
- * all the time. The fix is to wait for the ready state to be "interactive" and check that
- * all css rules are initialized.
- */
- var styleSheets = frameDocument.styleSheets;
- var styleSheetCount = 1;
- if (this._stylesheet) {
- styleSheetCount += typeof(this._stylesheet) === "string" ? 1 : this._stylesheet.length;
- }
- if (styleSheetCount === styleSheets.length) {
- var index = 0;
- while (index < styleSheets.length) {
- var count = 0;
- try {
- count = styleSheets.item(index).cssRules.length;
- } catch (ex) {
- /*
- * Feature in Firefox. To determine if a stylesheet is loaded the number of css rules is used, if the
- * stylesheet is not loaded this operation will throw an invalid access error. When a stylesheet from
- * a different domain is loaded, accessing the css rules will result in a security exception. In this
- * case count is set to 1 to indicate the stylesheet is loaded.
- */
- if (ex.code !== DOMException.INVALID_ACCESS_ERR) {
- count = 1;
- }
- }
- if (count === 0) { break; }
- index++;
- }
- return index === styleSheets.length;
- }
- }
- return false;
- },
- _createContent: function() {
- if (this._clientDiv) { return; }
- var parent = this._parent;
- var parentDocument = this._parentDocument;
- var frameDocument = this._frameDocument;
- var body = frameDocument.body;
- this._setThemeClass(this._themeClass, true);
- body.style.margin = "0px";
- body.style.borderWidth = "0px";
- body.style.padding = "0px";
-
- var textArea;
- if (isPad) {
- var touchDiv = parentDocument.createElement("DIV");
- this._touchDiv = touchDiv;
- touchDiv.style.position = "absolute";
- touchDiv.style.border = "0px";
- touchDiv.style.padding = "0px";
- touchDiv.style.margin = "0px";
- touchDiv.style.zIndex = "2";
- touchDiv.style.overflow = "hidden";
- touchDiv.style.background="transparent";
- touchDiv.style.WebkitUserSelect = "none";
- parent.appendChild(touchDiv);
- textArea = parentDocument.createElement("TEXTAREA");
- this._textArea = textArea;
- textArea.style.position = "absolute";
- textArea.style.whiteSpace = "pre";
- textArea.style.left = "-1000px";
- textArea.tabIndex = 1;
- textArea.autocapitalize = "off";
- textArea.autocorrect = "off";
- textArea.className = "viewContainer";
- textArea.style.background = "transparent";
- textArea.style.color = "transparent";
- textArea.style.border = "0px";
- textArea.style.padding = "0px";
- textArea.style.margin = "0px";
- textArea.style.borderRadius = "0px";
- textArea.style.WebkitAppearance = "none";
- textArea.style.WebkitTapHighlightColor = "transparent";
- touchDiv.appendChild(textArea);
- }
- if (isFirefox) {
- var clipboardDiv = frameDocument.createElement("DIV");
- this._clipboardDiv = clipboardDiv;
- clipboardDiv.style.position = "fixed";
- clipboardDiv.style.whiteSpace = "pre";
- clipboardDiv.style.left = "-1000px";
- body.appendChild(clipboardDiv);
- }
- var viewDiv = frameDocument.createElement("DIV");
- viewDiv.className = "view";
- this._viewDiv = viewDiv;
- viewDiv.id = "viewDiv";
- viewDiv.tabIndex = -1;
- viewDiv.style.overflow = "auto";
- viewDiv.style.position = "absolute";
- viewDiv.style.top = "0px";
- viewDiv.style.borderWidth = "0px";
- viewDiv.style.margin = "0px";
- viewDiv.style.outline = "none";
- body.appendChild(viewDiv);
-
- var scrollDiv = frameDocument.createElement("DIV");
- this._scrollDiv = scrollDiv;
- scrollDiv.id = "scrollDiv";
- scrollDiv.style.margin = "0px";
- scrollDiv.style.borderWidth = "0px";
- scrollDiv.style.padding = "0px";
- viewDiv.appendChild(scrollDiv);
-
- if (isFirefox) {
- var clipDiv = frameDocument.createElement("DIV");
- this._clipDiv = clipDiv;
- clipDiv.id = "clipDiv";
- clipDiv.style.position = "fixed";
- clipDiv.style.overflow = "hidden";
- clipDiv.style.margin = "0px";
- clipDiv.style.borderWidth = "0px";
- clipDiv.style.padding = "0px";
- scrollDiv.appendChild(clipDiv);
-
- var clipScrollDiv = frameDocument.createElement("DIV");
- this._clipScrollDiv = clipScrollDiv;
- clipScrollDiv.id = "clipScrollDiv";
- clipScrollDiv.style.position = "absolute";
- clipScrollDiv.style.height = "1px";
- clipScrollDiv.style.top = "-1000px";
- clipDiv.appendChild(clipScrollDiv);
- }
-
- this._setFullSelection(this._fullSelection, true);
- var clientDiv = frameDocument.createElement("DIV");
- clientDiv.className = "viewContent";
- this._clientDiv = clientDiv;
- clientDiv.id = "clientDiv";
- clientDiv.style.whiteSpace = "pre";
- clientDiv.style.position = this._clipDiv ? "absolute" : "fixed";
- clientDiv.style.borderWidth = "0px";
- clientDiv.style.margin = "0px";
- clientDiv.style.padding = "0px";
- clientDiv.style.outline = "none";
- clientDiv.style.zIndex = "1";
- if (isPad) {
- clientDiv.style.WebkitTapHighlightColor = "transparent";
- }
- (this._clipDiv || scrollDiv).appendChild(clientDiv);
- if (isFirefox && !clientDiv.setCapture) {
- var overlayDiv = frameDocument.createElement("DIV");
- this._overlayDiv = overlayDiv;
- overlayDiv.id = "overlayDiv";
- overlayDiv.style.position = clientDiv.style.position;
- overlayDiv.style.borderWidth = clientDiv.style.borderWidth;
- overlayDiv.style.margin = clientDiv.style.margin;
- overlayDiv.style.padding = clientDiv.style.padding;
- overlayDiv.style.cursor = "text";
- overlayDiv.style.zIndex = "2";
- (this._clipDiv || scrollDiv).appendChild(overlayDiv);
- }
- if (!isPad) {
- clientDiv.contentEditable = "true";
- }
- this._lineHeight = this._calculateLineHeight();
- this._viewPadding = this._calculatePadding();
- if (isIE) {
- body.style.lineHeight = this._lineHeight + "px";
- }
- this._setTabSize(this._tabSize, true);
- this._hookEvents();
- var rulers = this._rulers;
- for (var i=0; i<rulers.length; i++) {
- this._createRuler(rulers[i]);
- }
- this._updatePage();
- var h = this._hScroll, v = this._vScroll;
- this._vScroll = this._hScroll = 0;
- if (h > 0 || v > 0) {
- viewDiv.scrollLeft = h;
- viewDiv.scrollTop = v;
- }
- this.onLoad({type: "Load"});
- },
- _defaultOptions: function() {
- return {
- parent: {value: undefined, recreate: true, update: null},
- model: {value: undefined, recreate: false, update: this.setModel},
- readonly: {value: false, recreate: false, update: null},
- fullSelection: {value: true, recreate: false, update: this._setFullSelection},
- tabSize: {value: 8, recreate: false, update: this._setTabSize},
- expandTab: {value: false, recreate: false, update: null},
- stylesheet: {value: [], recreate: false, update: this._setStyleSheet},
- themeClass: {value: undefined, recreate: false, update: this._setThemeClass},
- sync: {value: false, recreate: false, update: null}
- };
- },
- _destroyFrame: function() {
- var frame = this._frame;
- if (!frame) { return; }
- if (this._loadHandler) {
- removeHandler(frame, "load", this._loadHandler, !!isFirefox);
- this._loadHandler = null;
- }
- if (this._attrModifiedHandler) {
- removeHandler(this._parentDocument, "DOMAttrModified", this._attrModifiedHandler);
- this._attrModifiedHandler = null;
- }
- frame.parentNode.removeChild(frame);
- this._frame = null;
- },
- _destroyRuler: function(ruler) {
- var side = ruler.getLocation();
- var rulerParent = side === "left" ? this._leftDiv : this._rightDiv;
- if (rulerParent) {
- var row = rulerParent.firstChild.rows[0];
- var cells = row.cells;
- for (var index = 0; index < cells.length; index++) {
- var cell = cells[index];
- if (cell.firstChild._ruler === ruler) { break; }
- }
- if (index === cells.length) { return; }
- row.cells[index]._ruler = undefined;
- row.deleteCell(index);
- }
- },
- _destroyView: function() {
- var clientDiv = this._clientDiv;
- if (!clientDiv) { return; }
- this._setGrab(null);
- this._unhookEvents();
- if (this._windowLoadHandler) {
- removeHandler(this._frameWindow, "load", this._windowLoadHandler);
- this._windowLoadHandler = null;
- }
- /* Destroy timers */
- if (this._autoScrollTimerID) {
- clearTimeout(this._autoScrollTimerID);
- this._autoScrollTimerID = null;
- }
- if (this._updateTimer) {
- clearTimeout(this._updateTimer);
- this._updateTimer = null;
- }
- /* Destroy DOM */
- var parent = this._frameDocument.body;
- while (parent.hasChildNodes()) { parent.removeChild(parent.lastChild); }
- if (this._touchDiv) {
- this._parent.removeChild(this._touchDiv);
- this._touchDiv = null;
- }
- this._selDiv1 = null;
- this._selDiv2 = null;
- this._selDiv3 = null;
- this._insertedSelRule = false;
- this._textArea = null;
- this._clipboardDiv = null;
- this._scrollDiv = null;
- this._viewDiv = null;
- this._clipDiv = null;
- this._clipScrollDiv = null;
- this._clientDiv = null;
- this._overlayDiv = null;
- this._leftDiv = null;
- this._rightDiv = null;
- this._frameDocument = null;
- this._frameWindow = null;
- this.onUnload({type: "Unload"});
- },
- _doAutoScroll: function (direction, x, y) {
- this._autoScrollDir = direction;
- this._autoScrollX = x;
- this._autoScrollY = y;
- if (!this._autoScrollTimerID) {
- this._autoScrollTimer();
- }
- },
- _endAutoScroll: function () {
- if (this._autoScrollTimerID) { clearTimeout(this._autoScrollTimerID); }
- this._autoScrollDir = undefined;
- this._autoScrollTimerID = undefined;
- },
- _fixCaret: function() {
- var clientDiv = this._clientDiv;
- if (clientDiv) {
- var hasFocus = this._hasFocus;
- this._ignoreFocus = true;
- if (hasFocus) { clientDiv.blur(); }
- clientDiv.contentEditable = false;
- clientDiv.contentEditable = true;
- if (hasFocus) { clientDiv.focus(); }
- this._ignoreFocus = false;
- }
- },
- _getBaseText: function(start, end) {
- var model = this._model;
- /* This is the only case the view access the base model, alternatively the view could use a event to application to customize the text */
- if (model.getBaseModel) {
- start = model.mapOffset(start);
- end = model.mapOffset(end);
- model = model.getBaseModel();
- }
- return model.getText(start, end);
- },
- _getBoundsAtOffset: function (offset) {
- var model = this._model;
- var document = this._frameDocument;
- var clientDiv = this._clientDiv;
- var lineIndex = model.getLineAtOffset(offset);
- var dummy;
- var child = this._getLineNode(lineIndex);
- if (!child) {
- child = dummy = this._createLine(clientDiv, null, document, lineIndex, model);
- }
- var result = null;
- if (offset < model.getLineEnd(lineIndex)) {
- var lineOffset = model.getLineStart(lineIndex);
- var lineChild = child.firstChild;
- while (lineChild) {
- var textNode = lineChild.firstChild;
- var nodeLength = textNode.length;
- if (lineChild.ignoreChars) {
- nodeLength -= lineChild.ignoreChars;
- }
- if (lineOffset + nodeLength > offset) {
- var index = offset - lineOffset;
- var range;
- if (isRangeRects) {
- range = document.createRange();
- range.setStart(textNode, index);
- range.setEnd(textNode, index + 1);
- result = range.getBoundingClientRect();
- } else if (isIE) {
- range = document.body.createTextRange();
- range.moveToElementText(lineChild);
- range.collapse();
- range.moveEnd("character", index + 1);
- range.moveStart("character", index);
- result = range.getBoundingClientRect();
- } else {
- var text = textNode.data;
- lineChild.removeChild(textNode);
- lineChild.appendChild(document.createTextNode(text.substring(0, index)));
- var span = document.createElement("SPAN");
- span.appendChild(document.createTextNode(text.substring(index, index + 1)));
- lineChild.appendChild(span);
- lineChild.appendChild(document.createTextNode(text.substring(index + 1)));
- result = span.getBoundingClientRect();
- lineChild.innerHTML = "";
- lineChild.appendChild(textNode);
- if (!dummy) {
- /*
- * Removing the element node that holds the selection start or end
- * causes the selection to be lost. The fix is to detect this case
- * and restore the selection.
- */
- var s = this._getSelection();
- if ((lineOffset <= s.start && s.start < lineOffset + nodeLength) || (lineOffset <= s.end && s.end < lineOffset + nodeLength)) {
- this._updateDOMSelection();
- }
- }
- }
- if (isIE) {
- var logicalXDPI = window.screen.logicalXDPI;
- var deviceXDPI = window.screen.deviceXDPI;
- result.left = result.left * logicalXDPI / deviceXDPI;
- result.right = result.right * logicalXDPI / deviceXDPI;
- }
- break;
- }
- lineOffset += nodeLength;
- lineChild = lineChild.nextSibling;
- }
- }
- if (!result) {
- var rect = this._getLineBoundingClientRect(child);
- result = {left: rect.right, right: rect.right};
- }
- if (dummy) { clientDiv.removeChild(dummy); }
- return result;
- },
- _getBottomIndex: function (fullyVisible) {
- var child = this._bottomChild;
- if (fullyVisible && this._getClientHeight() > this._getLineHeight()) {
- var rect = child.getBoundingClientRect();
- var clientRect = this._clientDiv.getBoundingClientRect();
- if (rect.bottom > clientRect.bottom) {
- child = this._getLinePrevious(child) || child;
- }
- }
- return child.lineIndex;
- },
- _getFrameHeight: function() {
- return this._frameDocument.documentElement.clientHeight;
- },
- _getFrameWidth: function() {
- return this._frameDocument.documentElement.clientWidth;
- },
- _getClientHeight: function() {
- var viewPad = this._getViewPadding();
- return Math.max(0, this._viewDiv.clientHeight - viewPad.top - viewPad.bottom);
- },
- _getClientWidth: function() {
- var viewPad = this._getViewPadding();
- return Math.max(0, this._viewDiv.clientWidth - viewPad.left - viewPad.right);
- },
- _getClipboardText: function (event, handler) {
- var delimiter = this._model.getLineDelimiter();
- var clipboadText, text;
- if (this._frameWindow.clipboardData) {
- //IE
- clipboadText = [];
- text = this._frameWindow.clipboardData.getData("Text");
- this._convertDelimiter(text, function(t) {clipboadText.push(t);}, function() {clipboadText.push(delimiter);});
- text = clipboadText.join("");
- if (handler) { handler(text); }
- return text;
- }
- if (isFirefox) {
- this._ignoreFocus = true;
- var document = this._frameDocument;
- var clipboardDiv = this._clipboardDiv;
- clipboardDiv.innerHTML = "<pre contenteditable=''></pre>";
- clipboardDiv.firstChild.focus();
- var self = this;
- var _getText = function() {
- var noteText = self._getTextFromElement(clipboardDiv);
- clipboardDiv.innerHTML = "";
- clipboadText = [];
- self._convertDelimiter(noteText, function(t) {clipboadText.push(t);}, function() {clipboadText.push(delimiter);});
- return clipboadText.join("");
- };
-
- /* Try execCommand first. Works on firefox with clipboard permission. */
- var result = false;
- this._ignorePaste = true;
- /* Do not try execCommand if middle-click is used, because if we do, we get the clipboard text, not the primary selection text. */
- if (!isLinux || this._lastMouseButton !== 2) {
- try {
- result = document.execCommand("paste", false, null);
- } catch (ex) {
- /* Firefox can throw even when execCommand() works, see bug 362835. */
- result = clipboardDiv.childNodes.length > 1 || clipboardDiv.firstChild && clipboardDiv.firstChild.childNodes.length > 0;
- }
- }
- this._ignorePaste = false;
- if (!result) {
- /* Try native paste in DOM, works for firefox during the paste event. */
- if (event) {
- setTimeout(function() {
- self.focus();
- text = _getText();
- if (text && handler) {
- handler(text);
- }
- self._ignoreFocus = false;
- }, 0);
- return null;
- } else {
- /* no event and no clipboard permission, paste can't be performed */
- this.focus();
- this._ignoreFocus = false;
- return "";
- }
- }
- this.focus();
- this._ignoreFocus = false;
- text = _getText();
- if (text && handler) {
- handler(text);
- }
- return text;
- }
- //webkit
- if (event && event.clipboardData) {
- /*
- * Webkit (Chrome/Safari) allows getData during the paste event
- * Note: setData is not allowed, not even during copy/cut event
- */
- clipboadText = [];
- text = event.clipboardData.getData("text/plain");
- this._convertDelimiter(text, function(t) {clipboadText.push(t);}, function() {clipboadText.push(delimiter);});
- text = clipboadText.join("");
- if (text && handler) {
- handler(text);
- }
- return text;
- } else {
- //TODO try paste using extension (Chrome only)
- }
- return "";
- },
- _getDOMText: function(lineIndex) {
- var child = this._getLineNode(lineIndex);
- var lineChild = child.firstChild;
- var text = "";
- while (lineChild) {
- var textNode = lineChild.firstChild;
- while (textNode) {
- if (lineChild.ignoreChars) {
- for (var i = 0; i < textNode.length; i++) {
- var ch = textNode.data.substring(i, i + 1);
- if (ch !== " ") {
- text += ch;
- }
- }
- } else {
- text += textNode.data;
- }
- textNode = textNode.nextSibling;
- }
- lineChild = lineChild.nextSibling;
- }
- return text;
- },
- _getTextFromElement: function(element) {
- var document = element.ownerDocument;
- var window = document.defaultView;
- if (!window.getSelection) {
- return element.innerText || element.textContent;
- }
- var newRange = document.createRange();
- newRange.selectNode(element);
- var selection = window.getSelection();
- var oldRanges = [], i;
- for (i = 0; i < selection.rangeCount; i++) {
- oldRanges.push(selection.getRangeAt(i));
- }
- this._ignoreSelect = true;
- selection.removeAllRanges();
- selection.addRange(newRange);
- var text = selection.toString();
- selection.removeAllRanges();
- for (i = 0; i < oldRanges.length; i++) {
- selection.addRange(oldRanges[i]);
- }
- this._ignoreSelect = false;
- return text;
- },
- _getViewPadding: function() {
- return this._viewPadding;
- },
- _getLineBoundingClientRect: function (child) {
- var rect = child.getBoundingClientRect();
- var lastChild = child.lastChild;
- //Remove any artificial trailing whitespace in the line
- while (lastChild && lastChild.ignoreChars === lastChild.firstChild.length) {
- lastChild = lastChild.previousSibling;
- }
- if (!lastChild) {
- return {left: rect.left, top: rect.top, right: rect.left, bottom: rect.bottom};
- }
- var lastRect = lastChild.getBoundingClientRect();
- return {left: rect.left, top: rect.top, right: lastRect.right, bottom: rect.bottom};
- },
- _getLineHeight: function() {
- return this._lineHeight;
- },
- _getLineNode: function (lineIndex) {
- var clientDiv = this._clientDiv;
- var child = clientDiv.firstChild;
- while (child) {
- if (lineIndex === child.lineIndex) {
- return child;
- }
- child = child.nextSibling;
- }
- return undefined;
- },
- _getLineNext: function (lineNode) {
- var node = lineNode ? lineNode.nextSibling : this._clientDiv.firstChild;
- while (node && node.lineIndex === -1) {
- node = node.nextSibling;
- }
- return node;
- },
- _getLinePrevious: function (lineNode) {
- var node = lineNode ? lineNode.previousSibling : this._clientDiv.lastChild;
- while (node && node.lineIndex === -1) {
- node = node.previousSibling;
- }
- return node;
- },
- _getOffset: function (offset, unit, direction) {
- if (unit === "line") {
- var model = this._model;
- var lineIndex = model.getLineAtOffset(offset);
- if (direction > 0) {
- return model.getLineEnd(lineIndex);
- }
- return model.getLineStart(lineIndex);
- }
- if (unit === "wordend") {
- return this._getOffset_W3C(offset, unit, direction);
- }
- return isIE ? this._getOffset_IE(offset, unit, direction) : this._getOffset_W3C(offset, unit, direction);
- },
- _getOffset_W3C: function (offset, unit, direction) {
- function _isPunctuation(c) {
- return (33 <= c && c <= 47) || (58 <= c && c <= 64) || (91 <= c && c <= 94) || c === 96 || (123 <= c && c <= 126);
- }
- function _isWhitespace(c) {
- return c === 32 || c === 9;
- }
- if (unit === "word" || unit === "wordend") {
- var model = this._model;
- var lineIndex = model.getLineAtOffset(offset);
- var lineText = model.getLine(lineIndex);
- var lineStart = model.getLineStart(lineIndex);
- var lineEnd = model.getLineEnd(lineIndex);
- var lineLength = lineText.length;
- var offsetInLine = offset - lineStart;
-
-
- var c, previousPunctuation, previousLetterOrDigit, punctuation, letterOrDigit;
- if (direction > 0) {
- if (offsetInLine === lineLength) { return lineEnd; }
- c = lineText.charCodeAt(offsetInLine);
- previousPunctuation = _isPunctuation(c);
- previousLetterOrDigit = !previousPunctuation && !_isWhitespace(c);
- offsetInLine++;
- while (offsetInLine < lineLength) {
- c = lineText.charCodeAt(offsetInLine);
- punctuation = _isPunctuation(c);
- if (unit === "wordend") {
- if (!punctuation && previousPunctuation) { break; }
- } else {
- if (punctuation && !previousPunctuation) { break; }
- }
- letterOrDigit = !punctuation && !_isWhitespace(c);
- if (unit === "wordend") {
- if (!letterOrDigit && previousLetterOrDigit) { break; }
- } else {
- if (letterOrDigit && !previousLetterOrDigit) { break; }
- }
- previousLetterOrDigit = letterOrDigit;
- previousPunctuation = punctuation;
- offsetInLine++;
- }
- } else {
- if (offsetInLine === 0) { return lineStart; }
- offsetInLine--;
- c = lineText.charCodeAt(offsetInLine);
- previousPunctuation = _isPunctuation(c);
- previousLetterOrDigit = !previousPunctuation && !_isWhitespace(c);
- while (0 < offsetInLine) {
- c = lineText.charCodeAt(offsetInLine - 1);
- punctuation = _isPunctuation(c);
- if (unit === "wordend") {
- if (punctuation && !previousPunctuation) { break; }
- } else {
- if (!punctuation && previousPunctuation) { break; }
- }
- letterOrDigit = !punctuation && !_isWhitespace(c);
- if (unit === "wordend") {
- if (letterOrDigit && !previousLetterOrDigit) { break; }
- } else {
- if (!letterOrDigit && previousLetterOrDigit) { break; }
- }
- previousLetterOrDigit = letterOrDigit;
- previousPunctuation = punctuation;
- offsetInLine--;
- }
- }
- return lineStart + offsetInLine;
- }
- return offset + direction;
- },
- _getOffset_IE: function (offset, unit, direction) {
- var document = this._frameDocument;
- var model = this._model;
- var lineIndex = model.getLineAtOffset(offset);
- var clientDiv = this._clientDiv;
- var dummy;
- var child = this._getLineNode(lineIndex);
- if (!child) {
- child = dummy = this._createLine(clientDiv, null, document, lineIndex, model);
- }
- var result = 0, range, length;
- var lineOffset = model.getLineStart(lineIndex);
- if (offset === model.getLineEnd(lineIndex)) {
- range = document.body.createTextRange();
- range.moveToElementText(child.lastChild);
- length = range.text.length;
- range.moveEnd(unit, direction);
- result = offset + range.text.length - length;
- } else if (offset === lineOffset && direction < 0) {
- result = lineOffset;
- } else {
- var lineChild = child.firstChild;
- while (lineChild) {
- var textNode = lineChild.firstChild;
- var nodeLength = textNode.length;
- if (lineChild.ignoreChars) {
- nodeLength -= lineChild.ignoreChars;
- }
- if (lineOffset + nodeLength > offset) {
- range = document.body.createTextRange();
- if (offset === lineOffset && direction < 0) {
- range.moveToElementText(lineChild.previousSibling);
- } else {
- range.moveToElementText(lineChild);
- range.collapse();
- range.moveEnd("character", offset - lineOffset);
- }
- length = range.text.length;
- range.moveEnd(unit, direction);
- result = offset + range.text.length - length;
- break;
- }
- lineOffset = nodeLength + lineOffset;
- lineChild = lineChild.nextSibling;
- }
- }
- if (dummy) { clientDiv.removeChild(dummy); }
- return result;
- },
- _getOffsetToX: function (offset) {
- return this._getBoundsAtOffset(offset).left;
- },
- _getPadding: function (node) {
- var left,top,right,bottom;
- if (node.currentStyle) {
- left = node.currentStyle.paddingLeft;
- top = node.currentStyle.paddingTop;
- right = node.currentStyle.paddingRight;
- bottom = node.currentStyle.paddingBottom;
- } else if (this._frameWindow.getComputedStyle) {
- var style = this._frameWindow.getComputedStyle(node, null);
- left = style.getPropertyValue("padding-left");
- top = style.getPropertyValue("padding-top");
- right = style.getPropertyValue("padding-right");
- bottom = style.getPropertyValue("padding-bottom");
- }
- return {
- left: parseInt(left, 10),
- top: parseInt(top, 10),
- right: parseInt(right, 10),
- bottom: parseInt(bottom, 10)
- };
- },
- _getScroll: function() {
- var viewDiv = this._viewDiv;
- return {x: viewDiv.scrollLeft, y: viewDiv.scrollTop};
- },
- _getSelection: function () {
- return this._selection.clone();
- },
- _getTopIndex: function (fullyVisible) {
- var child = this._topChild;
- if (fullyVisible && this._getClientHeight() > this._getLineHeight()) {
- var rect = child.getBoundingClientRect();
- var viewPad = this._getViewPadding();
- var viewRect = this._viewDiv.getBoundingClientRect();
- if (rect.top < viewRect.top + viewPad.top) {
- child = this._getLineNext(child) || child;
- }
- }
- return child.lineIndex;
- },
- _getXToOffset: function (lineIndex, x) {
- var model = this._model;
- var lineStart = model.getLineStart(lineIndex);
- var lineEnd = model.getLineEnd(lineIndex);
- if (lineStart === lineEnd) {
- return lineStart;
- }
- var document = this._frameDocument;
- var clientDiv = this._clientDiv;
- var dummy;
- var child = this._getLineNode(lineIndex);
- if (!child) {
- child = dummy = this._createLine(clientDiv, null, document, lineIndex, model);
- }
- var lineRect = this._getLineBoundingClientRect(child);
- if (x < lineRect.left) { x = lineRect.left; }
- if (x > lineRect.right) { x = lineRect.right; }
- /*
- * Bug in IE 8 and earlier. The coordinates of getClientRects() are relative to
- * the browser window. The fix is to convert to the frame window before using it.
- */
- var deltaX = 0, rects;
- if (isIE < 9) {
- rects = child.getClientRects();
- var minLeft = rects[0].left;
- for (var i=1; i<rects.length; i++) {
- minLeft = Math.min(rects[i].left, minLeft);
- }
- deltaX = minLeft - lineRect.left;
- }
- var scrollX = this._getScroll().x;
- function _getClientRects(element) {
- var rects, newRects, i, r;
- if (!element._rectsCache) {
- rects = element.getClientRects();
- newRects = [rects.length];
- for (i = 0; i<rects.length; i++) {
- r = rects[i];
- newRects[i] = {left: r.left - deltaX + scrollX, top: r.top, right: r.right - deltaX + scrollX, bottom: r.bottom};
- }
- element._rectsCache = newRects;
- }
- rects = element._rectsCache;
- newRects = [rects.length];
- for (i = 0; i<rects.length; i++) {
- r = rects[i];
- newRects[i] = {left: r.left - scrollX, top: r.top, right: r.right - scrollX, bottom: r.bottom};
- }
- return newRects;
- }
- var logicalXDPI = isIE ? window.screen.logicalXDPI : 1;
- var deviceXDPI = isIE ? window.screen.deviceXDPI : 1;
- var offset = lineStart;
- var lineChild = child.firstChild;
- done:
- while (lineChild) {
- var textNode = lineChild.firstChild;
- var nodeLength = textNode.length;
- if (lineChild.ignoreChars) {
- nodeLength -= lineChild.ignoreChars;
- }
- rects = _getClientRects(lineChild);
- for (var j = 0; j < rects.length; j++) {
- var rect = rects[j];
- if (rect.left <= x && x < rect.right) {
- var range, start, end;
- if (isIE || isRangeRects) {
- range = isRangeRects ? document.createRange() : document.body.createTextRange();
- var high = nodeLength;
- var low = -1;
- while ((high - low) > 1) {
- var mid = Math.floor((high + low) / 2);
- start = low + 1;
- end = mid === nodeLength - 1 && lineChild.ignoreChars ? textNode.length : mid + 1;
- if (isRangeRects) {
- range.setStart(textNode, start);
- range.setEnd(textNode, end);
- } else {
- range.moveToElementText(lineChild);
- range.move("character", start);
- range.moveEnd("character", end - start);
- }
- rects = range.getClientRects();
- var found = false;
- for (var k = 0; k < rects.length; k++) {
- rect = rects[k];
- var rangeLeft = rect.left * logicalXDPI / deviceXDPI - deltaX;
- var rangeRight = rect.right * logicalXDPI / deviceXDPI - deltaX;
- if (rangeLeft <= x && x < rangeRight) {
- found = true;
- break;
- }
- }
- if (found) {
- high = mid;
- } else {
- low = mid;
- }
- }
- offset += high;
- start = high;
- end = high === nodeLength - 1 && lineChild.ignoreChars ? textNode.length : Math.min(high + 1, textNode.length);
- if (isRangeRects) {
- range.setStart(textNode, start);
- range.setEnd(textNode, end);
- } else {
- range.moveToElementText(lineChild);
- range.move("character", start);
- range.moveEnd("character", end - start);
- }
- rect = range.getClientRects()[0];
- //TODO test for character trailing (wrong for bidi)
- if (x > ((rect.left * logicalXDPI / deviceXDPI - deltaX) + ((rect.right - rect.left) * logicalXDPI / deviceXDPI / 2))) {
- offset++;
- }
- } else {
- var newText = [];
- for (var q = 0; q < nodeLength; q++) {
- newText.push("<span>");
- if (q === nodeLength - 1) {
- newText.push(textNode.data.substring(q));
- } else {
- newText.push(textNode.data.substring(q, q + 1));
- }
- newText.push("</span>");
- }
- lineChild.innerHTML = newText.join("");
- var rangeChild = lineChild.firstChild;
- while (rangeChild) {
- rect = rangeChild.getBoundingClientRect();
- if (rect.left <= x && x < rect.right) {
- //TODO test for character trailing (wrong for bidi)
- if (x > rect.left + (rect.right - rect.left) / 2) {
- offset++;
- }
- break;
- }
- offset++;
- rangeChild = rangeChild.nextSibling;
- }
- if (!dummy) {
- lineChild.innerHTML = "";
- lineChild.appendChild(textNode);
- /*
- * Removing the element node that holds the selection start or end
- * causes the selection to be lost. The fix is to detect this case
- * and restore the selection.
- */
- var s = this._getSelection();
- if ((offset <= s.start && s.start < offset + nodeLength) || (offset <= s.end && s.end < offset + nodeLength)) {
- this._updateDOMSelection();
- }
- }
- }
- break done;
- }
- }
- offset += nodeLength;
- lineChild = lineChild.nextSibling;
- }
- if (dummy) { clientDiv.removeChild(dummy); }
- return Math.min(lineEnd, Math.max(lineStart, offset));
- },
- _getYToLine: function (y) {
- var viewPad = this._getViewPadding();
- var viewRect = this._viewDiv.getBoundingClientRect();
- y -= viewRect.top + viewPad.top;
- var lineHeight = this._getLineHeight();
- var lineIndex = Math.floor((y + this._getScroll().y) / lineHeight);
- var lineCount = this._model.getLineCount();
- return Math.max(0, Math.min(lineCount - 1, lineIndex));
- },
- _getOffsetBounds: function(offset) {
- var model = this._model;
- var lineIndex = model.getLineAtOffset(offset);
- var lineHeight = this._getLineHeight();
- var scroll = this._getScroll();
- var viewPad = this._getViewPadding();
- var viewRect = this._viewDiv.getBoundingClientRect();
- var bounds = this._getBoundsAtOffset(offset);
- var left = bounds.left;
- var right = bounds.right;
- var top = (lineIndex * lineHeight) - scroll.y + viewRect.top + viewPad.top;
- var bottom = top + lineHeight;
- return {left: left, top: top, right: right, bottom: bottom};
- },
- _getVisible: function() {
- var temp = this._parent;
- var parentDocument = temp.ownerDocument;
- while (temp !== parentDocument) {
- var hidden;
- if (isIE < 9) {
- hidden = temp.currentStyle && temp.currentStyle.display === "none";
- } else {
- var tempStyle = parentDocument.defaultView.getComputedStyle(temp, null);
- hidden = tempStyle && tempStyle.getPropertyValue("display") === "none";
- }
- if (hidden) { return "hidden"; }
- temp = temp.parentNode;
- if (!temp) { return "disconnected"; }
- }
- return "visible";
- },
- _hitOffset: function (offset, x, y) {
- var bounds = this._getOffsetBounds(offset);
- var left = bounds.left;
- var right = bounds.right;
- var top = bounds.top;
- var bottom = bounds.bottom;
- var area = 20;
- left -= area;
- top -= area;
- right += area;
- bottom += area;
- return (left <= x && x <= right && top <= y && y <= bottom);
- },
- _hookEvents: function() {
- var self = this;
- this._modelListener = {
- /** @private */
- onChanging: function(modelChangingEvent) {
- self._onModelChanging(modelChangingEvent);
- },
- /** @private */
- onChanged: function(modelChangedEvent) {
- self._onModelChanged(modelChangedEvent);
- }
- };
- this._model.addEventListener("Changing", this._modelListener.onChanging);
- this._model.addEventListener("Changed", this._modelListener.onChanged);
-
- var clientDiv = this._clientDiv;
- var viewDiv = this._viewDiv;
- var body = this._frameDocument.body;
- var handlers = this._handlers = [];
- var resizeNode = isIE < 9 ? this._frame : this._frameWindow;
- var focusNode = isPad ? this._textArea : (isIE || isFirefox ? this._clientDiv: this._frameWindow);
- handlers.push({target: this._frameWindow, type: "unload", handler: function(e) { return self._handleUnload(e);}});
- handlers.push({target: resizeNode, type: "resize", handler: function(e) { return self._handleResize(e);}});
- handlers.push({target: focusNode, type: "blur", handler: function(e) { return self._handleBlur(e);}});
- handlers.push({target: focusNode, type: "focus", handler: function(e) { return self._handleFocus(e);}});
- handlers.push({target: viewDiv, type: "scroll", handler: function(e) { return self._handleScroll(e);}});
- if (isPad) {
- var touchDiv = this._touchDiv;
- var textArea = this._textArea;
- handlers.push({target: textArea, type: "keydown", handler: function(e) { return self._handleKeyDown(e);}});
- handlers.push({target: textArea, type: "input", handler: function(e) { return self._handleInput(e); }});
- handlers.push({target: textArea, type: "textInput", handler: function(e) { return self._handleTextInput(e); }});
- handlers.push({target: textArea, type: "click", handler: function(e) { return self._handleTextAreaClick(e); }});
- handlers.push({target: touchDiv, type: "touchstart", handler: function(e) { return self._handleTouchStart(e); }});
- handlers.push({target: touchDiv, type: "touchmove", handler: function(e) { return self._handleTouchMove(e); }});
- handlers.push({target: touchDiv, type: "touchend", handler: function(e) { return self._handleTouchEnd(e); }});
- } else {
- var topNode = this._overlayDiv || this._clientDiv;
- var grabNode = isIE ? clientDiv : this._frameWindow;
- handlers.push({target: clientDiv, type: "keydown", handler: function(e) { return self._handleKeyDown(e);}});
- handlers.push({target: clientDiv, type: "keypress", handler: function(e) { return self._handleKeyPress(e);}});
- handlers.push({target: clientDiv, type: "keyup", handler: function(e) { return self._handleKeyUp(e);}});
- handlers.push({target: clientDiv, type: "selectstart", handler: function(e) { return self._handleSelectStart(e);}});
- handlers.push({target: clientDiv, type: "contextmenu", handler: function(e) { return self._handleContextMenu(e);}});
- handlers.push({target: clientDiv, type: "copy", handler: function(e) { return self._handleCopy(e);}});
- handlers.push({target: clientDiv, type: "cut", handler: function(e) { return self._handleCut(e);}});
- handlers.push({target: clientDiv, type: "paste", handler: function(e) { return self._handlePaste(e);}});
- handlers.push({target: clientDiv, type: "mousedown", handler: function(e) { return self._handleMouseDown(e);}});
- handlers.push({target: clientDiv, type: "mouseover", handler: function(e) { return self._handleMouseOver(e);}});
- handlers.push({target: clientDiv, type: "mouseout", handler: function(e) { return self._handleMouseOut(e);}});
- handlers.push({target: grabNode, type: "mouseup", handler: function(e) { return self._handleMouseUp(e);}});
- handlers.push({target: grabNode, type: "mousemove", handler: function(e) { return self._handleMouseMove(e);}});
- handlers.push({target: body, type: "mousedown", handler: function(e) { return self._handleBodyMouseDown(e);}});
- handlers.push({target: body, type: "mouseup", handler: function(e) { return self._handleBodyMouseUp(e);}});
- handlers.push({target: topNode, type: "dragstart", handler: function(e) { return self._handleDragStart(e);}});
- handlers.push({target: topNode, type: "drag", handler: function(e) { return self._handleDrag(e);}});
- handlers.push({target: topNode, type: "dragend", handler: function(e) { return self._handleDragEnd(e);}});
- handlers.push({target: topNode, type: "dragenter", handler: function(e) { return self._handleDragEnter(e);}});
- handlers.push({target: topNode, type: "dragover", handler: function(e) { return self._handleDragOver(e);}});
- handlers.push({target: topNode, type: "dragleave", handler: function(e) { return self._handleDragLeave(e);}});
- handlers.push({target: topNode, type: "drop", handler: function(e) { return self._handleDrop(e);}});
- if (isChrome) {
- handlers.push({target: this._parentDocument, type: "mousemove", handler: function(e) { return self._handleMouseMove(e);}});
- handlers.push({target: this._parentDocument, type: "mouseup", handler: function(e) { return self._handleMouseUp(e);}});
- }
- if (isIE) {
- handlers.push({target: this._frameDocument, type: "activate", handler: function(e) { return self._handleDocFocus(e); }});
- }
- if (isFirefox) {
- handlers.push({target: this._frameDocument, type: "focus", handler: function(e) { return self._handleDocFocus(e); }});
- }
- if (!isIE && !isOpera) {
- var wheelEvent = isFirefox ? "DOMMouseScroll" : "mousewheel";
- handlers.push({target: this._viewDiv, type: wheelEvent, handler: function(e) { return self._handleMouseWheel(e); }});
- }
- if (isFirefox && !isWindows) {
- handlers.push({target: this._clientDiv, type: "DOMCharacterDataModified", handler: function (e) { return self._handleDataModified(e); }});
- }
- if (this._overlayDiv) {
- handlers.push({target: this._overlayDiv, type: "mousedown", handler: function(e) { return self._handleMouseDown(e);}});
- handlers.push({target: this._overlayDiv, type: "mouseover", handler: function(e) { return self._handleMouseOver(e);}});
- handlers.push({target: this._overlayDiv, type: "mouseout", handler: function(e) { return self._handleMouseOut(e);}});
- handlers.push({target: this._overlayDiv, type: "contextmenu", handler: function(e) { return self._handleContextMenu(e); }});
- }
- if (!isW3CEvents) {
- handlers.push({target: this._clientDiv, type: "dblclick", handler: function(e) { return self._handleDblclick(e); }});
- }
- }
- for (var i=0; i<handlers.length; i++) {
- var h = handlers[i];
- addHandler(h.target, h.type, h.handler, h.capture);
- }
- },
- _init: function(options) {
- var parent = options.parent;
- if (typeof(parent) === "string") {
- parent = window.document.getElementById(parent);
- }
- if (!parent) { throw "no parent"; }
- options.parent = parent;
- options.model = options.model || new mTextModel.TextModel();
- var defaultOptions = this._defaultOptions();
- for (var option in defaultOptions) {
- if (defaultOptions.hasOwnProperty(option)) {
- var value;
- if (options[option] !== undefined) {
- value = options[option];
- } else {
- value = defaultOptions[option].value;
- }
- this["_" + option] = value;
- }
- }
- this._rulers = [];
- this._selection = new Selection (0, 0, false);
- this._linksVisible = false;
- this._redrawCount = 0;
- this._maxLineWidth = 0;
- this._maxLineIndex = -1;
- this._ignoreSelect = true;
- this._ignoreFocus = false;
- this._columnX = -1;
- this._dragOffset = -1;
- /* Auto scroll */
- this._autoScrollX = null;
- this._autoScrollY = null;
- this._autoScrollTimerID = null;
- this._AUTO_SCROLL_RATE = 50;
- this._grabControl = null;
- this._moseMoveClosure = null;
- this._mouseUpClosure = null;
-
- /* Double click */
- this._lastMouseX = 0;
- this._lastMouseY = 0;
- this._lastMouseTime = 0;
- this._clickCount = 0;
- this._clickTime = 250;
- this._clickDist = 5;
- this._isMouseDown = false;
- this._doubleClickSelection = null;
-
- /* Scroll */
- this._hScroll = 0;
- this._vScroll = 0;
- /* IME */
- this._imeOffset = -1;
-
- /* Create elements */
- this._createActions();
- this._createFrame();
- },
- _isLinkURL: function(string) {
- return string.toLowerCase().lastIndexOf(".css") === string.length - 4;
- },
- _modifyContent: function(e, updateCaret) {
- if (this._readonly && !e._code) {
- return;
- }
- e.type = "Verify";
- this.onVerify(e);
- if (e.text === null || e.text === undefined) { return; }
-
- var model = this._model;
- try {
- if (e._ignoreDOMSelection) { this._ignoreDOMSelection = true; }
- model.setText (e.text, e.start, e.end);
- } finally {
- if (e._ignoreDOMSelection) { this._ignoreDOMSelection = false; }
- }
-
- if (updateCaret) {
- var selection = this._getSelection ();
- selection.setCaret(e.start + e.text.length);
- this._setSelection(selection, true);
- }
- this.onModify({type: "Modify"});
- },
- _onModelChanged: function(modelChangedEvent) {
- modelChangedEvent.type = "ModelChanged";
- this.onModelChanged(modelChangedEvent);
- modelChangedEvent.type = "Changed";
- var start = modelChangedEvent.start;
- var addedCharCount = modelChangedEvent.addedCharCount;
- var removedCharCount = modelChangedEvent.removedCharCount;
- var addedLineCount = modelChangedEvent.addedLineCount;
- var removedLineCount = modelChangedEvent.removedLineCount;
- var selection = this._getSelection();
- if (selection.end > start) {
- if (selection.end > start && selection.start < start + removedCharCount) {
- // selection intersects replaced text. set caret behind text change
- selection.setCaret(start + addedCharCount);
- } else {
- // move selection to keep same text selected
- selection.start += addedCharCount - removedCharCount;
- selection.end += addedCharCount - removedCharCount;
- }
- this._setSelection(selection, false, false);
- }
-
- var model = this._model;
- var startLine = model.getLineAtOffset(start);
- var child = this._getLineNext();
- while (child) {
- var lineIndex = child.lineIndex;
- if (startLine <= lineIndex && lineIndex <= startLine + removedLineCount) {
- if (startLine === lineIndex && !child.modelChangedEvent && !child.lineRemoved) {
- child.modelChangedEvent = modelChangedEvent;
- child.lineChanged = true;
- } else {
- child.lineRemoved = true;
- child.lineChanged = false;
- child.modelChangedEvent = null;
- }
- }
- if (lineIndex > startLine + removedLineCount) {
- child.lineIndex = lineIndex + addedLineCount - removedLineCount;
- }
- child = this._getLineNext(child);
- }
- if (startLine <= this._maxLineIndex && this._maxLineIndex <= startLine + removedLineCount) {
- this._checkMaxLineIndex = this._maxLineIndex;
- this._maxLineIndex = -1;
- this._maxLineWidth = 0;
- }
- this._updatePage();
- },
- _onModelChanging: function(modelChangingEvent) {
- modelChangingEvent.type = "ModelChanging";
- this.onModelChanging(modelChangingEvent);
- modelChangingEvent.type = "Changing";
- },
- _queueUpdatePage: function() {
- if (this._updateTimer) { return; }
- var self = this;
- this._updateTimer = setTimeout(function() {
- self._updateTimer = null;
- self._updatePage();
- }, 0);
- },
- _reset: function() {
- this._maxLineIndex = -1;
- this._maxLineWidth = 0;
- this._columnX = -1;
- this._topChild = null;
- this._bottomChild = null;
- this._partialY = 0;
- this._setSelection(new Selection (0, 0, false), false, false);
- if (this._viewDiv) {
- this._viewDiv.scrollLeft = 0;
- this._viewDiv.scrollTop = 0;
- }
- var clientDiv = this._clientDiv;
- if (clientDiv) {
- var child = clientDiv.firstChild;
- while (child) {
- child.lineRemoved = true;
- child = child.nextSibling;
- }
- /*
- * Bug in Firefox. For some reason, the caret does not show after the
- * view is refreshed. The fix is to toggle the contentEditable state and
- * force the clientDiv to loose and receive focus if it is focused.
- */
- if (isFirefox) {
- this._ignoreFocus = false;
- var hasFocus = this._hasFocus;
- if (hasFocus) { clientDiv.blur(); }
- clientDiv.contentEditable = false;
- clientDiv.contentEditable = true;
- if (hasFocus) { clientDiv.focus(); }
- this._ignoreFocus = false;
- }
- }
- },
- _resizeTouchDiv: function() {
- var viewRect = this._viewDiv.getBoundingClientRect();
- var parentRect = this._frame.getBoundingClientRect();
- var temp = this._frame;
- while (temp) {
- if (temp.style && temp.style.top) { break; }
- temp = temp.parentNode;
- }
- var parentTop = parentRect.top;
- if (temp) {
- parentTop -= temp.getBoundingClientRect().top;
- } else {
- parentTop += this._parentDocument.body.scrollTop;
- }
- temp = this._frame;
- while (temp) {
- if (temp.style && temp.style.left) { break; }
- temp = temp.parentNode;
- }
- var parentLeft = parentRect.left;
- if (temp) {
- parentLeft -= temp.getBoundingClientRect().left;
- } else {
- parentLeft += this._parentDocument.body.scrollLeft;
- }
- var touchDiv = this._touchDiv;
- touchDiv.style.left = (parentLeft + viewRect.left) + "px";
- touchDiv.style.top = (parentTop + viewRect.top) + "px";
- touchDiv.style.width = viewRect.width + "px";
- touchDiv.style.height = viewRect.height + "px";
- },
- _scrollView: function (pixelX, pixelY) {
- /*
- * Always set _ensureCaretVisible to false so that the view does not scroll
- * to show the caret when scrollView is not called from showCaret().
- */
- this._ensureCaretVisible = false;
-
- /*
- * Scrolling is done only by setting the scrollLeft and scrollTop fields in the
- * view div. This causes an updatePage from the scroll event. In some browsers
- * this event is asynchronous and forcing update page to run synchronously
- * leads to redraw problems.
- * On Chrome 11, the view redrawing at times when holding PageDown/PageUp key.
- * On Firefox 4 for Linux, the view redraws the first page when holding
- * PageDown/PageUp key, but it will not redraw again until the key is released.
- */
- var viewDiv = this._viewDiv;
- if (pixelX) { viewDiv.scrollLeft += pixelX; }
- if (pixelY) { viewDiv.scrollTop += pixelY; }
- },
- _setClipboardText: function (text, event) {
- var clipboardText;
- if (this._frameWindow.clipboardData) {
- //IE
- clipboardText = [];
- this._convertDelimiter(text, function(t) {clipboardText.push(t);}, function() {clipboardText.push(platformDelimiter);});
- return this._frameWindow.clipboardData.setData("Text", clipboardText.join(""));
- }
- /* Feature in Chrome, clipboardData.setData is no-op on Chrome even though it returns true */
- if (isChrome || isFirefox || !event) {
- var window = this._frameWindow;
- var document = this._frameDocument;
- var child = document.createElement("PRE");
- child.style.position = "fixed";
- child.style.left = "-1000px";
- this._convertDelimiter(text,
- function(t) {
- child.appendChild(document.createTextNode(t));
- },
- function() {
- child.appendChild(document.createElement("BR"));
- }
- );
- child.appendChild(document.createTextNode(" "));
- this._clientDiv.appendChild(child);
- var range = document.createRange();
- range.setStart(child.firstChild, 0);
- range.setEndBefore(child.lastChild);
- var sel = window.getSelection();
- if (sel.rangeCount > 0) { sel.removeAllRanges(); }
- sel.addRange(range);
- var self = this;
- /** @ignore */
- var cleanup = function() {
- if (child && child.parentNode === self._clientDiv) {
- self._clientDiv.removeChild(child);
- }
- self._updateDOMSelection();
- };
- var result = false;
- /*
- * Try execCommand first, it works on firefox with clipboard permission,
- * chrome 5, safari 4.
- */
- this._ignoreCopy = true;
- try {
- result = document.execCommand("copy", false, null);
- } catch (e) {}
- this._ignoreCopy = false;
- if (!result) {
- if (event) {
- setTimeout(cleanup, 0);
- return false;
- }
- }
- /* no event and no permission, copy can not be done */
- cleanup();
- return true;
- }
- if (event && event.clipboardData) {
- //webkit
- clipboardText = [];
- this._convertDelimiter(text, function(t) {clipboardText.push(t);}, function() {clipboardText.push(platformDelimiter);});
- return event.clipboardData.setData("text/plain", clipboardText.join(""));
- }
- },
- _setDOMSelection: function (startNode, startOffset, endNode, endOffset) {
- var window = this._frameWindow;
- var document = this._frameDocument;
- var startLineNode, startLineOffset, endLineNode, endLineOffset;
- var offset = 0;
- var lineChild = startNode.firstChild;
- var node, nodeLength, model = this._model;
- var startLineEnd = model.getLine(startNode.lineIndex).length;
- while (lineChild) {
- node = lineChild.firstChild;
- nodeLength = node.length;
- if (lineChild.ignoreChars) {
- nodeLength -= lineChild.ignoreChars;
- }
- if (offset + nodeLength > startOffset || offset + nodeLength >= startLineEnd) {
- startLineNode = node;
- startLineOffset = startOffset - offset;
- if (lineChild.ignoreChars && nodeLength > 0 && startLineOffset === nodeLength) {
- startLineOffset += lineChild.ignoreChars;
- }
- break;
- }
- offset += nodeLength;
- lineChild = lineChild.nextSibling;
- }
- offset = 0;
- lineChild = endNode.firstChild;
- var endLineEnd = this._model.getLine(endNode.lineIndex).length;
- while (lineChild) {
- node = lineChild.firstChild;
- nodeLength = node.length;
- if (lineChild.ignoreChars) {
- nodeLength -= lineChild.ignoreChars;
- }
- if (nodeLength + offset > endOffset || offset + nodeLength >= endLineEnd) {
- endLineNode = node;
- endLineOffset = endOffset - offset;
- if (lineChild.ignoreChars && nodeLength > 0 && endLineOffset === nodeLength) {
- endLineOffset += lineChild.ignoreChars;
- }
- break;
- }
- offset += nodeLength;
- lineChild = lineChild.nextSibling;
- }
-
- this._setDOMFullSelection(startNode, startOffset, startLineEnd, endNode, endOffset, endLineEnd);
- if (isPad) { return; }
- var range;
- if (window.getSelection) {
- //W3C
- range = document.createRange();
- range.setStart(startLineNode, startLineOffset);
- range.setEnd(endLineNode, endLineOffset);
- var sel = window.getSelection();
- this._ignoreSelect = false;
- if (sel.rangeCount > 0) { sel.removeAllRanges(); }
- sel.addRange(range);
- this._ignoreSelect = true;
- } else if (document.selection) {
- //IE < 9
- var body = document.body;
- /*
- * Bug in IE. For some reason when text is deselected the overflow
- * selection at the end of some lines does not get redrawn. The
- * fix is to create a DOM element in the body to force a redraw.
- */
- var child = document.createElement("DIV");
- body.appendChild(child);
- body.removeChild(child);
-
- range = body.createTextRange();
- range.moveToElementText(startLineNode.parentNode);
- range.moveStart("character", startLineOffset);
- var endRange = body.createTextRange();
- endRange.moveToElementText(endLineNode.parentNode);
- endRange.moveStart("character", endLineOffset);
- range.setEndPoint("EndToStart", endRange);
- this._ignoreSelect = false;
- range.select();
- this._ignoreSelect = true;
- }
- },
- _setDOMFullSelection: function(startNode, startOffset, startLineEnd, endNode, endOffset, endLineEnd) {
- var model = this._model;
- if (this._selDiv1) {
- var startLineBounds, l;
- startLineBounds = this._getLineBoundingClientRect(startNode);
- if (startOffset === 0) {
- l = startLineBounds.left;
- } else {
- if (startOffset >= startLineEnd) {
- l = startLineBounds.right;
- } else {
- this._ignoreDOMSelection = true;
- l = this._getBoundsAtOffset(model.getLineStart(startNode.lineIndex) + startOffset).left;
- this._ignoreDOMSelection = false;
- }
- }
- var textArea = this._textArea;
- if (textArea && isPad) {
- textArea.selectionStart = textArea.selectionEnd = 0;
- var rect = this._frame.getBoundingClientRect();
- var touchRect = this._touchDiv.getBoundingClientRect();
- var viewBounds = this._viewDiv.getBoundingClientRect();
- if (!(viewBounds.left <= l && l <= viewBounds.left + viewBounds.width &&
- viewBounds.top <= startLineBounds.top && startLineBounds.top <= viewBounds.top + viewBounds.height) ||
- !(startNode === endNode && startOffset === endOffset))
- {
- textArea.style.left = "-1000px";
- } else {
- textArea.style.left = (l - 4 + rect.left - touchRect.left) + "px";
- }
- textArea.style.top = (startLineBounds.top + rect.top - touchRect.top) + "px";
- textArea.style.width = "6px";
- textArea.style.height = (startLineBounds.bottom - startLineBounds.top) + "px";
- }
-
- var selDiv = this._selDiv1;
- selDiv.style.width = "0px";
- selDiv.style.height = "0px";
- selDiv = this._selDiv2;
- selDiv.style.width = "0px";
- selDiv.style.height = "0px";
- selDiv = this._selDiv3;
- selDiv.style.width = "0px";
- selDiv.style.height = "0px";
- if (!(startNode === endNode && startOffset === endOffset)) {
- var handleWidth = isPad ? 2 : 0;
- var handleBorder = handleWidth + "px blue solid";
- var viewPad = this._getViewPadding();
- var clientRect = this._clientDiv.getBoundingClientRect();
- var viewRect = this._viewDiv.getBoundingClientRect();
- var left = viewRect.left + viewPad.left;
- var right = clientRect.right;
- var top = viewRect.top + viewPad.top;
- var bottom = clientRect.bottom;
- var hd = 0, vd = 0;
- if (this._clipDiv) {
- var clipRect = this._clipDiv.getBoundingClientRect();
- hd = clipRect.left - this._clipDiv.scrollLeft;
- vd = clipRect.top;
- }
- var r;
- var endLineBounds = this._getLineBoundingClientRect(endNode);
- if (endOffset === 0) {
- r = endLineBounds.left;
- } else {
- if (endOffset >= endLineEnd) {
- r = endLineBounds.right;
- } else {
- this._ignoreDOMSelection = true;
- r = this._getBoundsAtOffset(model.getLineStart(endNode.lineIndex) + endOffset).left;
- this._ignoreDOMSelection = false;
- }
- }
- var sel1Div = this._selDiv1;
- var sel1Left = Math.min(right, Math.max(left, l));
- var sel1Top = Math.min(bottom, Math.max(top, startLineBounds.top));
- var sel1Right = right;
- var sel1Bottom = Math.min(bottom, Math.max(top, startLineBounds.bottom));
- sel1Div.style.left = (sel1Left - hd) + "px";
- sel1Div.style.top = (sel1Top - vd) + "px";
- sel1Div.style.width = Math.max(0, sel1Right - sel1Left) + "px";
- sel1Div.style.height = Math.max(0, sel1Bottom - sel1Top) + (isPad ? 1 : 0) + "px";
- if (isPad) {
- sel1Div.style.borderLeft = handleBorder;
- sel1Div.style.borderRight = "0px";
- }
- if (startNode === endNode) {
- sel1Right = Math.min(r, right);
- sel1Div.style.width = Math.max(0, sel1Right - sel1Left - handleWidth * 2) + "px";
- if (isPad) {
- sel1Div.style.borderRight = handleBorder;
- }
- } else {
- var sel3Left = left;
- var sel3Top = Math.min(bottom, Math.max(top, endLineBounds.top));
- var sel3Right = Math.min(right, Math.max(left, r));
- var sel3Bottom = Math.min(bottom, Math.max(top, endLineBounds.bottom));
- var sel3Div = this._selDiv3;
- sel3Div.style.left = (sel3Left - hd) + "px";
- sel3Div.style.top = (sel3Top - vd) + "px";
- sel3Div.style.width = Math.max(0, sel3Right - sel3Left - handleWidth) + "px";
- sel3Div.style.height = Math.max(0, sel3Bottom - sel3Top) + "px";
- if (isPad) {
- sel3Div.style.borderRight = handleBorder;
- }
- if (sel3Top - sel1Bottom > 0) {
- var sel2Div = this._selDiv2;
- sel2Div.style.left = (left - hd) + "px";
- sel2Div.style.top = (sel1Bottom - vd) + "px";
- sel2Div.style.width = Math.max(0, right - left) + "px";
- sel2Div.style.height = Math.max(0, sel3Top - sel1Bottom) + (isPad ? 1 : 0) + "px";
- }
- }
- }
- }
- },
- _setGrab: function (target) {
- if (target === this._grabControl) { return; }
- if (target) {
- if (target.setCapture) { target.setCapture(); }
- this._grabControl = target;
- } else {
- if (this._grabControl.releaseCapture) { this._grabControl.releaseCapture(); }
- this._grabControl = null;
- }
- },
- _setLinksVisible: function(visible) {
- if (this._linksVisible === visible) { return; }
- this._linksVisible = visible;
- /*
- * Feature in IE. The client div looses focus and does not regain it back
- * when the content editable flag is reset. The fix is to remember that it
- * had focus when the flag is cleared and give focus back to the div when
- * the flag is set.
- */
- if (isIE && visible) {
- this._hadFocus = this._hasFocus;
- }
- var clientDiv = this._clientDiv;
- clientDiv.contentEditable = !visible;
- if (this._hadFocus && !visible) {
- clientDiv.focus();
- }
- if (this._overlayDiv) {
- this._overlayDiv.style.zIndex = visible ? "-1" : "1";
- }
- var document = this._frameDocument;
- var line = this._getLineNext();
- while (line) {
- if (line.hasLink) {
- var lineChild = line.firstChild;
- while (lineChild) {
- var next = lineChild.nextSibling;
- var style = lineChild.viewStyle;
- if (style && style.tagName === "A") {
- line.replaceChild(this._createSpan(line, document, lineChild.firstChild.data, style), lineChild);
- }
- lineChild = next;
- }
- }
- line = this._getLineNext(line);
- }
- },
- _setSelection: function (selection, scroll, update, pageScroll) {
- if (selection) {
- this._columnX = -1;
- if (update === undefined) { update = true; }
- var oldSelection = this._selection;
- if (!oldSelection.equals(selection)) {
- this._selection = selection;
- var e = {
- type: "Selection",
- oldValue: {start:oldSelection.start, end:oldSelection.end},
- newValue: {start:selection.start, end:selection.end}
- };
- this.onSelection(e);
- }
- /*
- * Always showCaret(), even when the selection is not changing, to ensure the
- * caret is visible. Note that some views do not scroll to show the caret during
- * keyboard navigation when the selection does not chanage. For example, line down
- * when the caret is already at the last line.
- */
- if (scroll) { update = !this._showCaret(false, pageScroll); }
-
- /*
- * Sometimes the browser changes the selection
- * as result of method calls or "leaked" events.
- * The fix is to set the visual selection even
- * when the logical selection is not changed.
- */
- if (update) { this._updateDOMSelection(); }
- }
- },
- _setSelectionTo: function (x, y, extent, drag) {
- var model = this._model, offset;
- var selection = this._getSelection();
- var lineIndex = this._getYToLine(y);
- if (this._clickCount === 1) {
- offset = this._getXToOffset(lineIndex, x);
- if (drag && !extent) {
- if (selection.start <= offset && offset < selection.end) {
- this._dragOffset = offset;
- return false;
- }
- }
- selection.extend(offset);
- if (!extent) { selection.collapse(); }
- } else {
- var word = (this._clickCount & 1) === 0;
- var start, end;
- if (word) {
- offset = this._getXToOffset(lineIndex, x);
- if (this._doubleClickSelection) {
- if (offset >= this._doubleClickSelection.start) {
- start = this._doubleClickSelection.start;
- end = this._getOffset(offset, "wordend", +1);
- } else {
- start = this._getOffset(offset, "word", -1);
- end = this._doubleClickSelection.end;
- }
- } else {
- start = this._getOffset(offset, "word", -1);
- end = this._getOffset(start, "wordend", +1);
- }
- } else {
- if (this._doubleClickSelection) {
- var doubleClickLine = model.getLineAtOffset(this._doubleClickSelection.start);
- if (lineIndex >= doubleClickLine) {
- start = model.getLineStart(doubleClickLine);
- end = model.getLineEnd(lineIndex);
- } else {
- start = model.getLineStart(lineIndex);
- end = model.getLineEnd(doubleClickLine);
- }
- } else {
- start = model.getLineStart(lineIndex);
- end = model.getLineEnd(lineIndex);
- }
- }
- selection.setCaret(start);
- selection.extend(end);
- }
- this._setSelection(selection, true, true);
- return true;
- },
- _setStyleSheet: function(stylesheet) {
- var oldstylesheet = this._stylesheet;
- if (!(oldstylesheet instanceof Array)) {
- oldstylesheet = [oldstylesheet];
- }
- this._stylesheet = stylesheet;
- if (!(stylesheet instanceof Array)) {
- stylesheet = [stylesheet];
- }
- var document = this._frameDocument;
- var documentStylesheet = document.styleSheets;
- var head = document.getElementsByTagName("head")[0];
- var changed = false;
- var i = 0, sheet, oldsheet, documentSheet, ownerNode, styleNode, textNode;
- while (i < stylesheet.length) {
- if (i >= oldstylesheet.length) { break; }
- sheet = stylesheet[i];
- oldsheet = oldstylesheet[i];
- if (sheet !== oldsheet) {
- if (this._isLinkURL(sheet)) {
- return true;
- } else {
- documentSheet = documentStylesheet[i+1];
- ownerNode = documentSheet.ownerNode;
- styleNode = document.createElement('STYLE');
- textNode = document.createTextNode(sheet);
- styleNode.appendChild(textNode);
- head.replaceChild(styleNode, ownerNode);
- changed = true;
- }
- }
- i++;
- }
- if (i < oldstylesheet.length) {
- while (i < oldstylesheet.length) {
- sheet = oldstylesheet[i];
- if (this._isLinkURL(sheet)) {
- return true;
- } else {
- documentSheet = documentStylesheet[i+1];
- ownerNode = documentSheet.ownerNode;
- head.removeChild(ownerNode);
- changed = true;
- }
- i++;
- }
- } else {
- while (i < stylesheet.length) {
- sheet = stylesheet[i];
- if (this._isLinkURL(sheet)) {
- return true;
- } else {
- styleNode = document.createElement('STYLE');
- textNode = document.createTextNode(sheet);
- styleNode.appendChild(textNode);
- head.appendChild(styleNode);
- changed = true;
- }
- i++;
- }
- }
- if (changed) {
- this._updateStyle();
- }
- return false;
- },
- _setFullSelection: function(fullSelection, init) {
- this._fullSelection = fullSelection;
-
- /*
- * Bug in IE 8. For some reason, during scrolling IE does not reflow the elements
- * that are used to compute the location for the selection divs. This causes the
- * divs to be placed at the wrong location. The fix is to disabled full selection for IE8.
- */
- if (isIE < 9) {
- this._fullSelection = false;
- }
- if (isWebkit) {
- this._fullSelection = true;
- }
- var parent = this._clipDiv || this._scrollDiv;
- if (!parent) {
- return;
- }
- if (!isPad && !this._fullSelection) {
- if (this._selDiv1) {
- parent.removeChild(this._selDiv1);
- this._selDiv1 = null;
- }
- if (this._selDiv2) {
- parent.removeChild(this._selDiv2);
- this._selDiv2 = null;
- }
- if (this._selDiv3) {
- parent.removeChild(this._selDiv3);
- this._selDiv3 = null;
- }
- return;
- }
-
- if (!this._selDiv1 && (isPad || (this._fullSelection && !isWebkit))) {
- var frameDocument = this._frameDocument;
- this._hightlightRGB = "Highlight";
- var selDiv1 = frameDocument.createElement("DIV");
- this._selDiv1 = selDiv1;
- selDiv1.id = "selDiv1";
- selDiv1.style.position = this._clipDiv ? "absolute" : "fixed";
- selDiv1.style.borderWidth = "0px";
- selDiv1.style.margin = "0px";
- selDiv1.style.padding = "0px";
- selDiv1.style.outline = "none";
- selDiv1.style.background = this._hightlightRGB;
- selDiv1.style.width = "0px";
- selDiv1.style.height = "0px";
- selDiv1.style.zIndex = "0";
- parent.appendChild(selDiv1);
- var selDiv2 = frameDocument.createElement("DIV");
- this._selDiv2 = selDiv2;
- selDiv2.id = "selDiv2";
- selDiv2.style.position = this._clipDiv ? "absolute" : "fixed";
- selDiv2.style.borderWidth = "0px";
- selDiv2.style.margin = "0px";
- selDiv2.style.padding = "0px";
- selDiv2.style.outline = "none";
- selDiv2.style.background = this._hightlightRGB;
- selDiv2.style.width = "0px";
- selDiv2.style.height = "0px";
- selDiv2.style.zIndex = "0";
- parent.appendChild(selDiv2);
- var selDiv3 = frameDocument.createElement("DIV");
- this._selDiv3 = selDiv3;
- selDiv3.id = "selDiv3";
- selDiv3.style.position = this._clipDiv ? "absolute" : "fixed";
- selDiv3.style.borderWidth = "0px";
- selDiv3.style.margin = "0px";
- selDiv3.style.padding = "0px";
- selDiv3.style.outline = "none";
- selDiv3.style.background = this._hightlightRGB;
- selDiv3.style.width = "0px";
- selDiv3.style.height = "0px";
- selDiv3.style.zIndex = "0";
- parent.appendChild(selDiv3);
-
- /*
- * Bug in Firefox. The Highlight color is mapped to list selection
- * background instead of the text selection background. The fix
- * is to map known colors using a table or fallback to light blue.
- */
- if (isFirefox && isMac) {
- var style = this._frameWindow.getComputedStyle(selDiv3, null);
- var rgb = style.getPropertyValue("background-color");
- switch (rgb) {
- case "rgb(119, 141, 168)": rgb = "rgb(199, 208, 218)"; break;
- case "rgb(127, 127, 127)": rgb = "rgb(198, 198, 198)"; break;
- case "rgb(255, 193, 31)": rgb = "rgb(250, 236, 115)"; break;
- case "rgb(243, 70, 72)": rgb = "rgb(255, 176, 139)"; break;
- case "rgb(255, 138, 34)": rgb = "rgb(255, 209, 129)"; break;
- case "rgb(102, 197, 71)": rgb = "rgb(194, 249, 144)"; break;
- case "rgb(140, 78, 184)": rgb = "rgb(232, 184, 255)"; break;
- default: rgb = "rgb(180, 213, 255)"; break;
- }
- this._hightlightRGB = rgb;
- selDiv1.style.background = rgb;
- selDiv2.style.background = rgb;
- selDiv3.style.background = rgb;
- if (!this._insertedSelRule) {
- var styleSheet = frameDocument.styleSheets[0];
- styleSheet.insertRule("::-moz-selection {background: " + rgb + "; }", 0);
- this._insertedSelRule = true;
- }
- }
- if (!init) {
- this._updateDOMSelection();
- }
- }
- },
- _setTabSize: function (tabSize, init) {
- this._tabSize = tabSize;
- this._customTabSize = undefined;
- var clientDiv = this._clientDiv;
- if (isOpera) {
- if (clientDiv) { clientDiv.style.OTabSize = this._tabSize+""; }
- } else if (isFirefox >= 4) {
- if (clientDiv) { clientDiv.style.MozTabSize = this._tabSize+""; }
- } else if (this._tabSize !== 8) {
- this._customTabSize = this._tabSize;
- if (!init) {
- this.redrawLines();
- }
- }
- },
- _setThemeClass: function (themeClass, init) {
- this._themeClass = themeClass;
- var document = this._frameDocument;
- if (document) {
- var viewContainerClass = "viewContainer";
- if (this._themeClass) { viewContainerClass += " " + this._themeClass; }
- document.body.className = viewContainerClass;
- if (!init) {
- this._updateStyle();
- }
- }
- },
- _showCaret: function (allSelection, pageScroll) {
- if (!this._clientDiv) { return; }
- var model = this._model;
- var selection = this._getSelection();
- var scroll = this._getScroll();
- var caret = selection.getCaret();
- var start = selection.start;
- var end = selection.end;
- var startLine = model.getLineAtOffset(start);
- var endLine = model.getLineAtOffset(end);
- var endInclusive = Math.max(Math.max(start, model.getLineStart(endLine)), end - 1);
- var viewPad = this._getViewPadding();
-
- var clientWidth = this._getClientWidth();
- var leftEdge = viewPad.left;
- var rightEdge = viewPad.left + clientWidth;
- var bounds = this._getBoundsAtOffset(caret === start ? start : endInclusive);
- var left = bounds.left;
- var right = bounds.right;
- var minScroll = clientWidth / 4;
- if (allSelection && !selection.isEmpty() && startLine === endLine) {
- bounds = this._getBoundsAtOffset(caret === end ? start : endInclusive);
- var selectionWidth = caret === start ? bounds.right - left : right - bounds.left;
- if ((clientWidth - minScroll) > selectionWidth) {
- if (left > bounds.left) { left = bounds.left; }
- if (right < bounds.right) { right = bounds.right; }
- }
- }
- var viewRect = this._viewDiv.getBoundingClientRect();
- left -= viewRect.left;
- right -= viewRect.left;
- var pixelX = 0;
- if (left < leftEdge) {
- pixelX = Math.min(left - leftEdge, -minScroll);
- }
- if (right > rightEdge) {
- var maxScroll = this._scrollDiv.scrollWidth - scroll.x - clientWidth;
- pixelX = Math.min(maxScroll, Math.max(right - rightEdge, minScroll));
- }
- var pixelY = 0;
- var topIndex = this._getTopIndex(true);
- var bottomIndex = this._getBottomIndex(true);
- var caretLine = model.getLineAtOffset(caret);
- var clientHeight = this._getClientHeight();
- if (!(topIndex <= caretLine && caretLine <= bottomIndex)) {
- var lineHeight = this._getLineHeight();
- var selectionHeight = allSelection ? (endLine - startLine) * lineHeight : 0;
- pixelY = caretLine * lineHeight;
- pixelY -= scroll.y;
- if (pixelY + lineHeight > clientHeight) {
- pixelY -= clientHeight - lineHeight;
- if (caret === start && start !== end) {
- pixelY += Math.min(clientHeight - lineHeight, selectionHeight);
- }
- } else {
- if (caret === end) {
- pixelY -= Math.min (clientHeight - lineHeight, selectionHeight);
- }
- }
- if (pageScroll) {
- if (pageScroll > 0) {
- if (pixelY > 0) {
- pixelY = Math.max(pixelY, pageScroll);
- }
- } else {
- if (pixelY < 0) {
- pixelY = Math.min(pixelY, pageScroll);
- }
- }
- }
- }
- if (pixelX !== 0 || pixelY !== 0) {
- this._scrollView (pixelX, pixelY);
- /*
- * When the view scrolls it is possible that one of the scrollbars can show over the caret.
- * Depending on the browser scrolling can be synchronous (Safari), in which case the change
- * can be detected before showCaret() returns. When scrolling is asynchronous (most browsers),
- * the detection is done during the next update page.
- */
- if (clientHeight !== this._getClientHeight() || clientWidth !== this._getClientWidth()) {
- this._showCaret();
- } else {
- this._ensureCaretVisible = true;
- }
- return true;
- }
- return false;
- },
- _startIME: function () {
- if (this._imeOffset !== -1) { return; }
- var selection = this._getSelection();
- if (!selection.isEmpty()) {
- this._modifyContent({text: "", start: selection.start, end: selection.end}, true);
- }
- this._imeOffset = selection.start;
- },
- _unhookEvents: function() {
- this._model.removeEventListener("Changing", this._modelListener.onChanging);
- this._model.removeEventListener("Changed", this._modelListener.onChanged);
- this._modelListener = null;
- for (var i=0; i<this._handlers.length; i++) {
- var h = this._handlers[i];
- removeHandler(h.target, h.type, h.handler);
- }
- this._handlers = null;
- },
- _updateDOMSelection: function () {
- if (this._ignoreDOMSelection) { return; }
- if (!this._clientDiv) { return; }
- var selection = this._getSelection();
- var model = this._model;
- var startLine = model.getLineAtOffset(selection.start);
- var endLine = model.getLineAtOffset(selection.end);
- var firstNode = this._getLineNext();
- /*
- * Bug in Firefox. For some reason, after a update page sometimes the
- * firstChild returns null incorrectly. The fix is to ignore show selection.
- */
- if (!firstNode) { return; }
- var lastNode = this._getLinePrevious();
-
- var topNode, bottomNode, topOffset, bottomOffset;
- if (startLine < firstNode.lineIndex) {
- topNode = firstNode;
- topOffset = 0;
- } else if (startLine > lastNode.lineIndex) {
- topNode = lastNode;
- topOffset = 0;
- } else {
- topNode = this._getLineNode(startLine);
- topOffset = selection.start - model.getLineStart(startLine);
- }
- if (endLine < firstNode.lineIndex) {
- bottomNode = firstNode;
- bottomOffset = 0;
- } else if (endLine > lastNode.lineIndex) {
- bottomNode = lastNode;
- bottomOffset = 0;
- } else {
- bottomNode = this._getLineNode(endLine);
- bottomOffset = selection.end - model.getLineStart(endLine);
- }
- this._setDOMSelection(topNode, topOffset, bottomNode, bottomOffset);
- },
- _updatePage: function(hScrollOnly) {
- if (this._redrawCount > 0) { return; }
- if (this._updateTimer) {
- clearTimeout(this._updateTimer);
- this._updateTimer = null;
- hScrollOnly = false;
- }
- var clientDiv = this._clientDiv;
- if (!clientDiv) { return; }
- var model = this._model;
- var scroll = this._getScroll();
- var viewPad = this._getViewPadding();
- var lineCount = model.getLineCount();
- var lineHeight = this._getLineHeight();
- var firstLine = Math.max(0, scroll.y) / lineHeight;
- var topIndex = Math.floor(firstLine);
- var lineStart = Math.max(0, topIndex - 1);
- var top = Math.round((firstLine - lineStart) * lineHeight);
- var partialY = this._partialY = Math.round((firstLine - topIndex) * lineHeight);
- var scrollWidth, scrollHeight = lineCount * lineHeight;
- var leftWidth, clientWidth, clientHeight;
- if (hScrollOnly) {
- clientWidth = this._getClientWidth();
- clientHeight = this._getClientHeight();
- leftWidth = this._leftDiv ? this._leftDiv.scrollWidth : 0;
- scrollWidth = Math.max(this._maxLineWidth, clientWidth);
- } else {
- var document = this._frameDocument;
- var frameWidth = this._getFrameWidth();
- var frameHeight = this._getFrameHeight();
- document.body.style.width = frameWidth + "px";
- document.body.style.height = frameHeight + "px";
- /* Update view height in order to have client height computed */
- var viewDiv = this._viewDiv;
- viewDiv.style.height = Math.max(0, (frameHeight - viewPad.top - viewPad.bottom)) + "px";
- clientHeight = this._getClientHeight();
- var linesPerPage = Math.floor((clientHeight + partialY) / lineHeight);
- var bottomIndex = Math.min(topIndex + linesPerPage, lineCount - 1);
- var lineEnd = Math.min(bottomIndex + 1, lineCount - 1);
-
- var lineIndex, lineWidth;
- var child = clientDiv.firstChild;
- while (child) {
- lineIndex = child.lineIndex;
- var nextChild = child.nextSibling;
- if (!(lineStart <= lineIndex && lineIndex <= lineEnd) || child.lineRemoved || child.lineIndex === -1) {
- if (this._mouseWheelLine === child) {
- child.style.display = "none";
- child.lineIndex = -1;
- } else {
- clientDiv.removeChild(child);
- }
- }
- child = nextChild;
- }
-
- child = this._getLineNext();
- var frag = document.createDocumentFragment();
- for (lineIndex=lineStart; lineIndex<=lineEnd; lineIndex++) {
- if (!child || child.lineIndex > lineIndex) {
- this._createLine(frag, null, document, lineIndex, model);
- } else {
- if (frag.firstChild) {
- clientDiv.insertBefore(frag, child);
- frag = document.createDocumentFragment();
- }
- if (child && child.lineChanged) {
- child = this._createLine(frag, child, document, lineIndex, model);
- child.lineChanged = false;
- }
- child = this._getLineNext(child);
- }
- }
- if (frag.firstChild) { clientDiv.insertBefore(frag, child); }
-
- /*
- * Feature in WekKit. Webkit limits the width of the lines
- * computed below to the width of the client div. This causes
- * the lines to be wrapped even though "pre" is set. The fix
- * is to set the width of the client div to a larger number
- * before computing the lines width. Note that this value is
- * reset to the appropriate value further down.
- */
- if (isWebkit) {
- clientDiv.style.width = (0x7FFFF).toString() + "px";
- }
-
- var rect;
- child = this._getLineNext();
- while (child) {
- lineWidth = child.lineWidth;
- if (lineWidth === undefined) {
- rect = this._getLineBoundingClientRect(child);
- lineWidth = child.lineWidth = rect.right - rect.left;
- }
- if (lineWidth >= this._maxLineWidth) {
- this._maxLineWidth = lineWidth;
- this._maxLineIndex = child.lineIndex;
- }
- if (child.lineIndex === topIndex) { this._topChild = child; }
- if (child.lineIndex === bottomIndex) { this._bottomChild = child; }
- if (this._checkMaxLineIndex === child.lineIndex) { this._checkMaxLineIndex = -1; }
- child = this._getLineNext(child);
- }
- if (this._checkMaxLineIndex !== -1) {
- lineIndex = this._checkMaxLineIndex;
- this._checkMaxLineIndex = -1;
- if (0 <= lineIndex && lineIndex < lineCount) {
- var dummy = this._createLine(clientDiv, null, document, lineIndex, model);
- rect = this._getLineBoundingClientRect(dummy);
- lineWidth = rect.right - rect.left;
- if (lineWidth >= this._maxLineWidth) {
- this._maxLineWidth = lineWidth;
- this._maxLineIndex = lineIndex;
- }
- clientDiv.removeChild(dummy);
- }
- }
-
- // Update rulers
- this._updateRuler(this._leftDiv, topIndex, bottomIndex);
- this._updateRuler(this._rightDiv, topIndex, bottomIndex);
-
- leftWidth = this._leftDiv ? this._leftDiv.scrollWidth : 0;
- var rightWidth = this._rightDiv ? this._rightDiv.scrollWidth : 0;
- viewDiv.style.left = leftWidth + "px";
- viewDiv.style.width = Math.max(0, frameWidth - leftWidth - rightWidth - viewPad.left - viewPad.right) + "px";
- if (this._rightDiv) {
- this._rightDiv.style.left = (frameWidth - rightWidth) + "px";
- }
- /* Need to set the height first in order for the width to consider the vertical scrollbar */
- var scrollDiv = this._scrollDiv;
- scrollDiv.style.height = scrollHeight + "px";
- /*
- * TODO if frameHeightWithoutHScrollbar < scrollHeight < frameHeightWithHScrollbar and the horizontal bar is visible,
- * then the clientWidth is wrong because the vertical scrollbar is showing. To correct code should hide both scrollbars
- * at this point.
- */
- clientWidth = this._getClientWidth();
- var width = Math.max(this._maxLineWidth, clientWidth);
- /*
- * Except by IE 8 and earlier, all other browsers are not allocating enough space for the right padding
- * in the scrollbar. It is possible this a bug since all other paddings are considered.
- */
- scrollWidth = width;
- if (!isIE || isIE >= 9) { width += viewPad.right; }
- scrollDiv.style.width = width + "px";
- if (this._clipScrollDiv) {
- this._clipScrollDiv.style.width = width + "px";
- }
- /* Get the left scroll after setting the width of the scrollDiv as this can change the horizontal scroll offset. */
- scroll = this._getScroll();
- var rulerHeight = clientHeight + viewPad.top + viewPad.bottom;
- this._updateRulerSize(this._leftDiv, rulerHeight);
- this._updateRulerSize(this._rightDiv, rulerHeight);
- }
- var left = scroll.x;
- var clipDiv = this._clipDiv;
- var overlayDiv = this._overlayDiv;
- var clipLeft, clipTop;
- if (clipDiv) {
- clipDiv.scrollLeft = left;
- clipLeft = leftWidth + viewPad.left;
- clipTop = viewPad.top;
- var clipWidth = clientWidth;
- var clipHeight = clientHeight;
- var clientLeft = 0, clientTop = -top;
- if (scroll.x === 0) {
- clipLeft -= viewPad.left;
- clipWidth += viewPad.left;
- clientLeft = viewPad.left;
- }
- if (scroll.x + clientWidth === scrollWidth) {
- clipWidth += viewPad.right;
- }
- if (scroll.y === 0) {
- clipTop -= viewPad.top;
- clipHeight += viewPad.top;
- clientTop += viewPad.top;
- }
- if (scroll.y + clientHeight === scrollHeight) {
- clipHeight += viewPad.bottom;
- }
- clipDiv.style.left = clipLeft + "px";
- clipDiv.style.top = clipTop + "px";
- clipDiv.style.width = clipWidth + "px";
- clipDiv.style.height = clipHeight + "px";
- clientDiv.style.left = clientLeft + "px";
- clientDiv.style.top = clientTop + "px";
- clientDiv.style.width = scrollWidth + "px";
- clientDiv.style.height = (clientHeight + top) + "px";
- if (overlayDiv) {
- overlayDiv.style.left = clientDiv.style.left;
- overlayDiv.style.top = clientDiv.style.top;
- overlayDiv.style.width = clientDiv.style.width;
- overlayDiv.style.height = clientDiv.style.height;
- }
- } else {
- clipLeft = left;
- clipTop = top;
- var clipRight = left + clientWidth;
- var clipBottom = top + clientHeight;
- if (clipLeft === 0) { clipLeft -= viewPad.left; }
- if (clipTop === 0) { clipTop -= viewPad.top; }
- if (clipRight === scrollWidth) { clipRight += viewPad.right; }
- if (scroll.y + clientHeight === scrollHeight) { clipBottom += viewPad.bottom; }
- clientDiv.style.clip = "rect(" + clipTop + "px," + clipRight + "px," + clipBottom + "px," + clipLeft + "px)";
- clientDiv.style.left = (-left + leftWidth + viewPad.left) + "px";
- clientDiv.style.width = (isWebkit ? scrollWidth : clientWidth + left) + "px";
- if (!hScrollOnly) {
- clientDiv.style.top = (-top + viewPad.top) + "px";
- clientDiv.style.height = (clientHeight + top) + "px";
- }
- if (overlayDiv) {
- overlayDiv.style.clip = clientDiv.style.clip;
- overlayDiv.style.left = clientDiv.style.left;
- overlayDiv.style.width = clientDiv.style.width;
- if (!hScrollOnly) {
- overlayDiv.style.top = clientDiv.style.top;
- overlayDiv.style.height = clientDiv.style.height;
- }
- }
- }
- this._updateDOMSelection();
- /*
- * If the client height changed during the update page it means that scrollbar has either been shown or hidden.
- * When this happens update page has to run again to ensure that the top and bottom lines div are correct.
- *
- * Note: On IE, updateDOMSelection() has to be called before getting the new client height because it
- * forces the client area to be recomputed.
- */
- var ensureCaretVisible = this._ensureCaretVisible;
- this._ensureCaretVisible = false;
- if (clientHeight !== this._getClientHeight()) {
- this._updatePage();
- if (ensureCaretVisible) {
- this._showCaret();
- }
- }
- if (isPad) {
- var self = this;
- setTimeout(function() {self._resizeTouchDiv();}, 0);
- }
- },
- _updateRulerSize: function (divRuler, rulerHeight) {
- if (!divRuler) { return; }
- var partialY = this._partialY;
- var lineHeight = this._getLineHeight();
- var cells = divRuler.firstChild.rows[0].cells;
- for (var i = 0; i < cells.length; i++) {
- var div = cells[i].firstChild;
- var offset = lineHeight;
- if (div._ruler.getOverview() === "page") { offset += partialY; }
- div.style.top = -offset + "px";
- div.style.height = (rulerHeight + offset) + "px";
- div = div.nextSibling;
- }
- divRuler.style.height = rulerHeight + "px";
- },
- _updateRuler: function (divRuler, topIndex, bottomIndex) {
- if (!divRuler) { return; }
- var cells = divRuler.firstChild.rows[0].cells;
- var lineHeight = this._getLineHeight();
- var parentDocument = this._frameDocument;
- var viewPad = this._getViewPadding();
- for (var i = 0; i < cells.length; i++) {
- var div = cells[i].firstChild;
- var ruler = div._ruler;
- if (div.rulerChanged) {
- this._applyStyle(ruler.getRulerStyle(), div);
- }
-
- var widthDiv;
- var child = div.firstChild;
- if (child) {
- widthDiv = child;
- child = child.nextSibling;
- } else {
- widthDiv = parentDocument.createElement("DIV");
- widthDiv.style.visibility = "hidden";
- div.appendChild(widthDiv);
- }
- var lineIndex, annotation;
- if (div.rulerChanged) {
- if (widthDiv) {
- lineIndex = -1;
- annotation = ruler.getWidestAnnotation();
- if (annotation) {
- this._applyStyle(annotation.style, widthDiv);
- if (annotation.html) {
- widthDiv.innerHTML = annotation.html;
- }
- }
- widthDiv.lineIndex = lineIndex;
- widthDiv.style.height = (lineHeight + viewPad.top) + "px";
- }
- }
- var overview = ruler.getOverview(), lineDiv, frag, annotations;
- if (overview === "page") {
- annotations = ruler.getAnnotations(topIndex, bottomIndex + 1);
- while (child) {
- lineIndex = child.lineIndex;
- var nextChild = child.nextSibling;
- if (!(topIndex <= lineIndex && lineIndex <= bottomIndex) || child.lineChanged) {
- div.removeChild(child);
- }
- child = nextChild;
- }
- child = div.firstChild.nextSibling;
- frag = parentDocument.createDocumentFragment();
- for (lineIndex=topIndex; lineIndex<=bottomIndex; lineIndex++) {
- if (!child || child.lineIndex > lineIndex) {
- lineDiv = parentDocument.createElement("DIV");
- annotation = annotations[lineIndex];
- if (annotation) {
- this._applyStyle(annotation.style, lineDiv);
- if (annotation.html) {
- lineDiv.innerHTML = annotation.html;
- }
- lineDiv.annotation = annotation;
- }
- lineDiv.lineIndex = lineIndex;
- lineDiv.style.height = lineHeight + "px";
- frag.appendChild(lineDiv);
- } else {
- if (frag.firstChild) {
- div.insertBefore(frag, child);
- frag = parentDocument.createDocumentFragment();
- }
- if (child) {
- child = child.nextSibling;
- }
- }
- }
- if (frag.firstChild) { div.insertBefore(frag, child); }
- } else {
- var buttonHeight = isPad ? 0 : 17;
- var clientHeight = this._getClientHeight ();
- var lineCount = this._model.getLineCount ();
- var contentHeight = lineHeight * lineCount;
- var trackHeight = clientHeight + viewPad.top + viewPad.bottom - 2 * buttonHeight;
- var divHeight;
- if (contentHeight < trackHeight) {
- divHeight = lineHeight;
- } else {
- divHeight = trackHeight / lineCount;
- }
- if (div.rulerChanged) {
- var count = div.childNodes.length;
- while (count > 1) {
- div.removeChild(div.lastChild);
- count--;
- }
- annotations = ruler.getAnnotations(0, lineCount);
- frag = parentDocument.createDocumentFragment();
- for (var prop in annotations) {
- lineIndex = prop >>> 0;
- if (lineIndex < 0) { continue; }
- lineDiv = parentDocument.createElement("DIV");
- annotation = annotations[prop];
- this._applyStyle(annotation.style, lineDiv);
- lineDiv.style.position = "absolute";
- lineDiv.style.top = buttonHeight + lineHeight + Math.floor(lineIndex * divHeight) + "px";
- if (annotation.html) {
- lineDiv.innerHTML = annotation.html;
- }
- lineDiv.annotation = annotation;
- lineDiv.lineIndex = lineIndex;
- frag.appendChild(lineDiv);
- }
- div.appendChild(frag);
- } else if (div._oldTrackHeight !== trackHeight) {
- lineDiv = div.firstChild ? div.firstChild.nextSibling : null;
- while (lineDiv) {
- lineDiv.style.top = buttonHeight + lineHeight + Math.floor(lineDiv.lineIndex * divHeight) + "px";
- lineDiv = lineDiv.nextSibling;
- }
- }
- div._oldTrackHeight = trackHeight;
- }
- div.rulerChanged = false;
- div = div.nextSibling;
- }
- },
- _updateStyle: function () {
- var document = this._frameDocument;
- if (isIE) {
- document.body.style.lineHeight = "normal";
- }
- this._lineHeight = this._calculateLineHeight();
- this._viewPadding = this._calculatePadding();
- if (isIE) {
- document.body.style.lineHeight = this._lineHeight + "px";
- }
- this.redraw();
- }
- };//end prototype
- mEventTarget.EventTarget.addMixin(TextView.prototype);
-
- return {TextView: TextView};
- });
- /*******************************************************************************
- * @license
- * Copyright (c) 2010, 2011 IBM Corporation and others.
- * All rights reserved. This program and the accompanying materials are made
- * available under the terms of the Eclipse Public License v1.0
- * (http://www.eclipse.org/legal/epl-v10.html), and the Eclipse Distribution
- * License v1.0 (http://www.eclipse.org/org/documents/edl-v10.html).
- *
- * Contributors:
- * Felipe Heidrich (IBM Corporation) - initial API and implementation
- * Silenio Quarti (IBM Corporation) - initial API and implementation
- ******************************************************************************/
-
- /*global define */
- define("orion/textview/textDND", [], function() {
- function TextDND(view, undoStack) {
- this._view = view;
- this._undoStack = undoStack;
- this._dragSelection = null;
- this._dropOffset = -1;
- this._dropText = null;
- var self = this;
- this._listener = {
- onDragStart: function (evt) {
- self._onDragStart(evt);
- },
- onDragEnd: function (evt) {
- self._onDragEnd(evt);
- },
- onDragEnter: function (evt) {
- self._onDragEnter(evt);
- },
- onDragOver: function (evt) {
- self._onDragOver(evt);
- },
- onDrop: function (evt) {
- self._onDrop(evt);
- },
- onDestroy: function (evt) {
- self._onDestroy(evt);
- }
- };
- view.addEventListener("DragStart", this._listener.onDragStart);
- view.addEventListener("DragEnd", this._listener.onDragEnd);
- view.addEventListener("DragEnter", this._listener.onDragEnter);
- view.addEventListener("DragOver", this._listener.onDragOver);
- view.addEventListener("Drop", this._listener.onDrop);
- view.addEventListener("Destroy", this._listener.onDestroy);
- }
- TextDND.prototype = {
- destroy: function() {
- var view = this._view;
- if (!view) { return; }
- view.removeEventListener("DragStart", this._listener.onDragStart);
- view.removeEventListener("DragEnd", this._listener.onDragEnd);
- view.removeEventListener("DragEnter", this._listener.onDragEnter);
- view.removeEventListener("DragOver", this._listener.onDragOver);
- view.removeEventListener("Drop", this._listener.onDrop);
- view.removeEventListener("Destroy", this._listener.onDestroy);
- this._view = null;
- },
- _onDestroy: function(e) {
- this.destroy();
- },
- _onDragStart: function(e) {
- var view = this._view;
- var selection = view.getSelection();
- var model = view.getModel();
- if (model.getBaseModel) {
- selection.start = model.mapOffset(selection.start);
- selection.end = model.mapOffset(selection.end);
- model = model.getBaseModel();
- }
- var text = model.getText(selection.start, selection.end);
- if (text) {
- this._dragSelection = selection;
- e.event.dataTransfer.effectAllowed = "copyMove";
- e.event.dataTransfer.setData("Text", text);
- }
- },
- _onDragEnd: function(e) {
- var view = this._view;
- if (this._dragSelection) {
- if (this._undoStack) { this._undoStack.startCompoundChange(); }
- var move = e.event.dataTransfer.dropEffect === "move";
- if (move) {
- view.setText("", this._dragSelection.start, this._dragSelection.end);
- }
- if (this._dropText) {
- var text = this._dropText;
- var offset = this._dropOffset;
- if (move) {
- if (offset >= this._dragSelection.end) {
- offset -= this._dragSelection.end - this._dragSelection.start;
- } else if (offset >= this._dragSelection.start) {
- offset = this._dragSelection.start;
- }
- }
- view.setText(text, offset, offset);
- view.setSelection(offset, offset + text.length);
- this._dropText = null;
- this._dropOffset = -1;
- }
- if (this._undoStack) { this._undoStack.endCompoundChange(); }
- }
- this._dragSelection = null;
- },
- _onDragEnter: function(e) {
- this._onDragOver(e);
- },
- _onDragOver: function(e) {
- var types = e.event.dataTransfer.types;
- if (types) {
- var allowed = types.contains ? types.contains("text/plain") : types.indexOf("text/plain") !== -1;
- if (!allowed) {
- e.event.dataTransfer.dropEffect = "none";
- }
- }
- },
- _onDrop: function(e) {
- var view = this._view;
- var text = e.event.dataTransfer.getData("Text");
- if (text) {
- var offset = view.getOffsetAtLocation(e.x, e.y);
- if (this._dragSelection) {
- this._dropOffset = offset;
- this._dropText = text;
- } else {
- view.setText(text, offset, offset);
- view.setSelection(offset, offset + text.length);
- }
- }
- }
- };
- return {TextDND: TextDND};
- });/*******************************************************************************
- * @license
- * Copyright (c) 2011 IBM Corporation and others.
- * All rights reserved. This program and the accompanying materials are made
- * available under the terms of the Eclipse Public License v1.0
- * (http://www.eclipse.org/legal/epl-v10.html), and the Eclipse Distribution
- * License v1.0 (http://www.eclipse.org/org/documents/edl-v10.html).
- *
- * Contributors: IBM Corporation - initial API and implementation
- ******************************************************************************/
- /*jslint */
- /*global define */
- define("orion/editor/htmlGrammar", [], function() {
- /**
- * Provides a grammar that can do some very rough syntax highlighting for HTML.
- * @class orion.syntax.HtmlGrammar
- */
- function HtmlGrammar() {
- /**
- * Object containing the grammar rules.
- * @public
- * @type Object
- */
- return {
- "name": "HTML",
- "scopeName": "source.html",
- "uuid": "3B5C76FB-EBB5-D930-F40C-047D082CE99B",
- "patterns": [
- // TODO unicode?
- {
- "match": "<!(doctype|DOCTYPE)[^>]+>",
- "name": "entity.name.tag.doctype.html"
- },
- {
- "begin": "<!--",
- "end": "-->",
- "beginCaptures": {
- "0": { "name": "punctuation.definition.comment.html" }
- },
- "endCaptures": {
- "0": { "name": "punctuation.definition.comment.html" }
- },
- "patterns": [
- {
- "match": "--",
- "name": "invalid.illegal.badcomment.html"
- }
- ],
- "contentName": "comment.block.html"
- },
- { // startDelimiter + tagName
- "match": "<[A-Za-z0-9_\\-:]+(?= ?)",
- "name": "entity.name.tag.html"
- },
- { "include": "#attrName" },
- { "include": "#qString" },
- { "include": "#qqString" },
- // TODO attrName, qString, qqString should be applied first while inside a tag
- { // startDelimiter + slash + tagName + endDelimiter
- "match": "</[A-Za-z0-9_\\-:]+>",
- "name": "entity.name.tag.html"
- },
- { // end delimiter of open tag
- "match": ">",
- "name": "entity.name.tag.html"
- } ],
- "repository": {
- "attrName": { // attribute name
- "match": "[A-Za-z\\-:]+(?=\\s*=\\s*['\"])",
- "name": "entity.other.attribute.name.html"
- },
- "qqString": { // double quoted string
- "match": "(\")[^\"]+(\")",
- "name": "string.quoted.double.html"
- },
- "qString": { // single quoted string
- "match": "(')[^']+(\')",
- "name": "string.quoted.single.html"
- }
- }
- };
- }
- return {HtmlGrammar: HtmlGrammar};
- });
- /*******************************************************************************
- * @license
- * Copyright (c) 2011 IBM Corporation and others.
- * All rights reserved. This program and the accompanying materials are made
- * available under the terms of the Eclipse Public License v1.0
- * (http://www.eclipse.org/legal/epl-v10.html), and the Eclipse Distribution
- * License v1.0 (http://www.eclipse.org/org/documents/edl-v10.html).
- *
- * Contributors: IBM Corporation - initial API and implementation
- ******************************************************************************/
- /*jslint regexp:false laxbreak:true*/
- /*global define */
- define("orion/editor/textMateStyler", ['orion/editor/regex'], function(mRegex) {
- var RegexUtil = {
- // Rules to detect some unsupported Oniguruma features
- unsupported: [
- {regex: /\(\?[ims\-]:/, func: function(match) { return "option on/off for subexp"; }},
- {regex: /\(\?<([=!])/, func: function(match) { return (match[1] === "=") ? "lookbehind" : "negative lookbehind"; }},
- {regex: /\(\?>/, func: function(match) { return "atomic group"; }}
- ],
-
- /**
- * @param {String} str String giving a regular expression pattern from a TextMate grammar.
- * @param {String} [flags] [ismg]+
- * @returns {RegExp}
- */
- toRegExp: function(str) {
- function fail(feature, match) {
- throw new Error("Unsupported regex feature \"" + feature + "\": \"" + match[0] + "\" at index: "
- + match.index + " in " + match.input);
- }
- // Turns an extended regex pattern into a normal one
- function normalize(/**String*/ str) {
- var result = "";
- var insideCharacterClass = false;
- var len = str.length;
- for (var i=0; i < len; ) {
- var chr = str[i];
- if (!insideCharacterClass && chr === "#") {
- // skip to eol
- while (i < len && chr !== "\r" && chr !== "\n") {
- chr = str[++i];
- }
- } else if (!insideCharacterClass && /\s/.test(chr)) {
- // skip whitespace
- while (i < len && /\s/.test(chr)) {
- chr = str[++i];
- }
- } else if (chr === "\\") {
- result += chr;
- if (!/\s/.test(str[i+1])) {
- result += str[i+1];
- i += 1;
- }
- i += 1;
- } else if (chr === "[") {
- insideCharacterClass = true;
- result += chr;
- i += 1;
- } else if (chr === "]") {
- insideCharacterClass = false;
- result += chr;
- i += 1;
- } else {
- result += chr;
- i += 1;
- }
- }
- return result;
- }
-
- var flags = "";
- var i;
-
- // Handle global "x" flag (whitespace/comments)
- str = RegexUtil.processGlobalFlag("x", str, function(subexp) {
- return normalize(subexp);
- });
-
- // Handle global "i" flag (case-insensitive)
- str = RegexUtil.processGlobalFlag("i", str, function(subexp) {
- flags += "i";
- return subexp;
- });
-
- // Check for remaining unsupported syntax
- for (i=0; i < this.unsupported.length; i++) {
- var match;
- if ((match = this.unsupported[i].regex.exec(str))) {
- fail(this.unsupported[i].func(match), match);
- }
- }
-
- return new RegExp(str, flags);
- },
-
- /**
- * Checks if flag applies to entire pattern. If so, obtains replacement string by calling processor
- * on the unwrapped pattern. Handles 2 possible syntaxes: (?f)pat and (?f:pat)
- */
- processGlobalFlag: function(/**String*/ flag, /**String*/ str, /**Function*/ processor) {
- function getMatchingCloseParen(/*String*/pat, /*Number*/start) {
- var depth = 0,
- len = pat.length,
- flagStop = -1;
- for (var i=start; i < len && flagStop === -1; i++) {
- switch (pat[i]) {
- case "\\":
- i++; // escape: skip next char
- break;
- case "(":
- depth++;
- break;
- case ")":
- depth--;
- if (depth === 0) {
- flagStop = i;
- }
- break;
- }
- }
- return flagStop;
- }
- var flag1 = "(?" + flag + ")",
- flag2 = "(?" + flag + ":";
- if (str.substring(0, flag1.length) === flag1) {
- return processor(str.substring(flag1.length));
- } else if (str.substring(0, flag2.length) === flag2) {
- var flagStop = getMatchingCloseParen(str, 0);
- if (flagStop < str.length-1) {
- throw new Error("Only a " + flag2 + ") group that encloses the entire regex is supported in: " + str);
- }
- return processor(str.substring(flag2.length, flagStop));
- }
- return str;
- },
-
- hasBackReference: function(/**RegExp*/ regex) {
- return (/\\\d+/).test(regex.source);
- },
-
- /** @returns {RegExp} A regex made by substituting any backreferences in <code>regex</code> for the value of the property
- * in <code>sub</code> with the same name as the backreferenced group number. */
- getSubstitutedRegex: function(/**RegExp*/ regex, /**Object*/ sub, /**Boolean*/ escape) {
- escape = (typeof escape === "undefined") ? true : false;
- var exploded = regex.source.split(/(\\\d+)/g);
- var array = [];
- for (var i=0; i < exploded.length; i++) {
- var term = exploded[i];
- var backrefMatch = /\\(\d+)/.exec(term);
- if (backrefMatch) {
- var text = sub[backrefMatch[1]] || "";
- array.push(escape ? mRegex.escape(text) : text);
- } else {
- array.push(term);
- }
- }
- return new RegExp(array.join(""));
- },
-
- /**
- * Builds a version of <code>regex</code> with every non-capturing term converted into a capturing group. This is a workaround
- * for JavaScript's lack of API to get the index at which a matched group begins in the input string.<p>
- * Using the "groupified" regex, we can sum the lengths of matches from <i>consuming groups</i> 1..n-1 to obtain the
- * starting index of group n. (A consuming group is a capturing group that is not inside a lookahead assertion).</p>
- * Example: groupify(/(a+)x+(b+)/) === /(a+)(x+)(b+)/<br />
- * Example: groupify(/(?:x+(a+))b+/) === /(?:(x+)(a+))(b+)/
- * @param {RegExp} regex The regex to groupify.
- * @param {Object} [backRefOld2NewMap] Optional. If provided, the backreference numbers in regex will be updated using the
- * properties of this object rather than the new group numbers of regex itself.
- * <ul><li>[0] {RegExp} The groupified version of the input regex.</li>
- * <li>[1] {Object} A map containing old-group to new-group info. Each property is a capturing group number of <code>regex</code>
- * and its value is the corresponding capturing group number of [0].</li>
- * <li>[2] {Object} A map indicating which capturing groups of [0] are also consuming groups. If a group number is found
- * as a property in this object, then it's a consuming group.</li></ul>
- */
- groupify: function(regex, backRefOld2NewMap) {
- var NON_CAPTURING = 1,
- CAPTURING = 2,
- LOOKAHEAD = 3,
- NEW_CAPTURING = 4;
- var src = regex.source,
- len = src.length;
- var groups = [],
- lookaheadDepth = 0,
- newGroups = [],
- oldGroupNumber = 1,
- newGroupNumber = 1;
- var result = [],
- old2New = {},
- consuming = {};
- for (var i=0; i < len; i++) {
- var curGroup = groups[groups.length-1];
- var chr = src[i];
- switch (chr) {
- case "(":
- // If we're in new capturing group, close it since ( signals end-of-term
- if (curGroup === NEW_CAPTURING) {
- groups.pop();
- result.push(")");
- newGroups[newGroups.length-1].end = i;
- }
- var peek2 = (i + 2 < len) ? (src[i+1] + "" + src[i+2]) : null;
- if (peek2 === "?:" || peek2 === "?=" || peek2 === "?!") {
- // Found non-capturing group or lookahead assertion. Note that we preserve non-capturing groups
- // as such, but any term inside them will become a new capturing group (unless it happens to
- // also be inside a lookahead).
- var groupType;
- if (peek2 === "?:") {
- groupType = NON_CAPTURING;
- } else {
- groupType = LOOKAHEAD;
- lookaheadDepth++;
- }
- groups.push(groupType);
- newGroups.push({ start: i, end: -1, type: groupType /*non capturing*/ });
- result.push(chr);
- result.push(peek2);
- i += peek2.length;
- } else {
- groups.push(CAPTURING);
- newGroups.push({ start: i, end: -1, type: CAPTURING, oldNum: oldGroupNumber, num: newGroupNumber });
- result.push(chr);
- if (lookaheadDepth === 0) {
- consuming[newGroupNumber] = null;
- }
- old2New[oldGroupNumber] = newGroupNumber;
- oldGroupNumber++;
- newGroupNumber++;
- }
- break;
- case ")":
- var group = groups.pop();
- if (group === LOOKAHEAD) { lookaheadDepth--; }
- newGroups[newGroups.length-1].end = i;
- result.push(chr);
- break;
- case "*":
- case "+":
- case "?":
- case "}":
- // Unary operator. If it's being applied to a capturing group, we need to add a new capturing group
- // enclosing the pair
- var op = chr;
- var prev = src[i-1],
- prevIndex = i-1;
- if (chr === "}") {
- for (var j=i-1; src[j] !== "{" && j >= 0; j--) {}
- prev = src[j-1];
- prevIndex = j-1;
- op = src.substring(j, i+1);
- }
- var lastGroup = newGroups[newGroups.length-1];
- if (prev === ")" && (lastGroup.type === CAPTURING || lastGroup.type === NEW_CAPTURING)) {
- // Shove in the new group's (, increment num/start in from [lastGroup.start .. end]
- result.splice(lastGroup.start, 0, "(");
- result.push(op);
- result.push(")");
- var newGroup = { start: lastGroup.start, end: result.length-1, type: NEW_CAPTURING, num: lastGroup.num };
- for (var k=0; k < newGroups.length; k++) {
- group = newGroups[k];
- if (group.type === CAPTURING || group.type === NEW_CAPTURING) {
- if (group.start >= lastGroup.start && group.end <= prevIndex) {
- group.start += 1;
- group.end += 1;
- group.num = group.num + 1;
- if (group.type === CAPTURING) {
- old2New[group.oldNum] = group.num;
- }
- }
- }
- }
- newGroups.push(newGroup);
- newGroupNumber++;
- break;
- } else {
- // Fallthrough to default
- }
- default:
- if (chr !== "|" && curGroup !== CAPTURING && curGroup !== NEW_CAPTURING) {
- // Not in a capturing group, so make a new one to hold this term.
- // Perf improvement: don't create the new group if we're inside a lookahead, since we don't
- // care about them (nothing inside a lookahead actually consumes input so we don't need it)
- if (lookaheadDepth === 0) {
- groups.push(NEW_CAPTURING);
- newGroups.push({ start: i, end: -1, type: NEW_CAPTURING, num: newGroupNumber });
- result.push("(");
- consuming[newGroupNumber] = null;
- newGroupNumber++;
- }
- }
- result.push(chr);
- if (chr === "\\") {
- var peek = src[i+1];
- // Eat next so following iteration doesn't think it's a real special character
- result.push(peek);
- i += 1;
- }
- break;
- }
- }
- while (groups.length) {
- // Close any remaining new capturing groups
- groups.pop();
- result.push(")");
- }
- var newRegex = new RegExp(result.join(""));
-
- // Update backreferences so they refer to the new group numbers. Use backRefOld2NewMap if provided
- var subst = {};
- backRefOld2NewMap = backRefOld2NewMap || old2New;
- for (var prop in backRefOld2NewMap) {
- if (backRefOld2NewMap.hasOwnProperty(prop)) {
- subst[prop] = "\\" + backRefOld2NewMap[prop];
- }
- }
- newRegex = this.getSubstitutedRegex(newRegex, subst, false);
-
- return [newRegex, old2New, consuming];
- },
-
- /** @returns {Boolean} True if the captures object assigns scope to a matching group other than "0". */
- complexCaptures: function(capturesObj) {
- if (!capturesObj) { return false; }
- for (var prop in capturesObj) {
- if (capturesObj.hasOwnProperty(prop)) {
- if (prop !== "0") {
- return true;
- }
- }
- }
- return false;
- }
- };
- /**
- * @name orion.editor.TextMateStyler
- * @class A styler that knows how to apply a subset of the TextMate grammar format to style a line.
- *
- * <h4>Styling from a grammar:</h4>
- * <p>Each scope name given in the grammar is converted to an array of CSS class names. For example
- * a region of text with scope <code>keyword.control.php</code> will be assigned the CSS classes<br />
- * <code>keyword, keyword-control, keyword-control-php</code></p>
- *
- * <p>A CSS file can give rules matching any of these class names to provide generic or more specific styling.
- * For example,</p>
- * <p><code>.keyword { font-color: blue; }</code></p>
- * <p>colors all keywords blue, while</p>
- * <p><code>.keyword-control-php { font-weight: bold; }</code></p>
- * <p>bolds only PHP control keywords.</p>
- *
- * <p>This is useful when using grammars that adhere to TextMate's
- * <a href="http://manual.macromates.com/en/language_grammars.html#naming_conventions">scope name conventions</a>,
- * as a single CSS rule can provide consistent styling to similar constructs across different languages.</p>
- *
- * <h4>Top-level grammar constructs:</h4>
- * <ul><li><code>patterns, repository</code> (with limitations, see "Other Features") are supported.</li>
- * <li><code>scopeName, firstLineMatch, foldingStartMarker, foldingStopMarker</code> are <b>not</b> supported.</li>
- * <li><code>fileTypes</code> is <b>not</b> supported. When using the Orion service registry, the "orion.edit.highlighter"
- * service serves a similar purpose.</li>
- * </ul>
- *
- * <h4>Regular expression constructs:</h4>
- * <ul>
- * <li><code>match</code> patterns are supported.</li>
- * <li><code>begin .. end</code> patterns are supported.</li>
- * <li>The "extended" regex forms <code>(?x)</code> and <code>(?x:...)</code> are supported, but <b>only</b> when they
- * apply to the entire regex pattern.</li>
- * <li>Matching is done using native JavaScript <code>RegExp</code>s. As a result, many features of the Oniguruma regex
- * engine used by TextMate are <b>not</b> supported.
- * Unsupported features include:
- * <ul><li>Named captures</li>
- * <li>Setting flags inside subgroups (eg. <code>(?i:a)b</code>)</li>
- * <li>Lookbehind and negative lookbehind</li>
- * <li>Subexpression call</li>
- * <li>etc.</li>
- * </ul>
- * </li>
- * </ul>
- *
- * <h4>Scope-assignment constructs:</h4>
- * <ul>
- * <li><code>captures, beginCaptures, endCaptures</code> are supported.</li>
- * <li><code>name</code> and <code>contentName</code> are supported.</li>
- * </ul>
- *
- * <h4>Other features:</h4>
- * <ul>
- * <li><code>applyEndPatternLast</code> is supported.</li>
- * <li><code>include</code> is supported, but only when it references a rule in the current grammar's <code>repository</code>.
- * Including <code>$self</code>, <code>$base</code>, or <code>rule.from.another.grammar</code> is <b>not</b> supported.</li>
- * </ul>
- *
- * @description Creates a new TextMateStyler.
- * @extends orion.editor.AbstractStyler
- * @param {orion.textview.TextView} textView The <code>TextView</code> to provide styling for.
- * @param {Object} grammar The TextMate grammar to use for styling the <code>TextView</code>, as a JavaScript object. You can
- * produce this object by running a PList-to-JavaScript conversion tool on a TextMate <code>.tmLanguage</code> file.
- * @param {Object[]} [externalGrammars] Additional grammar objects that will be used to resolve named rule references.
- */
- function TextMateStyler(textView, grammar, externalGrammars) {
- this.initialize(textView);
- // Copy grammar object(s) since we will mutate them
- this.grammar = this.copy(grammar);
- this.externalGrammars = externalGrammars ? this.copy(externalGrammars) : [];
-
- this._styles = {}; /* key: {String} scopeName, value: {String[]} cssClassNames */
- this._tree = null;
- this._allGrammars = {}; /* key: {String} scopeName of grammar, value: {Object} grammar */
- this.preprocess(this.grammar);
- }
- TextMateStyler.prototype = /** @lends orion.editor.TextMateStyler.prototype */ {
- initialize: function(textView) {
- this.textView = textView;
- var self = this;
- this._listener = {
- onModelChanged: function(e) {
- self.onModelChanged(e);
- },
- onDestroy: function(e) {
- self.onDestroy(e);
- },
- onLineStyle: function(e) {
- self.onLineStyle(e);
- }
- };
- textView.addEventListener("ModelChanged", this._listener.onModelChanged);
- textView.addEventListener("Destroy", this._listener.onDestroy);
- textView.addEventListener("LineStyle", this._listener.onLineStyle);
- textView.redrawLines();
- },
- onDestroy: function(/**eclipse.DestroyEvent*/ e) {
- this.destroy();
- },
- destroy: function() {
- if (this.textView) {
- this.textView.removeEventListener("ModelChanged", this._listener.onModelChanged);
- this.textView.removeEventListener("Destroy", this._listener.onDestroy);
- this.textView.removeEventListener("LineStyle", this._listener.onLineStyle);
- this.textView = null;
- }
- this.grammar = null;
- this._styles = null;
- this._tree = null;
- this._listener = null;
- },
- /** @private */
- copy: function(obj) {
- return JSON.parse(JSON.stringify(obj));
- },
- /** @private */
- preprocess: function(grammar) {
- var stack = [grammar];
- for (; stack.length !== 0; ) {
- var rule = stack.pop();
- if (rule._resolvedRule && rule._typedRule) {
- continue;
- }
- // console.debug("Process " + (rule.include || rule.name));
-
- // Look up include'd rule, create typed *Rule instance
- rule._resolvedRule = this._resolve(rule);
- rule._typedRule = this._createTypedRule(rule);
-
- // Convert the scope names to styles and cache them for later
- this.addStyles(rule.name);
- this.addStyles(rule.contentName);
- this.addStylesForCaptures(rule.captures);
- this.addStylesForCaptures(rule.beginCaptures);
- this.addStylesForCaptures(rule.endCaptures);
-
- if (rule._resolvedRule !== rule) {
- // Add include target
- stack.push(rule._resolvedRule);
- }
- if (rule.patterns) {
- // Add subrules
- for (var i=0; i < rule.patterns.length; i++) {
- stack.push(rule.patterns[i]);
- }
- }
- }
- },
-
- /**
- * @private
- * Adds eclipse.Style objects for scope to our _styles cache.
- * @param {String} scope A scope name, like "constant.character.php".
- */
- addStyles: function(scope) {
- if (scope && !this._styles[scope]) {
- this._styles[scope] = [];
- var scopeArray = scope.split(".");
- for (var i = 0; i < scopeArray.length; i++) {
- this._styles[scope].push(scopeArray.slice(0, i + 1).join("-"));
- }
- }
- },
- /** @private */
- addStylesForCaptures: function(/**Object*/ captures) {
- for (var prop in captures) {
- if (captures.hasOwnProperty(prop)) {
- var scope = captures[prop].name;
- this.addStyles(scope);
- }
- }
- },
- /**
- * A rule that contains subrules ("patterns" in TextMate parlance) but has no "begin" or "end".
- * Also handles top level of grammar.
- * @private
- */
- ContainerRule: (function() {
- function ContainerRule(/**Object*/ rule) {
- this.rule = rule;
- this.subrules = rule.patterns;
- }
- ContainerRule.prototype.valueOf = function() { return "aa"; };
- return ContainerRule;
- }()),
- /**
- * A rule that is delimited by "begin" and "end" matches, which may be separated by any number of
- * lines. This type of rule may contain subrules, which apply only inside the begin .. end region.
- * @private
- */
- BeginEndRule: (function() {
- function BeginEndRule(/**Object*/ rule) {
- this.rule = rule;
- // TODO: the TextMate blog claims that "end" is optional.
- this.beginRegex = RegexUtil.toRegExp(rule.begin);
- this.endRegex = RegexUtil.toRegExp(rule.end);
- this.subrules = rule.patterns || [];
-
- this.endRegexHasBackRef = RegexUtil.hasBackReference(this.endRegex);
-
- // Deal with non-0 captures
- var complexCaptures = RegexUtil.complexCaptures(rule.captures);
- var complexBeginEnd = RegexUtil.complexCaptures(rule.beginCaptures) || RegexUtil.complexCaptures(rule.endCaptures);
- this.isComplex = complexCaptures || complexBeginEnd;
- if (this.isComplex) {
- var bg = RegexUtil.groupify(this.beginRegex);
- this.beginRegex = bg[0];
- this.beginOld2New = bg[1];
- this.beginConsuming = bg[2];
-
- var eg = RegexUtil.groupify(this.endRegex, this.beginOld2New /*Update end's backrefs to begin's new group #s*/);
- this.endRegex = eg[0];
- this.endOld2New = eg[1];
- this.endConsuming = eg[2];
- }
- }
- BeginEndRule.prototype.valueOf = function() { return this.beginRegex; };
- return BeginEndRule;
- }()),
- /**
- * A rule with a "match" pattern.
- * @private
- */
- MatchRule: (function() {
- function MatchRule(/**Object*/ rule) {
- this.rule = rule;
- this.matchRegex = RegexUtil.toRegExp(rule.match);
- this.isComplex = RegexUtil.complexCaptures(rule.captures);
- if (this.isComplex) {
- var mg = RegexUtil.groupify(this.matchRegex);
- this.matchRegex = mg[0];
- this.matchOld2New = mg[1];
- this.matchConsuming = mg[2];
- }
- }
- MatchRule.prototype.valueOf = function() { return this.matchRegex; };
- return MatchRule;
- }()),
- /**
- * @param {Object} rule A rule from the grammar.
- * @returns {MatchRule|BeginEndRule|ContainerRule}
- * @private
- */
- _createTypedRule: function(rule) {
- if (rule.match) {
- return new this.MatchRule(rule);
- } else if (rule.begin) {
- return new this.BeginEndRule(rule);
- } else {
- return new this.ContainerRule(rule);
- }
- },
- /**
- * Resolves a rule from the grammar (which may be an include) into the real rule that it points to.
- * @private
- */
- _resolve: function(rule) {
- var resolved = rule;
- if (rule.include) {
- if (rule.begin || rule.end || rule.match) {
- throw new Error("Unexpected regex pattern in \"include\" rule " + rule.include);
- }
- var name = rule.include;
- if (name[0] === "#") {
- resolved = this.grammar.repository && this.grammar.repository[name.substring(1)];
- if (!resolved) { throw new Error("Couldn't find included rule " + name + " in grammar repository"); }
- } else if (name === "$self") {
- resolved = this.grammar;
- } else if (name === "$base") {
- // $base is only relevant when including rules from foreign grammars
- throw new Error("Include \"$base\" is not supported");
- } else {
- resolved = this._allGrammars[name];
- if (!resolved) {
- for (var i=0; i < this.externalGrammars.length; i++) {
- var grammar = this.externalGrammars[i];
- if (grammar.scopeName === name) {
- this.preprocess(grammar);
- this._allGrammars[name] = grammar;
- resolved = grammar;
- break;
- }
- }
- }
- }
- }
- return resolved;
- },
- /** @private */
- ContainerNode: (function() {
- function ContainerNode(parent, rule) {
- this.parent = parent;
- this.rule = rule;
- this.children = [];
-
- this.start = null;
- this.end = null;
- }
- ContainerNode.prototype.addChild = function(child) {
- this.children.push(child);
- };
- ContainerNode.prototype.valueOf = function() {
- var r = this.rule;
- return "ContainerNode { " + (r.include || "") + " " + (r.name || "") + (r.comment || "") + "}";
- };
- return ContainerNode;
- }()),
- /** @private */
- BeginEndNode: (function() {
- function BeginEndNode(parent, rule, beginMatch) {
- this.parent = parent;
- this.rule = rule;
- this.children = [];
-
- this.setStart(beginMatch);
- this.end = null; // will be set eventually during parsing (may be EOF)
- this.endMatch = null; // may remain null if we never match our "end" pattern
-
- // Build a new regex if the "end" regex has backrefs since they refer to matched groups of beginMatch
- if (rule.endRegexHasBackRef) {
- this.endRegexSubstituted = RegexUtil.getSubstitutedRegex(rule.endRegex, beginMatch);
- } else {
- this.endRegexSubstituted = null;
- }
- }
- BeginEndNode.prototype.addChild = function(child) {
- this.children.push(child);
- };
- /** @return {Number} This node's index in its parent's "children" list */
- BeginEndNode.prototype.getIndexInParent = function(node) {
- return this.parent ? this.parent.children.indexOf(this) : -1;
- };
- /** @param {RegExp.match} beginMatch */
- BeginEndNode.prototype.setStart = function(beginMatch) {
- this.start = beginMatch.index;
- this.beginMatch = beginMatch;
- };
- /** @param {RegExp.match|Number} endMatchOrLastChar */
- BeginEndNode.prototype.setEnd = function(endMatchOrLastChar) {
- if (endMatchOrLastChar && typeof(endMatchOrLastChar) === "object") {
- var endMatch = endMatchOrLastChar;
- this.endMatch = endMatch;
- this.end = endMatch.index + endMatch[0].length;
- } else {
- var lastChar = endMatchOrLastChar;
- this.endMatch = null;
- this.end = lastChar;
- }
- };
- BeginEndNode.prototype.shiftStart = function(amount) {
- this.start += amount;
- this.beginMatch.index += amount;
- };
- BeginEndNode.prototype.shiftEnd = function(amount) {
- this.end += amount;
- if (this.endMatch) { this.endMatch.index += amount; }
- };
- BeginEndNode.prototype.valueOf = function() {
- return "{" + this.rule.beginRegex + " range=" + this.start + ".." + this.end + "}";
- };
- return BeginEndNode;
- }()),
- /** Pushes rules onto stack such that rules[startFrom] is on top
- * @private
- */
- push: function(/**Array*/ stack, /**Array*/ rules) {
- if (!rules) { return; }
- for (var i = rules.length; i > 0; ) {
- stack.push(rules[--i]);
- }
- },
- /** Executes <code>regex</code> on <code>text</code>, and returns the match object with its index
- * offset by the given amount.
- * @returns {RegExp.match}
- * @private
- */
- exec: function(/**RegExp*/ regex, /**String*/ text, /**Number*/ offset) {
- var match = regex.exec(text);
- if (match) { match.index += offset; }
- regex.lastIndex = 0; // Just in case
- return match;
- },
- /** @returns {Number} The position immediately following the match.
- * @private
- */
- afterMatch: function(/**RegExp.match*/ match) {
- return match.index + match[0].length;
- },
- /**
- * @returns {RegExp.match} If node is a BeginEndNode and its rule's "end" pattern matches the text.
- * @private
- */
- getEndMatch: function(/**Node*/ node, /**String*/ text, /**Number*/ offset) {
- if (node instanceof this.BeginEndNode) {
- var rule = node.rule;
- var endRegex = node.endRegexSubstituted || rule.endRegex;
- if (!endRegex) { return null; }
- return this.exec(endRegex, text, offset);
- }
- return null;
- },
- /** Called once when file is first loaded to build the parse tree. Tree is updated incrementally thereafter
- * as buffer is modified.
- * @private
- */
- initialParse: function() {
- var last = this.textView.getModel().getCharCount();
- // First time; make parse tree for whole buffer
- var root = new this.ContainerNode(null, this.grammar._typedRule);
- this._tree = root;
- this.parse(this._tree, false, 0);
- },
- onModelChanged: function(/**eclipse.ModelChangedEvent*/ e) {
- var addedCharCount = e.addedCharCount,
- addedLineCount = e.addedLineCount,
- removedCharCount = e.removedCharCount,
- removedLineCount = e.removedLineCount,
- start = e.start;
- if (!this._tree) {
- this.initialParse();
- } else {
- var model = this.textView.getModel();
- var charCount = model.getCharCount();
-
- // For rs, we must rewind to the line preceding the line 'start' is on. We can't rely on start's
- // line since it may've been changed in a way that would cause a new beginMatch at its lineStart.
- var rs = model.getLineEnd(model.getLineAtOffset(start) - 1); // may be < 0
- var fd = this.getFirstDamaged(rs, rs);
- rs = rs === -1 ? 0 : rs;
- var stoppedAt;
- if (fd) {
- // [rs, re] is the region we need to verify. If we find the structure of the tree
- // has changed in that area, then we may need to reparse the rest of the file.
- stoppedAt = this.parse(fd, true, rs, start, addedCharCount, removedCharCount);
- } else {
- // FIXME: fd == null ?
- stoppedAt = charCount;
- }
- this.textView.redrawRange(rs, stoppedAt);
- }
- },
- /** @returns {BeginEndNode|ContainerNode} The result of taking the first (smallest "start" value)
- * node overlapping [start,end] and drilling down to get its deepest damaged descendant (if any).
- * @private
- */
- getFirstDamaged: function(start, end) {
- // If start === 0 we actually have to start from the root because there is no position
- // we can rely on. (First index is damaged)
- if (start < 0) {
- return this._tree;
- }
-
- var nodes = [this._tree];
- var result = null;
- while (nodes.length) {
- var n = nodes.pop();
- if (!n.parent /*n is root*/ || this.isDamaged(n, start, end)) {
- // n is damaged by the edit, so go into its children
- // Note: If a node is damaged, then some of its descendents MAY be damaged
- // If a node is undamaged, then ALL of its descendents are undamaged
- if (n instanceof this.BeginEndNode) {
- result = n;
- }
- // Examine children[0] last
- for (var i=0; i < n.children.length; i++) {
- nodes.push(n.children[i]);
- }
- }
- }
- return result || this._tree;
- },
- /** @returns true If <code>n</code> overlaps the interval [start,end].
- * @private
- */
- isDamaged: function(/**BeginEndNode*/ n, start, end) {
- // Note strict > since [2,5] doesn't overlap [5,7]
- return (n.start <= end && n.end > start);
- },
- /**
- * Builds tree from some of the buffer content
- *
- * TODO cleanup params
- * @param {BeginEndNode|ContainerNode} origNode The deepest node that overlaps [rs,rs], or the root.
- * @param {Boolean} repairing
- * @param {Number} rs See _onModelChanged()
- * @param {Number} [editStart] Only used for repairing === true
- * @param {Number} [addedCharCount] Only used for repairing === true
- * @param {Number} [removedCharCount] Only used for repairing === true
- * @returns {Number} The end position that redrawRange should be called for.
- * @private
- */
- parse: function(origNode, repairing, rs, editStart, addedCharCount, removedCharCount) {
- var model = this.textView.getModel();
- var lastLineStart = model.getLineStart(model.getLineCount() - 1);
- var eof = model.getCharCount();
- var initialExpected = this.getInitialExpected(origNode, rs);
-
- // re is best-case stopping point; if we detect change to tree, we must continue past it
- var re = -1;
- if (repairing) {
- origNode.repaired = true;
- origNode.endNeedsUpdate = true;
- var lastChild = origNode.children[origNode.children.length-1];
- var delta = addedCharCount - removedCharCount;
- var lastChildLineEnd = lastChild ? model.getLineEnd(model.getLineAtOffset(lastChild.end + delta)) : -1;
- var editLineEnd = model.getLineEnd(model.getLineAtOffset(editStart + removedCharCount));
- re = Math.max(lastChildLineEnd, editLineEnd);
- }
- re = (re === -1) ? eof : re;
-
- var expected = initialExpected;
- var node = origNode;
- var matchedChildOrEnd = false;
- var pos = rs;
- var redrawEnd = -1;
- while (node && (!repairing || (pos < re))) {
- var matchInfo = this.getNextMatch(model, node, pos);
- if (!matchInfo) {
- // Go to next line, if any
- pos = (pos >= lastLineStart) ? eof : model.getLineStart(model.getLineAtOffset(pos) + 1);
- }
- var match = matchInfo && matchInfo.match,
- rule = matchInfo && matchInfo.rule,
- isSub = matchInfo && matchInfo.isSub,
- isEnd = matchInfo && matchInfo.isEnd;
- if (isSub) {
- pos = this.afterMatch(match);
- if (rule instanceof this.BeginEndRule) {
- matchedChildOrEnd = true;
- // Matched a child. Did we expect that?
- if (repairing && rule === expected.rule && node === expected.parent) {
- // Yes: matched expected child
- var foundChild = expected;
- foundChild.setStart(match);
- // Note: the 'end' position for this node will either be matched, or fixed up by us post-loop
- foundChild.repaired = true;
- foundChild.endNeedsUpdate = true;
- node = foundChild; // descend
- expected = this.getNextExpected(expected, "begin");
- } else {
- if (repairing) {
- // No: matched unexpected child.
- this.prune(node, expected);
- repairing = false;
- }
-
- // Add the new child (will replace 'expected' in node's children list)
- var subNode = new this.BeginEndNode(node, rule, match);
- node.addChild(subNode);
- node = subNode; // descend
- }
- } else {
- // Matched a MatchRule; no changes to tree required
- }
- } else if (isEnd || pos === eof) {
- if (node instanceof this.BeginEndNode) {
- if (match) {
- matchedChildOrEnd = true;
- redrawEnd = Math.max(redrawEnd, node.end); // if end moved up, must still redraw to its old value
- node.setEnd(match);
- pos = this.afterMatch(match);
- // Matched node's end. Did we expect that?
- if (repairing && node === expected && node.parent === expected.parent) {
- // Yes: found the expected end of node
- node.repaired = true;
- delete node.endNeedsUpdate;
- expected = this.getNextExpected(expected, "end");
- } else {
- if (repairing) {
- // No: found an unexpected end
- this.prune(node, expected);
- repairing = false;
- }
- }
- } else {
- // Force-ending a BeginEndNode that runs until eof
- node.setEnd(eof);
- delete node.endNeedsUpdate;
- }
- }
- node = node.parent; // ascend
- }
-
- if (repairing && pos >= re && !matchedChildOrEnd) {
- // Reached re without matching any begin/end => initialExpected itself was removed => repair fail
- this.prune(origNode, initialExpected);
- repairing = false;
- }
- } // end loop
- // TODO: do this for every node we end?
- this.removeUnrepairedChildren(origNode, repairing, rs);
-
- //console.debug("parsed " + (pos - rs) + " of " + model.getCharCount + "buf");
- this.cleanup(repairing, origNode, rs, re, eof, addedCharCount, removedCharCount);
- if (repairing) {
- return Math.max(redrawEnd, pos);
- } else {
- return pos; // where we stopped reparsing
- }
- },
- /** Helper for parse() in the repair case. To be called when ending a node, as any children that
- * lie in [rs,node.end] and were not repaired must've been deleted.
- * @private
- */
- removeUnrepairedChildren: function(node, repairing, start) {
- if (repairing) {
- var children = node.children;
- var removeFrom = -1;
- for (var i=0; i < children.length; i++) {
- var child = children[i];
- if (!child.repaired && this.isDamaged(child, start, Number.MAX_VALUE /*end doesn't matter*/)) {
- removeFrom = i;
- break;
- }
- }
- if (removeFrom !== -1) {
- node.children.length = removeFrom;
- }
- }
- },
- /** Helper for parse() in the repair case
- * @private
- */
- cleanup: function(repairing, origNode, rs, re, eof, addedCharCount, removedCharCount) {
- var i, node, maybeRepairedNodes;
- if (repairing) {
- // The repair succeeded, so update stale begin/end indices by simple translation.
- var delta = addedCharCount - removedCharCount;
- // A repaired node's end can't exceed re, but it may exceed re-delta+1.
- // TODO: find a way to guarantee disjoint intervals for repaired vs unrepaired, then stop using flag
- var maybeUnrepairedNodes = this.getIntersecting(re-delta+1, eof);
- maybeRepairedNodes = this.getIntersecting(rs, re);
- // Handle unrepaired nodes. They are those intersecting [re-delta+1, eof] that don't have the flag
- for (i=0; i < maybeUnrepairedNodes.length; i++) {
- node = maybeUnrepairedNodes[i];
- if (!node.repaired && node instanceof this.BeginEndNode) {
- node.shiftEnd(delta);
- node.shiftStart(delta);
- }
- }
- // Translate 'end' index of repaired node whose 'end' was not matched in loop (>= re)
- for (i=0; i < maybeRepairedNodes.length; i++) {
- node = maybeRepairedNodes[i];
- if (node.repaired && node.endNeedsUpdate) {
- node.shiftEnd(delta);
- }
- delete node.endNeedsUpdate;
- delete node.repaired;
- }
- } else {
- // Clean up after ourself
- maybeRepairedNodes = this.getIntersecting(rs, re);
- for (i=0; i < maybeRepairedNodes.length; i++) {
- delete maybeRepairedNodes[i].repaired;
- }
- }
- },
- /**
- * @param model {orion.textview.TextModel}
- * @param node {Node}
- * @param pos {Number}
- * @param [matchRulesOnly] {Boolean} Optional, if true only "match" subrules will be considered.
- * @returns {Object} A match info object with properties:
- * {Boolean} isEnd
- * {Boolean} isSub
- * {RegExp.match} match
- * {(Match|BeginEnd)Rule} rule
- * @private
- */
- getNextMatch: function(model, node, pos, matchRulesOnly) {
- var lineIndex = model.getLineAtOffset(pos);
- var lineEnd = model.getLineEnd(lineIndex);
- var line = model.getText(pos, lineEnd);
- var stack = [],
- expandedContainers = [],
- subMatches = [],
- subrules = [];
- this.push(stack, node.rule.subrules);
- while (stack.length) {
- var next = stack.length ? stack.pop() : null;
- var subrule = next && next._resolvedRule._typedRule;
- if (subrule instanceof this.ContainerRule && expandedContainers.indexOf(subrule) === -1) {
- // Expand ContainerRule by pushing its subrules on
- expandedContainers.push(subrule);
- this.push(stack, subrule.subrules);
- continue;
- }
- if (subrule && matchRulesOnly && !(subrule.matchRegex)) {
- continue;
- }
- var subMatch = subrule && this.exec(subrule.matchRegex || subrule.beginRegex, line, pos);
- if (subMatch) {
- subMatches.push(subMatch);
- subrules.push(subrule);
- }
- }
- var bestSub = Number.MAX_VALUE,
- bestSubIndex = -1;
- for (var i=0; i < subMatches.length; i++) {
- var match = subMatches[i];
- if (match.index < bestSub) {
- bestSub = match.index;
- bestSubIndex = i;
- }
- }
-
- if (!matchRulesOnly) {
- // See if the "end" pattern of the active begin/end node matches.
- // TODO: The active begin/end node may not be the same as the node that holds the subrules
- var activeBENode = node;
- var endMatch = this.getEndMatch(node, line, pos);
- if (endMatch) {
- var doEndLast = activeBENode.rule.applyEndPatternLast;
- var endWins = bestSubIndex === -1 || (endMatch.index < bestSub) || (!doEndLast && endMatch.index === bestSub);
- if (endWins) {
- return {isEnd: true, rule: activeBENode.rule, match: endMatch};
- }
- }
- }
- return bestSubIndex === -1 ? null : {isSub: true, rule: subrules[bestSubIndex], match: subMatches[bestSubIndex]};
- },
- /**
- * Gets the node corresponding to the first match we expect to see in the repair.
- * @param {BeginEndNode|ContainerNode} node The node returned via getFirstDamaged(rs,rs) -- may be the root.
- * @param {Number} rs See _onModelChanged()
- * Note that because rs is a line end (or 0, a line start), it will intersect a beginMatch or
- * endMatch either at their 0th character, or not at all. (begin/endMatches can't cross lines).
- * This is the only time we rely on the start/end values from the pre-change tree. After this
- * we only look at node ordering, never use the old indices.
- * @returns {Node}
- * @private
- */
- getInitialExpected: function(node, rs) {
- // TODO: Kind of weird.. maybe ContainerNodes should have start & end set, like BeginEndNodes
- var i, child;
- if (node === this._tree) {
- // get whichever of our children comes after rs
- for (i=0; i < node.children.length; i++) {
- child = node.children[i]; // BeginEndNode
- if (child.start >= rs) {
- return child;
- }
- }
- } else if (node instanceof this.BeginEndNode) {
- if (node.endMatch) {
- // Which comes next after rs: our nodeEnd or one of our children?
- var nodeEnd = node.endMatch.index;
- for (i=0; i < node.children.length; i++) {
- child = node.children[i]; // BeginEndNode
- if (child.start >= rs) {
- break;
- }
- }
- if (child && child.start < nodeEnd) {
- return child; // Expect child as the next match
- }
- } else {
- // No endMatch => node goes until eof => it end should be the next match
- }
- }
- return node; // We expect node to end, so it should be the next match
- },
- /**
- * Helper for repair() to tell us what kind of event we expect next.
- * @param {Node} expected Last value returned by this method.
- * @param {String} event "begin" if the last value of expected was matched as "begin",
- * or "end" if it was matched as an end.
- * @returns {Node} The next expected node to match, or null.
- * @private
- */
- getNextExpected: function(/**Node*/ expected, event) {
- var node = expected;
- if (event === "begin") {
- var child = node.children[0];
- if (child) {
- return child;
- } else {
- return node;
- }
- } else if (event === "end") {
- var parent = node.parent;
- if (parent) {
- var nextSibling = parent.children[parent.children.indexOf(node) + 1];
- if (nextSibling) {
- return nextSibling;
- } else {
- return parent;
- }
- }
- }
- return null;
- },
- /** Helper for parse() when repairing. Prunes out the unmatched nodes from the tree so we can continue parsing.
- * @private
- */
- prune: function(/**BeginEndNode|ContainerNode*/ node, /**Node*/ expected) {
- var expectedAChild = expected.parent === node;
- if (expectedAChild) {
- // Expected child wasn't matched; prune it and all siblings after it
- node.children.length = expected.getIndexInParent();
- } else if (node instanceof this.BeginEndNode) {
- // Expected node to end but it didn't; set its end unknown and we'll match it eventually
- node.endMatch = null;
- node.end = null;
- }
- // Reparsing from node, so prune the successors outside of node's subtree
- if (node.parent) {
- node.parent.children.length = node.getIndexInParent() + 1;
- }
- },
- onLineStyle: function(/**eclipse.LineStyleEvent*/ e) {
- function byStart(r1, r2) {
- return r1.start - r2.start;
- }
-
- if (!this._tree) {
- // In some cases it seems onLineStyle is called before onModelChanged, so we need to parse here
- this.initialParse();
- }
- var lineStart = e.lineStart,
- model = this.textView.getModel(),
- lineEnd = model.getLineEnd(e.lineIndex);
-
- var rs = model.getLineEnd(model.getLineAtOffset(lineStart) - 1); // may be < 0
- var node = this.getFirstDamaged(rs, rs);
-
- var scopes = this.getLineScope(model, node, lineStart, lineEnd);
- e.ranges = this.toStyleRanges(scopes);
- // Editor requires StyleRanges must be in ascending order by 'start', or else some will be ignored
- e.ranges.sort(byStart);
- },
- /** Runs parse algorithm on [start, end] in the context of node, assigning scope as we find matches.
- * @private
- */
- getLineScope: function(model, node, start, end) {
- var pos = start;
- var expected = this.getInitialExpected(node, start);
- var scopes = [],
- gaps = [];
- while (node && (pos < end)) {
- var matchInfo = this.getNextMatch(model, node, pos);
- if (!matchInfo) {
- break; // line is over
- }
- var match = matchInfo && matchInfo.match,
- rule = matchInfo && matchInfo.rule,
- isSub = matchInfo && matchInfo.isSub,
- isEnd = matchInfo && matchInfo.isEnd;
- if (match.index !== pos) {
- // gap [pos..match.index]
- gaps.push({ start: pos, end: match.index, node: node});
- }
- if (isSub) {
- pos = this.afterMatch(match);
- if (rule instanceof this.BeginEndRule) {
- // Matched a "begin", assign its scope and descend into it
- this.addBeginScope(scopes, match, rule);
- node = expected; // descend
- expected = this.getNextExpected(expected, "begin");
- } else {
- // Matched a child MatchRule;
- this.addMatchScope(scopes, match, rule);
- }
- } else if (isEnd) {
- pos = this.afterMatch(match);
- // Matched and "end", assign its end scope and go up
- this.addEndScope(scopes, match, rule);
- expected = this.getNextExpected(expected, "end");
- node = node.parent; // ascend
- }
- }
- if (pos < end) {
- gaps.push({ start: pos, end: end, node: node });
- }
- var inherited = this.getInheritedLineScope(gaps, start, end);
- return scopes.concat(inherited);
- },
- /** @private */
- getInheritedLineScope: function(gaps, start, end) {
- var scopes = [];
- for (var i=0; i < gaps.length; i++) {
- var gap = gaps[i];
- var node = gap.node;
- while (node) {
- // if node defines a contentName or name, apply it
- var rule = node.rule.rule;
- var name = rule.name,
- contentName = rule.contentName;
- // TODO: if both are given, we don't resolve the conflict. contentName always wins
- var scope = contentName || name;
- if (scope) {
- this.addScopeRange(scopes, gap.start, gap.end, scope);
- break;
- }
- node = node.parent;
- }
- }
- return scopes;
- },
- /** @private */
- addBeginScope: function(scopes, match, typedRule) {
- var rule = typedRule.rule;
- this.addCapturesScope(scopes, match, (rule.beginCaptures || rule.captures), typedRule.isComplex, typedRule.beginOld2New, typedRule.beginConsuming);
- },
- /** @private */
- addEndScope: function(scopes, match, typedRule) {
- var rule = typedRule.rule;
- this.addCapturesScope(scopes, match, (rule.endCaptures || rule.captures), typedRule.isComplex, typedRule.endOld2New, typedRule.endConsuming);
- },
- /** @private */
- addMatchScope: function(scopes, match, typedRule) {
- var rule = typedRule.rule,
- name = rule.name,
- captures = rule.captures;
- if (captures) {
- // captures takes priority over name
- this.addCapturesScope(scopes, match, captures, typedRule.isComplex, typedRule.matchOld2New, typedRule.matchConsuming);
- } else {
- this.addScope(scopes, match, name);
- }
- },
- /** @private */
- addScope: function(scopes, match, name) {
- if (!name) { return; }
- scopes.push({start: match.index, end: this.afterMatch(match), scope: name });
- },
- /** @private */
- addScopeRange: function(scopes, start, end, name) {
- if (!name) { return; }
- scopes.push({start: start, end: end, scope: name });
- },
- /** @private */
- addCapturesScope: function(/**Array*/scopes, /*RegExp.match*/ match, /**Object*/captures, /**Boolean*/isComplex, /**Object*/old2New, /**Object*/consuming) {
- if (!captures) { return; }
- if (!isComplex) {
- this.addScope(scopes, match, captures[0] && captures[0].name);
- } else {
- // apply scopes captures[1..n] to matching groups [1]..[n] of match
-
- // Sum up the lengths of preceding consuming groups to get the start offset for each matched group.
- var newGroupStarts = {1: 0};
- var sum = 0;
- for (var num = 1; match[num] !== undefined; num++) {
- if (consuming[num] !== undefined) {
- sum += match[num].length;
- }
- if (match[num+1] !== undefined) {
- newGroupStarts[num + 1] = sum;
- }
- }
- // Map the group numbers referred to in captures object to the new group numbers, and get the actual matched range.
- var start = match.index;
- for (var oldGroupNum = 1; captures[oldGroupNum]; oldGroupNum++) {
- var scope = captures[oldGroupNum].name;
- var newGroupNum = old2New[oldGroupNum];
- var groupStart = start + newGroupStarts[newGroupNum];
- // Not every capturing group defined in regex need match every time the regex is run.
- // eg. (a)|b matches "b" but group 1 is undefined
- if (typeof match[newGroupNum] !== "undefined") {
- var groupEnd = groupStart + match[newGroupNum].length;
- this.addScopeRange(scopes, groupStart, groupEnd, scope);
- }
- }
- }
- },
- /** @returns {Node[]} In depth-first order
- * @private
- */
- getIntersecting: function(start, end) {
- var result = [];
- var nodes = this._tree ? [this._tree] : [];
- while (nodes.length) {
- var n = nodes.pop();
- var visitChildren = false;
- if (n instanceof this.ContainerNode) {
- visitChildren = true;
- } else if (this.isDamaged(n, start, end)) {
- visitChildren = true;
- result.push(n);
- }
- if (visitChildren) {
- var len = n.children.length;
- // for (var i=len-1; i >= 0; i--) {
- // nodes.push(n.children[i]);
- // }
- for (var i=0; i < len; i++) {
- nodes.push(n.children[i]);
- }
- }
- }
- return result.reverse();
- },
- /**
- * Applies the grammar to obtain the {@link eclipse.StyleRange[]} for the given line.
- * @returns eclipse.StyleRange[]
- * @private
- */
- toStyleRanges: function(/**ScopeRange[]*/ scopeRanges) {
- var styleRanges = [];
- for (var i=0; i < scopeRanges.length; i++) {
- var scopeRange = scopeRanges[i];
- var classNames = this._styles[scopeRange.scope];
- if (!classNames) { throw new Error("styles not found for " + scopeRange.scope); }
- var classNamesString = classNames.join(" ");
- styleRanges.push({start: scopeRange.start, end: scopeRange.end, style: {styleClass: classNamesString}});
- // console.debug("{start " + styleRanges[i].start + ", end " + styleRanges[i].end + ", style: " + styleRanges[i].style.styleClass + "}");
- }
- return styleRanges;
- }
- };
-
- return {
- RegexUtil: RegexUtil,
- TextMateStyler: TextMateStyler
- };
- });
- /*******************************************************************************
- * @license
- * Copyright (c) 2010, 2011 IBM Corporation and others.
- * All rights reserved. This program and the accompanying materials are made
- * available under the terms of the Eclipse Public License v1.0
- * (http://www.eclipse.org/legal/epl-v10.html), and the Eclipse Distribution
- * License v1.0 (http://www.eclipse.org/org/documents/edl-v10.html).
- *
- * Contributors: IBM Corporation - initial API and implementation
- * Alex Lakatos - fix for bug#369781
- ******************************************************************************/
- /*global document window navigator define */
- define("examples/textview/textStyler", ['orion/textview/annotations'], function(mAnnotations) {
- var JS_KEYWORDS =
- ["break",
- "case", "class", "catch", "continue", "const",
- "debugger", "default", "delete", "do",
- "else", "enum", "export", "extends",
- "false", "finally", "for", "function",
- "if", "implements", "import", "in", "instanceof", "interface",
- "let",
- "new", "null",
- "package", "private", "protected", "public",
- "return",
- "static", "super", "switch",
- "this", "throw", "true", "try", "typeof",
- "undefined",
- "var", "void",
- "while", "with",
- "yield"];
- var JAVA_KEYWORDS =
- ["abstract",
- "boolean", "break", "byte",
- "case", "catch", "char", "class", "continue",
- "default", "do", "double",
- "else", "extends",
- "false", "final", "finally", "float", "for",
- "if", "implements", "import", "instanceof", "int", "interface",
- "long",
- "native", "new", "null",
- "package", "private", "protected", "public",
- "return",
- "short", "static", "super", "switch", "synchronized",
- "this", "throw", "throws", "transient", "true", "try",
- "void", "volatile",
- "while"];
- var CSS_KEYWORDS =
- ["alignment-adjust", "alignment-baseline", "animation", "animation-delay", "animation-direction", "animation-duration",
- "animation-iteration-count", "animation-name", "animation-play-state", "animation-timing-function", "appearance",
- "azimuth", "backface-visibility", "background", "background-attachment", "background-clip", "background-color",
- "background-image", "background-origin", "background-position", "background-repeat", "background-size", "baseline-shift",
- "binding", "bleed", "bookmark-label", "bookmark-level", "bookmark-state", "bookmark-target", "border", "border-bottom",
- "border-bottom-color", "border-bottom-left-radius", "border-bottom-right-radius", "border-bottom-style", "border-bottom-width",
- "border-collapse", "border-color", "border-image", "border-image-outset", "border-image-repeat", "border-image-slice",
- "border-image-source", "border-image-width", "border-left", "border-left-color", "border-left-style", "border-left-width",
- "border-radius", "border-right", "border-right-color", "border-right-style", "border-right-width", "border-spacing", "border-style",
- "border-top", "border-top-color", "border-top-left-radius", "border-top-right-radius", "border-top-style", "border-top-width",
- "border-width", "bottom", "box-align", "box-decoration-break", "box-direction", "box-flex", "box-flex-group", "box-lines",
- "box-ordinal-group", "box-orient", "box-pack", "box-shadow", "box-sizing", "break-after", "break-before", "break-inside",
- "caption-side", "clear", "clip", "color", "color-profile", "column-count", "column-fill", "column-gap", "column-rule",
- "column-rule-color", "column-rule-style", "column-rule-width", "column-span", "column-width", "columns", "content", "counter-increment",
- "counter-reset", "crop", "cue", "cue-after", "cue-before", "cursor", "direction", "display", "dominant-baseline",
- "drop-initial-after-adjust", "drop-initial-after-align", "drop-initial-before-adjust", "drop-initial-before-align", "drop-initial-size",
- "drop-initial-value", "elevation", "empty-cells", "fit", "fit-position", "flex-align", "flex-flow", "flex-inline-pack", "flex-order",
- "flex-pack", "float", "float-offset", "font", "font-family", "font-size", "font-size-adjust", "font-stretch", "font-style",
- "font-variant", "font-weight", "grid-columns", "grid-rows", "hanging-punctuation", "height", "hyphenate-after",
- "hyphenate-before", "hyphenate-character", "hyphenate-lines", "hyphenate-resource", "hyphens", "icon", "image-orientation",
- "image-rendering", "image-resolution", "inline-box-align", "left", "letter-spacing", "line-height", "line-stacking",
- "line-stacking-ruby", "line-stacking-shift", "line-stacking-strategy", "list-style", "list-style-image", "list-style-position",
- "list-style-type", "margin", "margin-bottom", "margin-left", "margin-right", "margin-top", "mark", "mark-after", "mark-before",
- "marker-offset", "marks", "marquee-direction", "marquee-loop", "marquee-play-count", "marquee-speed", "marquee-style", "max-height",
- "max-width", "min-height", "min-width", "move-to", "nav-down", "nav-index", "nav-left", "nav-right", "nav-up", "opacity", "orphans",
- "outline", "outline-color", "outline-offset", "outline-style", "outline-width", "overflow", "overflow-style", "overflow-x",
- "overflow-y", "padding", "padding-bottom", "padding-left", "padding-right", "padding-top", "page", "page-break-after", "page-break-before",
- "page-break-inside", "page-policy", "pause", "pause-after", "pause-before", "perspective", "perspective-origin", "phonemes", "pitch",
- "pitch-range", "play-during", "position", "presentation-level", "punctuation-trim", "quotes", "rendering-intent", "resize",
- "rest", "rest-after", "rest-before", "richness", "right", "rotation", "rotation-point", "ruby-align", "ruby-overhang", "ruby-position",
- "ruby-span", "size", "speak", "speak-header", "speak-numeral", "speak-punctuation", "speech-rate", "stress", "string-set", "table-layout",
- "target", "target-name", "target-new", "target-position", "text-align", "text-align-last", "text-decoration", "text-emphasis",
- "text-height", "text-indent", "text-justify", "text-outline", "text-shadow", "text-transform", "text-wrap", "top", "transform",
- "transform-origin", "transform-style", "transition", "transition-delay", "transition-duration", "transition-property",
- "transition-timing-function", "unicode-bidi", "vertical-align", "visibility", "voice-balance", "voice-duration", "voice-family",
- "voice-pitch", "voice-pitch-range", "voice-rate", "voice-stress", "voice-volume", "volume", "white-space", "white-space-collapse",
- "widows", "width", "word-break", "word-spacing", "word-wrap", "z-index"
- ];
- // Scanner constants
- var UNKOWN = 1;
- var KEYWORD = 2;
- var STRING = 3;
- var SINGLELINE_COMMENT = 4;
- var MULTILINE_COMMENT = 5;
- var DOC_COMMENT = 6;
- var WHITE = 7;
- var WHITE_TAB = 8;
- var WHITE_SPACE = 9;
- var HTML_MARKUP = 10;
- var DOC_TAG = 11;
- var TASK_TAG = 12;
- // Styles
- var singleCommentStyle = {styleClass: "token_singleline_comment"};
- var multiCommentStyle = {styleClass: "token_multiline_comment"};
- var docCommentStyle = {styleClass: "token_doc_comment"};
- var htmlMarkupStyle = {styleClass: "token_doc_html_markup"};
- var tasktagStyle = {styleClass: "token_task_tag"};
- var doctagStyle = {styleClass: "token_doc_tag"};
- var stringStyle = {styleClass: "token_string"};
- var keywordStyle = {styleClass: "token_keyword"};
- var spaceStyle = {styleClass: "token_space"};
- var tabStyle = {styleClass: "token_tab"};
- var caretLineStyle = {styleClass: "line_caret"};
-
- function Scanner (keywords, whitespacesVisible) {
- this.keywords = keywords;
- this.whitespacesVisible = whitespacesVisible;
- this.setText("");
- }
-
- Scanner.prototype = {
- getOffset: function() {
- return this.offset;
- },
- getStartOffset: function() {
- return this.startOffset;
- },
- getData: function() {
- return this.text.substring(this.startOffset, this.offset);
- },
- getDataLength: function() {
- return this.offset - this.startOffset;
- },
- _default: function(c) {
- var keywords = this.keywords;
- switch (c) {
- case 32: // SPACE
- case 9: // TAB
- if (this.whitespacesVisible) {
- return c === 32 ? WHITE_SPACE : WHITE_TAB;
- }
- do {
- c = this._read();
- } while(c === 32 || c === 9);
- this._unread(c);
- return WHITE;
- case 123: // {
- case 125: // }
- case 40: // (
- case 41: // )
- case 91: // [
- case 93: // ]
- case 60: // <
- case 62: // >
- // BRACKETS
- return c;
- default:
- var isCSS = this.isCSS;
- if ((97 <= c && c <= 122) || (65 <= c && c <= 90) || c === 95 || (48 <= c && c <= 57) || (0x2d === c && isCSS)) { //LETTER OR UNDERSCORE OR NUMBER
- var off = this.offset - 1;
- do {
- c = this._read();
- } while((97 <= c && c <= 122) || (65 <= c && c <= 90) || c === 95 || (48 <= c && c <= 57) || (0x2d === c && isCSS)); //LETTER OR UNDERSCORE OR NUMBER
- this._unread(c);
- if (keywords.length > 0) {
- var word = this.text.substring(off, this.offset);
- //TODO slow
- for (var i=0; i<keywords.length; i++) {
- if (this.keywords[i] === word) { return KEYWORD; }
- }
- }
- }
- return UNKOWN;
- }
- },
- _read: function() {
- if (this.offset < this.text.length) {
- return this.text.charCodeAt(this.offset++);
- }
- return -1;
- },
- _unread: function(c) {
- if (c !== -1) { this.offset--; }
- },
- nextToken: function() {
- this.startOffset = this.offset;
- while (true) {
- var c = this._read();
- switch (c) {
- case -1: return null;
- case 47: // SLASH -> comment
- c = this._read();
- if (!this.isCSS) {
- if (c === 47) { // SLASH -> single line
- while (true) {
- c = this._read();
- if ((c === -1) || (c === 10) || (c === 13)) {
- this._unread(c);
- return SINGLELINE_COMMENT;
- }
- }
- }
- }
- if (c === 42) { // STAR -> multi line
- c = this._read();
- var token = MULTILINE_COMMENT;
- if (c === 42) {
- token = DOC_COMMENT;
- }
- while (true) {
- while (c === 42) {
- c = this._read();
- if (c === 47) {
- return token;
- }
- }
- if (c === -1) {
- this._unread(c);
- return token;
- }
- c = this._read();
- }
- }
- this._unread(c);
- return UNKOWN;
- case 39: // SINGLE QUOTE -> char const
- while(true) {
- c = this._read();
- switch (c) {
- case 39:
- return STRING;
- case 13:
- case 10:
- case -1:
- this._unread(c);
- return STRING;
- case 92: // BACKSLASH
- c = this._read();
- break;
- }
- }
- break;
- case 34: // DOUBLE QUOTE -> string
- while(true) {
- c = this._read();
- switch (c) {
- case 34: // DOUBLE QUOTE
- return STRING;
- case 13:
- case 10:
- case -1:
- this._unread(c);
- return STRING;
- case 92: // BACKSLASH
- c = this._read();
- break;
- }
- }
- break;
- default:
- return this._default(c);
- }
- }
- },
- setText: function(text) {
- this.text = text;
- this.offset = 0;
- this.startOffset = 0;
- }
- };
-
- function WhitespaceScanner () {
- Scanner.call(this, null, true);
- }
- WhitespaceScanner.prototype = new Scanner(null);
- WhitespaceScanner.prototype.nextToken = function() {
- this.startOffset = this.offset;
- while (true) {
- var c = this._read();
- switch (c) {
- case -1: return null;
- case 32: // SPACE
- return WHITE_SPACE;
- case 9: // TAB
- return WHITE_TAB;
- default:
- do {
- c = this._read();
- } while(!(c === 32 || c === 9 || c === -1));
- this._unread(c);
- return UNKOWN;
- }
- }
- };
-
- function CommentScanner (whitespacesVisible) {
- Scanner.call(this, null, whitespacesVisible);
- }
- CommentScanner.prototype = new Scanner(null);
- CommentScanner.prototype.setType = function(type) {
- this._type = type;
- };
- CommentScanner.prototype.nextToken = function() {
- this.startOffset = this.offset;
- while (true) {
- var c = this._read();
- switch (c) {
- case -1: return null;
- case 32: // SPACE
- case 9: // TAB
- if (this.whitespacesVisible) {
- return c === 32 ? WHITE_SPACE : WHITE_TAB;
- }
- do {
- c = this._read();
- } while(c === 32 || c === 9);
- this._unread(c);
- return WHITE;
- case 60: // <
- if (this._type === DOC_COMMENT) {
- do {
- c = this._read();
- } while(!(c === 62 || c === -1)); // >
- if (c === 62) {
- return HTML_MARKUP;
- }
- }
- return UNKOWN;
- case 64: // @
- if (this._type === DOC_COMMENT) {
- do {
- c = this._read();
- } while((97 <= c && c <= 122) || (65 <= c && c <= 90) || c === 95 || (48 <= c && c <= 57)); //LETTER OR UNDERSCORE OR NUMBER
- this._unread(c);
- return DOC_TAG;
- }
- return UNKOWN;
- case 84: // T
- if ((c = this._read()) === 79) { // O
- if ((c = this._read()) === 68) { // D
- if ((c = this._read()) === 79) { // O
- c = this._read();
- if (!((97 <= c && c <= 122) || (65 <= c && c <= 90) || c === 95 || (48 <= c && c <= 57))) {
- this._unread(c);
- return TASK_TAG;
- }
- this._unread(c);
- } else {
- this._unread(c);
- }
- } else {
- this._unread(c);
- }
- } else {
- this._unread(c);
- }
- //FALL THROUGH
- default:
- do {
- c = this._read();
- } while(!(c === 32 || c === 9 || c === -1 || c === 60 || c === 64 || c === 84));
- this._unread(c);
- return UNKOWN;
- }
- }
- };
-
- function FirstScanner () {
- Scanner.call(this, null, false);
- }
- FirstScanner.prototype = new Scanner(null);
- FirstScanner.prototype._default = function(c) {
- while(true) {
- c = this._read();
- switch (c) {
- case 47: // SLASH
- case 34: // DOUBLE QUOTE
- case 39: // SINGLE QUOTE
- case -1:
- this._unread(c);
- return UNKOWN;
- }
- }
- };
-
- function TextStyler (view, lang, annotationModel) {
- this.commentStart = "/*";
- this.commentEnd = "*/";
- var keywords = [];
- switch (lang) {
- case "java": keywords = JAVA_KEYWORDS; break;
- case "js": keywords = JS_KEYWORDS; break;
- case "css": keywords = CSS_KEYWORDS; break;
- }
- this.whitespacesVisible = false;
- this.detectHyperlinks = true;
- this.highlightCaretLine = false;
- this.foldingEnabled = true;
- this.detectTasks = true;
- this._scanner = new Scanner(keywords, this.whitespacesVisible);
- this._firstScanner = new FirstScanner();
- this._commentScanner = new CommentScanner(this.whitespacesVisible);
- this._whitespaceScanner = new WhitespaceScanner();
- //TODO these scanners are not the best/correct way to parse CSS
- if (lang === "css") {
- this._scanner.isCSS = true;
- this._firstScanner.isCSS = true;
- }
- this.view = view;
- this.annotationModel = annotationModel;
- this._bracketAnnotations = undefined;
-
- var self = this;
- this._listener = {
- onChanged: function(e) {
- self._onModelChanged(e);
- },
- onDestroy: function(e) {
- self._onDestroy(e);
- },
- onLineStyle: function(e) {
- self._onLineStyle(e);
- },
- onSelection: function(e) {
- self._onSelection(e);
- }
- };
- var model = view.getModel();
- if (model.getBaseModel) {
- model.getBaseModel().addEventListener("Changed", this._listener.onChanged);
- } else {
- //TODO still needed to keep the event order correct (styler before view)
- view.addEventListener("ModelChanged", this._listener.onChanged);
- }
- view.addEventListener("Selection", this._listener.onSelection);
- view.addEventListener("Destroy", this._listener.onDestroy);
- view.addEventListener("LineStyle", this._listener.onLineStyle);
- this._computeComments ();
- this._computeFolding();
- view.redrawLines();
- }
-
- TextStyler.prototype = {
- getClassNameForToken: function(token) {
- switch (token) {
- case "singleLineComment": return singleCommentStyle.styleClass;
- case "multiLineComment": return multiCommentStyle.styleClass;
- case "docComment": return docCommentStyle.styleClass;
- case "docHtmlComment": return htmlMarkupStyle.styleClass;
- case "tasktag": return tasktagStyle.styleClass;
- case "doctag": return doctagStyle.styleClass;
- case "string": return stringStyle.styleClass;
- case "keyword": return keywordStyle.styleClass;
- case "space": return spaceStyle.styleClass;
- case "tab": return tabStyle.styleClass;
- case "caretLine": return caretLineStyle.styleClass;
- }
- return null;
- },
- destroy: function() {
- var view = this.view;
- if (view) {
- var model = view.getModel();
- if (model.getBaseModel) {
- model.getBaseModel().removeEventListener("Changed", this._listener.onChanged);
- } else {
- view.removeEventListener("ModelChanged", this._listener.onChanged);
- }
- view.removeEventListener("Selection", this._listener.onSelection);
- view.removeEventListener("Destroy", this._listener.onDestroy);
- view.removeEventListener("LineStyle", this._listener.onLineStyle);
- this.view = null;
- }
- },
- setHighlightCaretLine: function(highlight) {
- this.highlightCaretLine = highlight;
- },
- setWhitespacesVisible: function(visible) {
- this.whitespacesVisible = visible;
- this._scanner.whitespacesVisible = visible;
- this._commentScanner.whitespacesVisible = visible;
- },
- setDetectHyperlinks: function(enabled) {
- this.detectHyperlinks = enabled;
- },
- setFoldingEnabled: function(enabled) {
- this.foldingEnabled = enabled;
- },
- setDetectTasks: function(enabled) {
- this.detectTasks = enabled;
- },
- _binarySearch: function (array, offset, inclusive, low, high) {
- var index;
- if (low === undefined) { low = -1; }
- if (high === undefined) { high = array.length; }
- while (high - low > 1) {
- index = Math.floor((high + low) / 2);
- if (offset <= array[index].start) {
- high = index;
- } else if (inclusive && offset < array[index].end) {
- high = index;
- break;
- } else {
- low = index;
- }
- }
- return high;
- },
- _computeComments: function() {
- var model = this.view.getModel();
- if (model.getBaseModel) { model = model.getBaseModel(); }
- this.comments = this._findComments(model.getText());
- },
- _computeFolding: function() {
- if (!this.foldingEnabled) { return; }
- var view = this.view;
- var viewModel = view.getModel();
- if (!viewModel.getBaseModel) { return; }
- var annotationModel = this.annotationModel;
- if (!annotationModel) { return; }
- annotationModel.removeAnnotations("orion.annotation.folding");
- var add = [];
- var baseModel = viewModel.getBaseModel();
- var comments = this.comments;
- for (var i=0; i<comments.length; i++) {
- var comment = comments[i];
- var annotation = this._createFoldingAnnotation(viewModel, baseModel, comment.start, comment.end);
- if (annotation) {
- add.push(annotation);
- }
- }
- annotationModel.replaceAnnotations(null, add);
- },
- _createFoldingAnnotation: function(viewModel, baseModel, start, end) {
- var startLine = baseModel.getLineAtOffset(start);
- var endLine = baseModel.getLineAtOffset(end);
- if (startLine === endLine) {
- return null;
- }
- return new mAnnotations.FoldingAnnotation(viewModel, "orion.annotation.folding", start, end,
- "<div class='annotationHTML expanded'></div>", {styleClass: "annotation expanded"},
- "<div class='annotationHTML collapsed'></div>", {styleClass: "annotation collapsed"});
- },
- _computeTasks: function(type, commentStart, commentEnd) {
- if (!this.detectTasks) { return; }
- var annotationModel = this.annotationModel;
- if (!annotationModel) { return; }
- var view = this.view;
- var viewModel = view.getModel(), baseModel = viewModel;
- if (viewModel.getBaseModel) { baseModel = viewModel.getBaseModel(); }
- var annotations = annotationModel.getAnnotations(commentStart, commentEnd);
- var remove = [];
- var annotationType = "orion.annotation.task";
- while (annotations.hasNext()) {
- var annotation = annotations.next();
- if (annotation.type === annotationType) {
- remove.push(annotation);
- }
- }
- var add = [];
- var scanner = this._commentScanner;
- scanner.setText(baseModel.getText(commentStart, commentEnd));
- var token;
- while ((token = scanner.nextToken())) {
- var tokenStart = scanner.getStartOffset() + commentStart;
- if (token === TASK_TAG) {
- var end = baseModel.getLineEnd(baseModel.getLineAtOffset(tokenStart));
- if (type !== SINGLELINE_COMMENT) {
- end = Math.min(end, commentEnd - this.commentEnd.length);
- }
- add.push({
- start: tokenStart,
- end: end,
- type: annotationType,
- title: baseModel.getText(tokenStart, end),
- style: {styleClass: "annotation task"},
- html: "<div class='annotationHTML task'></div>",
- overviewStyle: {styleClass: "annotationOverview task"},
- rangeStyle: {styleClass: "annotationRange task"}
- });
- }
- }
- annotationModel.replaceAnnotations(remove, add);
- },
- _getLineStyle: function(lineIndex) {
- if (this.highlightCaretLine) {
- var view = this.view;
- var model = view.getModel();
- var selection = view.getSelection();
- if (selection.start === selection.end && model.getLineAtOffset(selection.start) === lineIndex) {
- return caretLineStyle;
- }
- }
- return null;
- },
- _getStyles: function(model, text, start) {
- if (model.getBaseModel) {
- start = model.mapOffset(start);
- }
- var end = start + text.length;
-
- var styles = [];
-
- // for any sub range that is not a comment, parse code generating tokens (keywords, numbers, brackets, line comments, etc)
- var offset = start, comments = this.comments;
- var startIndex = this._binarySearch(comments, start, true);
- for (var i = startIndex; i < comments.length; i++) {
- if (comments[i].start >= end) { break; }
- var commentStart = comments[i].start;
- var commentEnd = comments[i].end;
- if (offset < commentStart) {
- this._parse(text.substring(offset - start, commentStart - start), offset, styles);
- }
- var style = comments[i].type === DOC_COMMENT ? docCommentStyle : multiCommentStyle;
- if (this.whitespacesVisible || this.detectHyperlinks) {
- var s = Math.max(offset, commentStart);
- var e = Math.min(end, commentEnd);
- this._parseComment(text.substring(s - start, e - start), s, styles, style, comments[i].type);
- } else {
- styles.push({start: commentStart, end: commentEnd, style: style});
- }
- offset = commentEnd;
- }
- if (offset < end) {
- this._parse(text.substring(offset - start, end - start), offset, styles);
- }
- if (model.getBaseModel) {
- for (var j = 0; j < styles.length; j++) {
- var length = styles[j].end - styles[j].start;
- styles[j].start = model.mapOffset(styles[j].start, true);
- styles[j].end = styles[j].start + length;
- }
- }
- return styles;
- },
- _parse: function(text, offset, styles) {
- var scanner = this._scanner;
- scanner.setText(text);
- var token;
- while ((token = scanner.nextToken())) {
- var tokenStart = scanner.getStartOffset() + offset;
- var style = null;
- switch (token) {
- case KEYWORD: style = keywordStyle; break;
- case STRING:
- if (this.whitespacesVisible) {
- this._parseString(scanner.getData(), tokenStart, styles, stringStyle);
- continue;
- } else {
- style = stringStyle;
- }
- break;
- case DOC_COMMENT:
- this._parseComment(scanner.getData(), tokenStart, styles, docCommentStyle, token);
- continue;
- case SINGLELINE_COMMENT:
- this._parseComment(scanner.getData(), tokenStart, styles, singleCommentStyle, token);
- continue;
- case MULTILINE_COMMENT:
- this._parseComment(scanner.getData(), tokenStart, styles, multiCommentStyle, token);
- continue;
- case WHITE_TAB:
- if (this.whitespacesVisible) {
- style = tabStyle;
- }
- break;
- case WHITE_SPACE:
- if (this.whitespacesVisible) {
- style = spaceStyle;
- }
- break;
- }
- styles.push({start: tokenStart, end: scanner.getOffset() + offset, style: style});
- }
- },
- _parseComment: function(text, offset, styles, s, type) {
- var scanner = this._commentScanner;
- scanner.setText(text);
- scanner.setType(type);
- var token;
- while ((token = scanner.nextToken())) {
- var tokenStart = scanner.getStartOffset() + offset;
- var style = s;
- switch (token) {
- case WHITE_TAB:
- if (this.whitespacesVisible) {
- style = tabStyle;
- }
- break;
- case WHITE_SPACE:
- if (this.whitespacesVisible) {
- style = spaceStyle;
- }
- break;
- case HTML_MARKUP:
- style = htmlMarkupStyle;
- break;
- case DOC_TAG:
- style = doctagStyle;
- break;
- case TASK_TAG:
- style = tasktagStyle;
- break;
- default:
- if (this.detectHyperlinks) {
- style = this._detectHyperlinks(scanner.getData(), tokenStart, styles, style);
- }
- }
- if (style) {
- styles.push({start: tokenStart, end: scanner.getOffset() + offset, style: style});
- }
- }
- },
- _parseString: function(text, offset, styles, s) {
- var scanner = this._whitespaceScanner;
- scanner.setText(text);
- var token;
- while ((token = scanner.nextToken())) {
- var tokenStart = scanner.getStartOffset() + offset;
- var style = s;
- switch (token) {
- case WHITE_TAB:
- if (this.whitespacesVisible) {
- style = tabStyle;
- }
- break;
- case WHITE_SPACE:
- if (this.whitespacesVisible) {
- style = spaceStyle;
- }
- break;
- }
- if (style) {
- styles.push({start: tokenStart, end: scanner.getOffset() + offset, style: style});
- }
- }
- },
- _detectHyperlinks: function(text, offset, styles, s) {
- var href = null, index, linkStyle;
- if ((index = text.indexOf("://")) > 0) {
- href = text;
- var start = index;
- while (start > 0) {
- var c = href.charCodeAt(start - 1);
- if (!((97 <= c && c <= 122) || (65 <= c && c <= 90) || 0x2d === c || (48 <= c && c <= 57))) { //LETTER OR DASH OR NUMBER
- break;
- }
- start--;
- }
- if (start > 0) {
- var brackets = "\"\"''(){}[]<>";
- index = brackets.indexOf(href.substring(start - 1, start));
- if (index !== -1 && (index & 1) === 0 && (index = href.lastIndexOf(brackets.substring(index + 1, index + 2))) !== -1) {
- var end = index;
- linkStyle = this._clone(s);
- linkStyle.tagName = "A";
- linkStyle.attributes = {href: href.substring(start, end)};
- styles.push({start: offset, end: offset + start, style: s});
- styles.push({start: offset + start, end: offset + end, style: linkStyle});
- styles.push({start: offset + end, end: offset + text.length, style: s});
- return null;
- }
- }
- } else if (text.toLowerCase().indexOf("bug#") === 0) {
- href = "https://bugs.eclipse.org/bugs/show_bug.cgi?id=" + parseInt(text.substring(4), 10);
- }
- if (href) {
- linkStyle = this._clone(s);
- linkStyle.tagName = "A";
- linkStyle.attributes = {href: href};
- return linkStyle;
- }
- return s;
- },
- _clone: function(obj) {
- if (!obj) { return obj; }
- var newObj = {};
- for (var p in obj) {
- if (obj.hasOwnProperty(p)) {
- var value = obj[p];
- newObj[p] = value;
- }
- }
- return newObj;
- },
- _findComments: function(text, offset) {
- offset = offset || 0;
- var scanner = this._firstScanner, token;
- scanner.setText(text);
- var result = [];
- while ((token = scanner.nextToken())) {
- if (token === MULTILINE_COMMENT || token === DOC_COMMENT) {
- var comment = {
- start: scanner.getStartOffset() + offset,
- end: scanner.getOffset() + offset,
- type: token
- };
- result.push(comment);
- //TODO can we avoid this work if edition does not overlap comment?
- this._computeTasks(token, scanner.getStartOffset() + offset, scanner.getOffset() + offset);
- }
- if (token === SINGLELINE_COMMENT) {
- //TODO can we avoid this work if edition does not overlap comment?
- this._computeTasks(token, scanner.getStartOffset() + offset, scanner.getOffset() + offset);
- }
- }
- return result;
- },
- _findMatchingBracket: function(model, offset) {
- var brackets = "{}()[]<>";
- var bracket = model.getText(offset, offset + 1);
- var bracketIndex = brackets.indexOf(bracket, 0);
- if (bracketIndex === -1) { return -1; }
- var closingBracket;
- if (bracketIndex & 1) {
- closingBracket = brackets.substring(bracketIndex - 1, bracketIndex);
- } else {
- closingBracket = brackets.substring(bracketIndex + 1, bracketIndex + 2);
- }
- var lineIndex = model.getLineAtOffset(offset);
- var lineText = model.getLine(lineIndex);
- var lineStart = model.getLineStart(lineIndex);
- var lineEnd = model.getLineEnd(lineIndex);
- brackets = this._findBrackets(bracket, closingBracket, lineText, lineStart, lineStart, lineEnd);
- for (var i=0; i<brackets.length; i++) {
- var sign = brackets[i] >= 0 ? 1 : -1;
- if (brackets[i] * sign === offset) {
- var level = 1;
- if (bracketIndex & 1) {
- i--;
- for (; i>=0; i--) {
- sign = brackets[i] >= 0 ? 1 : -1;
- level += sign;
- if (level === 0) {
- return brackets[i] * sign;
- }
- }
- lineIndex -= 1;
- while (lineIndex >= 0) {
- lineText = model.getLine(lineIndex);
- lineStart = model.getLineStart(lineIndex);
- lineEnd = model.getLineEnd(lineIndex);
- brackets = this._findBrackets(bracket, closingBracket, lineText, lineStart, lineStart, lineEnd);
- for (var j=brackets.length - 1; j>=0; j--) {
- sign = brackets[j] >= 0 ? 1 : -1;
- level += sign;
- if (level === 0) {
- return brackets[j] * sign;
- }
- }
- lineIndex--;
- }
- } else {
- i++;
- for (; i<brackets.length; i++) {
- sign = brackets[i] >= 0 ? 1 : -1;
- level += sign;
- if (level === 0) {
- return brackets[i] * sign;
- }
- }
- lineIndex += 1;
- var lineCount = model.getLineCount ();
- while (lineIndex < lineCount) {
- lineText = model.getLine(lineIndex);
- lineStart = model.getLineStart(lineIndex);
- lineEnd = model.getLineEnd(lineIndex);
- brackets = this._findBrackets(bracket, closingBracket, lineText, lineStart, lineStart, lineEnd);
- for (var k=0; k<brackets.length; k++) {
- sign = brackets[k] >= 0 ? 1 : -1;
- level += sign;
- if (level === 0) {
- return brackets[k] * sign;
- }
- }
- lineIndex++;
- }
- }
- break;
- }
- }
- return -1;
- },
- _findBrackets: function(bracket, closingBracket, text, textOffset, start, end) {
- var result = [];
- var bracketToken = bracket.charCodeAt(0);
- var closingBracketToken = closingBracket.charCodeAt(0);
- // for any sub range that is not a comment, parse code generating tokens (keywords, numbers, brackets, line comments, etc)
- var offset = start, scanner = this._scanner, token, comments = this.comments;
- var startIndex = this._binarySearch(comments, start, true);
- for (var i = startIndex; i < comments.length; i++) {
- if (comments[i].start >= end) { break; }
- var commentStart = comments[i].start;
- var commentEnd = comments[i].end;
- if (offset < commentStart) {
- scanner.setText(text.substring(offset - start, commentStart - start));
- while ((token = scanner.nextToken())) {
- if (token === bracketToken) {
- result.push(scanner.getStartOffset() + offset - start + textOffset);
- } else if (token === closingBracketToken) {
- result.push(-(scanner.getStartOffset() + offset - start + textOffset));
- }
- }
- }
- offset = commentEnd;
- }
- if (offset < end) {
- scanner.setText(text.substring(offset - start, end - start));
- while ((token = scanner.nextToken())) {
- if (token === bracketToken) {
- result.push(scanner.getStartOffset() + offset - start + textOffset);
- } else if (token === closingBracketToken) {
- result.push(-(scanner.getStartOffset() + offset - start + textOffset));
- }
- }
- }
- return result;
- },
- _onDestroy: function(e) {
- this.destroy();
- },
- _onLineStyle: function (e) {
- if (e.textView === this.view) {
- e.style = this._getLineStyle(e.lineIndex);
- }
- e.ranges = this._getStyles(e.textView.getModel(), e.lineText, e.lineStart);
- },
- _onSelection: function(e) {
- var oldSelection = e.oldValue;
- var newSelection = e.newValue;
- var view = this.view;
- var model = view.getModel();
- var lineIndex;
- if (this.highlightCaretLine) {
- var oldLineIndex = model.getLineAtOffset(oldSelection.start);
- lineIndex = model.getLineAtOffset(newSelection.start);
- var newEmpty = newSelection.start === newSelection.end;
- var oldEmpty = oldSelection.start === oldSelection.end;
- if (!(oldLineIndex === lineIndex && oldEmpty && newEmpty)) {
- if (oldEmpty) {
- view.redrawLines(oldLineIndex, oldLineIndex + 1);
- }
- if ((oldLineIndex !== lineIndex || !oldEmpty) && newEmpty) {
- view.redrawLines(lineIndex, lineIndex + 1);
- }
- }
- }
- if (!this.annotationModel) { return; }
- var remove = this._bracketAnnotations, add, caret;
- if (newSelection.start === newSelection.end && (caret = view.getCaretOffset()) > 0) {
- var mapCaret = caret - 1;
- if (model.getBaseModel) {
- mapCaret = model.mapOffset(mapCaret);
- model = model.getBaseModel();
- }
- var bracket = this._findMatchingBracket(model, mapCaret);
- if (bracket !== -1) {
- add = [{
- start: bracket,
- end: bracket + 1,
- type: "orion.annotation.matchingBracket",
- title: "Matching Bracket",
- html: "<div class='annotationHTML matchingBracket'></div>",
- overviewStyle: {styleClass: "annotationOverview matchingBracket"},
- rangeStyle: {styleClass: "annotationRange matchingBracket"}
- },
- {
- start: mapCaret,
- end: mapCaret + 1,
- type: "orion.annotation.currentBracket",
- title: "Current Bracket",
- html: "<div class='annotationHTML currentBracket'></div>",
- overviewStyle: {styleClass: "annotationOverview currentBracket"},
- rangeStyle: {styleClass: "annotationRange currentBracket"}
- }];
- }
- }
- this._bracketAnnotations = add;
- this.annotationModel.replaceAnnotations(remove, add);
- },
- _onModelChanged: function(e) {
- var start = e.start;
- var removedCharCount = e.removedCharCount;
- var addedCharCount = e.addedCharCount;
- var changeCount = addedCharCount - removedCharCount;
- var view = this.view;
- var viewModel = view.getModel();
- var baseModel = viewModel.getBaseModel ? viewModel.getBaseModel() : viewModel;
- var end = start + removedCharCount;
- var charCount = baseModel.getCharCount();
- var commentCount = this.comments.length;
- var lineStart = baseModel.getLineStart(baseModel.getLineAtOffset(start));
- var commentStart = this._binarySearch(this.comments, lineStart, true);
- var commentEnd = this._binarySearch(this.comments, end, false, commentStart - 1, commentCount);
-
- var ts;
- if (commentStart < commentCount && this.comments[commentStart].start <= lineStart && lineStart < this.comments[commentStart].end) {
- ts = this.comments[commentStart].start;
- if (ts > start) { ts += changeCount; }
- } else {
- if (commentStart === commentCount && commentCount > 0 && charCount - changeCount === this.comments[commentCount - 1].end) {
- ts = this.comments[commentCount - 1].start;
- } else {
- ts = lineStart;
- }
- }
- var te;
- if (commentEnd < commentCount) {
- te = this.comments[commentEnd].end;
- if (te > start) { te += changeCount; }
- commentEnd += 1;
- } else {
- commentEnd = commentCount;
- te = charCount;//TODO could it be smaller?
- }
- var text = baseModel.getText(ts, te), comment;
- var newComments = this._findComments(text, ts), i;
- for (i = commentStart; i < this.comments.length; i++) {
- comment = this.comments[i];
- if (comment.start > start) { comment.start += changeCount; }
- if (comment.start > start) { comment.end += changeCount; }
- }
- var redraw = (commentEnd - commentStart) !== newComments.length;
- if (!redraw) {
- for (i=0; i<newComments.length; i++) {
- comment = this.comments[commentStart + i];
- var newComment = newComments[i];
- if (comment.start !== newComment.start || comment.end !== newComment.end || comment.type !== newComment.type) {
- redraw = true;
- break;
- }
- }
- }
- var args = [commentStart, commentEnd - commentStart].concat(newComments);
- Array.prototype.splice.apply(this.comments, args);
- if (redraw) {
- var redrawStart = ts;
- var redrawEnd = te;
- if (viewModel !== baseModel) {
- redrawStart = viewModel.mapOffset(redrawStart, true);
- redrawEnd = viewModel.mapOffset(redrawEnd, true);
- }
- view.redrawRange(redrawStart, redrawEnd);
- }
- if (this.foldingEnabled && baseModel !== viewModel && this.annotationModel) {
- var annotationModel = this.annotationModel;
- var iter = annotationModel.getAnnotations(ts, te);
- var remove = [], all = [];
- var annotation;
- while (iter.hasNext()) {
- annotation = iter.next();
- if (annotation.type === "orion.annotation.folding") {
- all.push(annotation);
- for (i = 0; i < newComments.length; i++) {
- if (annotation.start === newComments[i].start && annotation.end === newComments[i].end) {
- break;
- }
- }
- if (i === newComments.length) {
- remove.push(annotation);
- annotation.expand();
- } else {
- var annotationStart = annotation.start;
- var annotationEnd = annotation.end;
- if (annotationStart > start) {
- annotationStart -= changeCount;
- }
- if (annotationEnd > start) {
- annotationEnd -= changeCount;
- }
- if (annotationStart <= start && start < annotationEnd && annotationStart <= end && end < annotationEnd) {
- var startLine = baseModel.getLineAtOffset(annotation.start);
- var endLine = baseModel.getLineAtOffset(annotation.end);
- if (startLine !== endLine) {
- if (!annotation.expanded) {
- annotation.expand();
- annotationModel.modifyAnnotation(annotation);
- }
- } else {
- annotationModel.removeAnnotation(annotation);
- }
- }
- }
- }
- }
- var add = [];
- for (i = 0; i < newComments.length; i++) {
- comment = newComments[i];
- for (var j = 0; j < all.length; j++) {
- if (all[j].start === comment.start && all[j].end === comment.end) {
- break;
- }
- }
- if (j === all.length) {
- annotation = this._createFoldingAnnotation(viewModel, baseModel, comment.start, comment.end);
- if (annotation) {
- add.push(annotation);
- }
- }
- }
- annotationModel.replaceAnnotations(remove, add);
- }
- }
- };
-
- return {TextStyler: TextStyler};
- });