DevTools: [SASS] parse SCSS rules and their selectors.

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} text
  * @return {!Promise<!WebInspector.SASSSupport.AST>}
@@ skipping 43 matching lines @@
     return WebInspector.formatterWorkerPool.runTask("parseSCSS", {content: content}).then(onParsed);
 
     /**
      * @param {?MessageEvent} event
      * @return {!WebInspector.SASSSupport.AST}
      */
     function onParsed(event)
     {
         if (!event)
             return new WebInspector.SASSSupport.AST(document, []);
-        var data = /** @type {!{properties: !Array<!Object>, variables: !Array<!Object>, mixins: !Array<!Object>}} */(event.data);
-        var properties = data.properties.map(createProperty);
-        var variables = data.variables.map(createProperty);
-        var mixins = data.mixins.map(createProperty);
-        var rules = [
-            new WebInspector.SASSSupport.Rule(document, "variables", WebInspector.TextRange.createFromLocation(0, 0), variables),
-            new WebInspector.SASSSupport.Rule(document, "properties", WebInspector.TextRange.createFromLocation(0, 0), properties),
-            new WebInspector.SASSSupport.Rule(document, "mixins", WebInspector.TextRange.createFromLocation(0, 0), mixins)
-        ];
-
+        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 properties = rulePayload.properties.map(createProperty);
+            var range = WebInspector.TextRange.fromObject(rulePayload.styleRange);
+            var rule = new WebInspector.SASSSupport.Rule(document, selectorText, range, properties);
+            rules.push(rule);
+        }
         return new WebInspector.SASSSupport.AST(document, rules);
     }
 
     /**
      * @param {!Object} payload
      */
     function createTextNode(payload)
     {
         var range = WebInspector.TextRange.fromObject(payload);
         var value = text.extract(range);
@@ skipping 614 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);
     }
 }