/
issue4.html
117 lines (97 loc) · 4.61 KB
/
issue4.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
<!doctype html>
<title>CodeMirror: Tern Demo</title>
<meta charset="utf-8"/>
<!-- CodeMirror -->
<link rel="stylesheet" href="../node_modules/codemirror/lib/codemirror.css">
<script src="../node_modules/codemirror/lib/codemirror.js"></script>
<link rel="stylesheet" href="../node_modules/codemirror/theme/eclipse.css">
<script src="../node_modules/codemirror/addon/edit/closetag.js"></script>
<script src="../node_modules/codemirror/addon/edit/closebrackets.js"></script>
<script src="../node_modules/codemirror/addon/edit/matchbrackets.js"></script>
<script src="../node_modules/codemirror/addon/selection/active-line.js"></script>
<script src="../node_modules/codemirror/addon/runmode/runmode.js"></script>
<script src="../node_modules/codemirror/mode/javascript/javascript.js"></script>
<script src="../node_modules/codemirror/addon/lint/lint.js"></script>
<link rel="stylesheet" href="../node_modules/codemirror/addon/lint/lint.css">
<script>
var defs = [];
CodeMirror.tern = {};
CodeMirror.tern.addDef = function(def) {
defs.push(def);
}
</script>
<script src="../node_modules/codemirror-javascript/demo/defs/ecma5.json.js"></script>
<script src="../node_modules/codemirror-javascript/demo/defs/browser.json.js"></script>
<!-- Tern JS -->
<script src="../node_modules/tern/node_modules/acorn/dist/acorn.js"></script>
<script src=" ../node_modules/tern/node_modules/acorn/dist/acorn_loose.js"></script>
<script src="../node_modules/tern/node_modules/acorn/dist/walk.js"></script>
<script src="../node_modules/tern/lib/signal.js"></script>
<script src="../node_modules/tern/lib/tern.js"></script>
<script src="../node_modules/tern/lib/def.js"></script>
<script src="../node_modules/tern/lib/comment.js"></script>
<script src="../node_modules/tern/lib/infer.js"></script>
<script src="../node_modules/tern/plugin/requirejs.js"></script>
<!-- Official CodeMirror Tern addon -->
<script src="../node_modules/codemirror/addon/tern/tern.js"></script>
<link rel="stylesheet" href="../node_modules/codemirror/addon/dialog/dialog.css">
<link rel="stylesheet" href="../node_modules/codemirror/addon/hint/show-hint.css">
<link rel="stylesheet" href="../node_modules/codemirror/addon/tern/tern.css">
<script src="../node_modules/codemirror/addon/dialog/dialog.js"></script>
<script src="../node_modules/codemirror/addon/hint/show-hint.js"></script>
<script src="../node_modules/codemirror/addon/tern/tern.js"></script>
<!-- Tern Eslint Lint -->
<script src="resources/eslint/eslint.js"></script>
<script src="../codemirror/addon/lint/tern-eslint.js"></script>
<script src="../eslint.js"></script>
<style>
.CodeMirror {border: 1px solid #ddd;}
</style>
<article>
<h2>Tern ESLint Demo</h2>
<form><textarea id="code" name="code">var abcd; // abcd should be highlighted</textarea></p>
<p>Demonstrates integration of <a href="http://ternjs.net/">Tern</a>
and CodeMirror. The following keys are bound:</p>
<dl>
<dt>Ctrl-Space</dt><dd>Autocomplete</dd>
<dt>Ctrl-I</dt><dd>Find type at cursor</dd>
<dt>Alt-.</dt><dd>Jump to definition (Alt-, to jump back)</dd>
<dt>Ctrl-Q</dt><dd>Rename variable</dd>
</dl>
<p>Documentation is sparse for now. See the top of
the <a href="../node_modules/codemirror/addon/tern/tern.js">script</a> for a rough API
overview.</p>
<script>
function getURL(url, c) {
var xhr = new XMLHttpRequest();
xhr.open("get", url, true);
xhr.send();
xhr.onreadystatechange = function() {
if (xhr.readyState != 4) return;
if (xhr.status < 400) return c(null, xhr.responseText);
var e = new Error(xhr.responseText || "No response");
e.status = xhr.status;
c(e);
};
}
var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
lineNumbers: true,
mode: "javascript"
});
//var server;
//getURL("http://ternjs.net/defs/ecma5.json", function(err, code) {
// if (err) throw new Error("Request for ecma5.json: " + err);
var server = new CodeMirror.TernServer({defs: defs, plugins:{"eslint": {}}});
editor.setOption("extraKeys", {
"Ctrl-Space": function(cm) { server.complete(cm); },
"Ctrl-I": function(cm) { server.showType(cm); },
"Alt-.": function(cm) { server.jumpToDef(cm); },
"Alt-,": function(cm) { server.jumpBack(cm); },
"Ctrl-Q": function(cm) { server.rename(cm); },
})
editor.setOption("gutters",["CodeMirror-lint-markers"]);
editor.setOption("lint", {getAnnotations: CodeMirror.ternESLint, async : true, server: server})
editor.on("cursorActivity", function(cm) { server.updateArgHints(cm); });
//});
</script>
</article>