Devtools: Add editable keyframes to the styles sidebar pane

third_party/WebKit/Source/devtools/protocol.json

 {
     "version": { "major": "1", "minor": "1" },
     "domains": [{
         "domain": "Inspector",
         "hidden": true,
         "types": [],
         "commands": [
             {
                 "name": "enable",
                 "description": "Enables inspector domain notifications.",
@@ skipping 3109 matching lines @@
                 "properties": [
                     { "name": "animationName", "$ref": "Value", "description": "Animation name." },
                     { "name": "keyframes", "type": "array", "items": { "$ref": "CSSKeyframeRule" }, "description": "List of keyframes." }
                 ],
                 "description": "CSS keyframes rule representation."
             },
             {
                 "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."},

[pfeldman, 2016/01/13 00:08:19]

I'd rather remove "origin" from CSSRule and not add it here - we have origin as
a part of header already. (Can be done in a separate patch.)

[samli, 2016/01/13 00:53:37]

Protocol says that the optional StyleSheetId for CSSRule is absent for user
agent stylesheet and user-specified stylesheet rules. If that's true, we can't
just rely on header origin.

                     { "name": "keyText", "$ref": "Value", "description": "Associated key text." },
                     { "name": "style", "$ref": "CSSStyle", "description": "Associated style declaration." }
                 ],
                 "description": "CSS keyframe rule representation."
             }
         ],
         "commands": [
             {
                 "name": "enable",
                 "async": true,
@@ skipping 86 matching lines @@
                     { "name": "styleSheetId", "$ref": "StyleSheetId" },
                     { "name": "range", "$ref": "SourceRange" },
                     { "name": "selector", "type": "string" }
                 ],
                 "returns": [
                     { "name": "selectorList", "$ref": "SelectorList", "description": "The resulting selector list after modification." }
                 ],
                 "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" },
                     { "name": "range", "$ref": "SourceRange" },
                     { "name": "text", "type": "string" }
                 ],
                 "returns": [
                     { "name": "style", "$ref": "CSSStyle", "description": "The resulting style after the selector modification." }
                 ],
                 "description": "Modifies the style text."
@@ skipping 2062 matching lines @@
                 ],
                 "returns": [
                     { "name": "accessibilityNode", "$ref": "AXNode", "description": "The <code>Accessibility.AXNode</code> for this DOM node, if it exists.", "optional": true }
                 ],
                 "description": "Fetches the accessibility node for this DOM node, if it exists.",
                 "hidden": true
             }
         ]
     }]
 }