DevTools: [SASS] introduce workspace/cssModel adapter for SASS processor.

third_party/WebKit/Source/devtools/front_end/sass/SASSLiveSourceMap.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.SASSLiveSourceMap = {}
 
 /**
+ * @param {!WebInspector.SASSWorkspaceAdapter.Client} client
+ * @param {!WebInspector.CSSParser} cssParser
+ * @param {!WebInspector.TokenizerFactory} tokenizer
+ * @param {!WebInspector.SourceMap} sourceMap
+ * @return {!Promise<?WebInspector.SASSLiveSourceMap.CSSToSASSMapping>}
+ */
+WebInspector.SASSLiveSourceMap._loadMapping = function(client, cssParser, tokenizer, sourceMap)
+{
+    var sassModels = new Map();
+    var cssAST = null;
+    var promises = [];
+    for (var url of sourceMap.sources()) {

[dgozman, 2016/01/27 23:14:04]

client.sassURLs()

[lushnikov, 2016/01/28 00:04:29]

Done.

+        var sassPromise = client.content(url)
+            .then(text => WebInspector.SASSSupport.parseSCSS(url, text, tokenizer))
+            .then(ast => sassModels.set(url, ast));
+        promises.push(sassPromise);
+    }
+    var cssPromise = client.content(sourceMap.compiledURL())

[dgozman, 2016/01/27 23:14:04]

client.cssURL()

[lushnikov, 2016/01/28 00:04:29]

Done.

+        .then(text => WebInspector.SASSSupport.parseCSS(cssParser, sourceMap.compiledURL(), text))
+        .then(ast => cssAST = ast);
+    promises.push(cssPromise);
+
+    return Promise.all(promises)
+        .then(() => WebInspector.SASSLiveSourceMap.CSSToSASSMapping.fromSourceMap(sourceMap, cssAST, sassModels))

[dgozman, 2016/01/27 23:14:04]

Use client.sourceMap() and remove sourceMap parameter.

[lushnikov, 2016/01/28 00:04:29]

Done.

+        .catchException(/** @type {?WebInspector.SASSLiveSourceMap.CSSToSASSMapping} */(null))

[dgozman, 2016/01/27 23:14:04]

semicolon missing

[lushnikov, 2016/01/28 00:04:29]

Done.

+}
+
+/**
  * @constructor
+ * @param {!WebInspector.SASSSupport.AST} cssAST
+ * @param {!Map<string, !WebInspector.SASSSupport.AST>} sassModels
  */
