Devtools Animations: Basic animation inspection & control in Styles pane

Source/devtools/front_end/sdk/CSSStyleModel.js

 /*
  * Copyright (C) 2010 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 239 matching lines @@
             if (error || !inlinePayload)
                 userCallback(null, null);
             else
                 userCallback(WebInspector.CSSStyleDeclaration.parsePayload(this, inlinePayload), attributesStylePayload ? WebInspector.CSSStyleDeclaration.parsePayload(this, attributesStylePayload) : null);
         }
 
         this._agent.getInlineStylesForNode(nodeId, callback.bind(this, userCallback));
     },
 
     /**
+     * @param {!DOMAgent.NodeId} sequenceNumber
+     * @param {function(?Array.<!WebInspector.CSSRule>)} userCallback
+     */
+    getKeyframeStylesForNodeAsync: function(sequenceNumber, userCallback)
+    {
+        /**
+         * @param {function(?Array.<!WebInspector.CSSRule>)} userCallback
+         * @param {?Protocol.Error} error
+         * @param {?Array.<!CSSAgent.CSSRule>} payloads
+         * @this {WebInspector.CSSStyleModel}
+         */
+        function callback(userCallback, error, payloads)

[caseq, 2014/10/02 10:02:26]

nit: no need to pass userCallback explicitly (outer one will be captured as part
of closure)

[samli, 2014/10/03 06:05:05]

Done.

+        {
+            var cssStyleModel = this;
+            userCallback(payloads.map(function (payload) {
+                return WebInspector.CSSRule.parsePayload(cssStyleModel, payload);
+            }));
+        }
+        this._agent.getKeyframeStylesForNode(sequenceNumber, callback.bind(this, userCallback));
+    },
+
+
+    /**
      * @param {!WebInspector.DOMNode} node
      * @param {string} pseudoClass
      * @param {boolean} enable
      * @return {boolean}
      */
     forcePseudoState: function(node, pseudoClass, enable)
     {
         var pseudoClasses = node.getUserProperty(WebInspector.CSSStyleModel.PseudoStatePropertyName) || [];
         if (enable) {
             if (pseudoClasses.indexOf(pseudoClass) >= 0)
@@ skipping 1437 matching lines @@
             for (var i = 0; i < callbacks.length; ++i)
                 callbacks[i](computedStyle);
         }
     }
 }
 
 /**
  * @type {!WebInspector.CSSStyleModel}
  */
 WebInspector.cssModel;