Devtools Animations: Display keyframes for CSS Animations in inspector

Source/devtools/protocol.json

 {
     "version": { "major": "1", "minor": "1" },
     "domains": [{
         "domain": "Inspector",
         "hidden": true,
         "types": [],
         "commands": [
             {
                 "name": "enable",
                 "description": "Enables inspector domain notifications."
@@ skipping 4426 matching lines @@
                 "hidden": true,
                 "properties": [
                     { "name": "startDelay", "type": "number", "description": "<code>AnimationNode</code>'s start delay." },
                     { "name": "playbackRate", "type": "number", "description": "<code>AnimationNode</code>'s playbackRate." },
                     { "name": "iterationStart", "type": "number", "description": "<code>AnimationNode</code>'s iteration start." },
                     { "name": "iterationCount", "type": "number", "description": "<code>AnimationNode</code>'s iteration count." },
                     { "name": "duration", "type": "number", "description": "<code>AnimationNode</code>'s iteration duration." },
                     { "name": "direction", "type": "number", "description": "<code>AnimationNode</code>'s playback direction." },
                     { "name": "fillMode", "type": "number", "description": "<code>AnimationNode</code>'s fill mode." },
                     { "name": "timeFraction", "type": "number", "description": "<code>AnimationNode</code>'s time fraction." },
-                    { "name": "name", "type": "string", "description": "<code>AnimationNode</code> name."}
+                    { "name": "name", "type": "string", "description": "<code>AnimationNode</code>'s name." },
+                    { "name": "keyframesRule", "$ref": "KeyframesRule", "optional": "true", "description": "<code>AnimationNode</code>'s keyframes." }
                 ],
                 "description": "AnimationNode instance"
+            },
+            {
+                "id": "KeyframesRule",
+                "type": "object",
+                "hidden": "true",

[pfeldman, 2014/10/23 06:37:00]

No need to hide entities within hidden domain.

[samli, 2014/10/24 05:06:19]

Done.

+                "properties": [
+                    { "name": "name", "type": "string", "optional": "true", "description": "CSS keyframed animation's name." },

[pfeldman, 2014/10/23 06:37:00]

true is a boolean, not string.

[samli, 2014/10/24 05:06:19]

Done.

+                    { "name": "keyframes", "type": "array", "items": { "$ref": "KeyframeStyle" }, "description": "List of animation keyframes." }
+                ],
+                "description": "Keyframes Rule"
+            },
+            {
+                "id": "KeyframeStyle",
+                "type": "object",
+                "hidden": "true",

[pfeldman, 2014/10/23 06:37:00]

ditto - no need and a boolean.

[samli, 2014/10/24 05:06:19]

Done.

+                "properties": [
+                    { "name": "offset", "type": "string", "description": "Keyframe's time offset." },
+                    { "name": "style", "$ref": "CSS.CSSStyle", "description": "Keyframe's associated CSS style declaration." }
+                ],
+                "description": "Keyframe Style"
             }
         ],
         "commands": [
             {
                 "name": "getAnimationPlayersForNode",
                 "parameters": [
                     { "name": "nodeId", "$ref": "DOM.NodeId", "description": "Id of the node to get animation players for." }
                 ],
                 "returns": [
                     { "name": "animationPlayers", "type": "array", "items": { "$ref": "AnimationPlayer" }, "description": "Array of animation players." }
@@ skipping 45 matching lines @@
                     { "name": "isRunning", "type": "boolean", "description": "If the animation player is still running." }
                 ],
                 "description": "Gets the state of an AnimationPlayer.",
                 "hidden": true
             }
         ],
         "events": [
         ]
     }]
 }