DevTools: [SASS] CSSRule supports selector text nodes

third_party/WebKit/Source/devtools/front_end/sass/SASSSupport.js

 // Copyright 2015 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 WebInspector.SASSSupport = {}
 
 /**
  * @param {string} url
  * @param {string} content
  * @return {!Promise<!WebInspector.SASSSupport.AST>}
@@ skipping 10 matching lines @@
      * @return {!WebInspector.SASSSupport.AST}
      */
     function onParsed(event)
     {
         if (!event)
             return new WebInspector.SASSSupport.AST(document, []);
         var data = /** @type {!Array<!Object>} */(event.data);
         var rules = [];
         for (var i = 0; i < data.length; ++i) {
             var rulePayload = data[i];
-            var selectorText = "";
-            if (rulePayload.selectors.length) {
-                var first = rulePayload.selectors[0];
-                var last = rulePayload.selectors.peekLast();
-                var selectorRange = new WebInspector.TextRange(first.startLine, first.startColumn, last.endLine, last.endColumn);
-                selectorText = text.extract(selectorRange);
-            }
+            var selectors = rulePayload.selectors.map(createTextNode);
             var properties = rulePayload.properties.map(createProperty);
             var range = WebInspector.TextRange.fromObject(rulePayload.styleRange);
-            var rule = new WebInspector.SASSSupport.Rule(document, selectorText, range, properties);
+            var rule = new WebInspector.SASSSupport.Rule(document, selectors, range, properties);
             rules.push(rule);
         }
         return new WebInspector.SASSSupport.AST(document, rules);
     }
 
     /**
      * @param {!Object} payload
      */
     function createTextNode(payload)
     {
@@ skipping 227 matching lines @@
         this.document.edits.push(new WebInspector.SourceEdit(this.document.url, oldRange, ""));
     },
 
     __proto__: WebInspector.SASSSupport.Node.prototype
 }
 
 /**
  * @constructor
  * @extends {WebInspector.SASSSupport.Node}
  * @param {!WebInspector.SASSSupport.ASTDocument} document
- * @param {string} selector
+ * @param {!Array<!WebInspector.SASSSupport.TextNode>} selectors
  * @param {!WebInspector.TextRange} styleRange
  * @param {!Array<!WebInspector.SASSSupport.Property>} properties
  */
-WebInspector.SASSSupport.Rule = function(document, selector, styleRange, properties)
+WebInspector.SASSSupport.Rule = function(document, selectors, styleRange, properties)
 {
     WebInspector.SASSSupport.Node.call(this, document);
-    this.selector = selector;
+    this.selectors = selectors;
     this.properties = properties;
     this.styleRange = styleRange;
     for (var i = 0; i < this.properties.length; ++i)
         this.properties[i].parent = this;
 
     this._hasTrailingSemicolon = !this.properties.length || this.document.text.extract(this.properties.peekLast().range).endsWith(";");
 }
 
 WebInspector.SASSSupport.Rule.prototype = {
     /**
      * @param {!WebInspector.SASSSupport.ASTDocument} document
      * @return {!WebInspector.SASSSupport.Rule}
      */
     clone: function(document)
     {
         var properties = [];
         for (var i = 0; i < this.properties.length; ++i)
             properties.push(this.properties[i].clone(document));
-        return new WebInspector.SASSSupport.Rule(document, this.selector, this.styleRange.clone(), properties);
+        var selectors = [];
+        for (var i = 0; i < this.selectors.length; ++i)
+            selectors.push(this.selectors[i].clone(document));
+        return new WebInspector.SASSSupport.Rule(document, selectors, this.styleRange.clone(), properties);
     },
 
     /**
      * @param {function(!WebInspector.SASSSupport.Node)} callback
      */
     visit: function(callback)
     {
         callback(this);
+        for (var i = 0; i < this.selectors.length; ++i)
+            callback(this.selectors[i]);
         for (var i = 0; i < this.properties.length; ++i)
             this.properties[i].visit(callback);
     },
 
     /**
      * @param {!WebInspector.SASSSupport.Rule} other
      * @param {!Map<!WebInspector.SASSSupport.Node, !WebInspector.SASSSupport.Node>=} outNodeMapping
      * @return {boolean}
      */
     match: function(other, outNodeMapping)
     {
-        if (this.selector !== other.selector)
+        if (this.selectors.length !== other.selectors.length)
             return false;
         if (this.properties.length !== other.properties.length)
             return false;
         if (outNodeMapping)
             outNodeMapping.set(this, other);
         var result = true;
+        for (var i = 0; result && i < this.selectors.length; ++i)
+            result = result && this.selectors[i].match(other.selectors[i], outNodeMapping);
         for (var i = 0; result && i < this.properties.length; ++i)
             result = result && this.properties[i].match(other.properties[i], outNodeMapping);
         return result;
     },
 
     _addTrailingSemicolon: function()
     {
         if (this._hasTrailingSemicolon || !this.properties)
             return;
         this._hasTrailingSemicolon = true;
@@ skipping 316 matching lines @@
         mapping.set(oldProperty.name, newProperty.name);
         mapping.set(oldProperty.value, newProperty.value);
         if (oldProperty.name.text.trim() !== newProperty.name.text.trim())
             addChange(T.NameChanged, oldRule, newRule, oldPropertyIndex, newPropertyIndex);
         if (oldProperty.value.text.trim() !== newProperty.value.text.trim())
             addChange(T.ValueChanged, oldRule, newRule, oldPropertyIndex, newPropertyIndex);
         if (oldProperty.disabled !== newProperty.disabled)
             addChange(T.PropertyToggled, oldRule, newRule, oldPropertyIndex, newPropertyIndex);
     }
 }