DevTools: [CSS] introduce strong types

Source/devtools/front_end/elements/StylesSidebarPane.js

 /*
  * Copyright (C) 2007 Apple Inc.  All rights reserved.
  * Copyright (C) 2009 Joseph Pecoraro
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  *
  * 1.  Redistributions of source code must retain the above copyright
  *     notice, this list of conditions and the following disclaimer.
@@ skipping 363 matching lines @@
         var payload = new WebInspector.StylesSidebarPane.MatchedRulesPayload();
         var cssModel = this.cssModel();
         if (!cssModel) {
             callback(payload);
             return;
         }
         cssModel.getInlineStylesAsync(node.id, inlineCallback);
         cssModel.getMatchedStylesAsync(node.id, false, false, matchedCallback);
 
         /**
-         * @param {?WebInspector.CSSStyleDeclaration} inlineStyle
-         * @param {?WebInspector.CSSStyleDeclaration} attributesStyle
+         * @param {?WebInspector.CSSStyleModel.InlineStyleResult} inlineStyleResult
          */
-        function inlineCallback(inlineStyle, attributesStyle)
+        function inlineCallback(inlineStyleResult)
         {
-            payload.inlineStyle = /** @type {?WebInspector.CSSStyleDeclaration} */(inlineStyle);
-            payload.attributesStyle = /** @type {?WebInspector.CSSStyleDeclaration} */(attributesStyle);
+            if (!inlineStyleResult)
+                return;
+            payload.inlineStyle = inlineStyleResult.inlineStyle;
+            payload.attributesStyle = inlineStyleResult.attributesStyle;
         }
 
         /**
-         * @param {?*} matchedResult
+         * @param {?WebInspector.CSSStyleModel.MatchedStyleResult} matchedResult
          */
         function matchedCallback(matchedResult)
         {
             if (matchedResult) {
-                payload.matchedCSSRules = /** @type {?Array.<!WebInspector.CSSRule>} */(matchedResult.matchedCSSRules);
-                payload.pseudoElements = /** @type {?Array.<{pseudoId: number, rules: !Array.<!WebInspector.CSSRule>}>} */(matchedResult.pseudoElements);
-                payload.inherited = /** @type {?Array.<{matchedCSSRules: !Array.<!WebInspector.CSSRule>}>} */(matchedResult.inherited);
+                payload.matchedCSSRules = matchedResult.matchedCSSRules;
+                payload.pseudoElements = matchedResult.pseudoElements;
+                payload.inherited = matchedResult.inherited;
             }
             callback(payload);
         }
     },
 
     /**
      * @param {boolean} editing
      */
     setEditingStyle: function(editing)
     {
@@ skipping 2730 matching lines @@
  * @constructor
  */
 WebInspector.StylesSidebarPane.MatchedRulesPayload = function()
 {
     /** @type {?WebInspector.CSSStyleDeclaration} */
     this.inlineStyle = null;
     /** @type {?WebInspector.CSSStyleDeclaration} */
     this.attributesStyle = null;
     /** @type {?Array.<!WebInspector.CSSRule>} */
     this.matchedCSSRules = null;
-    /** @type {?Array.<{pseudoId: number, rules: !Array.<!WebInspector.CSSRule>}>} */
+    /** @type {?Array.<!WebInspector.CSSStyleModel.PseudoElementMatches>} */
     this.pseudoElements = null;
-    /** @type {?Array.<{matchedCSSRules: !Array.<!WebInspector.CSSRule>}>} */
+    /** @type {?Array.<!WebInspector.CSSStyleModel.InheritedMatches>} */
     this.inherited = null;
 }
 
 WebInspector.StylesSidebarPane.MatchedRulesPayload.prototype = {
     /**
      * @return {boolean}
      */
     fulfilled: function()
     {
         return !!(this.matchedCSSRules && this.pseudoElements && this.inherited);
@@ skipping 74 matching lines @@
 
     /**
      * @override
      * @return {?WebInspector.ToolbarItem}
      */
     item: function()
     {
         return this._button;
     }
 }