317 lines
9.3 KiB
JavaScript
317 lines
9.3 KiB
JavaScript
var outputWS = new WebSocket(config.channel.output + '/output/ws');
|
|
outputWS.onopen = function () {
|
|
console.log('[output onopen] connected');
|
|
};
|
|
|
|
outputWS.onmessage = function (e) {
|
|
console.log('[output onmessage]' + e.data);
|
|
var data = JSON.parse(e.data);
|
|
|
|
if (goLintFound) {
|
|
goLintFound = [];
|
|
}
|
|
|
|
if ('run' === data.cmd) {
|
|
$('#output').text($('#output').text() + data.output);
|
|
} else if ('build' === data.cmd || 'go install' === data.cmd) {
|
|
$('#output').text(data.output);
|
|
|
|
if (0 !== data.output.length) { // 说明编译有错误输出
|
|
for (var i = 0; i < data.lints.length; i++) {
|
|
var lint = data.lints[i];
|
|
|
|
goLintFound.push({from: CodeMirror.Pos(lint.lineNo, 0),
|
|
to: CodeMirror.Pos(lint.lineNo, 0),
|
|
message: lint.msg, severity: lint.severity});
|
|
}
|
|
}
|
|
|
|
// 触发一次 gutter lint
|
|
CodeMirror.signal(wide.curEditor, "change", wide.curEditor);
|
|
} else if ('go get' === data.cmd || 'go install' === data.cmd) {
|
|
$('#output').text($('#output').text() + data.output);
|
|
}
|
|
|
|
if ('build' === data.cmd) {
|
|
if ('run' === data.nextCmd) {
|
|
var request = {
|
|
executable: data.executable
|
|
};
|
|
|
|
$.ajax({
|
|
type: 'POST',
|
|
url: '/run',
|
|
data: JSON.stringify(request),
|
|
dataType: "json",
|
|
beforeSend: function (data) {
|
|
$('#output').text('');
|
|
},
|
|
success: function (data) {
|
|
|
|
}
|
|
});
|
|
}
|
|
}
|
|
};
|
|
outputWS.onclose = function (e) {
|
|
console.log('[output onclose] disconnected (' + e.code + ')');
|
|
delete outputWS;
|
|
};
|
|
outputWS.onerror = function (e) {
|
|
console.log('[output onerror] ' + e);
|
|
};
|
|
|
|
var wide = {
|
|
curNode: undefined,
|
|
curEditor: undefined,
|
|
_initLayout: function () {
|
|
var mainH = $(window).height() - $(".menu").height() - $(".footer").height() - 2;
|
|
$(".content, .ztree").height(mainH);
|
|
|
|
$(".edit-panel").height(mainH - $(".output").height());
|
|
},
|
|
init: function () {
|
|
this._initLayout();
|
|
|
|
$("body").bind("mousedown", function (event) {
|
|
if (!(event.target.id === "dirRMenu" || $(event.target).closest("#dirRMenu").length > 0)) {
|
|
$("#dirRMenu").hide();
|
|
}
|
|
|
|
if (!(event.target.id === "fileRMenu" || $(event.target).closest("#fileRMenu").length > 0)) {
|
|
$("#fileRMenu").hide();
|
|
}
|
|
|
|
if (!($(event.target).closest(".frame").length > 0 || event.target.className === "frame")) {
|
|
$(".frame").hide();
|
|
$(".menu > ul > li > a, .menu > ul> li > span").unbind("mouseover");
|
|
menu.subMenu();
|
|
}
|
|
});
|
|
|
|
this._bindKey();
|
|
},
|
|
saveFile: function () {
|
|
var request = {
|
|
file: $(".edit-header .current span:eq(0)").attr("title"),
|
|
code: wide.curEditor.getValue()
|
|
};
|
|
$.ajax({
|
|
type: 'POST',
|
|
url: '/file/save',
|
|
data: JSON.stringify(request),
|
|
dataType: "json",
|
|
success: function (data) {
|
|
}
|
|
});
|
|
},
|
|
saveAllFiles: function () {
|
|
// TODO: save all files
|
|
},
|
|
closeFile: function () {
|
|
// TODO: close file
|
|
},
|
|
closeAllFiles: function () {
|
|
// TODO: close all files
|
|
},
|
|
exit: function () {
|
|
// TODO: exit
|
|
},
|
|
run: function () {
|
|
var request = {
|
|
file: $(".edit-header .current span:eq(0)").attr("title"),
|
|
code: wide.curEditor.getValue()
|
|
};
|
|
|
|
$.ajax({
|
|
type: 'POST',
|
|
url: '/build',
|
|
data: JSON.stringify(request),
|
|
dataType: "json",
|
|
beforeSend: function (data) {
|
|
$('#output').text('');
|
|
},
|
|
success: function (data) {
|
|
}
|
|
});
|
|
},
|
|
goget: function () {
|
|
var request = {
|
|
file: $(".edit-header .current span:eq(0)").attr("title")
|
|
};
|
|
|
|
$.ajax({
|
|
type: 'POST',
|
|
url: '/go/get',
|
|
data: JSON.stringify(request),
|
|
dataType: "json",
|
|
beforeSend: function (data) {
|
|
$('#output').text('');
|
|
},
|
|
success: function (data) {
|
|
}
|
|
});
|
|
},
|
|
goinstall: function () {
|
|
var request = {
|
|
file: $(".edit-header .current span:eq(0)").attr("title"),
|
|
code: wide.curEditor.getValue()
|
|
};
|
|
|
|
$.ajax({
|
|
type: 'POST',
|
|
url: '/go/install',
|
|
data: JSON.stringify(request),
|
|
dataType: "json",
|
|
beforeSend: function (data) {
|
|
$('#output').text('');
|
|
},
|
|
success: function (data) {
|
|
}
|
|
});
|
|
},
|
|
fmt: function () {
|
|
var path = $(".edit-header .current span:eq(0)").attr("title");
|
|
var mode = wide.curNode.mode;
|
|
|
|
var request = {
|
|
file: path,
|
|
code: wide.curEditor.getValue(),
|
|
cursorLine: wide.curEditor.getCursor().line,
|
|
cursorCh: wide.curEditor.getCursor().ch
|
|
};
|
|
|
|
switch (mode) {
|
|
case "text/x-go":
|
|
$.ajax({
|
|
type: 'POST',
|
|
url: '/go/fmt',
|
|
data: JSON.stringify(request),
|
|
dataType: "json",
|
|
success: function (data) {
|
|
if (data.succ) {
|
|
wide.curEditor.setValue(data.code);
|
|
}
|
|
}
|
|
});
|
|
|
|
break;
|
|
case "text/html":
|
|
$.ajax({
|
|
type: 'POST',
|
|
url: '/html/fmt',
|
|
data: JSON.stringify(request),
|
|
dataType: "json",
|
|
success: function (data) {
|
|
if (data.succ) {
|
|
wide.curEditor.setValue(data.code);
|
|
}
|
|
}
|
|
});
|
|
|
|
break;
|
|
case "application/json":
|
|
try {
|
|
// 在客户端浏览器中进行 JSON 格式化
|
|
var json = JSON.parse(wide.curEditor.getValue());
|
|
wide.curEditor.setValue(JSON.stringify(json, "", " "));
|
|
|
|
this.save();
|
|
} catch (e) {
|
|
delete e;
|
|
}
|
|
|
|
break;
|
|
default :
|
|
// TODO: XML/JSON 格式化处理
|
|
break;
|
|
}
|
|
},
|
|
_bindKey: function () {
|
|
$("#files").keydown(function (event) {
|
|
switch (event.which) {
|
|
case 13: // 回车
|
|
if (!wide.curNode) {
|
|
return false;
|
|
}
|
|
|
|
if (wide.curNode.iconSkin === "ico-ztree-dir ") { // 选中节点是目录
|
|
// 不做任何处理
|
|
return false;
|
|
}
|
|
|
|
// 模拟点击：打开文件
|
|
tree._onClick(wide.curNode);
|
|
|
|
break;
|
|
case 38: // 上
|
|
if (!wide.curNode) {
|
|
return false;
|
|
}
|
|
|
|
tree.fileTree.selectNode(wide.curNode.getPreNode());
|
|
wide.curNode = wide.curNode.getPreNode();
|
|
$("#files").focus();
|
|
break;
|
|
case 40: // 下
|
|
if (!wide.curNode) {
|
|
return false;
|
|
}
|
|
|
|
// TODO: 处理滚动条，递归获取下一个
|
|
tree.fileTree.selectNode(wide.curNode.getNextNode());
|
|
wide.curNode = wide.curNode.getNextNode();
|
|
$("#files").focus();
|
|
break;
|
|
}
|
|
});
|
|
|
|
$(document).keydown(function (event) {
|
|
if (event.ctrlKey && event.which === 49) { // Ctrl+1 焦点切换到文件树
|
|
// 有些元素需设置 tabindex 为 -1 时才可以 focus
|
|
$("#files").focus();
|
|
event.preventDefault();
|
|
|
|
return;
|
|
}
|
|
|
|
if (event.ctrlKey && event.which === 52) { // Ctrl+4 焦点切换到输出窗口
|
|
$("#output").focus();
|
|
event.preventDefault();
|
|
|
|
return;
|
|
}
|
|
|
|
if (event.ctrlKey && event.which === 83) { // Ctrl+S 保存当前编辑器文件
|
|
wide.saveFile();
|
|
event.preventDefault();
|
|
|
|
return;
|
|
}
|
|
|
|
if (event.altKey && event.shiftKey && event.which === 70) { // Alt+Shift+F 格式化当前编辑器文件
|
|
if (!wide.curNode) {
|
|
return false;
|
|
}
|
|
|
|
wide.fmt();
|
|
event.preventDefault();
|
|
|
|
return;
|
|
}
|
|
|
|
if (event.which === 117) { // F6 构建并运行
|
|
wide.run();
|
|
event.preventDefault();
|
|
|
|
return;
|
|
}
|
|
});
|
|
}
|
|
};
|
|
|
|
$(document).ready(function () {
|
|
wide.init();
|
|
tree.init();
|
|
menu.init();
|
|
}); |