OLD | NEW |
| (Empty) |
1 // Copyright (c) 2015, the Dart project authors. Please see the AUTHORS file | |
2 // for details. All rights reserved. Use of this source code is governed by a | |
3 // BSD-style license that can be found in the LICENSE file. | |
4 | |
5 /// This library displays [MessageSummary]s from the Dart Dev Compiler. | |
6 | |
7 import 'dart:convert'; | |
8 import 'dart:html'; | |
9 | |
10 import 'package:dev_compiler/src/summary.dart'; | |
11 import 'package:source_span/source_span.dart'; | |
12 | |
13 main() async { | |
14 await window.animationFrame; | |
15 displayMessages(await HttpRequest.getString('messages.json')); | |
16 } | |
17 | |
18 void displayMessages(String data) { | |
19 var summary = GlobalSummary.parse(JSON.decode(data)); | |
20 var messagesByLevel = _getMessagesByLevel(summary); | |
21 if (messagesByLevel.isEmpty) return; | |
22 | |
23 // Build the wrapper, menu, and content divs. | |
24 var menuWrapper = new DivElement()..classes.add('menu'); | |
25 var contentWrapper = new DivElement()..classes.add('content'); | |
26 var wrapperDiv = new DivElement() | |
27 ..classes.add('dev-compiler-messages') | |
28 ..append(menuWrapper) | |
29 ..append(contentWrapper); | |
30 | |
31 var selectedMenu = new _Selection(); | |
32 var selectedContent = new _Selection(); | |
33 | |
34 // Add a menu item, content section, and messages for each log level. | |
35 messagesByLevel.forEach((level, messages) { | |
36 var contentItem = new DivElement()..classes.add(level); | |
37 var menuItem = new Element.html('<div class="$level">' | |
38 '$level <span class="num">(${messages.length})</span>' | |
39 '</div>'); | |
40 menuWrapper.append(menuItem); | |
41 contentWrapper.append(contentItem); | |
42 menuItem.onClick.listen((_) { | |
43 selectedMenu.select(menuItem); | |
44 selectedContent.select(contentItem); | |
45 }); | |
46 | |
47 // TODO(sigmund): add permanent links to error messages like in polymer. | |
48 for (var m in messages) { | |
49 var message = _hyperlinkUrls(_escape(m.message)); | |
50 var span = m.span; | |
51 var sb = new StringBuffer(); | |
52 sb.write('<div class="message"><div class="text $level">$message</div>'); | |
53 if (span != null) { | |
54 sb.write('<div class="location">' | |
55 ' <span class="location">${span.start.toolString}</span></div>' | |
56 ' <span class="text">'); | |
57 if (span is SourceSpanWithContext) { | |
58 sb.write(_escape(span.context.substring(0, span.start.column))); | |
59 sb.write('<span class="$level">'); | |
60 sb.write(_escape(span.text)); | |
61 sb.write('</span>'); | |
62 var end = span.start.column + span.text.length; | |
63 sb.write(_escape(span.context.substring(end))); | |
64 } else { | |
65 sb.write(_escape(span.text)); | |
66 } | |
67 sb.write('</span></div></div>'); | |
68 } | |
69 sb.write('</div>'); | |
70 | |
71 var logElement = new Element.html('$sb', | |
72 validator: new NodeValidatorBuilder.common() | |
73 ..allowNavigation(new _OpenUriPolicy())); | |
74 contentItem.append(logElement); | |
75 var messageElement = logElement.querySelector('div.text'); | |
76 messageElement.onClick.listen((e) { | |
77 if (e.target == messageElement) { | |
78 messageElement.classes.toggle('expanded'); | |
79 } | |
80 }); | |
81 } | |
82 }); | |
83 | |
84 document.body.append(wrapperDiv); | |
85 } | |
86 | |
87 /// Toggles classes to match which item of a list of items is selected. | |
88 class _Selection { | |
89 Element _selected; | |
90 | |
91 select(Element newItem) { | |
92 if (_selected == newItem) { | |
93 _selected = null; | |
94 } else { | |
95 if (_selected != null) { | |
96 _selected.classes.remove('active'); | |
97 } | |
98 _selected = newItem; | |
99 } | |
100 newItem.classes.toggle('active'); | |
101 } | |
102 } | |
103 | |
104 final _urlRegex = new RegExp('http://[^ ]*'); | |
105 final _escaper = new HtmlEscape(); | |
106 String _hyperlinkUrls(String text) => text.replaceAllMapped(_urlRegex, | |
107 (m) => '<a href="${m.group(0)}" target="blank">${m.group(0)}</a>'); | |
108 String _escape(String text) => _escaper.convert(text); | |
109 | |
110 class _OpenUriPolicy implements UriPolicy { | |
111 bool allowsUri(String uri) => true; | |
112 } | |
113 | |
114 Map<String, List<MessageSummary>> _getMessagesByLevel(GlobalSummary messages) { | |
115 var visitor = new _Visitor(); | |
116 messages.accept(visitor); | |
117 return visitor.messagesByLevel; | |
118 } | |
119 | |
120 class _Visitor extends RecursiveSummaryVisitor { | |
121 final Map<String, List<MessageSummary>> messagesByLevel = {}; | |
122 | |
123 @override | |
124 void visitMessage(MessageSummary message) { | |
125 var level = message.level.toLowerCase(); | |
126 messagesByLevel.putIfAbsent(level, () => []); | |
127 messagesByLevel[level].add(message); | |
128 } | |
129 } | |
OLD | NEW |