-WebInspector.SASSLiveSourceMap.CSSToSASSMapping = function()
+WebInspector.SASSLiveSourceMap.CSSToSASSMapping = function(cssAST, sassModels)
 {
+    this._cssAST = cssAST;
+    this._sassModels = sassModels;
     /** @type {!Map<!WebInspector.SASSSupport.TextNode, !WebInspector.SASSSupport.TextNode>} */
     this._cssToSass = new Map();
     /** @type {!Multimap<!WebInspector.SASSSupport.TextNode, !WebInspector.SASSSupport.TextNode>} */
     this._sassToCss = new Multimap();
 }
 
 /**
  * @param {!WebInspector.SourceMap} sourceMap
  * @param {!WebInspector.SASSSupport.AST} cssAST
  * @param {!Map<string, !WebInspector.SASSSupport.AST>} sassModels
  * @return {!WebInspector.SASSLiveSourceMap.CSSToSASSMapping}
  */
 WebInspector.SASSLiveSourceMap.CSSToSASSMapping.fromSourceMap = function(sourceMap, cssAST, sassModels)
 {
-    var mapping = new WebInspector.SASSLiveSourceMap.CSSToSASSMapping();
+    var mapping = new WebInspector.SASSLiveSourceMap.CSSToSASSMapping(cssAST, sassModels);
     //FIXME: this works O(N^2).
     cssAST.visit(map);
     return mapping;
 
     /**
      * @param {!WebInspector.SASSSupport.Node} cssNode
      */
     function map(cssNode)
     {
         if (!(cssNode instanceof WebInspector.SASSSupport.TextNode))
             return;
         var entry = sourceMap.findEntry(cssNode.range.endLine, cssNode.range.endColumn);
         if (!entry || !entry.sourceURL || typeof entry.sourceLineNumber === "undefined" || typeof entry.sourceColumnNumber === "undefined")
             return;
         var sassAST = sassModels.get(entry.sourceURL);
         if (!sassAST)
             return;
         var sassNode = sassAST.findNodeForPosition(entry.sourceLineNumber, entry.sourceColumnNumber);
         if (sassNode)
             mapping.mapCssToSass(cssNode, sassNode);
     }
 }
 
 WebInspector.SASSLiveSourceMap.CSSToSASSMapping.prototype = {
     /**
+     * @return {!WebInspector.SASSSupport.AST}
+     */
+    cssAST: function()
+    {
+        return this._cssAST;
+    },
+
+    /**
+     * @return {!Map<string, !WebInspector.SASSSupport.AST>}
+     */
+    sassModels: function()
+    {
+        return this._sassModels;
+    },
+
+    /**
      * @param {!WebInspector.SASSSupport.TextNode} css
      * @param {!WebInspector.SASSSupport.TextNode} sass
      */
     mapCssToSass: function(css, sass)
     {
         this._cssToSass.set(css, sass);
         this._sassToCss.set(sass, css);
     },
 
     /**
@@ skipping 43 matching lines @@
     {
         return this.toCSSNodes(sassProperty.name).map(name => name.parent);
     },
 
     /**
      * @param {!WebInspector.SASSSupport.ASTDiff} cssDiff
      * @return {!WebInspector.SASSLiveSourceMap.CSSToSASSMapping}
      */
     rebaseForCSSDiff: function(cssDiff)
     {
-        var newMapping = new WebInspector.SASSLiveSourceMap.CSSToSASSMapping();
+        var newMapping = new WebInspector.SASSLiveSourceMap.CSSToSASSMapping(cssDiff.newAST, this._sassModels);
         var cssNodes = this._cssToSass.keysArray();
         for (var i = 0; i < cssNodes.length; ++i) {
             var cssNode = cssNodes[i];
             var sassNode = this._cssToSass.get(cssNode);
             var mappedNode = cssDiff.mapping.get(cssNode);
             if (mappedNode && sassNode)
                 newMapping.mapCssToSass(mappedNode, sassNode);
         }
         return newMapping;
     },
 
     /**
      * @param {!WebInspector.SASSSupport.ASTDiff} sassDiff
      * @return {!WebInspector.SASSLiveSourceMap.CSSToSASSMapping}
      */
     rebaseForSASSDiff: function(sassDiff)
     {
-        var newMapping = new WebInspector.SASSLiveSourceMap.CSSToSASSMapping();
+        var sassModels = new Map(this._sassModels);
+        sassModels.set(sassDiff.url, sassDiff.newAST);
+        var newMapping = new WebInspector.SASSLiveSourceMap.CSSToSASSMapping(this._cssAST, sassModels);
         var cssNodes = this._cssToSass.keysArray();
         for (var i = 0; i < cssNodes.length; ++i) {
             var cssNode = cssNodes[i];
             var sassNode = this._cssToSass.get(cssNode);
             var mappedNode = sassNode.document.url === sassDiff.url ? sassDiff.mapping.get(sassNode) : sassNode;
             if (mappedNode)
                 newMapping.mapCssToSass(cssNode, mappedNode);
         }
         return newMapping;
     },
 
     /**
      * @return {boolean}
      */
     isValid: function()
     {
         var cssNodes = this._cssToSass.keysArray();
         for (var i = 0; i < cssNodes.length; ++i) {
             var cssNode = cssNodes[i];
             if (!cssNode.parent || !(cssNode.parent instanceof WebInspector.SASSSupport.Property))
                 continue;
             if (cssNode !== cssNode.parent.name)
                 continue;
             var sassNode = this._cssToSass.get(cssNode);
             if (sassNode && cssNode.text.trim() !== sassNode.text.trim())
                 return false;
         }
         return true;
-    }
+    },

[dgozman, 2016/01/27 23:14:04]

revert

[lushnikov, 2016/01/28 00:04:29]

Done.

 }