OLD | NEW |
| (Empty) |
1 /* | |
2 * Copyright (C) 2007, 2008 Apple Inc. All rights reserved. | |
3 * Copyright (C) 2009 Joseph Pecoraro | |
4 * | |
5 * Redistribution and use in source and binary forms, with or without | |
6 * modification, are permitted provided that the following conditions | |
7 * are met: | |
8 * | |
9 * 1. Redistributions of source code must retain the above copyright | |
10 * notice, this list of conditions and the following disclaimer. | |
11 * 2. Redistributions in binary form must reproduce the above copyright | |
12 * notice, this list of conditions and the following disclaimer in the | |
13 * documentation and/or other materials provided with the distribution. | |
14 * 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of | |
15 * its contributors may be used to endorse or promote products derived | |
16 * from this software without specific prior written permission. | |
17 * | |
18 * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY | |
19 * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED | |
20 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE | |
21 * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY | |
22 * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES | |
23 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; | |
24 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND | |
25 * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT | |
26 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF | |
27 * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. | |
28 */ | |
29 | |
30 const ExpressionStopCharacters = " =:[({;,!+-*/&|^<>"; | |
31 | |
32 WebInspector.ConsoleView = function(drawer) | |
33 { | |
34 WebInspector.View.call(this, document.getElementById("console-view")); | |
35 | |
36 this.messages = []; | |
37 this.drawer = drawer; | |
38 | |
39 this.clearButton = document.getElementById("clear-console-status-bar-item"); | |
40 this.clearButton.title = WebInspector.UIString("Clear console log."); | |
41 this.clearButton.addEventListener("click", this._clearButtonClicked.bind(thi
s), false); | |
42 | |
43 this.messagesElement = document.getElementById("console-messages"); | |
44 this.messagesElement.addEventListener("selectstart", this._messagesSelectSta
rt.bind(this), false); | |
45 this.messagesElement.addEventListener("click", this._messagesClicked.bind(th
is), true); | |
46 | |
47 this.promptElement = document.getElementById("console-prompt"); | |
48 this.promptElement.handleKeyEvent = this._promptKeyDown.bind(this); | |
49 this.prompt = new WebInspector.TextPrompt(this.promptElement, this.completio
ns.bind(this), ExpressionStopCharacters + "."); | |
50 | |
51 this.topGroup = new WebInspector.ConsoleGroup(null, 0); | |
52 this.messagesElement.insertBefore(this.topGroup.element, this.promptElement)
; | |
53 this.groupLevel = 0; | |
54 this.currentGroup = this.topGroup; | |
55 | |
56 this.toggleConsoleButton = document.getElementById("console-status-bar-item"
); | |
57 this.toggleConsoleButton.title = WebInspector.UIString("Show console."); | |
58 this.toggleConsoleButton.addEventListener("click", this._toggleConsoleButton
Clicked.bind(this), false); | |
59 | |
60 var anchoredStatusBar = document.getElementById("anchored-status-bar-items")
; | |
61 anchoredStatusBar.appendChild(this.toggleConsoleButton); | |
62 | |
63 // Will hold the list of filter elements | |
64 this.filterBarElement = document.getElementById("console-filter"); | |
65 | |
66 function createDividerElement() { | |
67 var dividerElement = document.createElement("div"); | |
68 | |
69 dividerElement.addStyleClass("divider"); | |
70 | |
71 this.filterBarElement.appendChild(dividerElement); | |
72 } | |
73 | |
74 function createFilterElement(category) { | |
75 var categoryElement = document.createElement("li"); | |
76 categoryElement.category = category; | |
77 | |
78 categoryElement.addStyleClass(categoryElement.category); | |
79 | |
80 var label = category.toString(); | |
81 categoryElement.appendChild(document.createTextNode(label)); | |
82 | |
83 categoryElement.addEventListener("click", this._updateFilter.bind(this),
false); | |
84 | |
85 this.filterBarElement.appendChild(categoryElement); | |
86 return categoryElement; | |
87 } | |
88 | |
89 this.allElement = createFilterElement.call(this, "All"); | |
90 | |
91 createDividerElement.call(this); | |
92 | |
93 this.errorElement = createFilterElement.call(this, "Errors"); | |
94 this.warningElement = createFilterElement.call(this, "Warnings"); | |
95 this.logElement = createFilterElement.call(this, "Logs"); | |
96 | |
97 this.filter(this.allElement); | |
98 } | |
99 | |
100 WebInspector.ConsoleView.prototype = { | |
101 | |
102 _updateFilter: function(e) | |
103 { | |
104 this.filter(e.target); | |
105 }, | |
106 | |
107 filter: function(target) | |
108 { | |
109 if (target.category == "All") { | |
110 if (target.hasStyleClass("selected")) { | |
111 // We can't unselect all, so we break early here | |
112 return; | |
113 } | |
114 | |
115 this.errorElement.removeStyleClass("selected"); | |
116 this.warningElement.removeStyleClass("selected"); | |
117 this.logElement.removeStyleClass("selected"); | |
118 | |
119 document.getElementById("console-messages").removeStyleClass("filter
-errors"); | |
120 document.getElementById("console-messages").removeStyleClass("filter
-warnings"); | |
121 document.getElementById("console-messages").removeStyleClass("filter
-logs"); | |
122 } else { | |
123 // Something other than all is being selected, so we want to unselec
t all | |
124 if (this.allElement.hasStyleClass("selected")) { | |
125 this.allElement.removeStyleClass("selected"); | |
126 document.getElementById("console-messages").removeStyleClass("fi
lter-all"); | |
127 } | |
128 } | |
129 | |
130 if (target.hasStyleClass("selected")) { | |
131 target.removeStyleClass("selected"); | |
132 var newClass = "filter-" + target.category.toLowerCase(); | |
133 var filterElement = document.getElementById("console-messages"); | |
134 filterElement.removeStyleClass(newClass); | |
135 } else { | |
136 target.addStyleClass("selected"); | |
137 var newClass = "filter-" + target.category.toLowerCase(); | |
138 var filterElement = document.getElementById("console-messages"); | |
139 filterElement.addStyleClass(newClass); | |
140 } | |
141 }, | |
142 | |
143 _toggleConsoleButtonClicked: function() | |
144 { | |
145 this.drawer.visibleView = this; | |
146 }, | |
147 | |
148 attach: function(mainElement, statusBarElement) | |
149 { | |
150 mainElement.appendChild(this.element); | |
151 statusBarElement.appendChild(this.clearButton); | |
152 statusBarElement.appendChild(this.filterBarElement); | |
153 }, | |
154 | |
155 show: function() | |
156 { | |
157 this.toggleConsoleButton.addStyleClass("toggled-on"); | |
158 this.toggleConsoleButton.title = WebInspector.UIString("Hide console."); | |
159 if (!this.prompt.isCaretInsidePrompt()) | |
160 this.prompt.moveCaretToEndOfPrompt(); | |
161 }, | |
162 | |
163 afterShow: function() | |
164 { | |
165 WebInspector.currentFocusElement = this.promptElement; | |
166 }, | |
167 | |
168 hide: function() | |
169 { | |
170 this.toggleConsoleButton.removeStyleClass("toggled-on"); | |
171 this.toggleConsoleButton.title = WebInspector.UIString("Show console."); | |
172 }, | |
173 | |
174 addMessage: function(msg) | |
175 { | |
176 if (msg instanceof WebInspector.ConsoleMessage && !(msg instanceof WebIn
spector.ConsoleCommandResult)) { | |
177 msg.totalRepeatCount = msg.repeatCount; | |
178 msg.repeatDelta = msg.repeatCount; | |
179 | |
180 var messageRepeated = false; | |
181 | |
182 if (msg.isEqual && msg.isEqual(this.previousMessage)) { | |
183 // Because sometimes we get a large number of repeated messages
and sometimes | |
184 // we get them one at a time, we need to know the difference bet
ween how many | |
185 // repeats we used to have and how many we have now. | |
186 msg.repeatDelta -= this.previousMessage.totalRepeatCount; | |
187 | |
188 if (!isNaN(this.repeatCountBeforeCommand)) | |
189 msg.repeatCount -= this.repeatCountBeforeCommand; | |
190 | |
191 if (!this.commandSincePreviousMessage) { | |
192 // Recreate the previous message element to reset the repeat
count. | |
193 var messagesElement = this.currentGroup.messagesElement; | |
194 messagesElement.removeChild(messagesElement.lastChild); | |
195 messagesElement.appendChild(msg.toMessageElement()); | |
196 | |
197 messageRepeated = true; | |
198 } | |
199 } else | |
200 delete this.repeatCountBeforeCommand; | |
201 | |
202 // Increment the error or warning count | |
203 switch (msg.level) { | |
204 case WebInspector.ConsoleMessage.MessageLevel.Warning: | |
205 WebInspector.warnings += msg.repeatDelta; | |
206 break; | |
207 case WebInspector.ConsoleMessage.MessageLevel.Error: | |
208 WebInspector.errors += msg.repeatDelta; | |
209 break; | |
210 } | |
211 | |
212 // Add message to the resource panel | |
213 if (msg.url in WebInspector.resourceURLMap) { | |
214 msg.resource = WebInspector.resourceURLMap[msg.url]; | |
215 if (WebInspector.panels.resources) | |
216 WebInspector.panels.resources.addMessageToResource(msg.resou
rce, msg); | |
217 } | |
218 | |
219 this.commandSincePreviousMessage = false; | |
220 this.previousMessage = msg; | |
221 | |
222 if (messageRepeated) | |
223 return; | |
224 } else if (msg instanceof WebInspector.ConsoleCommand) { | |
225 if (this.previousMessage) { | |
226 this.commandSincePreviousMessage = true; | |
227 this.repeatCountBeforeCommand = this.previousMessage.totalRepeat
Count; | |
228 } | |
229 } | |
230 | |
231 this.messages.push(msg); | |
232 | |
233 if (msg.type === WebInspector.ConsoleMessage.MessageType.EndGroup) { | |
234 if (this.groupLevel < 1) | |
235 return; | |
236 | |
237 this.groupLevel--; | |
238 | |
239 this.currentGroup = this.currentGroup.parentGroup; | |
240 } else { | |
241 if (msg.type === WebInspector.ConsoleMessage.MessageType.StartGroup)
{ | |
242 this.groupLevel++; | |
243 | |
244 var group = new WebInspector.ConsoleGroup(this.currentGroup, thi
s.groupLevel); | |
245 this.currentGroup.messagesElement.appendChild(group.element); | |
246 this.currentGroup = group; | |
247 } | |
248 | |
249 this.currentGroup.addMessage(msg); | |
250 } | |
251 | |
252 this.promptElement.scrollIntoView(false); | |
253 }, | |
254 | |
255 clearMessages: function(clearInspectorController) | |
256 { | |
257 if (clearInspectorController) | |
258 InspectorController.clearMessages(false); | |
259 if (WebInspector.panels.resources) | |
260 WebInspector.panels.resources.clearMessages(); | |
261 | |
262 this.messages = []; | |
263 | |
264 this.groupLevel = 0; | |
265 this.currentGroup = this.topGroup; | |
266 this.topGroup.messagesElement.removeChildren(); | |
267 | |
268 WebInspector.errors = 0; | |
269 WebInspector.warnings = 0; | |
270 | |
271 delete this.commandSincePreviousMessage; | |
272 delete this.repeatCountBeforeCommand; | |
273 delete this.previousMessage; | |
274 }, | |
275 | |
276 completions: function(wordRange, bestMatchOnly, completionsReadyCallback) | |
277 { | |
278 // Pass less stop characters to rangeOfWord so the range will be a more
complete expression. | |
279 var expressionRange = wordRange.startContainer.rangeOfWord(wordRange.sta
rtOffset, ExpressionStopCharacters, this.promptElement, "backward"); | |
280 var expressionString = expressionRange.toString(); | |
281 var lastIndex = expressionString.length - 1; | |
282 | |
283 var dotNotation = (expressionString[lastIndex] === "."); | |
284 var bracketNotation = (expressionString[lastIndex] === "["); | |
285 | |
286 if (dotNotation || bracketNotation) | |
287 expressionString = expressionString.substr(0, lastIndex); | |
288 | |
289 var prefix = wordRange.toString(); | |
290 if (!expressionString && !prefix) | |
291 return; | |
292 | |
293 var reportCompletions = this._reportCompletions.bind(this, bestMatchOnly
, completionsReadyCallback, dotNotation, bracketNotation, prefix); | |
294 // Collect comma separated object properties for the completion. | |
295 | |
296 var includeInspectorCommandLineAPI = (!dotNotation && !bracketNotation); | |
297 if (WebInspector.panels.scripts && WebInspector.panels.scripts.paused) | |
298 var callFrameId = WebInspector.panels.scripts.selectedCallFrameId(); | |
299 InjectedScriptAccess.getCompletions(expressionString, includeInspectorCo
mmandLineAPI, callFrameId, reportCompletions); | |
300 }, | |
301 | |
302 _reportCompletions: function(bestMatchOnly, completionsReadyCallback, dotNot
ation, bracketNotation, prefix, result, isException) { | |
303 if (isException) | |
304 return; | |
305 | |
306 if (bracketNotation) { | |
307 if (prefix.length && prefix[0] === "'") | |
308 var quoteUsed = "'"; | |
309 else | |
310 var quoteUsed = "\""; | |
311 } | |
312 | |
313 var results = []; | |
314 var properties = Object.sortedProperties(result); | |
315 | |
316 for (var i = 0; i < properties.length; ++i) { | |
317 var property = properties[i]; | |
318 | |
319 if (dotNotation && !/^[a-zA-Z_$][a-zA-Z0-9_$]*$/.test(property)) | |
320 continue; | |
321 | |
322 if (bracketNotation) { | |
323 if (!/^[0-9]+$/.test(property)) | |
324 property = quoteUsed + property.escapeCharacters(quoteUsed +
"\\") + quoteUsed; | |
325 property += "]"; | |
326 } | |
327 | |
328 if (property.length < prefix.length) | |
329 continue; | |
330 if (property.indexOf(prefix) !== 0) | |
331 continue; | |
332 | |
333 results.push(property); | |
334 if (bestMatchOnly) | |
335 break; | |
336 } | |
337 completionsReadyCallback(results); | |
338 }, | |
339 | |
340 _clearButtonClicked: function() | |
341 { | |
342 this.clearMessages(true); | |
343 }, | |
344 | |
345 _messagesSelectStart: function(event) | |
346 { | |
347 if (this._selectionTimeout) | |
348 clearTimeout(this._selectionTimeout); | |
349 | |
350 this.prompt.clearAutoComplete(); | |
351 | |
352 function moveBackIfOutside() | |
353 { | |
354 delete this._selectionTimeout; | |
355 if (!this.prompt.isCaretInsidePrompt() && window.getSelection().isCo
llapsed) | |
356 this.prompt.moveCaretToEndOfPrompt(); | |
357 this.prompt.autoCompleteSoon(); | |
358 } | |
359 | |
360 this._selectionTimeout = setTimeout(moveBackIfOutside.bind(this), 100); | |
361 }, | |
362 | |
363 _messagesClicked: function(event) | |
364 { | |
365 var link = event.target.enclosingNodeOrSelfWithNodeName("a"); | |
366 if (!link || !link.representedNode) | |
367 return; | |
368 | |
369 WebInspector.updateFocusedNode(link.representedNode.id); | |
370 event.stopPropagation(); | |
371 event.preventDefault(); | |
372 }, | |
373 | |
374 _promptKeyDown: function(event) | |
375 { | |
376 switch (event.keyIdentifier) { | |
377 case "Enter": | |
378 this._enterKeyPressed(event); | |
379 return; | |
380 } | |
381 | |
382 this.prompt.handleKeyEvent(event); | |
383 }, | |
384 | |
385 evalInInspectedWindow: function(expression, objectGroup, callback) | |
386 { | |
387 if (WebInspector.panels.scripts && WebInspector.panels.scripts.paused) { | |
388 WebInspector.panels.scripts.evaluateInSelectedCallFrame(expression,
false, objectGroup, callback); | |
389 return; | |
390 } | |
391 this.doEvalInWindow(expression, objectGroup, callback); | |
392 }, | |
393 | |
394 doEvalInWindow: function(expression, objectGroup, callback) | |
395 { | |
396 if (!expression) { | |
397 // There is no expression, so the completion should happen against g
lobal properties. | |
398 expression = "this"; | |
399 } | |
400 | |
401 function evalCallback(result) | |
402 { | |
403 callback(result.value, result.isException); | |
404 }; | |
405 InjectedScriptAccess.evaluate(expression, objectGroup, evalCallback); | |
406 }, | |
407 | |
408 _enterKeyPressed: function(event) | |
409 { | |
410 if (event.altKey) | |
411 return; | |
412 | |
413 event.preventDefault(); | |
414 event.stopPropagation(); | |
415 | |
416 this.prompt.clearAutoComplete(true); | |
417 | |
418 var str = this.prompt.text; | |
419 if (!str.length) | |
420 return; | |
421 | |
422 var commandMessage = new WebInspector.ConsoleCommand(str); | |
423 this.addMessage(commandMessage); | |
424 | |
425 var self = this; | |
426 function printResult(result, exception) | |
427 { | |
428 self.prompt.history.push(str); | |
429 self.prompt.historyOffset = 0; | |
430 self.prompt.text = ""; | |
431 self.addMessage(new WebInspector.ConsoleCommandResult(result, except
ion, commandMessage)); | |
432 } | |
433 this.evalInInspectedWindow(str, "console", printResult); | |
434 }, | |
435 | |
436 _format: function(output, forceObjectFormat) | |
437 { | |
438 var isProxy = (output != null && typeof output === "object"); | |
439 | |
440 if (forceObjectFormat) | |
441 var type = "object"; | |
442 else | |
443 var type = Object.proxyType(output); | |
444 | |
445 if (isProxy && type !== "object" && type !== "function" && type !== "arr
ay" && type !== "node") { | |
446 // Unwrap primitive value, skip decoration. | |
447 output = output.description; | |
448 type = "undecorated" | |
449 } | |
450 | |
451 // We don't perform any special formatting on these types, so we just | |
452 // pass them through the simple _formatvalue function. | |
453 var undecoratedTypes = { | |
454 "undefined": 1, | |
455 "null": 1, | |
456 "boolean": 1, | |
457 "number": 1, | |
458 "undecorated": 1 | |
459 }; | |
460 | |
461 var formatter; | |
462 if (forceObjectFormat) | |
463 formatter = "_formatobject"; | |
464 else if (type in undecoratedTypes) | |
465 formatter = "_formatvalue"; | |
466 else { | |
467 formatter = "_format" + type; | |
468 if (!(formatter in this)) { | |
469 formatter = "_formatobject"; | |
470 type = "object"; | |
471 } | |
472 } | |
473 | |
474 var span = document.createElement("span"); | |
475 span.addStyleClass("console-formatted-" + type); | |
476 this[formatter](output, span); | |
477 return span; | |
478 }, | |
479 | |
480 _formatvalue: function(val, elem) | |
481 { | |
482 elem.appendChild(document.createTextNode(val)); | |
483 }, | |
484 | |
485 _formatfunction: function(func, elem) | |
486 { | |
487 elem.appendChild(document.createTextNode(func.description)); | |
488 }, | |
489 | |
490 _formatdate: function(date, elem) | |
491 { | |
492 elem.appendChild(document.createTextNode(date)); | |
493 }, | |
494 | |
495 _formatstring: function(str, elem) | |
496 { | |
497 elem.appendChild(document.createTextNode("\"" + str + "\"")); | |
498 }, | |
499 | |
500 _formatregexp: function(re, elem) | |
501 { | |
502 var formatted = String(re.description).replace(/([\\\/])/g, "\\$1").repl
ace(/\\(\/[gim]*)$/, "$1").substring(1); | |
503 elem.appendChild(document.createTextNode(formatted)); | |
504 }, | |
505 | |
506 _formatarray: function(arr, elem) | |
507 { | |
508 InjectedScriptAccess.getProperties(arr, false, this._printArray.bind(thi
s, elem)); | |
509 }, | |
510 | |
511 _printArray: function(elem, properties) | |
512 { | |
513 if (!properties) | |
514 return; | |
515 var elements = []; | |
516 for (var i = 0; i < properties.length; ++i) { | |
517 var name = properties[i].name; | |
518 if (name == parseInt(name)) | |
519 elements[name] = this._format(properties[i].value); | |
520 } | |
521 | |
522 elem.appendChild(document.createTextNode("[")); | |
523 for (var i = 0; i < elements.length; ++i) { | |
524 var element = elements[i]; | |
525 if (element) | |
526 elem.appendChild(element); | |
527 else | |
528 elem.appendChild(document.createTextNode("undefined")) | |
529 if (i < elements.length - 1) | |
530 elem.appendChild(document.createTextNode(", ")); | |
531 } | |
532 elem.appendChild(document.createTextNode("]")); | |
533 }, | |
534 | |
535 _formatnode: function(object, elem) | |
536 { | |
537 function printNode(nodeId) | |
538 { | |
539 if (!nodeId) | |
540 return; | |
541 var treeOutline = new WebInspector.ElementsTreeOutline(); | |
542 treeOutline.showInElementsPanelEnabled = true; | |
543 treeOutline.rootDOMNode = WebInspector.domAgent.nodeForId(nodeId); | |
544 treeOutline.element.addStyleClass("outline-disclosure"); | |
545 if (!treeOutline.children[0].hasChildren) | |
546 treeOutline.element.addStyleClass("single-node"); | |
547 elem.appendChild(treeOutline.element); | |
548 } | |
549 InjectedScriptAccess.pushNodeToFrontend(object, printNode); | |
550 }, | |
551 | |
552 _formatobject: function(obj, elem) | |
553 { | |
554 elem.appendChild(new WebInspector.ObjectPropertiesSection(obj, obj.descr
iption, null, true).element); | |
555 }, | |
556 | |
557 _formaterror: function(obj, elem) | |
558 { | |
559 var messageElement = document.createElement("span"); | |
560 messageElement.className = "error-message"; | |
561 messageElement.textContent = obj.name + ": " + obj.message; | |
562 elem.appendChild(messageElement); | |
563 | |
564 if (obj.sourceURL) { | |
565 var urlElement = document.createElement("a"); | |
566 urlElement.className = "webkit-html-resource-link"; | |
567 urlElement.href = obj.sourceURL; | |
568 urlElement.lineNumber = obj.line; | |
569 urlElement.preferredPanel = "scripts"; | |
570 | |
571 if (obj.line > 0) | |
572 urlElement.textContent = WebInspector.displayNameForURL(obj.sour
ceURL) + ":" + obj.line; | |
573 else | |
574 urlElement.textContent = WebInspector.displayNameForURL(obj.sour
ceURL); | |
575 | |
576 elem.appendChild(document.createTextNode(" (")); | |
577 elem.appendChild(urlElement); | |
578 elem.appendChild(document.createTextNode(")")); | |
579 } | |
580 } | |
581 } | |
582 | |
583 WebInspector.ConsoleView.prototype.__proto__ = WebInspector.View.prototype; | |
584 | |
585 WebInspector.ConsoleMessage = function(source, type, level, line, url, groupLeve
l, repeatCount) | |
586 { | |
587 this.source = source; | |
588 this.type = type; | |
589 this.level = level; | |
590 this.line = line; | |
591 this.url = url; | |
592 this.groupLevel = groupLevel; | |
593 this.repeatCount = repeatCount; | |
594 if (arguments.length > 7) | |
595 this.setMessageBody(Array.prototype.slice.call(arguments, 7)); | |
596 } | |
597 | |
598 WebInspector.ConsoleMessage.prototype = { | |
599 setMessageBody: function(args) | |
600 { | |
601 switch (this.type) { | |
602 case WebInspector.ConsoleMessage.MessageType.Trace: | |
603 var span = document.createElement("span"); | |
604 span.addStyleClass("console-formatted-trace"); | |
605 var stack = Array.prototype.slice.call(args); | |
606 var funcNames = stack.map(function(f) { | |
607 return f || WebInspector.UIString("(anonymous function)"); | |
608 }); | |
609 span.appendChild(document.createTextNode(funcNames.join("\n"))); | |
610 this.formattedMessage = span; | |
611 break; | |
612 case WebInspector.ConsoleMessage.MessageType.Object: | |
613 this.formattedMessage = this._format(["%O", args[0]]); | |
614 break; | |
615 default: | |
616 this.formattedMessage = this._format(args); | |
617 break; | |
618 } | |
619 | |
620 // This is used for inline message bubbles in SourceFrames, or other pla
in-text representations. | |
621 this.message = this.formattedMessage.textContent; | |
622 }, | |
623 | |
624 isErrorOrWarning: function() | |
625 { | |
626 return (this.level === WebInspector.ConsoleMessage.MessageLevel.Warning
|| this.level === WebInspector.ConsoleMessage.MessageLevel.Error); | |
627 }, | |
628 | |
629 _format: function(parameters) | |
630 { | |
631 var formattedResult = document.createElement("span"); | |
632 | |
633 if (!parameters.length) | |
634 return formattedResult; | |
635 | |
636 // Formatting code below assumes that parameters are all wrappers wherea
s frontend console | |
637 // API allows passing arbitrary values as messages (strings, numberts, e
tc.). Wrap them here. | |
638 for (var i = 0; i < parameters.length; ++i) { | |
639 if (typeof parameters[i] !== "object" && typeof parameters[i] !== "f
unction") | |
640 parameters[i] = WebInspector.ObjectProxy.wrapPrimitiveValue(para
meters[i]); | |
641 } | |
642 | |
643 function formatForConsole(obj) | |
644 { | |
645 return WebInspector.console._format(obj); | |
646 } | |
647 | |
648 function formatAsObjectForConsole(obj) | |
649 { | |
650 return WebInspector.console._format(obj, true); | |
651 } | |
652 | |
653 if (Object.proxyType(parameters[0]) === "string") { | |
654 var formatters = {} | |
655 for (var i in String.standardFormatters) | |
656 formatters[i] = String.standardFormatters[i]; | |
657 | |
658 // Firebug uses %o for formatting objects. | |
659 formatters.o = formatForConsole; | |
660 // Firebug allows both %i and %d for formatting integers. | |
661 formatters.i = formatters.d; | |
662 // Support %O to force object formating, instead of the type-based %
o formatting. | |
663 formatters.O = formatAsObjectForConsole; | |
664 | |
665 function append(a, b) | |
666 { | |
667 if (!(b instanceof Node)) | |
668 a.appendChild(WebInspector.linkifyStringAsFragment(b.toStrin
g())); | |
669 else | |
670 a.appendChild(b); | |
671 return a; | |
672 } | |
673 | |
674 var result = String.format(parameters[0].description, parameters.sli
ce(1), formatters, formattedResult, append); | |
675 formattedResult = result.formattedResult; | |
676 parameters = result.unusedSubstitutions; | |
677 if (parameters.length) | |
678 formattedResult.appendChild(document.createTextNode(" ")); | |
679 } | |
680 | |
681 for (var i = 0; i < parameters.length; ++i) { | |
682 if (Object.proxyType(parameters[i]) === "string") | |
683 formattedResult.appendChild(WebInspector.linkifyStringAsFragment
(parameters[i].description)); | |
684 else | |
685 formattedResult.appendChild(formatForConsole(parameters[i])); | |
686 | |
687 if (i < parameters.length - 1) | |
688 formattedResult.appendChild(document.createTextNode(" ")); | |
689 } | |
690 | |
691 return formattedResult; | |
692 }, | |
693 | |
694 toMessageElement: function() | |
695 { | |
696 if (this.propertiesSection) | |
697 return this.propertiesSection.element; | |
698 | |
699 var element = document.createElement("div"); | |
700 element.message = this; | |
701 element.className = "console-message"; | |
702 | |
703 switch (this.source) { | |
704 case WebInspector.ConsoleMessage.MessageSource.HTML: | |
705 element.addStyleClass("console-html-source"); | |
706 break; | |
707 case WebInspector.ConsoleMessage.MessageSource.WML: | |
708 element.addStyleClass("console-wml-source"); | |
709 break; | |
710 case WebInspector.ConsoleMessage.MessageSource.XML: | |
711 element.addStyleClass("console-xml-source"); | |
712 break; | |
713 case WebInspector.ConsoleMessage.MessageSource.JS: | |
714 element.addStyleClass("console-js-source"); | |
715 break; | |
716 case WebInspector.ConsoleMessage.MessageSource.CSS: | |
717 element.addStyleClass("console-css-source"); | |
718 break; | |
719 case WebInspector.ConsoleMessage.MessageSource.Other: | |
720 element.addStyleClass("console-other-source"); | |
721 break; | |
722 } | |
723 | |
724 switch (this.level) { | |
725 case WebInspector.ConsoleMessage.MessageLevel.Tip: | |
726 element.addStyleClass("console-tip-level"); | |
727 break; | |
728 case WebInspector.ConsoleMessage.MessageLevel.Log: | |
729 element.addStyleClass("console-log-level"); | |
730 break; | |
731 case WebInspector.ConsoleMessage.MessageLevel.Debug: | |
732 element.addStyleClass("console-debug-level"); | |
733 break; | |
734 case WebInspector.ConsoleMessage.MessageLevel.Warning: | |
735 element.addStyleClass("console-warning-level"); | |
736 break; | |
737 case WebInspector.ConsoleMessage.MessageLevel.Error: | |
738 element.addStyleClass("console-error-level"); | |
739 break; | |
740 } | |
741 | |
742 if (this.type === WebInspector.ConsoleMessage.MessageType.StartGroup) { | |
743 element.addStyleClass("console-group-title"); | |
744 } | |
745 | |
746 if (this.elementsTreeOutline) { | |
747 element.addStyleClass("outline-disclosure"); | |
748 element.appendChild(this.elementsTreeOutline.element); | |
749 return element; | |
750 } | |
751 | |
752 if (this.repeatCount > 1) { | |
753 var messageRepeatCountElement = document.createElement("span"); | |
754 messageRepeatCountElement.className = "bubble"; | |
755 messageRepeatCountElement.textContent = this.repeatCount; | |
756 | |
757 element.appendChild(messageRepeatCountElement); | |
758 element.addStyleClass("repeated-message"); | |
759 } | |
760 | |
761 if (this.url && this.url !== "undefined") { | |
762 var urlElement = document.createElement("a"); | |
763 urlElement.className = "console-message-url webkit-html-resource-lin
k"; | |
764 urlElement.href = this.url; | |
765 urlElement.lineNumber = this.line; | |
766 | |
767 if (this.source === WebInspector.ConsoleMessage.MessageSource.JS) | |
768 urlElement.preferredPanel = "scripts"; | |
769 | |
770 if (this.line > 0) | |
771 urlElement.textContent = WebInspector.displayNameForURL(this.url
) + ":" + this.line; | |
772 else | |
773 urlElement.textContent = WebInspector.displayNameForURL(this.url
); | |
774 | |
775 element.appendChild(urlElement); | |
776 } | |
777 | |
778 var messageTextElement = document.createElement("span"); | |
779 messageTextElement.className = "console-message-text"; | |
780 messageTextElement.appendChild(this.formattedMessage); | |
781 element.appendChild(messageTextElement); | |
782 | |
783 return element; | |
784 }, | |
785 | |
786 toString: function() | |
787 { | |
788 var sourceString; | |
789 switch (this.source) { | |
790 case WebInspector.ConsoleMessage.MessageSource.HTML: | |
791 sourceString = "HTML"; | |
792 break; | |
793 case WebInspector.ConsoleMessage.MessageSource.WML: | |
794 sourceString = "WML"; | |
795 break; | |
796 case WebInspector.ConsoleMessage.MessageSource.XML: | |
797 sourceString = "XML"; | |
798 break; | |
799 case WebInspector.ConsoleMessage.MessageSource.JS: | |
800 sourceString = "JS"; | |
801 break; | |
802 case WebInspector.ConsoleMessage.MessageSource.CSS: | |
803 sourceString = "CSS"; | |
804 break; | |
805 case WebInspector.ConsoleMessage.MessageSource.Other: | |
806 sourceString = "Other"; | |
807 break; | |
808 } | |
809 | |
810 var typeString; | |
811 switch (this.type) { | |
812 case WebInspector.ConsoleMessage.MessageType.Log: | |
813 typeString = "Log"; | |
814 break; | |
815 case WebInspector.ConsoleMessage.MessageType.Object: | |
816 typeString = "Object"; | |
817 break; | |
818 case WebInspector.ConsoleMessage.MessageType.Trace: | |
819 typeString = "Trace"; | |
820 break; | |
821 case WebInspector.ConsoleMessage.MessageType.StartGroup: | |
822 typeString = "Start Group"; | |
823 break; | |
824 case WebInspector.ConsoleMessage.MessageType.EndGroup: | |
825 typeString = "End Group"; | |
826 break; | |
827 } | |
828 | |
829 var levelString; | |
830 switch (this.level) { | |
831 case WebInspector.ConsoleMessage.MessageLevel.Tip: | |
832 levelString = "Tip"; | |
833 break; | |
834 case WebInspector.ConsoleMessage.MessageLevel.Log: | |
835 levelString = "Log"; | |
836 break; | |
837 case WebInspector.ConsoleMessage.MessageLevel.Warning: | |
838 levelString = "Warning"; | |
839 break; | |
840 case WebInspector.ConsoleMessage.MessageLevel.Debug: | |
841 levelString = "Debug"; | |
842 break; | |
843 case WebInspector.ConsoleMessage.MessageLevel.Error: | |
844 levelString = "Error"; | |
845 break; | |
846 } | |
847 | |
848 return sourceString + " " + typeString + " " + levelString + ": " + this
.formattedMessage.textContent + "\n" + this.url + " line " + this.line; | |
849 }, | |
850 | |
851 isEqual: function(msg, disreguardGroup) | |
852 { | |
853 if (!msg) | |
854 return false; | |
855 | |
856 var ret = (this.source == msg.source) | |
857 && (this.type == msg.type) | |
858 && (this.level == msg.level) | |
859 && (this.line == msg.line) | |
860 && (this.url == msg.url) | |
861 && (this.message == msg.message); | |
862 | |
863 return (disreguardGroup ? ret : (ret && (this.groupLevel == msg.groupLev
el))); | |
864 } | |
865 } | |
866 | |
867 // Note: Keep these constants in sync with the ones in Console.h | |
868 WebInspector.ConsoleMessage.MessageSource = { | |
869 HTML: 0, | |
870 WML: 1, | |
871 XML: 2, | |
872 JS: 3, | |
873 CSS: 4, | |
874 Other: 5 | |
875 } | |
876 | |
877 WebInspector.ConsoleMessage.MessageType = { | |
878 Log: 0, | |
879 Object: 1, | |
880 Trace: 2, | |
881 StartGroup: 3, | |
882 EndGroup: 4 | |
883 } | |
884 | |
885 WebInspector.ConsoleMessage.MessageLevel = { | |
886 Tip: 0, | |
887 Log: 1, | |
888 Warning: 2, | |
889 Error: 3, | |
890 Debug: 4 | |
891 } | |
892 | |
893 WebInspector.ConsoleCommand = function(command) | |
894 { | |
895 this.command = command; | |
896 } | |
897 | |
898 WebInspector.ConsoleCommand.prototype = { | |
899 toMessageElement: function() | |
900 { | |
901 var element = document.createElement("div"); | |
902 element.command = this; | |
903 element.className = "console-user-command"; | |
904 | |
905 var commandTextElement = document.createElement("span"); | |
906 commandTextElement.className = "console-message-text"; | |
907 commandTextElement.textContent = this.command; | |
908 element.appendChild(commandTextElement); | |
909 | |
910 return element; | |
911 } | |
912 } | |
913 | |
914 WebInspector.ConsoleTextMessage = function(text, level) | |
915 { | |
916 level = level || WebInspector.ConsoleMessage.MessageLevel.Log; | |
917 WebInspector.ConsoleMessage.call(this, WebInspector.ConsoleMessage.MessageSo
urce.JS, WebInspector.ConsoleMessage.MessageType.Log, level, 0, null, null, 1, t
ext); | |
918 } | |
919 | |
920 WebInspector.ConsoleTextMessage.prototype.__proto__ = WebInspector.ConsoleMessag
e.prototype; | |
921 | |
922 WebInspector.ConsoleCommandResult = function(result, exception, originatingComma
nd) | |
923 { | |
924 var level = (exception ? WebInspector.ConsoleMessage.MessageLevel.Error : We
bInspector.ConsoleMessage.MessageLevel.Log); | |
925 var message = result; | |
926 var line = (exception ? result.line : -1); | |
927 var url = (exception ? result.sourceURL : null); | |
928 | |
929 WebInspector.ConsoleMessage.call(this, WebInspector.ConsoleMessage.MessageSo
urce.JS, WebInspector.ConsoleMessage.MessageType.Log, level, line, url, null, 1,
message); | |
930 | |
931 this.originatingCommand = originatingCommand; | |
932 } | |
933 | |
934 WebInspector.ConsoleCommandResult.prototype = { | |
935 toMessageElement: function() | |
936 { | |
937 var element = WebInspector.ConsoleMessage.prototype.toMessageElement.cal
l(this); | |
938 element.addStyleClass("console-user-command-result"); | |
939 return element; | |
940 } | |
941 } | |
942 | |
943 WebInspector.ConsoleCommandResult.prototype.__proto__ = WebInspector.ConsoleMess
age.prototype; | |
944 | |
945 WebInspector.ConsoleGroup = function(parentGroup, level) | |
946 { | |
947 this.parentGroup = parentGroup; | |
948 this.level = level; | |
949 | |
950 var element = document.createElement("div"); | |
951 element.className = "console-group"; | |
952 element.group = this; | |
953 this.element = element; | |
954 | |
955 var messagesElement = document.createElement("div"); | |
956 messagesElement.className = "console-group-messages"; | |
957 element.appendChild(messagesElement); | |
958 this.messagesElement = messagesElement; | |
959 } | |
960 | |
961 WebInspector.ConsoleGroup.prototype = { | |
962 addMessage: function(msg) | |
963 { | |
964 var element = msg.toMessageElement(); | |
965 | |
966 if (msg.type === WebInspector.ConsoleMessage.MessageType.StartGroup) { | |
967 this.messagesElement.parentNode.insertBefore(element, this.messagesE
lement); | |
968 element.addEventListener("click", this._titleClicked.bind(this), tru
e); | |
969 } else | |
970 this.messagesElement.appendChild(element); | |
971 | |
972 if (element.previousSibling && msg.originatingCommand && element.previou
sSibling.command === msg.originatingCommand) | |
973 element.previousSibling.addStyleClass("console-adjacent-user-command
-result"); | |
974 }, | |
975 | |
976 _titleClicked: function(event) | |
977 { | |
978 var groupTitleElement = event.target.enclosingNodeOrSelfWithClass("conso
le-group-title"); | |
979 if (groupTitleElement) { | |
980 var groupElement = groupTitleElement.enclosingNodeOrSelfWithClass("c
onsole-group"); | |
981 if (groupElement) | |
982 if (groupElement.hasStyleClass("collapsed")) | |
983 groupElement.removeStyleClass("collapsed"); | |
984 else | |
985 groupElement.addStyleClass("collapsed"); | |
986 groupTitleElement.scrollIntoViewIfNeeded(true); | |
987 } | |
988 | |
989 event.stopPropagation(); | |
990 event.preventDefault(); | |
991 } | |
992 } | |
OLD | NEW |