/* * Copyright (c) 2014, B3log * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ var editors = { data: [], tabs: {}, close: function () { $(".edit-panel .tabs > div[data-index=" + $(".edit-panel .frame").data("index") + "]").find(".ico-close").click(); }, closeOther: function () { var currentIndex = $(".edit-panel .frame").data("index"); // 设置全部关闭标识 var removeData = []; $(".edit-panel .tabs > div").each(function (i) { if (currentIndex !== $(this).data("index")) { removeData.push($(this).data("index")); } }); if (removeData.length === 0) { return false; } var firstIndex = removeData.splice(0, 1); $("#dialogCloseEditor").data("removeData", removeData); // 开始关闭 $(".edit-panel .tabs > div[data-index=" + firstIndex + "]").find(".ico-close").click(); }, _removeAllMarker: function () { var removeData = $("#dialogCloseEditor").data("removeData"); if (removeData && removeData.length > 0) { var removeIndex = removeData.splice(0, 1); $("#dialogCloseEditor").data("removeData", removeData); $(".edit-panel .tabs > div[data-index=" + removeIndex + "] .ico-close").click(); } }, _initClose: function () { // 关闭、关闭其他、关闭所有 $(".edit-panel").on("mousedown", '.tabs > div', function (event) { event.stopPropagation(); if (event.button === 0) { // 左键 $(".edit-panel .frame").hide(); return false; } // event.button === 2 右键 var left = event.screenX; if ($(".side").css("left") === "auto" || $(".side").css("left") === "0px") { left = event.screenX - $(".side").width(); } $(".edit-panel .frame").show().css({ "left": left + "px", "top": "21px" }).data('index', $(this).data("index")); return false; }); }, init: function () { $("#dialogCloseEditor").dialog({ "modal": true, "height": 66, "width": 260, "title": config.label.tip, "hideFooter": true, "afterOpen": function (fileName) { $("#dialogCloseEditor > div:eq(0)").html(config.label.file + ' ' + fileName + '. ' + config.label.confirm_save + '?'); $("#dialogCloseEditor button:eq(0)").focus(); }, "afterInit": function () { $("#dialogCloseEditor button.save").click(function () { var i = $("#dialogCloseEditor").data("index"); wide.fmt(tree.fileTree.getNodeByTId(editors.data[i].id).path, editors.data[i].editor); editors.tabs.del(editors.data[i].id); $("#dialogCloseEditor").dialog("close"); editors._removeAllMarker(); }); $("#dialogCloseEditor button.discard").click(function () { var i = $("#dialogCloseEditor").data("index"); editors.tabs.del(editors.data[i].id); $("#dialogCloseEditor").dialog("close"); editors._removeAllMarker(); }); $("#dialogCloseEditor button.cancel").click(function () { $("#dialogCloseEditor").dialog("close"); editors._removeAllMarker(); }); } }); editors.tabs = new Tabs({ id: ".edit-panel", clickAfter: function (id) { if (id === 'startPage') { $(".footer .cursor").text(''); return false; } // set tree node selected var node = tree.fileTree.getNodeByTId(id); tree.fileTree.selectNode(node); wide.curNode = node; for (var i = 0, ii = editors.data.length; i < ii; i++) { if (editors.data[i].id === id) { wide.curEditor = editors.data[i].editor; break; } } var cursor = wide.curEditor.getCursor(); wide.curEditor.setCursor(cursor); wide.curEditor.focus(); $(".footer .cursor").text('| ' + (cursor.line + 1) + ':' + (cursor.ch + 1) + ' |'); }, removeBefore: function (id) { if (id === 'startPage') { // 当前关闭的 tab 是起始页 editors._removeAllMarker(); return true; } for (var i = 0, ii = editors.data.length; i < ii; i++) { if (editors.data[i].id === id) { if (editors.data[i].editor.doc.isClean()) { editors._removeAllMarker(); return true; } else { $("#dialogCloseEditor").dialog("open", $(".edit-panel .tabs > div[data-index=" + editors.data[i].id + "] > span:eq(0)").text()); $("#dialogCloseEditor").data("index", i); return false; } break; } } }, removeAfter: function (id, nextId) { if ($(".edit-panel .tabs > div").length === 0) { // 全部 tab 都关闭时才 disables 菜单中“全部关闭”的按钮 menu.disabled(['close-all']); } if (id === 'startPage') { // 当前关闭的 tab 是起始页 return false; } // 移除编辑器 for (var i = 0, ii = editors.data.length; i < ii; i++) { if (editors.data[i].id === id) { editors.data.splice(i, 1); break; } } if (editors.data.length === 0) { // 起始页可能存在,所以用编辑器数据判断 menu.disabled(['save-all', 'build', 'run', 'go-test', 'go-get', 'go-install']); $(".toolbars").hide(); } if (!nextId) { // 不存在打开的编辑器 // remove selected tree node tree.fileTree.cancelSelectedNode(); wide.curNode = undefined; wide.curEditor = undefined; $(".footer .cursor").text(''); return false; } if (nextId === editors.tabs.getCurrentId()) { // 关闭的不是当前编辑器 return false; } // set tree node selected var node = tree.fileTree.getNodeByTId(nextId); tree.fileTree.selectNode(node); wide.curNode = node; for (var i = 0, ii = editors.data.length; i < ii; i++) { if (editors.data[i].id === nextId) { wide.curEditor = editors.data[i].editor; break; } } var cursor = wide.curEditor.getCursor(); $(".footer .cursor").text('| ' + (cursor.line + 1) + ':' + (cursor.ch + 1) + ' |'); } }); $(".edit-panel .tabs").on("dblclick", function () { if ($(".toolbars .ico-max").length === 1) { windows.maxEditor(); } else { windows.restoreEditor(); } }); this._initCodeMirrorHotKeys(); this.openStartPage(); this._initClose(); }, openStartPage: function () { var dateFormat = function (time, fmt) { var date = new Date(time); var dateObj = { "M+": date.getMonth() + 1, //月份 "d+": date.getDate(), //日 "h+": date.getHours(), //小时 "m+": date.getMinutes(), //分 "s+": date.getSeconds(), //秒 "q+": Math.floor((date.getMonth() + 3) / 3), //季度 "S": date.getMilliseconds() //毫秒 }; if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (date.getFullYear() + "").substr(4 - RegExp.$1.length)); for (var k in dateObj) if (new RegExp("(" + k + ")").test(fmt)) { fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? (dateObj[k]) : (("00" + dateObj[k]).substr(("" + dateObj[k]).length))); } return fmt; }; editors.tabs.add({ id: "startPage", title: '' + config.label.start_page + '', content: '
', after: function () { $("#startPage").load('/start?sid=' + config.wideSessionId); $.ajax({ url: "http://symphony.b3log.org/apis/articles?tags=wide,golang&p=1&size=30", type: "GET", dataType: "jsonp", jsonp: "callback", success: function (data, textStatus) { var articles = data.articles; if (0 === articles.length) { return; } // 按 size = 30 取,但只保留最多 10 篇 var length = articles.length; if (length > 10) { length = 10; } var listHTML = ""); } }); } }); }, getCurrentId: function () { var currentId = editors.tabs.getCurrentId(); if (currentId === 'startPage') { currentId = null; } return currentId; }, getCurrentPath: function () { var currentPath = $(".edit-panel .tabs .current span:eq(0)").attr("title"); if (currentPath === config.label.start_page) { currentPath = null; } return currentPath; }, _initCodeMirrorHotKeys: function () { CodeMirror.registerHelper("hint", "go", function (editor) { var word = /[\w$]+/; var cur = editor.getCursor(), curLine = editor.getLine(cur.line); var start = cur.ch, end = start; while (end < curLine.length && word.test(curLine.charAt(end))) { ++end; } while (start && word.test(curLine.charAt(start - 1))) { --start; } var request = newWideRequest(); request.path = $(".edit-panel .tabs .current > span:eq(0)").attr("title"); request.code = editor.getValue(); request.cursorLine = cur.line; request.cursorCh = cur.ch; var autocompleteHints = []; $.ajax({ async: false, // 同步执行 type: 'POST', url: '/autocomplete', data: JSON.stringify(request), dataType: "json", success: function (data) { var autocompleteArray = data[1]; if (autocompleteArray) { for (var i = 0; i < autocompleteArray.length; i++) { var displayText = ''; switch (autocompleteArray[i].class) { case "type": case "const": case "var": case "package": displayText = ''// + autocompleteArray[i].class + '' + autocompleteArray[i].name + ' ' + autocompleteArray[i].type + ''; break; case "func": displayText = ''// + autocompleteArray[i].class + '' + autocompleteArray[i].name + '' + autocompleteArray[i].type.substring(4) + ''; break; default: console.warn("Can't handle autocomplete [" + autocompleteArray[i].class + "]"); break; } autocompleteHints[i] = { displayText: displayText, text: autocompleteArray[i].name }; } } // 清除未保存状态 editor.doc.markClean(); $(".edit-panel .tabs > div.current > span").removeClass("changed"); } }); return {list: autocompleteHints, from: CodeMirror.Pos(cur.line, start), to: CodeMirror.Pos(cur.line, end)}; }); CodeMirror.commands.autocompleteAfterDot = function (cm) { var token = cm.getTokenAt(cm.getCursor()); if ("comment" === token.type) { return CodeMirror.Pass; } setTimeout(function () { if (!cm.state.completionActive) { cm.showHint({hint: CodeMirror.hint.go, completeSingle: false}); } }, 50); return CodeMirror.Pass; }; CodeMirror.commands.autocompleteAnyWord = function (cm) { cm.showHint({hint: CodeMirror.hint.auto}); }; CodeMirror.commands.gotoLine = function (cm) { $("#dialogGoLinePrompt").dialog("open"); }; // 用于覆盖 cm 默认绑定的某些快捷键功能. CodeMirror.commands.doNothing = function (cm) { }; CodeMirror.commands.exprInfo = function (cm) { var cur = wide.curEditor.getCursor(); var request = newWideRequest(); request.path = $(".edit-panel .tabs .current > span:eq(0)").attr("title"); request.code = wide.curEditor.getValue(); request.cursorLine = cur.line; request.cursorCh = cur.ch; $.ajax({ type: 'POST', url: '/exprinfo', data: JSON.stringify(request), dataType: "json", success: function (data) { if (!data.succ) { return; } var position = wide.curEditor.cursorCoords(); $("body").append('
' + data.info + '
'); } }); }; CodeMirror.commands.jumpToDecl = function (cm) { var cur = wide.curEditor.getCursor(); var request = newWideRequest(); request.path = $(".edit-panel .tabs .current > span:eq(0)").attr("title"); request.code = wide.curEditor.getValue(); request.cursorLine = cur.line; request.cursorCh = cur.ch; $.ajax({ type: 'POST', url: '/find/decl', data: JSON.stringify(request), dataType: "json", success: function (data) { if (!data.succ) { return; } var tId = tree.getTIdByPath(data.path); wide.curNode = tree.fileTree.getNodeByTId(tId); tree.fileTree.selectNode(wide.curNode); tree.openFile(wide.curNode, CodeMirror.Pos(data.cursorLine - 1, data.cursorCh - 1)); } }); }; CodeMirror.commands.findUsages = function (cm) { var cur = wide.curEditor.getCursor(); var request = newWideRequest(); request.path = $(".edit-panel .tabs .current > span:eq(0)").attr("title"); request.code = wide.curEditor.getValue(); request.cursorLine = cur.line; request.cursorCh = cur.ch; $.ajax({ type: 'POST', url: '/find/usages', data: JSON.stringify(request), dataType: "json", success: function (data) { if (!data.succ) { return; } editors.appendSearch(data.founds, 'usages', ''); } }); }; }, appendSearch: function (data, type, key) { var searcHTML = ''; var $search = $('.bottom-window-group .search'), title = config.label.find_usages; if (type === "founds") { title = config.label.search_text; } if ($search.find("ul").length === 0) { bottomGroup.searchTab = new Tabs({ id: ".bottom-window-group .search", removeAfter: function (id, prevId) { if ($search.find("ul").length === 1) { $search.find(".tabs").hide(); } } }); $search.on("click", "li", function () { $search.find("li").removeClass("selected"); $(this).addClass("selected"); }); $search.on("dblclick", "li", function () { var $it = $(this), tId = tree.getTIdByPath($it.attr("title")); tree.openFile(tree.fileTree.getNodeByTId(tId)); tree.fileTree.selectNode(wide.curNode); var line = $it.find(".position").data("line") - 1; var cursor = CodeMirror.Pos(line, $it.find(".position").data("ch") - 1); var editor = wide.curEditor; editor.setCursor(cursor); var half = Math.floor(editor.getScrollInfo().clientHeight / editor.defaultTextHeight() / 2); var cursorCoords = editor.cursorCoords({line: cursor.line - half, ch: 0}, "local"); editor.scrollTo(0, cursorCoords.top); wide.curEditor.focus(); }); $search.find(".tabs-panel > div").append(searcHTML); $search.find(".tabs .first").text(title); } else { $search.find(".tabs").show(); bottomGroup.searchTab.add({ "id": "search" + (new Date()).getTime(), "title": title, "content": searcHTML }); } // focus bottomGroup.tabs.setCurrent("search"); windows.flowBottom(); $(".bottom-window-group .search").focus(); }, // 新建一个编辑器 Tab,如果已经存在 Tab 则切换到该 Tab. newEditor: function (data, cursor) { $(".toolbars").show(); var id = wide.curNode.tId; editors.tabs.add({ id: id, title: '' + wide.curNode.name + '', content: '' }); menu.undisabled(['save-all', 'close-all', 'build', 'run', 'go-test', 'go-get', 'go-install']); var textArea = document.getElementById("editor" + id); textArea.value = data.content; var editor = CodeMirror.fromTextArea(textArea, { lineNumbers: true, autofocus: true, autoCloseBrackets: true, matchBrackets: true, highlightSelectionMatches: {showToken: /\w/}, rulers: [{color: "#ccc", column: 120, lineStyle: "dashed"}], styleActiveLine: true, theme: config.editorTheme, tabSize: config.editorTabSize, indentUnit: 4, foldGutter: true, cursorHeight: 1, path: data.path, extraKeys: { "Ctrl-\\": "autocompleteAnyWord", ".": "autocompleteAfterDot", "Ctrl-I": "exprInfo", "Ctrl-L": "gotoLine", "Ctrl-E": "deleteLine", "Ctrl-D": "doNothing", // 取消默认的 deleteLine "Ctrl-B": "jumpToDecl", "Ctrl-S": function () { wide.saveFile(); }, "Shift-Ctrl-S": function () { menu.saveAllFiles(); }, "Shift-Alt-F": function () { var currentPath = editors.getCurrentPath(); if (!currentPath) { return false; } wide.fmt(currentPath, wide.curEditor); }, "Alt-F7": "findUsages", "Shift-Alt-Enter": function () { if (windows.isMaxEditor) { windows.restoreEditor(); } else { windows.maxEditor(); } }, "Shift-Ctrl-Up": function (cm) { var content = '', selectoion = cm.listSelections()[0]; var from = selectoion.anchor, to = selectoion.head; if (from.line > to.line) { from = selectoion.head; to = selectoion.anchor; } for (var i = from.line, max = to.line; i <= max; i++) { if (to.ch !== 0 || i !== max) { // 下一行选中为0时,不应添加内容 content += '\n' + cm.getLine(i); } } // 下一行选中为0时,应添加到上一行末 var replaceToLine = to.line; if (to.ch === 0) { replaceToLine = to.line - 1; } cm.replaceRange(content, CodeMirror.Pos(replaceToLine)); cm.setSelection(CodeMirror.Pos(from.line, from.ch), CodeMirror.Pos(to.line, to.ch)); }, "Shift-Ctrl-Down": function (cm) { var content = '', selectoion = cm.listSelections()[0]; var from = selectoion.anchor, to = selectoion.head; if (from.line > to.line) { from = selectoion.head; to = selectoion.anchor; } for (var i = from.line, max = to.line; i <= max; i++) { if (to.ch !== 0 || i !== max) { // 下一行选中为0时,不应添加内容 content += '\n' + cm.getLine(i); } } // 下一行选中为0时,应添加到上一行末 var replaceToLine = to.line; if (to.ch === 0) { replaceToLine = to.line - 1; } cm.replaceRange(content, CodeMirror.Pos(replaceToLine)); var offset = replaceToLine - from.line + 1; cm.setSelection(CodeMirror.Pos(from.line + offset, from.ch), CodeMirror.Pos(to.line + offset, to.ch)); }, "Shift-Alt-Up": function (cm) { var selectoion = cm.listSelections()[0]; var from = selectoion.anchor, to = selectoion.head; if (from.line > to.line) { from = selectoion.head; to = selectoion.anchor; } if (from.line === 0) { return false; } // 下一行选中为0时,应添加到上一行末 var replaceToLine = to.line; if (to.ch === 0) { replaceToLine = to.line - 1; } cm.replaceRange('\n' + cm.getLine(from.line - 1), CodeMirror.Pos(replaceToLine)); if (from.line === 1) { // 移除第一行的换行 cm.replaceRange('', CodeMirror.Pos(0, 0), CodeMirror.Pos(1, 0)); } else { cm.replaceRange('', CodeMirror.Pos(from.line - 2, cm.getLine(from.line - 2).length), CodeMirror.Pos(from.line - 1, cm.getLine(from.line - 1).length)); } cm.setSelection(CodeMirror.Pos(from.line - 1, from.ch), CodeMirror.Pos(to.line - 1, to.ch)); }, "Shift-Alt-Down": function (cm) { var selectoion = cm.listSelections()[0]; var from = selectoion.anchor, to = selectoion.head; if (from.line > to.line) { from = selectoion.head; to = selectoion.anchor; } if (to.line === cm.lastLine()) { return false; } // 下一行选中为0时,应添加到上一行末 var replaceToLine = to.line; if (to.ch === 0) { replaceToLine = to.line - 1; } // 把选中的下一行添加到选中区域的上一行 if (from.line === 0) { cm.replaceRange(cm.getLine(replaceToLine + 1) + '\n', CodeMirror.Pos(0, 0)); } else { cm.replaceRange('\n' + cm.getLine(replaceToLine + 1), CodeMirror.Pos(from.line - 1)); } // 删除选中的下一行 cm.replaceRange('', CodeMirror.Pos(replaceToLine + 1, cm.getLine(replaceToLine + 1).length), CodeMirror.Pos(replaceToLine + 2, cm.getLine(replaceToLine + 2).length)); cm.setSelection(CodeMirror.Pos(from.line + 1, from.ch), CodeMirror.Pos(to.line + 1, to.ch)); } } }); editor.on('cursorActivity', function (cm) { $(".edit-exprinfo").remove(); var cursor = cm.getCursor(); $(".footer .cursor").text('| ' + (cursor.line + 1) + ':' + (cursor.ch + 1) + ' |'); }); editor.on('focus', function (cm) { windows.clearFloat(); }); editor.on('blur', function (cm) { $(".edit-exprinfo").remove(); }); editor.on('changes', function (cm) { if (cm.doc.isClean()) { // 没有修改过 $(".edit-panel .tabs > div").each(function () { var $span = $(this).find("span:eq(0)"); if ($span.attr("title") === cm.options.path) { $span.removeClass("changed"); } }); } else { // 修改过 $(".edit-panel .tabs > div").each(function () { var $span = $(this).find("span:eq(0)"); if ($span.attr("title") === cm.options.path) { $span.addClass("changed"); } }); } }); editor.setSize('100%', $(".edit-panel").height() - $(".edit-panel .tabs").height()); editor.setOption("mode", data.mode); editor.setOption("gutters", ["CodeMirror-lint-markers", "CodeMirror-foldgutter"]); if ("text/x-go" === data.mode || "application/json" === data.mode) { editor.setOption("lint", true); } if ("application/xml" === data.mode || "text/html" === data.mode) { editor.setOption("autoCloseTags", true); } wide.curEditor = editor; editors.data.push({ "editor": editor, "id": id }); $(".footer .cursor").text('| ' + (cursor.line + 1) + ':' + (cursor.ch + 1) + ' |'); var half = Math.floor(wide.curEditor.getScrollInfo().clientHeight / wide.curEditor.defaultTextHeight() / 2); var cursorCoords = wide.curEditor.cursorCoords({line: cursor.line - half, ch: 0}, "local"); wide.curEditor.scrollTo(0, cursorCoords.top); editor.setCursor(cursor); editor.focus(); } };