| 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 |