UNPKG

ace-builds

Version:
1,143 lines (1,140 loc) 129 kB
ace.define("ace/autocomplete/popup",["require","exports","module","ace/virtual_renderer","ace/editor","ace/range","ace/lib/event","ace/lib/lang","ace/lib/dom","ace/config","ace/lib/useragent"], function(require, exports, module){"use strict"; var Renderer = require("../virtual_renderer").VirtualRenderer; var Editor = require("../editor").Editor; var Range = require("../range").Range; var event = require("../lib/event"); var lang = require("../lib/lang"); var dom = require("../lib/dom"); var nls = require("../config").nls; var userAgent = require("./../lib/useragent"); var getAriaId = function (index) { return "suggest-aria-id:".concat(index); }; var popupAriaRole = userAgent.isSafari ? "menu" : "listbox"; var optionAriaRole = userAgent.isSafari ? "menuitem" : "option"; var ariaActiveState = userAgent.isSafari ? "aria-current" : "aria-selected"; var $singleLineEditor = function (el) { var renderer = new Renderer(el); renderer.$maxLines = 4; var editor = new Editor(renderer); editor.setHighlightActiveLine(false); editor.setShowPrintMargin(false); editor.renderer.setShowGutter(false); editor.renderer.setHighlightGutterLine(false); editor.$mouseHandler.$focusTimeout = 0; editor.$highlightTagPending = true; return editor; }; var AcePopup = /** @class */ (function () { function AcePopup(parentNode) { var el = dom.createElement("div"); var popup = $singleLineEditor(el); if (parentNode) { parentNode.appendChild(el); } el.style.display = "none"; popup.renderer.content.style.cursor = "default"; popup.renderer.setStyle("ace_autocomplete"); popup.renderer.$textLayer.element.setAttribute("role", popupAriaRole); popup.renderer.$textLayer.element.setAttribute("aria-roledescription", nls("autocomplete.popup.aria-roledescription", "Autocomplete suggestions")); popup.renderer.$textLayer.element.setAttribute("aria-label", nls("autocomplete.popup.aria-label", "Autocomplete suggestions")); popup.renderer.textarea.setAttribute("aria-hidden", "true"); popup.setOption("displayIndentGuides", false); popup.setOption("dragDelay", 150); var noop = function () { }; popup.focus = noop; popup.$isFocused = true; popup.renderer.$cursorLayer.restartTimer = noop; popup.renderer.$cursorLayer.element.style.opacity = "0"; popup.renderer.$maxLines = 8; popup.renderer.$keepTextAreaAtCursor = false; popup.setHighlightActiveLine(false); popup.session.highlight(""); popup.session.$searchHighlight.clazz = "ace_highlight-marker"; popup.on("mousedown", function (e) { var pos = e.getDocumentPosition(); popup.selection.moveToPosition(pos); selectionMarker.start.row = selectionMarker.end.row = pos.row; e.stop(); }); var lastMouseEvent; var hoverMarker = new Range(-1, 0, -1, Infinity); var selectionMarker = new Range(-1, 0, -1, Infinity); selectionMarker.id = popup.session.addMarker(selectionMarker, "ace_active-line", "fullLine"); popup.setSelectOnHover = function (val) { if (!val) { hoverMarker.id = popup.session.addMarker(hoverMarker, "ace_line-hover", "fullLine"); } else if (hoverMarker.id) { popup.session.removeMarker(hoverMarker.id); hoverMarker.id = null; } }; popup.setSelectOnHover(false); popup.on("mousemove", function (e) { if (!lastMouseEvent) { lastMouseEvent = e; return; } if (lastMouseEvent.x == e.x && lastMouseEvent.y == e.y) { return; } lastMouseEvent = e; lastMouseEvent.scrollTop = popup.renderer.scrollTop; popup.isMouseOver = true; var row = lastMouseEvent.getDocumentPosition().row; if (hoverMarker.start.row != row) { if (!hoverMarker.id) popup.setRow(row); setHoverMarker(row); } }); popup.renderer.on("beforeRender", function () { if (lastMouseEvent && hoverMarker.start.row != -1) { lastMouseEvent.$pos = null; var row = lastMouseEvent.getDocumentPosition().row; if (!hoverMarker.id) popup.setRow(row); setHoverMarker(row, true); } }); popup.renderer.on("afterRender", function () { var t = popup.renderer.$textLayer; for (var row = t.config.firstRow, l = t.config.lastRow; row <= l; row++) { var popupRowElement = /** @type {HTMLElement|null} */ (t.element.childNodes[row - t.config.firstRow]); popupRowElement.setAttribute("role", optionAriaRole); popupRowElement.setAttribute("aria-roledescription", nls("autocomplete.popup.item.aria-roledescription", "item")); popupRowElement.setAttribute("aria-setsize", popup.data.length); popupRowElement.setAttribute("aria-describedby", "doc-tooltip"); popupRowElement.setAttribute("aria-posinset", row + 1); var rowData = popup.getData(row); if (rowData) { var ariaLabel = "".concat(rowData.caption || rowData.value).concat(rowData.meta ? ", ".concat(rowData.meta) : ''); popupRowElement.setAttribute("aria-label", ariaLabel); } var highlightedSpans = popupRowElement.querySelectorAll(".ace_completion-highlight"); highlightedSpans.forEach(function (span) { span.setAttribute("role", "mark"); }); } }); popup.renderer.on("afterRender", function () { var row = popup.getRow(); var t = popup.renderer.$textLayer; var selected = /** @type {HTMLElement|null} */ (t.element.childNodes[row - t.config.firstRow]); var el = document.activeElement; // Active element is textarea of main editor if (selected !== popup.selectedNode && popup.selectedNode) { dom.removeCssClass(popup.selectedNode, "ace_selected"); popup.selectedNode.removeAttribute(ariaActiveState); popup.selectedNode.removeAttribute("id"); } el.removeAttribute("aria-activedescendant"); popup.selectedNode = selected; if (selected) { var ariaId = getAriaId(row); dom.addCssClass(selected, "ace_selected"); selected.id = ariaId; t.element.setAttribute("aria-activedescendant", ariaId); el.setAttribute("aria-activedescendant", ariaId); selected.setAttribute(ariaActiveState, "true"); } }); var hideHoverMarker = function () { setHoverMarker(-1); }; var setHoverMarker = function (row, suppressRedraw) { if (row !== hoverMarker.start.row) { hoverMarker.start.row = hoverMarker.end.row = row; if (!suppressRedraw) popup.session._emit("changeBackMarker"); popup._emit("changeHoverMarker"); } }; popup.getHoveredRow = function () { return hoverMarker.start.row; }; event.addListener(popup.container, "mouseout", function () { popup.isMouseOver = false; hideHoverMarker(); }); popup.on("hide", hideHoverMarker); popup.on("changeSelection", hideHoverMarker); popup.session.doc.getLength = function () { return popup.data.length; }; popup.session.doc.getLine = function (i) { var data = popup.data[i]; if (typeof data == "string") return data; return (data && data.value) || ""; }; var bgTokenizer = popup.session.bgTokenizer; bgTokenizer.$tokenizeRow = function (row) { var data = popup.data[row]; var tokens = []; if (!data) return tokens; if (typeof data == "string") data = { value: data }; var caption = data.caption || data.value || data.name; function addToken(value, className) { value && tokens.push({ type: (data.className || "") + (className || ""), value: value }); } var lower = caption.toLowerCase(); var filterText = (popup.filterText || "").toLowerCase(); var lastIndex = 0; var lastI = 0; for (var i = 0; i <= filterText.length; i++) { if (i != lastI && (data.matchMask & (1 << i) || i == filterText.length)) { var sub = filterText.slice(lastI, i); lastI = i; var index = lower.indexOf(sub, lastIndex); if (index == -1) continue; addToken(caption.slice(lastIndex, index), ""); lastIndex = index + sub.length; addToken(caption.slice(index, lastIndex), "completion-highlight"); } } addToken(caption.slice(lastIndex, caption.length), ""); tokens.push({ type: "completion-spacer", value: " " }); if (data.meta) tokens.push({ type: "completion-meta", value: data.meta }); if (data.message) tokens.push({ type: "completion-message", value: data.message }); return tokens; }; bgTokenizer.$updateOnChange = noop; bgTokenizer.start = noop; popup.session.$computeWidth = function () { return this.screenWidth = 0; }; popup.isOpen = false; popup.isTopdown = false; popup.autoSelect = true; popup.filterText = ""; popup.isMouseOver = false; popup.data = []; popup.setData = function (list, filterText) { popup.filterText = filterText || ""; popup.setValue(lang.stringRepeat("\n", list.length), -1); popup.data = list || []; popup.setRow(0); }; popup.getData = function (row) { return popup.data[row]; }; popup.getRow = function () { return selectionMarker.start.row; }; popup.setRow = function (line) { line = Math.max(this.autoSelect ? 0 : -1, Math.min(this.data.length - 1, line)); if (selectionMarker.start.row != line) { popup.selection.clearSelection(); selectionMarker.start.row = selectionMarker.end.row = line || 0; popup.session._emit("changeBackMarker"); popup.moveCursorTo(line || 0, 0); if (popup.isOpen) popup._signal("select"); } }; popup.on("changeSelection", function () { if (popup.isOpen) popup.setRow(popup.selection.lead.row); popup.renderer.scrollCursorIntoView(); }); popup.hide = function () { this.container.style.display = "none"; popup.anchorPos = null; popup.anchor = null; if (popup.isOpen) { popup.isOpen = false; this._signal("hide"); } }; popup.tryShow = function (pos, lineHeight, anchor, forceShow) { if (!forceShow && popup.isOpen && popup.anchorPos && popup.anchor && popup.anchorPos.top === pos.top && popup.anchorPos.left === pos.left && popup.anchor === anchor) { return true; } var el = this.container; var scrollBarSize = this.renderer.scrollBar.width || 10; var screenHeight = window.innerHeight - scrollBarSize; var screenWidth = window.innerWidth - scrollBarSize; var renderer = this.renderer; var maxH = renderer.$maxLines * lineHeight * 1.4; var dims = { top: 0, bottom: 0, left: 0 }; var spaceBelow = screenHeight - pos.top - 3 * this.$borderSize - lineHeight; var spaceAbove = pos.top - 3 * this.$borderSize; if (!anchor) { if (spaceAbove <= spaceBelow || spaceBelow >= maxH) { anchor = "bottom"; } else { anchor = "top"; } } if (anchor === "top") { dims.bottom = pos.top - this.$borderSize; dims.top = dims.bottom - maxH; } else if (anchor === "bottom") { dims.top = pos.top + lineHeight + this.$borderSize; dims.bottom = dims.top + maxH; } var fitsX = dims.top >= 0 && dims.bottom <= screenHeight; if (!forceShow && !fitsX) { return false; } if (!fitsX) { if (anchor === "top") { renderer.$maxPixelHeight = spaceAbove; } else { renderer.$maxPixelHeight = spaceBelow; } } else { renderer.$maxPixelHeight = null; } if (anchor === "top") { el.style.top = ""; el.style.bottom = (screenHeight + scrollBarSize - dims.bottom) + "px"; popup.isTopdown = false; } else { el.style.top = dims.top + "px"; el.style.bottom = ""; popup.isTopdown = true; } el.style.display = ""; var left = pos.left; if (left + el.offsetWidth > screenWidth) left = screenWidth - el.offsetWidth; el.style.left = left + "px"; el.style.right = ""; if (!popup.isOpen) { popup.isOpen = true; this._signal("show"); lastMouseEvent = null; } popup.anchorPos = pos; popup.anchor = anchor; return true; }; popup.show = function (pos, lineHeight, topdownOnly) { this.tryShow(pos, lineHeight, topdownOnly ? "bottom" : undefined, true); }; popup.goTo = function (where) { var row = this.getRow(); var max = this.session.getLength() - 1; switch (where) { case "up": row = row <= 0 ? max : row - 1; break; case "down": row = row >= max ? -1 : row + 1; break; case "start": row = 0; break; case "end": row = max; break; } this.setRow(row); }; popup.getTextLeftOffset = function () { return this.$borderSize + this.renderer.$padding + this.$imageSize; }; popup.$imageSize = 0; popup.$borderSize = 1; return popup; } return AcePopup; }()); dom.importCssString("\n.ace_editor.ace_autocomplete .ace_marker-layer .ace_active-line {\n background-color: #CAD6FA;\n z-index: 1;\n}\n.ace_dark.ace_editor.ace_autocomplete .ace_marker-layer .ace_active-line {\n background-color: #3a674e;\n}\n.ace_editor.ace_autocomplete .ace_line-hover {\n border: 1px solid #abbffe;\n margin-top: -1px;\n background: rgba(233,233,253,0.4);\n position: absolute;\n z-index: 2;\n}\n.ace_dark.ace_editor.ace_autocomplete .ace_line-hover {\n border: 1px solid rgba(109, 150, 13, 0.8);\n background: rgba(58, 103, 78, 0.62);\n}\n.ace_completion-meta {\n opacity: 0.5;\n margin-left: 0.9em;\n}\n.ace_completion-message {\n margin-left: 0.9em;\n color: blue;\n}\n.ace_editor.ace_autocomplete .ace_completion-highlight{\n color: #2d69c7;\n}\n.ace_dark.ace_editor.ace_autocomplete .ace_completion-highlight{\n color: #93ca12;\n}\n.ace_editor.ace_autocomplete {\n width: 300px;\n z-index: 200000;\n border: 1px lightgray solid;\n position: fixed;\n box-shadow: 2px 3px 5px rgba(0,0,0,.2);\n line-height: 1.4;\n background: #fefefe;\n color: #111;\n}\n.ace_dark.ace_editor.ace_autocomplete {\n border: 1px #484747 solid;\n box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.51);\n line-height: 1.4;\n background: #25282c;\n color: #c1c1c1;\n}\n.ace_autocomplete .ace_text-layer {\n width: calc(100% - 8px);\n}\n.ace_autocomplete .ace_line {\n display: flex;\n align-items: center;\n}\n.ace_autocomplete .ace_line > * {\n min-width: 0;\n flex: 0 0 auto;\n}\n.ace_autocomplete .ace_line .ace_ {\n flex: 0 1 auto;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.ace_autocomplete .ace_completion-spacer {\n flex: 1;\n}\n.ace_autocomplete.ace_loading:after {\n content: \"\";\n position: absolute;\n top: 0px;\n height: 2px;\n width: 8%;\n background: blue;\n z-index: 100;\n animation: ace_progress 3s infinite linear;\n animation-delay: 300ms;\n transform: translateX(-100%) scaleX(1);\n}\n@keyframes ace_progress {\n 0% { transform: translateX(-100%) scaleX(1) }\n 50% { transform: translateX(625%) scaleX(2) } \n 100% { transform: translateX(1500%) scaleX(3) } \n}\n@media (prefers-reduced-motion) {\n .ace_autocomplete.ace_loading:after {\n transform: translateX(625%) scaleX(2);\n animation: none;\n }\n}\n", "autocompletion.css", false); exports.AcePopup = AcePopup; exports.$singleLineEditor = $singleLineEditor; exports.getAriaId = getAriaId; }); ace.define("ace/snippets",["require","exports","module","ace/lib/dom","ace/lib/oop","ace/lib/event_emitter","ace/lib/lang","ace/range","ace/range_list","ace/keyboard/hash_handler","ace/tokenizer","ace/clipboard","ace/editor"], function(require, exports, module){"use strict"; var dom = require("./lib/dom"); var oop = require("./lib/oop"); var EventEmitter = require("./lib/event_emitter").EventEmitter; var lang = require("./lib/lang"); var Range = require("./range").Range; var RangeList = require("./range_list").RangeList; var HashHandler = require("./keyboard/hash_handler").HashHandler; var Tokenizer = require("./tokenizer").Tokenizer; var clipboard = require("./clipboard"); var VARIABLES = { CURRENT_WORD: function (editor) { return editor.session.getTextRange(editor.session.getWordRange()); }, SELECTION: function (editor, name, indentation) { var text = editor.session.getTextRange(); if (indentation) return text.replace(/\n\r?([ \t]*\S)/g, "\n" + indentation + "$1"); return text; }, CURRENT_LINE: function (editor) { return editor.session.getLine(editor.getCursorPosition().row); }, PREV_LINE: function (editor) { return editor.session.getLine(editor.getCursorPosition().row - 1); }, LINE_INDEX: function (editor) { return editor.getCursorPosition().row; }, LINE_NUMBER: function (editor) { return editor.getCursorPosition().row + 1; }, SOFT_TABS: function (editor) { return editor.session.getUseSoftTabs() ? "YES" : "NO"; }, TAB_SIZE: function (editor) { return editor.session.getTabSize(); }, CLIPBOARD: function (editor) { return clipboard.getText && clipboard.getText(); }, FILENAME: function (editor) { return /[^/\\]*$/.exec(this.FILEPATH(editor))[0]; }, FILENAME_BASE: function (editor) { return /[^/\\]*$/.exec(this.FILEPATH(editor))[0].replace(/\.[^.]*$/, ""); }, DIRECTORY: function (editor) { return this.FILEPATH(editor).replace(/[^/\\]*$/, ""); }, FILEPATH: function (editor) { return "/not implemented.txt"; }, WORKSPACE_NAME: function () { return "Unknown"; }, FULLNAME: function () { return "Unknown"; }, BLOCK_COMMENT_START: function (editor) { var mode = editor.session.$mode || {}; return mode.blockComment && mode.blockComment.start || ""; }, BLOCK_COMMENT_END: function (editor) { var mode = editor.session.$mode || {}; return mode.blockComment && mode.blockComment.end || ""; }, LINE_COMMENT: function (editor) { var mode = editor.session.$mode || {}; return mode.lineCommentStart || ""; }, CURRENT_YEAR: date.bind(null, { year: "numeric" }), CURRENT_YEAR_SHORT: date.bind(null, { year: "2-digit" }), CURRENT_MONTH: date.bind(null, { month: "numeric" }), CURRENT_MONTH_NAME: date.bind(null, { month: "long" }), CURRENT_MONTH_NAME_SHORT: date.bind(null, { month: "short" }), CURRENT_DATE: date.bind(null, { day: "2-digit" }), CURRENT_DAY_NAME: date.bind(null, { weekday: "long" }), CURRENT_DAY_NAME_SHORT: date.bind(null, { weekday: "short" }), CURRENT_HOUR: date.bind(null, { hour: "2-digit", hour12: false }), CURRENT_MINUTE: date.bind(null, { minute: "2-digit" }), CURRENT_SECOND: date.bind(null, { second: "2-digit" }) }; VARIABLES.SELECTED_TEXT = VARIABLES.SELECTION; function date(dateFormat) { var str = new Date().toLocaleString("en-us", dateFormat); return str.length == 1 ? "0" + str : str; } var SnippetManager = /** @class */ (function () { function SnippetManager() { this.snippetMap = {}; this.snippetNameMap = {}; this.variables = VARIABLES; } SnippetManager.prototype.getTokenizer = function () { return SnippetManager["$tokenizer"] || this.createTokenizer(); }; SnippetManager.prototype.createTokenizer = function () { function TabstopToken(str) { str = str.substr(1); if (/^\d+$/.test(str)) return [{ tabstopId: parseInt(str, 10) }]; return [{ text: str }]; } function escape(ch) { return "(?:[^\\\\" + ch + "]|\\\\.)"; } var formatMatcher = { regex: "/(" + escape("/") + "+)/", onMatch: function (val, state, stack) { var ts = stack[0]; ts.fmtString = true; ts.guard = val.slice(1, -1); ts.flag = ""; return ""; }, next: "formatString" }; SnippetManager["$tokenizer"] = new Tokenizer({ start: [ { regex: /\\./, onMatch: function (val, state, stack) { var ch = val[1]; if (ch == "}" && stack.length) { val = ch; } else if ("`$\\".indexOf(ch) != -1) { val = ch; } return [val]; } }, { regex: /}/, onMatch: function (val, state, stack) { return [stack.length ? stack.shift() : val]; } }, { regex: /\$(?:\d+|\w+)/, onMatch: TabstopToken }, { regex: /\$\{[\dA-Z_a-z]+/, onMatch: function (str, state, stack) { var t = TabstopToken(str.substr(1)); stack.unshift(t[0]); return t; }, next: "snippetVar" }, { regex: /\n/, token: "newline", merge: false } ], snippetVar: [ { regex: "\\|" + escape("\\|") + "*\\|", onMatch: function (val, state, stack) { var choices = val.slice(1, -1).replace(/\\[,|\\]|,/g, function (operator) { return operator.length == 2 ? operator[1] : "\x00"; }).split("\x00").map(function (value) { return { value: value }; }); stack[0].choices = choices; return [choices[0]]; }, next: "start" }, formatMatcher, { regex: "([^:}\\\\]|\\\\.)*:?", token: "", next: "start" } ], formatString: [ { regex: /:/, onMatch: function (val, state, stack) { if (stack.length && stack[0].expectElse) { stack[0].expectElse = false; stack[0].ifEnd = { elseEnd: stack[0] }; return [stack[0].ifEnd]; } return ":"; } }, { regex: /\\./, onMatch: function (val, state, stack) { var ch = val[1]; if (ch == "}" && stack.length) val = ch; else if ("`$\\".indexOf(ch) != -1) val = ch; else if (ch == "n") val = "\n"; else if (ch == "t") val = "\t"; else if ("ulULE".indexOf(ch) != -1) val = { changeCase: ch, local: ch > "a" }; return [val]; } }, { regex: "/\\w*}", onMatch: function (val, state, stack) { var next = stack.shift(); if (next) next.flag = val.slice(1, -1); this.next = next && next.tabstopId ? "start" : ""; return [next || val]; }, next: "start" }, { regex: /\$(?:\d+|\w+)/, onMatch: function (val, state, stack) { return [{ text: val.slice(1) }]; } }, { regex: /\${\w+/, onMatch: function (val, state, stack) { var token = { text: val.slice(2) }; stack.unshift(token); return [token]; }, next: "formatStringVar" }, { regex: /\n/, token: "newline", merge: false }, { regex: /}/, onMatch: function (val, state, stack) { var next = stack.shift(); this.next = next && next.tabstopId ? "start" : ""; return [next || val]; }, next: "start" } ], formatStringVar: [ { regex: /:\/\w+}/, onMatch: function (val, state, stack) { var ts = stack[0]; ts.formatFunction = val.slice(2, -1); return [stack.shift()]; }, next: "formatString" }, formatMatcher, { regex: /:[\?\-+]?/, onMatch: function (val, state, stack) { if (val[1] == "+") stack[0].ifEnd = stack[0]; if (val[1] == "?") stack[0].expectElse = true; }, next: "formatString" }, { regex: "([^:}\\\\]|\\\\.)*:?", token: "", next: "formatString" } ] }); return SnippetManager["$tokenizer"]; }; SnippetManager.prototype.tokenizeTmSnippet = function (str, startState) { return this.getTokenizer().getLineTokens(str, startState).tokens.map(function (x) { return x.value || x; }); }; SnippetManager.prototype.getVariableValue = function (editor, name, indentation) { if (/^\d+$/.test(name)) return (this.variables.__ || {})[name] || ""; if (/^[A-Z]\d+$/.test(name)) return (this.variables[name[0] + "__"] || {})[name.substr(1)] || ""; name = name.replace(/^TM_/, ""); if (!this.variables.hasOwnProperty(name)) return ""; var value = this.variables[name]; if (typeof value == "function") value = this.variables[name](editor, name, indentation); return value == null ? "" : value; }; SnippetManager.prototype.tmStrFormat = function (str, ch, editor) { if (!ch.fmt) return str; var flag = ch.flag || ""; var re = ch.guard; re = new RegExp(re, flag.replace(/[^gim]/g, "")); var fmtTokens = typeof ch.fmt == "string" ? this.tokenizeTmSnippet(ch.fmt, "formatString") : ch.fmt; var _self = this; var formatted = str.replace(re, function () { var oldArgs = _self.variables.__; _self.variables.__ = [].slice.call(arguments); var fmtParts = _self.resolveVariables(fmtTokens, editor); var gChangeCase = "E"; for (var i = 0; i < fmtParts.length; i++) { var ch = fmtParts[i]; if (typeof ch == "object") { fmtParts[i] = ""; if (ch.changeCase && ch.local) { var next = fmtParts[i + 1]; if (next && typeof next == "string") { if (ch.changeCase == "u") fmtParts[i] = next[0].toUpperCase(); else fmtParts[i] = next[0].toLowerCase(); fmtParts[i + 1] = next.substr(1); } } else if (ch.changeCase) { gChangeCase = ch.changeCase; } } else if (gChangeCase == "U") { fmtParts[i] = ch.toUpperCase(); } else if (gChangeCase == "L") { fmtParts[i] = ch.toLowerCase(); } } _self.variables.__ = oldArgs; return fmtParts.join(""); }); return formatted; }; SnippetManager.prototype.tmFormatFunction = function (str, ch, editor) { if (ch.formatFunction == "upcase") return str.toUpperCase(); if (ch.formatFunction == "downcase") return str.toLowerCase(); return str; }; SnippetManager.prototype.resolveVariables = function (snippet, editor) { var result = []; var indentation = ""; var afterNewLine = true; for (var i = 0; i < snippet.length; i++) { var ch = snippet[i]; if (typeof ch == "string") { result.push(ch); if (ch == "\n") { afterNewLine = true; indentation = ""; } else if (afterNewLine) { indentation = /^\t*/.exec(ch)[0]; afterNewLine = /\S/.test(ch); } continue; } if (!ch) continue; afterNewLine = false; if (ch.fmtString) { var j = snippet.indexOf(ch, i + 1); if (j == -1) j = snippet.length; ch.fmt = snippet.slice(i + 1, j); i = j; } if (ch.text) { var value = this.getVariableValue(editor, ch.text, indentation) + ""; if (ch.fmtString) value = this.tmStrFormat(value, ch, editor); if (ch.formatFunction) value = this.tmFormatFunction(value, ch, editor); if (value && !ch.ifEnd) { result.push(value); gotoNext(ch); } else if (!value && ch.ifEnd) { gotoNext(ch.ifEnd); } } else if (ch.elseEnd) { gotoNext(ch.elseEnd); } else if (ch.tabstopId != null) { result.push(ch); } else if (ch.changeCase != null) { result.push(ch); } } function gotoNext(ch) { var i1 = snippet.indexOf(ch, i + 1); if (i1 != -1) i = i1; } return result; }; SnippetManager.prototype.getDisplayTextForSnippet = function (editor, snippetText) { var processedSnippet = processSnippetText.call(this, editor, snippetText); return processedSnippet.text; }; SnippetManager.prototype.insertSnippetForSelection = function (editor, snippetText, options) { if (options === void 0) { options = {}; } var processedSnippet = processSnippetText.call(this, editor, snippetText, options); var range = editor.getSelectionRange(); var end = editor.session.replace(range, processedSnippet.text); var tabstopManager = new TabstopManager(editor); var selectionId = editor.inVirtualSelectionMode && editor.selection.index; tabstopManager.addTabstops(processedSnippet.tabstops, range.start, end, selectionId); }; SnippetManager.prototype.insertSnippet = function (editor, snippetText, options) { if (options === void 0) { options = {}; } var self = this; if (editor.inVirtualSelectionMode) return self.insertSnippetForSelection(editor, snippetText, options); editor.forEachSelection(function () { self.insertSnippetForSelection(editor, snippetText, options); }, null, { keepOrder: true }); if (editor.tabstopManager) editor.tabstopManager.tabNext(); }; SnippetManager.prototype.$getScope = function (editor) { var scope = editor.session.$mode.$id || ""; scope = scope.split("/").pop(); if (scope === "html" || scope === "php") { if (scope === "php" && !editor.session.$mode.inlinePhp) scope = "html"; var c = editor.getCursorPosition(); var state = editor.session.getState(c.row); if (typeof state === "object") { state = state[0]; } if (state.substring) { if (state.substring(0, 3) == "js-") scope = "javascript"; else if (state.substring(0, 4) == "css-") scope = "css"; else if (state.substring(0, 4) == "php-") scope = "php"; } } return scope; }; SnippetManager.prototype.getActiveScopes = function (editor) { var scope = this.$getScope(editor); var scopes = [scope]; var snippetMap = this.snippetMap; if (snippetMap[scope] && snippetMap[scope].includeScopes) { scopes.push.apply(scopes, snippetMap[scope].includeScopes); } scopes.push("_"); return scopes; }; SnippetManager.prototype.expandWithTab = function (editor, options) { var self = this; var result = editor.forEachSelection(function () { return self.expandSnippetForSelection(editor, options); }, null, { keepOrder: true }); if (result && editor.tabstopManager) editor.tabstopManager.tabNext(); return result; }; SnippetManager.prototype.expandSnippetForSelection = function (editor, options) { var cursor = editor.getCursorPosition(); var line = editor.session.getLine(cursor.row); var before = line.substring(0, cursor.column); var after = line.substr(cursor.column); var snippetMap = this.snippetMap; var snippet; this.getActiveScopes(editor).some(function (scope) { var snippets = snippetMap[scope]; if (snippets) snippet = this.findMatchingSnippet(snippets, before, after); return !!snippet; }, this); if (!snippet) return false; if (options && options.dryRun) return true; editor.session.doc.removeInLine(cursor.row, cursor.column - snippet.replaceBefore.length, cursor.column + snippet.replaceAfter.length); this.variables.M__ = snippet.matchBefore; this.variables.T__ = snippet.matchAfter; this.insertSnippetForSelection(editor, snippet.content); this.variables.M__ = this.variables.T__ = null; return true; }; SnippetManager.prototype.findMatchingSnippet = function (snippetList, before, after) { for (var i = snippetList.length; i--;) { var s = snippetList[i]; if (s.startRe && !s.startRe.test(before)) continue; if (s.endRe && !s.endRe.test(after)) continue; if (!s.startRe && !s.endRe) continue; s.matchBefore = s.startRe ? s.startRe.exec(before) : [""]; s.matchAfter = s.endRe ? s.endRe.exec(after) : [""]; s.replaceBefore = s.triggerRe ? s.triggerRe.exec(before)[0] : ""; s.replaceAfter = s.endTriggerRe ? s.endTriggerRe.exec(after)[0] : ""; return s; } }; SnippetManager.prototype.register = function (snippets, scope) { var snippetMap = this.snippetMap; var snippetNameMap = this.snippetNameMap; var self = this; if (!snippets) snippets = []; function wrapRegexp(src) { if (src && !/^\^?\(.*\)\$?$|^\\b$/.test(src)) src = "(?:" + src + ")"; return src || ""; } function guardedRegexp(re, guard, opening) { re = wrapRegexp(re); guard = wrapRegexp(guard); if (opening) { re = guard + re; if (re && re[re.length - 1] != "$") re = re + "$"; } else { re = re + guard; if (re && re[0] != "^") re = "^" + re; } return new RegExp(re); } function addSnippet(s) { if (!s.scope) s.scope = scope || "_"; scope = s.scope; if (!snippetMap[scope]) { snippetMap[scope] = []; snippetNameMap[scope] = {}; } var map = snippetNameMap[scope]; if (s.name) { var old = map[s.name]; if (old) self.unregister(old); map[s.name] = s; } snippetMap[scope].push(s); if (s.prefix) s.tabTrigger = s.prefix; if (!s.content && s.body) s.content = Array.isArray(s.body) ? s.body.join("\n") : s.body; if (s.tabTrigger && !s.trigger) { if (!s.guard && /^\w/.test(s.tabTrigger)) s.guard = "\\b"; s.trigger = lang.escapeRegExp(s.tabTrigger); } if (!s.trigger && !s.guard && !s.endTrigger && !s.endGuard) return; s.startRe = guardedRegexp(s.trigger, s.guard, true); s.triggerRe = new RegExp(s.trigger); s.endRe = guardedRegexp(s.endTrigger, s.endGuard, true); s.endTriggerRe = new RegExp(s.endTrigger); } if (Array.isArray(snippets)) { snippets.forEach(addSnippet); } else { Object.keys(snippets).forEach(function (key) { addSnippet(snippets[key]); }); } this._signal("registerSnippets", { scope: scope }); }; SnippetManager.prototype.unregister = function (snippets, scope) { var snippetMap = this.snippetMap; var snippetNameMap = this.snippetNameMap; function removeSnippet(s) { var nameMap = snippetNameMap[s.scope || scope]; if (nameMap && nameMap[s.name]) { delete nameMap[s.name]; var map = snippetMap[s.scope || scope]; var i = map && map.indexOf(s); if (i >= 0) map.splice(i, 1); } } if (snippets.content) removeSnippet(snippets); else if (Array.isArray(snippets)) snippets.forEach(removeSnippet); }; SnippetManager.prototype.parseSnippetFile = function (str) { str = str.replace(/\r/g, ""); var list = [], /**@type{Snippet}*/ snippet = {}; var re = /^#.*|^({[\s\S]*})\s*$|^(\S+) (.*)$|^((?:\n*\t.*)+)/gm; var m; while (m = re.exec(str)) { if (m[1]) { try { snippet = JSON.parse(m[1]); list.push(snippet); } catch (e) { } } if (m[4]) { snippet.content = m[4].replace(/^\t/gm, ""); list.push(snippet); snippet = {}; } else { var key = m[2], val = m[3]; if (key == "regex") { var guardRe = /\/((?:[^\/\\]|\\.)*)|$/g; snippet.guard = guardRe.exec(val)[1]; snippet.trigger = guardRe.exec(val)[1]; snippet.endTrigger = guardRe.exec(val)[1]; snippet.endGuard = guardRe.exec(val)[1]; } else if (key == "snippet") { snippet.tabTrigger = val.match(/^\S*/)[0]; if (!snippet.name) snippet.name = val; } else if (key) { snippet[key] = val; } } } return list; }; SnippetManager.prototype.getSnippetByName = function (name, editor) { var snippetMap = this.snippetNameMap; var snippet; this.getActiveScopes(editor).some(function (scope) { var snippets = snippetMap[scope]; if (snippets) snippet = snippets[name]; return !!snippet; }, this); return snippet; }; return SnippetManager; }()); oop.implement(SnippetManager.prototype, EventEmitter); var processSnippetText = function (editor, snippetText, options) { if (options === void 0) { options = {}; } var cursor = editor.getCursorPosition(); var line = editor.session.getLine(cursor.row); var tabString = editor.session.getTabString(); var indentString = line.match(/^\s*/)[0]; if (cursor.column < indentString.length) indentString = indentString.slice(0, cursor.column); snippetText = snippetText.replace(/\r/g, ""); var tokens = this.tokenizeTmSnippet(snippetText); tokens = this.resolveVariables(tokens, editor); tokens = tokens.map(function (x) { if (x == "\n" && !options.excludeExtraIndent) return x + indentString; if (typeof x == "string") return x.replace(/\t/g, tabString); return x; }); var tabstops = []; tokens.forEach(function (p, i) { if (typeof p != "object") return; var id = p.tabstopId; var ts = tabstops[id]; if (!ts) { ts = tabstops[id] = []; ts.index = id; ts.value = ""; ts.parents = {}; } if (ts.indexOf(p) !== -1) return; if (p.choices && !ts.choices) ts.choices = p.choices; ts.push(p); var i1 = tokens.indexOf(p, i + 1); if (i1 === -1) return; var value = tokens.slice(i + 1, i1); var isNested = value.some(function (t) { return typeof t === "object"; }); if (isNested && !ts.value) { ts.value = value; } else if (value.length && (!ts.value || typeof ts.value !== "string")) { ts.value = value.join(""); } }); tabstops.forEach(function (ts) { ts.length = 0; }); var expanding = {}; function copyValue(val) { var copy = []; for (var i = 0; i < val.length; i++) { var p = val[i]; if (typeof p == "object") { if (expanding[p.tabstopId]) continue; var j = val.lastIndexOf(p, i - 1); p = copy[j] || { tabstopId: p.tabstopId }; } copy[i] = p; } return copy; } for (var i = 0; i < tokens.length; i++) { var p = tokens[i]; if (typeof p != "object") continue; var id = p.tabstopId; var ts = tabstops[id]; var i1 = tokens.indexOf(p, i + 1); if (expanding[id]) { if (expanding[id] === p) { delete expanding[id]; Object.keys(expanding).forEach(function (parentId) { ts.parents[parentId] = true; }); } continue; } expanding[id] = p; var value = ts.value; if (typeof value !== "string") value = copyValue(value); else if (p.fmt) value = this.tmStrFormat(value, p, editor); tokens.splice.apply(tokens, [i + 1, Math.max(0, i1 - i)].concat(value, p)); if (ts.indexOf(p) === -1) ts.push(p); } var row = 0, column = 0; var text = ""; tokens.forEach(function (t) { if (typeof t === "string") { var lines = t.split("\n"); if (lines.length > 1) { column = lines[lines.length - 1].length; row += lines.length - 1; } else column += t.length; text += t; } else if (t) { if (!t.start) t.start = { row: row, column: column }; else t.end = { row: row, column: column }; } }); return { text: text, tabstops: tabstops, tokens: tokens }; }; var TabstopManager = /** @class */ (function () { function TabstopManager(editor) { this.index = 0; this.ranges = []; this.tabstops = []; if (editor.tabstopManager) return editor.tabstopManager; editor.tabstopManager = this; this.$onChange = this.onChange.bind(this); this.$onChangeSelection = lang.delayedCall(this.onChangeSelection.bind(this)).schedule; this.$onChangeSession = this.onChangeSession.bind(this); this.$onAfterExec = this.onAfterExec.bind(this); this.attach(editor); } TabstopManager.prototype.attach = function (editor) { this.$openTabstops = null; this.selectedTabstop = null; this.editor = editor; this.session = editor.session; this.editor.on("change", this.$onChange); this.editor.on("changeSelection", this.$onChangeSelection); this.editor.on("changeSession", this.$onChangeSession); this.editor.commands.on("afterExec", this.$onAfterExec); this.editor.keyBinding.addKeyboardHandler(this.keyboardHandler); }; TabstopManager.prototype.detach = function () { this.tabstops.forEach(this.removeTabstopMarkers, this); this.ranges.length = 0; this.tabstops.length = 0; this.selectedTabstop = null; this.editor.off("change", this.$onChange); this.editor.off("changeSelection", this.$onChangeSelection); this.editor.off("changeSession", this.$onChangeSession); this.editor.commands.off("afterExec", this.$onAfterExec); this.editor.keyBinding.removeKeyboardHandler(this.keyboardHandler); this.editor.tabstopManager = null; this.session = null; this.editor = null; }; TabstopManager.prototype.onChange = function (delta) { var isRemove = delta.action[0] == "r"; var selectedTabstop = this.selectedTabstop || {}; var parents = selectedTabstop.parents || {}; var tabstops = this.tabstops.slice(); for (var i = 0; i < tabstops.length; i++) { var ts = tabstops[i]; var active = ts == selectedTabstop || parents[ts.index]; ts.rangeList.$bias = active ? 0 : 1; if (delta.action == "remove" && ts !== selectedTabstop) { var parentActive = ts.parents && ts.parents[selectedTabstop.index]; var startIndex = ts.rangeList.pointIndex(delta.start, parentActive); startIndex = startIndex < 0 ? -startIndex - 1 : startIndex + 1; var endIndex = ts.rangeList.pointIndex(delta.end, parentActive); endIndex = endIndex < 0 ? -endIndex - 1 : endIndex - 1; var toRemove = ts.rangeList.ranges.slice(startIndex, endIndex); for (var j = 0; j < toRemove.length; j++) this.removeRange(toRemove[j]); } ts.rangeList.$onChange(delta); } var session = this.session; if (!this.$inChange && isRemove && session.getLength() == 1 && !session.getValue()) this.detach(); }; TabstopManager.prototype.updateLinkedFields = function () { var ts = this.selectedTabstop; if (!ts || !ts.hasLinkedRanges || !ts.firstNonLinked) return; this.$inChange = true; var session = this.session; var text = session.getTextRange(ts.firstNonLinked); for (var i = 0; i < ts.length; i++) { var range = ts[i]; if (!range.linked) continue; var original = range.original; var fmt = exports.snippetManager.tmStrFormat(text, original, this.editor); session.replace(range, fmt); } this.$inChange = false; };