DevTools: Prettify websocket frames preview on Network pane.

third_party/WebKit/Source/devtools/front_end/network/JSONView.js

 /*
  * Copyright (C) 2011 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are
  * met:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 12 matching lines @@
  * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
  * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
  * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
  * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
  * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  */
 
 /**
  * @constructor
- * @extends {WebInspector.RequestView}
- * @param {!WebInspector.NetworkRequest} request
+ * @extends {WebInspector.VBox}
  * @param {!WebInspector.ParsedJSON} parsedJSON
  */
-WebInspector.RequestJSONView = function(request, parsedJSON)
+WebInspector.JSONView = function(parsedJSON)
 {
-    WebInspector.RequestView.call(this, request);
+    WebInspector.VBox.call(this);
     this._parsedJSON = parsedJSON;
-    this.element.classList.add("json");
+    this.element.classList.add("json-view");
 }
 
 // "false", "true", "null", ",", "{", "}", "[", "]", number, double-quoted string.
-WebInspector.RequestJSONView._jsonToken = new RegExp('(?:false|true|null|[/*&\\|;=\\(\\),\\{\\}\\[\\]]|(?:-?\\b(?:0|[1-9][0-9]*)(?:\\.[0-9]+)?(?:[eE][+-]?[0-9]+)?\\b)|(?:\"(?:[^\\0-\\x08\\x0a-\\x1f\"\\\\]|\\\\(?:[\"/\\\\bfnrt]|u[0-9A-Fa-f]{4}))*\"))', 'g');
+WebInspector.JSONView._jsonToken = new RegExp('(?:false|true|null|[/*&\\|;=\\(\\),\\{\\}\\[\\]]|(?:-?\\b(?:0|[1-9][0-9]*)(?:\\.[0-9]+)?(?:[eE][+-]?[0-9]+)?\\b)|(?:\"(?:[^\\0-\\x08\\x0a-\\x1f\"\\\\]|\\\\(?:[\"/\\\\bfnrt]|u[0-9A-Fa-f]{4}))*\"))', 'g');
 
 // Escaped unicode char.
-WebInspector.RequestJSONView._escapedUnicode = new RegExp('\\\\(?:([^u])|u(.{4}))', 'g');
+WebInspector.JSONView._escapedUnicode = new RegExp('\\\\(?:([^u])|u(.{4}))', 'g');
 
 // Map from escaped char to its literal value.
-WebInspector.RequestJSONView._standardEscapes = {'"': '"', '/': '/', '\\': '\\', 'b': '\b', 'f': '\f', 'n': '\n', 'r': '\r', 't': '\t'};
+WebInspector.JSONView._standardEscapes = {'"': '"', '/': '/', '\\': '\\', 'b': '\b', 'f': '\f', 'n': '\n', 'r': '\r', 't': '\t'};
 
 /**
  * @param {string} full
  * @param {string} standard
  * @param {string} unicode
  * @return {string}
  */
-WebInspector.RequestJSONView._unescape = function(full, standard, unicode)
+WebInspector.JSONView._unescape = function(full, standard, unicode)
 {
-    return standard ? WebInspector.RequestJSONView._standardEscapes[standard] : String.fromCharCode(parseInt(unicode, 16));
+    return standard ? WebInspector.JSONView._standardEscapes[standard] : String.fromCharCode(parseInt(unicode, 16));
 }
 
 /**
  * @param {string} text
  * @return {string}
  */
-WebInspector.RequestJSONView._unescapeString = function(text)
+WebInspector.JSONView._unescapeString = function(text)
 {
-    return text.indexOf("\\") === -1 ? text : text.replace(WebInspector.RequestJSONView._escapedUnicode, WebInspector.RequestJSONView._unescape);
+    return text.indexOf("\\") === -1 ? text : text.replace(WebInspector.JSONView._escapedUnicode, WebInspector.JSONView._unescape);
 }
 
 /**
  * @return {*}
  */
