DevTools: [CSS] Add CSS.setMultipleStyleTexts command to CSS domain

third_party/WebKit/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 62 matching lines @@
     StyleSheetRemoved: "StyleSheetRemoved",
     ExternalRangeEdit: "ExternalRangeEdit"
 }
 
 WebInspector.CSSStyleModel.MediaTypes = ["all", "braille", "embossed", "handheld", "print", "projection", "screen", "speech", "tty", "tv"];
 
 WebInspector.CSSStyleModel.PseudoStateMarker = "pseudo-state-marker";
 
 WebInspector.CSSStyleModel.prototype = {
     /**
+     * @param {!Array<!CSSAgent.StyleSheetId>} styleSheetIds
+     * @param {!Array<!WebInspector.TextRange>} ranges
+     * @param {!Array<string>} texts
+     * @param {boolean} majorChange
+     * @return {!Promise<?Array<!CSSAgent.CSSStyle>>}
+     */
+    setStyleTexts: function(styleSheetIds, ranges, texts, majorChange)
+    {
+        /**
+         * @param {?Protocol.Error} error
+         * @param {?Array<!CSSAgent.CSSStyle>} stylePayloads
+         * @return {?Array<!CSSAgent.CSSStyle>}
+         * @this {WebInspector.CSSStyleModel}
+         */
+        function parsePayload(error, stylePayloads)
+        {
+            if (error || !stylePayloads || !stylePayloads.length)
+                return null;
+
+            if (majorChange)
+                this._domModel.markUndoableState();
+            for (var styleSheetId of styleSheetIds)
+                this._fireStyleSheetChanged(styleSheetId);

[dgozman, 2016/02/17 23:32:36]

Let's coalesce events for the same stylesheet.

[lushnikov, 2016/02/18 01:40:16]

Done.

+            return stylePayloads;
+        }
+
+        console.assert(styleSheetIds.length === ranges.length && ranges.length === texts.length, "Array lengths must be equal");
+        var edits = [];
+        for (var i = 0; i < styleSheetIds.length; ++i) {
+            edits.push({
+                styleSheetId: styleSheetIds[i],
+                range: ranges[i].serializeToObject(),
+                text: texts[i]
+            });
+        }
+
+        return this._agent.setStyleTexts(edits, parsePayload.bind(this))
+            .catchException(/** @type {?Array<!CSSAgent.CSSStyle>} */(null));
+    },
+
+    /**
      * @return {!Promise.<!Array.<!WebInspector.CSSMedia>>}
      */
     mediaQueriesPromise: function()
     {
         /**
          * @param {?Protocol.Error} error
          * @param {?Array.<!CSSAgent.CSSMedia>} payload
          * @return {!Array.<!WebInspector.CSSMedia>}
          * @this {!WebInspector.CSSStyleModel}
          */
@@ skipping 846 matching lines @@
         return property;
     },
 
     /**
      * @param {string} text
      * @param {boolean} majorChange
      * @return {!Promise.<boolean>}
      */
     setText: function(text, majorChange)
     {
-        if (!this.styleSheetId)
-            return Promise.resolve(false);
-
         /**
-         * @param {?Protocol.Error} error
-         * @param {?CSSAgent.CSSStyle} stylePayload
+         * @param {?Array<!CSSAgent.CSSStyle>} stylePayloads
          * @return {boolean}
          * @this {WebInspector.CSSStyleDeclaration}
          */
-        function parsePayload(error, stylePayload)
+        function onPayload(stylePayloads)
         {
-            if (error || !stylePayload)
+            if (!stylePayloads)
                 return false;
-
-            if (majorChange)
-                this._cssModel._domModel.markUndoableState();
-            this._reinitialize(stylePayload);
-            this._cssModel._fireStyleSheetChanged(this.styleSheetId);
+            this._reinitialize(stylePayloads[0]);
             return true;
         }
 
-        return this._cssModel._agent.setStyleText(this.styleSheetId, this.range.serializeToObject(), text, parsePayload.bind(this))
+        return this._cssModel.setStyleTexts([this.styleSheetId], [this.range], [text], majorChange)
+            .then(onPayload.bind(this))
             .catchException(false);
     },
 
     /**
      * @param {number} index
      * @param {string} name
      * @param {string} value
      * @param {function(boolean)=} userCallback
      */
     insertPropertyAt: function(index, name, value, userCallback)
@@ skipping 1540 matching lines @@
  * @constructor
  * @param {?WebInspector.CSSStyleDeclaration} inlineStyle
  * @param {?WebInspector.CSSStyleDeclaration} attributesStyle
  */
 WebInspector.CSSStyleModel.InlineStyleResult = function(inlineStyle, attributesStyle)
 {
     this.inlineStyle = inlineStyle;
     this.attributesStyle = attributesStyle;
 }