399 lines
12 KiB
JavaScript
Executable File
399 lines
12 KiB
JavaScript
Executable File
var ace = require("ace/ace");
|
|
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 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(){ return ace });
|
|
def(window, "editor", function(){ return window.env.editor == logEditor ? editor : window.env.editor });
|
|
def(window, "session", function(){ return window.editor.session });
|
|
def(window, "split", function(){ return window.env.split });
|
|
|
|
|
|
def(window, "devUtil", function(){ return exports });
|
|
|
|
exports.addGlobals = function() {
|
|
window.oop = require("ace/lib/oop");
|
|
window.dom = require("ace/lib/dom");
|
|
window.user = require("ace/test/user");
|
|
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;
|
|
window.logToAce = exports.log;
|
|
};
|
|
|
|
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", {role: "group", "aria-label": "Test"},
|
|
" Test ",
|
|
["button", {"aria-label": "Open Log View", onclick: exports.openLogView}, "O"],
|
|
["button", {onclick: exports.record}, "Record"],
|
|
["button", {onclick: exports.stop}, "Stop"],
|
|
["button", {onclick: exports.play}, "Play"],
|
|
["button", {"aria-label": "Close Log View", onclick: exports.closeLogView}, "X"],
|
|
];
|
|
};
|
|
|
|
|
|
var ignoreEvents = false;
|
|
exports.textInputDebugger = {
|
|
position: 2000,
|
|
path: "textInputDebugger",
|
|
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 editor = env.split.$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,
|
|
data: e.data,
|
|
inputType: e.inputType,
|
|
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
|
|
};
|
|
var str = JSON.stringify(data).replace(/"(\w+)":/g, " $1: ");
|
|
exports.log(str);
|
|
};
|
|
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;
|
|
}
|
|
exports.openConsole();
|
|
editor.focus();
|
|
},
|
|
getValue: function() {
|
|
return !!env.textarea;
|
|
}
|
|
};
|
|
|
|
exports.textPositionDebugger = {
|
|
position: 2000,
|
|
path: "textPositionDebugger",
|
|
onchange: function(value) {
|
|
document.body.classList[value ? "add" : "remove"]("show-text-input")
|
|
},
|
|
getValue: function() {
|
|
return document.body.classList.contains("show-text-input");
|
|
}
|
|
};
|
|
|
|
exports.openConsole = function() {
|
|
var sp = env.split;
|
|
var logEditor = sp.$editors[1];
|
|
if (!logEditor) {
|
|
sp.setSplits(2);
|
|
sp.setOrientation(sp.BELOW);
|
|
logEditor = sp.$editors[1];
|
|
}
|
|
if (!exports.session)
|
|
exports.session = new EditSession("");
|
|
logEditor.setSession(exports.session);
|
|
return logEditor
|
|
};
|
|
exports.log = function(str) {
|
|
var logEditor = exports.openConsole();
|
|
logEditor.navigateFileEnd();
|
|
logEditor.insert(str + ",\n");
|
|
logEditor.renderer.scrollCursorIntoView();
|
|
};
|
|
|
|
exports.addGlobals();
|