Devtools: Add editable keyframes to the styles sidebar pane

third_party/WebKit/Source/devtools/protocol.json

Index: third_party/WebKit/Source/devtools/protocol.json
diff --git a/third_party/WebKit/Source/devtools/protocol.json b/third_party/WebKit/Source/devtools/protocol.json
index bb97598aa6fdd216a6dd6de4c57a55c0794a6d3c..5fe82609e28f7a56d2f9548e271d0a50fb5f4638 100644
--- a/third_party/WebKit/Source/devtools/protocol.json
+++ b/third_party/WebKit/Source/devtools/protocol.json
@@ -3127,6 +3127,8 @@
                 "id": "CSSKeyframeRule",
                 "type": "object",
                 "properties": [
+                    { "name": "styleSheetId", "$ref": "StyleSheetId", "optional": true, "description": "The css style sheet identifier (absent for user agent stylesheet and user-specified stylesheet rules) this rule came from." },
+                    { "name": "origin", "$ref": "StyleSheetOrigin", "description": "Parent stylesheet's origin."},
                     { "name": "keyText", "$ref": "Value", "description": "Associated key text." },
                     { "name": "style", "$ref": "CSSStyle", "description": "Associated style declaration." }
                 ],
@@ -3153,7 +3155,8 @@
                     { "name": "attributesStyle", "$ref": "CSSStyle", "optional": true, "description": "Attribute-defined element style (e.g. resulting from \"width=20 height=100%\")."},
                     { "name": "matchedCSSRules", "type": "array", "items": { "$ref": "RuleMatch" }, "optional": true, "description": "CSS rules matching this node, from all applicable stylesheets." },
                     { "name": "pseudoElements", "type": "array", "items": { "$ref": "PseudoElementMatches" }, "optional": true, "description": "Pseudo style matches for this node." },
-                    { "name": "inherited", "type": "array", "items": { "$ref": "InheritedStyleEntry" }, "optional": true, "description": "A chain of inherited styles (from the immediate node parent up to the DOM tree root)." }
+                    { "name": "inherited", "type": "array", "items": { "$ref": "InheritedStyleEntry" }, "optional": true, "description": "A chain of inherited styles (from the immediate node parent up to the DOM tree root)." },
+                    { "name": "cssKeyframesRules", "type": "array", "items": { "$ref": "CSSKeyframesRule" }, "optional": true, "description": "A list of CSS keyframed animations matching this node." }
                 ],
                 "description": "Returns requested styles for a DOM node identified by <code>nodeId</code>."
             },
@@ -3190,16 +3193,6 @@
                 "hidden": true
             },
             {
-                "name": "getCSSAnimationsForNode",
-                "parameters": [
-                    { "name": "nodeId", "$ref": "DOM.NodeId" }
-                ],
-                "returns": [
-                    { "name": "cssKeyframesRules", "type": "array", "items": { "$ref": "CSSKeyframesRule" }, "optional": true, "description": "A list of CSS keyframed animations matching this node." }
-                ],
-                "description": "Returns all CSS keyframed animations mtaching this node."
-            },
-            {
                 "name": "getStyleSheetText",
                 "parameters": [
                     { "name": "styleSheetId", "$ref": "StyleSheetId" }
@@ -3233,6 +3226,18 @@
                 "description": "Modifies the rule selector."
             },
             {
+                "name": "setKeyframeKey",
+                "parameters": [
+                    { "name": "styleSheetId", "$ref": "StyleSheetId" },
+                    { "name": "range", "$ref": "SourceRange" },
+                    { "name": "keyText", "type": "string" }
+                ],
+                "returns": [
+                    { "name": "keyText", "$ref": "Value", "description": "The resulting key text after modification." }
+                ],
+                "description": "Modifies the keyframe rule key text."
+            },
+            {
                 "name": "setStyleText",
                 "parameters": [
                     { "name": "styleSheetId", "$ref": "StyleSheetId" },