Web Inspector: ES6: Provide a better view for Classes in the console
[WebKit-https.git] / Source / WebInspectorUI / UserInterface / Views / FormattedValue.js
1 /*
2  * Copyright (C) 2015 Apple Inc. All rights reserved.
3  *
4  * Redistribution and use in source and binary forms, with or without
5  * modification, are permitted provided that the following conditions
6  * are met:
7  * 1. Redistributions of source code must retain the above copyright
8  *    notice, this list of conditions and the following disclaimer.
9  * 2. Redistributions in binary form must reproduce the above copyright
10  *    notice, this list of conditions and the following disclaimer in the
11  *    documentation and/or other materials provided with the distribution.
12  *
13  * THIS SOFTWARE IS PROVIDED BY APPLE INC. AND ITS CONTRIBUTORS ``AS IS''
14  * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO,
15  * THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
16  * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR ITS CONTRIBUTORS
17  * BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
18  * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
19  * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
20  * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
21  * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
22  * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF
23  * THE POSSIBILITY OF SUCH DAMAGE.
24  */
25
26 WebInspector.FormattedValue = {};
27
28 WebInspector.FormattedValue.classNameForTypes = function(type, subtype)
29 {
30     return "formatted-" + (subtype ? subtype : type);
31 };
32
33 WebInspector.FormattedValue.classNameForObject = function(object)
34 {
35     return WebInspector.FormattedValue.classNameForTypes(object.type, object.subtype);
36 };
37
38 WebInspector.FormattedValue.createLinkifiedElementString = function(string)
39 {
40     var span = document.createElement("span");
41     span.className = "formatted-string";
42     span.appendChild(document.createTextNode("\""));
43     span.appendChild(WebInspector.linkifyStringAsFragment(string.replace(/"/g, "\\\"")));
44     span.appendChild(document.createTextNode("\""));
45     return span;
46 };
47
48 WebInspector.FormattedValue.createElementForNode = function(object)
49 {
50     var span = document.createElement("span");
51     span.className = "formatted-node";
52
53     object.pushNodeToFrontend(function(nodeId) {
54         if (!nodeId) {
55             span.textContent = object.description;
56             return;
57         }
58
59         // FIXME: Extract the styles for a formatted-node outline-disclosure from the LogContentView.
60         var treeOutline = new WebInspector.DOMTreeOutline(false, false, true);
61         treeOutline.setVisible(true);
62         treeOutline.rootDOMNode = WebInspector.domTreeManager.nodeForId(nodeId);
63         treeOutline.element.classList.add("outline-disclosure");
64         if (!treeOutline.children[0].hasChildren)
65             treeOutline.element.classList.add("single-node");
66         span.appendChild(treeOutline.element);
67     });
68
69     return span;
70 };
71
72 WebInspector.FormattedValue.createElementForTypesAndValue = function(type, subtype, displayString, size, isPreview, hadException)
73 {
74     var span = document.createElement("span");
75     span.classList.add(WebInspector.FormattedValue.classNameForTypes(type, subtype));
76
77     // Exception.
78     if (hadException) {
79         span.textContent = "[Exception: " + displayString + "]";
80         return span;
81     }
82
83     // String: quoted and replace newlines as nice unicode symbols.
84     if (type === "string") {
85         span.textContent = doubleQuotedString(displayString.replace(/\n/g, "\u21B5"));
86         return span;
87     }
88
89     // Function: if class, show the description, otherwise ellide in previews.
90     if (type === "function") {
91         if (subtype === "class")
92             span.textContent = displayString;
93         else
94             span.textContent = isPreview ? "function" : displayString;
95         return span;
96     }
97
98     // Everything else, the description/value string.
99     span.textContent = displayString;
100
101     // If there is a size, include it.
102     if (size !== undefined && (subtype === "array" || subtype === "set" || subtype === "map" || subtype === "weakmap")) {
103         var sizeElement = span.appendChild(document.createElement("span"));
104         sizeElement.className = "size";
105         sizeElement.textContent = " (" + size + ")";
106     }
107
108     return span;
109 };
110
111 WebInspector.FormattedValue.createElementForRemoteObject = function(object, hadException)
112 {
113     return WebInspector.FormattedValue.createElementForTypesAndValue(object.type, object.subtype, object.description, object.size, false, hadException);
114 };
115
116 WebInspector.FormattedValue.createElementForObjectPreview = function(objectPreview)
117 {
118     return WebInspector.FormattedValue.createElementForTypesAndValue(objectPreview.type, objectPreview.subtype, objectPreview.description, objectPreview.size, true, false);
119 };
120
121 WebInspector.FormattedValue.createElementForPropertyPreview = function(propertyPreview)
122 {
123     return WebInspector.FormattedValue.createElementForTypesAndValue(propertyPreview.type, propertyPreview.subtype, propertyPreview.value, undefined, true, false);
124 };
125
126 WebInspector.FormattedValue.createObjectTreeOrFormattedValueForRemoteObject = function(object, propertyPath, forceExpanding)
127 {
128     if (object.subtype === "node")
129         return WebInspector.FormattedValue.createElementForNode(object);
130
131     if (object.type === "object" || object.subtype === "class") {
132         var objectTree = new WebInspector.ObjectTreeView(object, null, propertyPath, forceExpanding);
133         return objectTree.element;
134     }
135
136     return WebInspector.FormattedValue.createElementForRemoteObject(object);
137 };