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

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

Index: third_party/WebKit/Source/devtools/front_end/sass/SASSSupport.js
diff --git a/third_party/WebKit/Source/devtools/front_end/sass/SASSSupport.js b/third_party/WebKit/Source/devtools/front_end/sass/SASSSupport.js
index 07a53fe661973e056a3aa6f2e4be64d8917a7989..34d38ccd3f561a8fb47fae1ffe1bfd82504baf4f 100644
--- a/third_party/WebKit/Source/devtools/front_end/sass/SASSSupport.js
+++ b/third_party/WebKit/Source/devtools/front_end/sass/SASSSupport.js
@@ -61,16 +61,22 @@ WebInspector.SASSSupport.parseSCSS = function(url, content)
     {
         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);
     }