OLD | NEW |
| (Empty) |
1 // Copyright (c) 2013, 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 provides a single function called injectLogs which when called | |
6 /// will request a logs json file and build a small widget out of them which | |
7 /// groups the logs by level. | |
8 library polymer.build.log_injector; | |
9 | |
10 import 'dart:async'; | |
11 import 'dart:convert'; | |
12 import 'dart:html'; | |
13 | |
14 import 'package:path/path.dart' as path; | |
15 import 'package:source_span/source_span.dart'; | |
16 import 'package:code_transformers/messages/messages.dart'; | |
17 | |
18 class LogInjector { | |
19 Element selectedMenu; | |
20 Element selectedContent; | |
21 | |
22 // Gets the logs from a url and inject them into the dom. | |
23 Future injectLogsFromUrl(String url) => | |
24 HttpRequest.getString(url).then((data) => injectLogs(data)); | |
25 | |
26 // Builds the html for the logs element given some logs, and injects that | |
27 // into the dom. Currently, we do not use Polymer just to ensure that the | |
28 // page works regardless of the state of the app. Ideally, we could have | |
29 // multiple scripts running independently so we could ensure that this would | |
30 // always be running. | |
31 injectLogs(String data) { | |
32 var logs = new LogEntryTable.fromJson(JSON.decode(data)); | |
33 if (logs.entries.isEmpty) return; | |
34 | |
35 // Group all logs by level. | |
36 var logsByLevel = {}; | |
37 logs.entries.values.forEach((list) => list.forEach((log) { | |
38 logsByLevel.putIfAbsent(log.level, () => []); | |
39 logsByLevel[log.level].add(log); | |
40 })); | |
41 if (logsByLevel.isEmpty) return; | |
42 | |
43 // Build the wrapper, menu, and content divs. | |
44 | |
45 var menuWrapper = new DivElement()..classes.add('menu'); | |
46 var contentWrapper = new DivElement()..classes.add('content'); | |
47 var wrapperDiv = new DivElement() | |
48 ..classes.add('build-logs') | |
49 ..append(menuWrapper) | |
50 ..append(contentWrapper); | |
51 | |
52 // For each log level, add a menu item, content section, and all the logs. | |
53 logsByLevel.forEach((level, logs) { | |
54 var levelClassName = level.toLowerCase(); | |
55 | |
56 // Add the menu item and content item. | |
57 var menuItem = new Element.html('<div class="$levelClassName">' | |
58 '$level <span class="num">(${logs.length})</span>' | |
59 '</div>'); | |
60 menuWrapper.append(menuItem); | |
61 var contentItem = new DivElement()..classes.add(levelClassName); | |
62 contentWrapper.append(contentItem); | |
63 | |
64 // Set up the click handlers. | |
65 menuItem.onClick.listen((_) { | |
66 if (selectedMenu == menuItem) { | |
67 selectedMenu = null; | |
68 selectedContent = null; | |
69 } else { | |
70 if (selectedMenu != null) { | |
71 selectedMenu.classes.remove('active'); | |
72 selectedContent.classes.remove('active'); | |
73 } | |
74 | |
75 selectedMenu = menuItem; | |
76 selectedContent = contentItem; | |
77 } | |
78 | |
79 menuItem.classes.toggle('active'); | |
80 contentItem.classes.toggle('active'); | |
81 }); | |
82 | |
83 // Add the logs to the content item. | |
84 for (var log in logs) { | |
85 var logHtml = new StringBuffer(); | |
86 logHtml.write('<div class="log">'); | |
87 | |
88 var id = log.message.id; | |
89 var hashTag = '${id.package}_${id.id}'; | |
90 var message = new HtmlEscape().convert(log.message.snippet); | |
91 message.replaceAllMapped(_urlRegex, | |
92 (m) => '<a href="${m.group(0)}" target="blank">${m.group(0)}</a>'); | |
93 logHtml.write('<div class="message $levelClassName">$message ' | |
94 '<a target="blank" href=' | |
95 '"/packages/polymer/src/build/generated/messages.html#$hashTag">' | |
96 '(more details)</a></div>'); | |
97 var span = log.span; | |
98 if (span != null) { | |
99 logHtml.write('<div class="location">'); | |
100 var text = new HtmlEscape().convert(span.text); | |
101 logHtml.write( | |
102 ' <span class="location">${span.start.toolString}</span></div>' | |
103 ' <span class="text">$text</span>' '</div>'); | |
104 logHtml.write('</div>'); | |
105 } | |
106 logHtml.write('</div>'); | |
107 | |
108 var logElement = new Element.html(logHtml.toString(), | |
109 validator: new NodeValidatorBuilder.common() | |
110 ..allowNavigation(new _OpenUriPolicy())); | |
111 contentItem.append(logElement); | |
112 var messageElement = logElement.querySelector('.message'); | |
113 messageElement.onClick.listen((e) { | |
114 if (e.target == messageElement) { | |
115 messageElement.classes.toggle('expanded'); | |
116 } | |
117 }); | |
118 } | |
119 }); | |
120 | |
121 document.body.append(wrapperDiv); | |
122 } | |
123 } | |
124 | |
125 final _urlRegex = new RegExp('http://[^ ]*'); | |
126 class _OpenUriPolicy implements UriPolicy { | |
127 bool allowsUri(String uri) => true; | |
128 } | |
OLD | NEW |