Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(918)

Side by Side Diff: packages/polymer/lib/src/build/log_injector.dart

Issue 2312183003: Removed Polymer from Observatory deps (Closed)
Patch Set: Created 4 years, 3 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
(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 }
OLDNEW
« no previous file with comments | « packages/polymer/lib/src/build/log_injector.css ('k') | packages/polymer/lib/src/build/messages.dart » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698