432 lines
14 KiB
JavaScript
432 lines
14 KiB
JavaScript
|
/* ***** BEGIN LICENSE BLOCK *****
|
||
|
|
* Distributed under the BSD license:
|
||
|
|
*
|
||
|
|
* Copyright (c) 2010, Ajax.org B.V.
|
||
|
|
* All rights reserved.
|
||
|
|
*
|
||
|
|
* Redistribution and use in source and binary forms, with or without
|
||
|
|
* modification, are permitted provided that the following conditions are met:
|
||
|
|
* * Redistributions of source code must retain the above copyright
|
||
|
|
* notice, this list of conditions and the following disclaimer.
|
||
|
|
* * Redistributions in binary form must reproduce the above copyright
|
||
|
|
* notice, this list of conditions and the following disclaimer in the
|
||
|
|
* documentation and/or other materials provided with the distribution.
|
||
|
|
* * Neither the name of Ajax.org B.V. nor the
|
||
|
|
* names of its contributors may be used to endorse or promote products
|
||
|
|
* derived from this software without specific prior written permission.
|
||
|
|
*
|
||
|
|
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
|
||
|
|
* ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
|
||
|
|
* WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
|
||
|
|
* DISCLAIMED. IN NO EVENT SHALL AJAX.ORG B.V. BE LIABLE FOR ANY
|
||
|
|
* DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
|
||
|
|
* (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
|
||
|
|
* LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
|
||
|
|
* ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||
|
|
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
|
||
|
|
* SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
|
||
|
|
*
|
||
|
|
* ***** END LICENSE BLOCK ***** */
|
||
|
|
|
||
|
|
define(function(require, exports, module) {
|
||
|
|
var dom = require("ace/lib/dom");
|
||
|
|
var event = require("ace/lib/event");
|
||
|
|
var Range = require("ace/range").Range;
|
||
|
|
var EditSession = require("ace/edit_session").EditSession;
|
||
|
|
var UndoManager = require("ace/undomanager").UndoManager;
|
||
|
|
function warn() {
|
||
|
|
var s = (new Error()).stack || "";
|
||
|
|
s = s.split("\n");
|
||
|
|
if (s[1] == "Error") s.shift(); // remove error description on chrome
|
||
|
|
s.shift(); // remove warn
|
||
|
|
s.shift(); // remove the getter
|
||
|
|
s = s.join("\n");
|
||
|
|
// allow easy access to ace in console, but not in ace code
|
||
|
|
if (!/at Object.InjectedScript.|@debugger eval|snippets:\/{3}|<anonymous>:\d+:\d+/.test(s)) {
|
||
|
|
console.error("trying to access to global variable");
|
||
|
|
}
|
||
|
|
}
|
||
|
|
function def(o, key, get) {
|
||
|
|
try {
|
||
|
|
Object.defineProperty(o, key, {
|
||
|
|
configurable: true,
|
||
|
|
get: get,
|
||
|
|
set: function(val) {
|
||
|
|
delete o[key];
|
||
|
|
o[key] = val;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
} catch(e) {
|
||
|
|
console.error(e);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
def(window, "ace", function(){ warn(); return window.env.editor });
|
||
|
|
def(window, "editor", function(){ warn(); return window.env.editor == logEditor ? editor : window.env.editor });
|
||
|
|
def(window, "session", function(){ return window.editor.session });
|
||
|
|
def(window, "split", function(){ warn(); return window.env.split });
|
||
|
|
|
||
|
|
|
||
|
|
def(window, "devUtil", function(){ warn(); return exports });
|
||
|
|
exports.showTextArea = function(argument) {
|
||
|
|
dom.importCssString("\
|
||
|
|
.ace_text-input {\
|
||
|
|
position: absolute;\
|
||
|
|
z-index: 10!important;\
|
||
|
|
width: 6em!important;\
|
||
|
|
height: 1em;\
|
||
|
|
opacity: 1!important;\
|
||
|
|
background: rgba(0, 92, 255, 0.11);\
|
||
|
|
border: none;\
|
||
|
|
font: inherit;\
|
||
|
|
padding: 0 1px;\
|
||
|
|
margin: 0 -1px;\
|
||
|
|
text-indent: 0em;\
|
||
|
|
}\
|
||
|
|
");
|
||
|
|
};
|
||
|
|
|
||
|
|
exports.addGlobals = function() {
|
||
|
|
window.oop = require("ace/lib/oop");
|
||
|
|
window.dom = require("ace/lib/dom");
|
||
|
|
window.Range = require("ace/range").Range;
|
||
|
|
window.Editor = require("ace/editor").Editor;
|
||
|
|
window.assert = require("ace/test/asyncjs/assert");
|
||
|
|
window.asyncjs = require("ace/test/asyncjs/async");
|
||
|
|
window.UndoManager = require("ace/undomanager").UndoManager;
|
||
|
|
window.EditSession = require("ace/edit_session").EditSession;
|
||
|
|
window.MockRenderer = require("ace/test/mockrenderer").MockRenderer;
|
||
|
|
window.EventEmitter = require("ace/lib/event_emitter").EventEmitter;
|
||
|
|
|
||
|
|
window.getSelection = getSelection;
|
||
|
|
window.setSelection = setSelection;
|
||
|
|
window.testSelection = testSelection;
|
||
|
|
window.setValue = setValue;
|
||
|
|
window.testValue = testValue;
|
||
|
|
};
|
||
|
|
|
||
|
|
function getSelection(editor) {
|
||
|
|
var data = editor.multiSelect.toJSON();
|
||
|
|
if (!data.length) data = [data];
|
||
|
|
data = data.map(function(x) {
|
||
|
|
var a, c;
|
||
|
|
if (x.isBackwards) {
|
||
|
|
a = x.end;
|
||
|
|
c = x.start;
|
||
|
|
} else {
|
||
|
|
c = x.end;
|
||
|
|
a = x.start;
|
||
|
|
}
|
||
|
|
return Range.comparePoints(a, c)
|
||
|
|
? [a.row, a.column, c.row, c.column]
|
||
|
|
: [a.row, a.column];
|
||
|
|
});
|
||
|
|
return data.length > 1 ? data : data[0];
|
||
|
|
}
|
||
|
|
function setSelection(editor, data) {
|
||
|
|
if (typeof data[0] == "number")
|
||
|
|
data = [data];
|
||
|
|
editor.selection.fromJSON(data.map(function(x) {
|
||
|
|
var start = {row: x[0], column: x[1]};
|
||
|
|
var end = x.length == 2 ? start : {row: x[2], column: x[3]};
|
||
|
|
var isBackwards = Range.comparePoints(start, end) > 0;
|
||
|
|
return isBackwards ? {
|
||
|
|
start: end,
|
||
|
|
end: start,
|
||
|
|
isBackwards: true
|
||
|
|
} : {
|
||
|
|
start: start,
|
||
|
|
end: end,
|
||
|
|
isBackwards: true
|
||
|
|
};
|
||
|
|
}));
|
||
|
|
}
|
||
|
|
function testSelection(editor, data) {
|
||
|
|
assert.equal(getSelection(editor) + "", data + "");
|
||
|
|
}
|
||
|
|
function setValue(editor, value) {
|
||
|
|
editor.setValue(value, 1);
|
||
|
|
}
|
||
|
|
function testValue(editor, value) {
|
||
|
|
assert.equal(editor.getValue(), value);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
var editor;
|
||
|
|
var logEditor;
|
||
|
|
var logSession
|
||
|
|
exports.openLogView = function() {
|
||
|
|
exports.addGlobals();
|
||
|
|
var sp = window.env.split;
|
||
|
|
sp.setSplits(1);
|
||
|
|
sp.setSplits(2);
|
||
|
|
sp.setOrientation(sp.BESIDE);
|
||
|
|
editor = sp.$editors[0];
|
||
|
|
logEditor = sp.$editors[1];
|
||
|
|
|
||
|
|
if (!logSession) {
|
||
|
|
logSession = new EditSession(localStorage.lastTestCase || "", "ace/mode/javascript");
|
||
|
|
logSession.setUndoManager(new UndoManager)
|
||
|
|
}
|
||
|
|
logEditor.setSession(logSession);
|
||
|
|
logEditor.session.foldAll();
|
||
|
|
logEditor.on("input", save);
|
||
|
|
}
|
||
|
|
exports.record = function() {
|
||
|
|
exports.addGlobals();
|
||
|
|
exports.openLogView();
|
||
|
|
|
||
|
|
logEditor.setValue("var Range = require(\"ace/range\").Range;\n"
|
||
|
|
+ getSelection + "\n"
|
||
|
|
+ testSelection + "\n"
|
||
|
|
+ setSelection + "\n"
|
||
|
|
+ testValue + "\n"
|
||
|
|
+ setValue + "\n"
|
||
|
|
+ "\n//-------------------------------------\n", 1);
|
||
|
|
logEditor.session.foldAll();
|
||
|
|
|
||
|
|
addAction({
|
||
|
|
type: "setValue",
|
||
|
|
data: editor.getValue()
|
||
|
|
});
|
||
|
|
addAction({
|
||
|
|
type: "setSelection",
|
||
|
|
data: getSelection(editor)
|
||
|
|
});
|
||
|
|
editor.commands.on("afterExec", onAfterExec);
|
||
|
|
editor.on("mouseup", onMouseUp);
|
||
|
|
editor.selection.on("beforeEndOperation", onBeforeEndOperation);
|
||
|
|
editor.session.on("change", reportChange);
|
||
|
|
editor.selection.on("changeCursor", reportCursorChange);
|
||
|
|
editor.selection.on("changeSelection", reportSelectionChange);
|
||
|
|
}
|
||
|
|
|
||
|
|
exports.stop = function() {
|
||
|
|
save();
|
||
|
|
editor.commands.off("afterExec", onAfterExec);
|
||
|
|
editor.off("mouseup", onMouseUp);
|
||
|
|
editor.off("beforeEndOperation", onBeforeEndOperation);
|
||
|
|
editor.session.off("change", reportChange);
|
||
|
|
editor.selection.off("changeCursor", reportCursorChange);
|
||
|
|
editor.selection.off("changeSelection", reportSelectionChange);
|
||
|
|
logEditor.off("input", save);
|
||
|
|
}
|
||
|
|
exports.closeLogView = function() {
|
||
|
|
exports.stop();
|
||
|
|
var sp = window.env.split;
|
||
|
|
sp.setSplits(1);
|
||
|
|
}
|
||
|
|
|
||
|
|
exports.play = function() {
|
||
|
|
exports.openLogView();
|
||
|
|
exports.stop();
|
||
|
|
var code = logEditor ? logEditor.getValue() : localStorage.lastTestCase;
|
||
|
|
var fn = new Function("editor", "debugger;\n" + code);
|
||
|
|
fn(editor);
|
||
|
|
}
|
||
|
|
var reportChange = reportEvent.bind(null, "change");
|
||
|
|
var reportCursorChange = reportEvent.bind(null, "CursorChange");
|
||
|
|
var reportSelectionChange = reportEvent.bind(null, "SelectionChange");
|
||
|
|
|
||
|
|
function save() {
|
||
|
|
localStorage.lastTestCase = logEditor.getValue();
|
||
|
|
}
|
||
|
|
|
||
|
|
function reportEvent(name) {
|
||
|
|
addAction({
|
||
|
|
type: "event",
|
||
|
|
source: name
|
||
|
|
});
|
||
|
|
}
|
||
|
|
function onSelection() {
|
||
|
|
addAction({
|
||
|
|
type: "event",
|
||
|
|
data: "change",
|
||
|
|
source: "operationEnd"
|
||
|
|
});
|
||
|
|
}
|
||
|
|
function onBeforeEndOperation() {
|
||
|
|
addAction({
|
||
|
|
type: "setSelection",
|
||
|
|
data: getSelection(editor),
|
||
|
|
source: "operationEnd"
|
||
|
|
});
|
||
|
|
}
|
||
|
|
function onMouseUp() {
|
||
|
|
addAction({
|
||
|
|
type: "setSelection",
|
||
|
|
data: getSelection(editor),
|
||
|
|
source: "mouseup"
|
||
|
|
});
|
||
|
|
}
|
||
|
|
function onAfterExec(e) {
|
||
|
|
addAction({
|
||
|
|
type: "exec",
|
||
|
|
data: e
|
||
|
|
});
|
||
|
|
addAction({
|
||
|
|
type: "value",
|
||
|
|
data: editor.getValue()
|
||
|
|
});
|
||
|
|
addAction({
|
||
|
|
type: "selection",
|
||
|
|
data: getSelection(editor)
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
function addAction(a) {
|
||
|
|
var str = toString(a);
|
||
|
|
if (str) {
|
||
|
|
logEditor.insert(str + "\n");
|
||
|
|
logEditor.renderer.scrollCursorIntoView();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
var lastValue = "";
|
||
|
|
function toString(x) {
|
||
|
|
var str = "";
|
||
|
|
var data = x.data;
|
||
|
|
switch (x.type) {
|
||
|
|
case "exec":
|
||
|
|
str = 'editor.execCommand("'
|
||
|
|
+ data.command.name
|
||
|
|
+ (data.args ? '", ' + JSON.stringify(data.args) : '"')
|
||
|
|
+ ')';
|
||
|
|
break;
|
||
|
|
case "setSelection":
|
||
|
|
str = 'setSelection(editor, ' + JSON.stringify(data) + ')';
|
||
|
|
break;
|
||
|
|
case "setValue":
|
||
|
|
if (lastValue != data) {
|
||
|
|
lastValue = data;
|
||
|
|
str = 'editor.setValue(' + JSON.stringify(data) + ', -1)';
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
break;
|
||
|
|
case "selection":
|
||
|
|
str = 'testSelection(editor, ' + JSON.stringify(data) + ')';
|
||
|
|
break;
|
||
|
|
case "value":
|
||
|
|
if (lastValue != data) {
|
||
|
|
lastValue = data;
|
||
|
|
str = 'testValue(editor, ' + JSON.stringify(data) + ')';
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
return str + (x.source ? " // " + x.source : "");
|
||
|
|
}
|
||
|
|
|
||
|
|
exports.getUI = function(container) {
|
||
|
|
return ["div", {},
|
||
|
|
" Test ",
|
||
|
|
["button", {onclick: exports.openLogView}, "O"],
|
||
|
|
["button", {onclick: exports.record}, "Record"],
|
||
|
|
["button", {onclick: exports.stop}, "Stop"],
|
||
|
|
["button", {onclick: exports.play}, "Play"],
|
||
|
|
["button", {onclick: exports.closeLogView}, "X"],
|
||
|
|
];
|
||
|
|
};
|
||
|
|
|
||
|
|
|
||
|
|
var ignoreEvents = false;
|
||
|
|
exports.textInputDebugger = {
|
||
|
|
position: 2000,
|
||
|
|
onchange: function(value) {
|
||
|
|
var sp = env.split;
|
||
|
|
if (sp.getSplits() == 2) {
|
||
|
|
sp.setSplits(1);
|
||
|
|
}
|
||
|
|
if (env.textarea) {
|
||
|
|
if (env.textarea.detach)
|
||
|
|
env.textarea.detach();
|
||
|
|
env.textarea.oldParent.appendChild(env.textarea);
|
||
|
|
env.textarea.className = env.textarea.oldClassName;
|
||
|
|
env.textarea = null;
|
||
|
|
}
|
||
|
|
if (value) {
|
||
|
|
this.showConsole();
|
||
|
|
}
|
||
|
|
},
|
||
|
|
showConsole: function() {
|
||
|
|
var sp = env.split;
|
||
|
|
sp.setSplits(2);
|
||
|
|
sp.setOrientation(sp.BELOW);
|
||
|
|
|
||
|
|
var editor = sp.$editors[0];
|
||
|
|
var text = editor.textInput.getElement();
|
||
|
|
text.oldParent = text.parentNode;
|
||
|
|
text.oldClassName = text.className;
|
||
|
|
text.className = "text-input-debug";
|
||
|
|
document.body.appendChild(text);
|
||
|
|
env.textarea = text;
|
||
|
|
|
||
|
|
var addToLog = function(e) {
|
||
|
|
if (ignoreEvents) return;
|
||
|
|
var data = {
|
||
|
|
_: e.type,
|
||
|
|
range: [text.selectionStart, text.selectionEnd],
|
||
|
|
value: text.value,
|
||
|
|
key: e.key && {
|
||
|
|
code: e.code,
|
||
|
|
key: e.key,
|
||
|
|
keyCode: e.keyCode
|
||
|
|
},
|
||
|
|
modifier: event.getModifierString(e) || undefined
|
||
|
|
};
|
||
|
|
log.navigateFileEnd();
|
||
|
|
var str = JSON.stringify(data).replace(/"(\w+)":/g, " $1: ");
|
||
|
|
log.insert(str + ",\n");
|
||
|
|
log.renderer.scrollCursorIntoView();
|
||
|
|
};
|
||
|
|
var events = ["select", "input", "keypress", "keydown", "keyup",
|
||
|
|
"compositionstart", "compositionupdate", "compositionend", "cut", "copy", "paste"
|
||
|
|
];
|
||
|
|
events.forEach(function(name) {
|
||
|
|
text.addEventListener(name, addToLog, true);
|
||
|
|
});
|
||
|
|
function onMousedown(ev) {
|
||
|
|
if (ev.domEvent.target == text)
|
||
|
|
ev.$pos = editor.getCursorPosition();
|
||
|
|
}
|
||
|
|
text.detach = function() {
|
||
|
|
delete text.value;
|
||
|
|
delete text.setSelectionRange;
|
||
|
|
|
||
|
|
events.forEach(function(name) {
|
||
|
|
text.removeEventListener(name, addToLog, true);
|
||
|
|
});
|
||
|
|
editor.off("mousedown", onMousedown);
|
||
|
|
};
|
||
|
|
editor.on("mousedown", onMousedown);
|
||
|
|
|
||
|
|
text.__defineSetter__("value", function(v) {
|
||
|
|
this.__proto__.__lookupSetter__("value").call(this, v);
|
||
|
|
console.log(v);
|
||
|
|
});
|
||
|
|
text.__defineGetter__("value", function(v) {
|
||
|
|
var v = this.__proto__.__lookupGetter__("value").call(this);
|
||
|
|
return v;
|
||
|
|
});
|
||
|
|
text.setSelectionRange = function(start, end) {
|
||
|
|
ignoreEvents = true;
|
||
|
|
this.__proto__.setSelectionRange.call(this, start, end)
|
||
|
|
ignoreEvents = false;
|
||
|
|
}
|
||
|
|
|
||
|
|
var log = sp.$editors[1];
|
||
|
|
if (!this.session)
|
||
|
|
this.session = new EditSession("");
|
||
|
|
log.setSession(this.session);
|
||
|
|
editor.focus();
|
||
|
|
},
|
||
|
|
getValue: function() {
|
||
|
|
return !!env.textarea;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
});
|