|
| 1 | +// CodeMirror, copyright (c) by Marijn Haverbeke and others |
| 2 | +// Distributed under an MIT license: http://codemirror.net/LICENSE |
| 3 | + |
| 4 | +(function(mod) { |
| 5 | + if (typeof exports == "object" && typeof module == "object") // CommonJS |
| 6 | + mod(require("../../lib/codemirror")); |
| 7 | + else if (typeof define == "function" && define.amd) // AMD |
| 8 | + define(["../../lib/codemirror"], mod); |
| 9 | + else // Plain browser env |
| 10 | + mod(CodeMirror); |
| 11 | +})(function(CodeMirror) { |
| 12 | + "use strict"; |
| 13 | + var GUTTER_ID = "CodeMirror-lint-markers"; |
| 14 | + |
| 15 | + function showTooltip(e, content) { |
| 16 | + var tt = document.createElement("div"); |
| 17 | + tt.className = "CodeMirror-lint-tooltip"; |
| 18 | + tt.appendChild(content.cloneNode(true)); |
| 19 | + document.body.appendChild(tt); |
| 20 | + |
| 21 | + function position(e) { |
| 22 | + if (!tt.parentNode) return CodeMirror.off(document, "mousemove", position); |
| 23 | + tt.style.top = Math.max(0, e.clientY - tt.offsetHeight - 5) + "px"; |
| 24 | + tt.style.left = (e.clientX + 5) + "px"; |
| 25 | + } |
| 26 | + CodeMirror.on(document, "mousemove", position); |
| 27 | + position(e); |
| 28 | + if (tt.style.opacity != null) tt.style.opacity = 1; |
| 29 | + return tt; |
| 30 | + } |
| 31 | + function rm(elt) { |
| 32 | + if (elt.parentNode) elt.parentNode.removeChild(elt); |
| 33 | + } |
| 34 | + function hideTooltip(tt) { |
| 35 | + if (!tt.parentNode) return; |
| 36 | + if (tt.style.opacity == null) rm(tt); |
| 37 | + tt.style.opacity = 0; |
| 38 | + setTimeout(function() { rm(tt); }, 600); |
| 39 | + } |
| 40 | + |
| 41 | + function showTooltipFor(e, content, node) { |
| 42 | + var tooltip = showTooltip(e, content); |
| 43 | + function hide() { |
| 44 | + CodeMirror.off(node, "mouseout", hide); |
| 45 | + if (tooltip) { hideTooltip(tooltip); tooltip = null; } |
| 46 | + } |
| 47 | + var poll = setInterval(function() { |
| 48 | + if (tooltip) for (var n = node;; n = n.parentNode) { |
| 49 | + if (n == document.body) return; |
| 50 | + if (!n) { hide(); break; } |
| 51 | + } |
| 52 | + if (!tooltip) return clearInterval(poll); |
| 53 | + }, 400); |
| 54 | + CodeMirror.on(node, "mouseout", hide); |
| 55 | + } |
| 56 | + |
| 57 | + function LintState(cm, options, hasGutter) { |
| 58 | + this.marked = []; |
| 59 | + this.options = options; |
| 60 | + this.timeout = null; |
| 61 | + this.hasGutter = hasGutter; |
| 62 | + this.onMouseOver = function(e) { onMouseOver(cm, e); }; |
| 63 | + } |
| 64 | + |
| 65 | + function parseOptions(cm, options) { |
| 66 | + if (options instanceof Function) return {getAnnotations: options}; |
| 67 | + if (!options || options === true) options = {}; |
| 68 | + if (!options.getAnnotations) options.getAnnotations = cm.getHelper(CodeMirror.Pos(0, 0), "lint"); |
| 69 | + // if (!options.getAnnotations) throw new Error("Required option 'getAnnotations' missing (lint addon)"); |
| 70 | + return options; |
| 71 | + } |
| 72 | + |
| 73 | + function clearMarks(cm) { |
| 74 | + var state = cm.state.lint; |
| 75 | + if (state.hasGutter) cm.clearGutter(GUTTER_ID); |
| 76 | + for (var i = 0; i < state.marked.length; ++i) |
| 77 | + state.marked[i].clear(); |
| 78 | + state.marked.length = 0; |
| 79 | + } |
| 80 | + |
| 81 | + function makeMarker(labels, severity, multiple, tooltips) { |
| 82 | + var marker = document.createElement("div"), inner = marker; |
| 83 | + marker.className = "CodeMirror-lint-marker-" + severity; |
| 84 | + if (multiple) { |
| 85 | + inner = marker.appendChild(document.createElement("div")); |
| 86 | + inner.className = "CodeMirror-lint-marker-multiple"; |
| 87 | + } |
| 88 | + |
| 89 | + if (tooltips != false) CodeMirror.on(inner, "mouseover", function(e) { |
| 90 | + showTooltipFor(e, labels, inner); |
| 91 | + }); |
| 92 | + |
| 93 | + return marker; |
| 94 | + } |
| 95 | + |
| 96 | + function getMaxSeverity(a, b) { |
| 97 | + if (a == "error") return a; |
| 98 | + else return b; |
| 99 | + } |
| 100 | + |
| 101 | + function groupByLine(annotations) { |
| 102 | + var lines = []; |
| 103 | + for (var i = 0; i < annotations.length; ++i) { |
| 104 | + var ann = annotations[i], line = ann.from.line; |
| 105 | + (lines[line] || (lines[line] = [])).push(ann); |
| 106 | + } |
| 107 | + return lines; |
| 108 | + } |
| 109 | + |
| 110 | + function annotationTooltip(ann) { |
| 111 | + var severity = ann.severity; |
| 112 | + if (!severity) severity = "error"; |
| 113 | + var tip = document.createElement("div"); |
| 114 | + tip.className = "CodeMirror-lint-message-" + severity; |
| 115 | + tip.appendChild(document.createTextNode(ann.message)); |
| 116 | + return tip; |
| 117 | + } |
| 118 | + |
| 119 | + function updateLinting(cm, annotationsNotSorted) { |
| 120 | + clearMarks(cm); |
| 121 | + var state = cm.state.lint, options = state.options; |
| 122 | + |
| 123 | + var annotations = groupByLine(annotationsNotSorted); |
| 124 | + |
| 125 | + for (var line = 0; line < annotations.length; ++line) { |
| 126 | + var anns = annotations[line]; |
| 127 | + if (!anns) continue; |
| 128 | + |
| 129 | + var maxSeverity = null; |
| 130 | + var tipLabel = state.hasGutter && document.createDocumentFragment(); |
| 131 | + |
| 132 | + for (var i = 0; i < anns.length; ++i) { |
| 133 | + var ann = anns[i]; |
| 134 | + var severity = ann.severity; |
| 135 | + if (!severity) severity = "error"; |
| 136 | + maxSeverity = getMaxSeverity(maxSeverity, severity); |
| 137 | + |
| 138 | + if (options.formatAnnotation) ann = options.formatAnnotation(ann); |
| 139 | + if (state.hasGutter) tipLabel.appendChild(annotationTooltip(ann)); |
| 140 | + |
| 141 | + if (ann.to) state.marked.push(cm.markText(ann.from, ann.to, { |
| 142 | + className: "CodeMirror-lint-mark-" + severity, |
| 143 | + __annotation: ann |
| 144 | + })); |
| 145 | + } |
| 146 | + |
| 147 | + if (state.hasGutter) |
| 148 | + cm.setGutterMarker(line, GUTTER_ID, makeMarker(tipLabel, maxSeverity, anns.length > 1, |
| 149 | + state.options.tooltips)); |
| 150 | + } |
| 151 | + if (options.onUpdateLinting) options.onUpdateLinting(annotationsNotSorted, annotations, cm); |
| 152 | + } |
| 153 | + |
| 154 | + function popupSpanTooltip(ann, e) { |
| 155 | + var target = e.target || e.srcElement; |
| 156 | + showTooltipFor(e, annotationTooltip(ann), target); |
| 157 | + } |
| 158 | + |
| 159 | + // When the mouseover fires, the cursor might not actually be over |
| 160 | + // the character itself yet. These pairs of x,y offsets are used to |
| 161 | + // probe a few nearby points when no suitable marked range is found. |
| 162 | + var nearby = [0, 0, 0, 5, 0, -5, 5, 0, -5, 0]; |
| 163 | + |
| 164 | + function onMouseOver(cm, e) { |
| 165 | + if (!/\bCodeMirror-lint-mark-/.test((e.target || e.srcElement).className)) return; |
| 166 | + for (var i = 0; i < nearby.length; i += 2) { |
| 167 | + var spans = cm.findMarksAt(cm.coordsChar({left: e.clientX + nearby[i], |
| 168 | + top: e.clientY + nearby[i + 1]}, "client")); |
| 169 | + for (var j = 0; j < spans.length; ++j) { |
| 170 | + var span = spans[j], ann = span.__annotation; |
| 171 | + if (ann) return popupSpanTooltip(ann, e); |
| 172 | + } |
| 173 | + } |
| 174 | + } |
| 175 | + |
| 176 | + CodeMirror.defineOption("lint", false, function(cm, val, old) { |
| 177 | + cm.updateLinting = function (annotationsNotSorted) { |
| 178 | + updateLinting(cm,annotationsNotSorted); |
| 179 | + }; |
| 180 | + |
| 181 | + if (old && old != CodeMirror.Init) { |
| 182 | + clearMarks(cm); |
| 183 | + CodeMirror.off(cm.getWrapperElement(), "mouseover", cm.state.lint.onMouseOver); |
| 184 | + delete cm.state.lint; |
| 185 | + } |
| 186 | + |
| 187 | + if (val) { |
| 188 | + var gutters = cm.getOption("gutters"), hasLintGutter = false; |
| 189 | + for (var i = 0; i < gutters.length; ++i) if (gutters[i] == GUTTER_ID) hasLintGutter = true; |
| 190 | + var state = cm.state.lint = new LintState(cm, parseOptions(cm, val), hasLintGutter); |
| 191 | + if (state.options.tooltips != false) |
| 192 | + CodeMirror.on(cm.getWrapperElement(), "mouseover", state.onMouseOver); |
| 193 | + |
| 194 | + } |
| 195 | + }); |
| 196 | +}); |
0 commit comments