-WebInspector.RequestJSONView._buildObjectFromJSON = function(text)
+WebInspector.JSONView._buildObjectFromJSON = function(text)
 {
-    var regExp = WebInspector.RequestJSONView._jsonToken;
+    var regExp = WebInspector.JSONView._jsonToken;
     regExp.lastIndex = 0;
     var result = [];
     var tip = result;
     var stack = [];
     var key = undefined;
     var token = undefined;
     var lastToken = undefined;
     while (true) {
         var match = regExp.exec(text);
         if (match === null)
             break;
         lastToken = token;
         token = match[0];
         var code = token.charCodeAt(0);
         if ((code === 0x5b) || (code === 0x7b)) { // [ or {
             var newTip = (code === 0x5b) ? [] : {};
             tip[key || tip.length] = newTip;
             stack.push(tip);
             tip = newTip;
         } else if ((code === 0x5d) || (code === 0x7d)) { // ] or }
             tip = stack.pop();
             if (!tip)
                 break;
         } else if (code === 0x2C) { // ,
             if (Array.isArray(tip) && (lastToken === undefined || lastToken === "[" || lastToken === ","))
                 tip[tip.length] = undefined;
         } else if (code === 0x22) { // "
-            token = WebInspector.RequestJSONView._unescapeString(token.substring(1, token.length - 1));
+            token = WebInspector.JSONView._unescapeString(token.substring(1, token.length - 1));
             if (!key) {
                 if (Array.isArray(tip)) {
                   key = tip.length;
                 } else {
                     key = token || "";
                     continue;
                 }
             }
             tip[key] = token;
         } else if (code === 0x66) { // f
@@ skipping 10 matching lines @@
         }
         key = undefined;
     }
     return (result.length > 1) ? result : result[0];
 }
 
 /**
  * @param {string} text
  * @return {?WebInspector.ParsedJSON}
  */
-WebInspector.RequestJSONView.parseJSON = function(text)
+WebInspector.JSONView.parseJSON = function(text)
 {
     // Do not treat HTML as JSON.
     if (text.startsWith("<"))
         return null;
-    var inner = WebInspector.RequestJSONView._findBrackets(text, "{", "}");
-    var inner2 = WebInspector.RequestJSONView._findBrackets(text, "[", "]");
+    var inner = WebInspector.JSONView._findBrackets(text, "{", "}");
+    var inner2 = WebInspector.JSONView._findBrackets(text, "[", "]");
     inner = inner2.length > inner.length ? inner2 : inner;
 
     // Return on blank payloads or on payloads significantly smaller than original text.
     if (inner.length === -1 || text.length - inner.length > 80)
         return null;
 
     var prefix = text.substring(0, inner.start);
     var suffix = text.substring(inner.end + 1);
     text = text.substring(inner.start, inner.end + 1);
 
     // Only process valid JSONP.
     if (suffix.trim().length && !(suffix.trim().startsWith(")") && prefix.trim().endsWith("(")))
         return null;
 
     try {
-        return new WebInspector.ParsedJSON(WebInspector.RequestJSONView._buildObjectFromJSON(text), prefix, suffix);
+        return new WebInspector.ParsedJSON(WebInspector.JSONView._buildObjectFromJSON(text), prefix, suffix);
     } catch (e) {
         return null;
     }
 }
 
 /**
  * @param {string} text
  * @param {string} open
  * @param {string} close
  * @return {{start: number, end: number, length: number}}
  */
-WebInspector.RequestJSONView._findBrackets = function(text, open, close)
+WebInspector.JSONView._findBrackets = function(text, open, close)
 {
     var start = text.indexOf(open);
     var end = text.lastIndexOf(close);
     var length = end - start - 1;
     if (start == -1 || end == -1 || end < start)
         length = -1;
     return {start: start, end: end, length: length};
 }
 
-WebInspector.RequestJSONView.prototype = {
+WebInspector.JSONView.prototype = {
     wasShown: function()
     {
         this._initialize();
     },
 
     _initialize: function()
     {
         if (this._initialized)
             return;
         this._initialized = true;
 
         var obj = WebInspector.RemoteObject.fromLocalObject(this._parsedJSON.data);
         var title = this._parsedJSON.prefix + obj.description + this._parsedJSON.suffix;
         var section = new WebInspector.ObjectPropertiesSection(obj, title);
         section.expand();
         section.editable = false;
         this.element.appendChild(section.element);
     },
 
-    __proto__: WebInspector.RequestView.prototype
+    __proto__: WebInspector.VBox.prototype
 }
 
 /**
  * @constructor
+ * @param {*} data
+ * @param {string} prefix
+ * @param {string} suffix
  */
 WebInspector.ParsedJSON = function(data, prefix, suffix)
 {
     this.data = data;
     this.prefix = prefix;
     this.suffix = suffix;
 }