Support for parsing all CSS and producing one CSS file

lib/src/analyzer.dart

 // Copyright (c) 2012, the Dart project authors.  Please see the AUTHORS file
 // for details. All rights reserved. Use of this source code is governed by a
 // BSD-style license that can be found in the LICENSE file.
 
 /**
  * Part of the template compilation that concerns with extracting information
  * from the HTML parse tree.
  */
 library analyzer;
 
+import 'dart:uri';
 import 'package:html5lib/dom.dart';
 import 'package:html5lib/dom_parsing.dart';
 import 'package:source_maps/span.dart';
 
 import 'dart_parser.dart';
 import 'file_system/path.dart';
 import 'files.dart';
 import 'html5_utils.dart';
 import 'info.dart';
 import 'messages.dart';
@@ skipping 91 matching lines @@
     // child nodes and get their infos, and if any of them need data binding,
     // we create an ElementInfo for ourselves and return it, otherwise we just
     // return null.
     if (info == null) {
       // <element> tags are tracked in the file's declared components, so they
       // don't need a parent.
       var parent = node.tagName == 'element' ? null : _parent;
       info = new ElementInfo(node, parent);
     }
 
-    // TODO(terry): How to handle <link rel="stylesheet" href="...">
-    //              - What if multiple stylesheet links for a component?
-    //              - What if a stylesheet link for all component and particular
-    //                stylesheet links for each component?
-    //              - What if multiple <style> tags for the same component?
-    if (node.tagName == 'style' && node.attributes.containsKey("scoped")) {
-      // TODO(terry): Faster to parse the CSS tags separately instead of
-      //              concatenating all styles.
-      // Get contents of style tag.
-      _currentInfo.cssSource.write(node.nodes.single.value);
-    }
-
     visitElementInfo(info);
 
     if (_parent == null) {
       _fileInfo.bodyInfo = info;
     }
   }
 
   void visitElementInfo(ElementInfo info) {
     var node = info.node;
 
@@ skipping 587 matching lines @@
     }
   }
 
   /**
    * Process `link rel="component"` as specified in:
    * <https://dvcs.w3.org/hg/webcomponents/raw-file/tip/spec/components/index.html#link-type-component>
    */
   void visitLinkElement(Element node) {
     // TODO(jmesserly): deprecate the plural form, it is singular in the spec.
     var rel = node.attributes['rel'];
-    if (rel != 'component' && rel != 'components') return;
+    if (rel != 'components' && rel != 'stylesheet') return;

[Siggi Cherem (dart-lang), 2013/03/07 22:14:20]

there seems to be a bad merge here. this should also include the singular
'component' as well as the plural 'components'

[terry, 2013/03/08 20:11:24]

Nice catch yeah it was a bad merge.

On 2013/03/07 22:14:20, Siggi Cherem (dart-lang) wrote:

 
     if (!_inHead) {
       _messages.warning('link rel="$rel" only valid in '
           'head.', node.sourceSpan, file: _fileInfo.path);
       return;
     }
 
     var href = node.attributes['href'];
     if (href == null || href == '') {
       _messages.warning('link rel="$rel" missing href.',
           node.sourceSpan, file: _fileInfo.path);
       return;
     }
 
     var path;
     if (href.startsWith('package:')) {
       path = _packageRoot.join(new Path(href.substring(8)));
     } else {
       path = _fileInfo.path.directoryPath.join(new Path(href));
     }
 
-    _fileInfo.componentLinks.add(path);
+    switch (rel) {
+    case 'components':

[Siggi Cherem (dart-lang), 2013/03/07 22:14:20]

given that there are only two options (since you returned earlier on anything
else), a simple if should do:

if (rel == 'component' || rel == 'components') {
  _fileInfo.componentLinks.add(path);
} else {
  ...
}

[terry, 2013/03/08 20:11:24]

Done.

+      _fileInfo.componentLinks.add(path);
+      break;
+    case 'stylesheet':
+      // Local stylesheets only are handled.
+      var scheme = Uri.parse(href).scheme;
+      if (scheme != 'http' && scheme != 'https') {
+        _fileInfo.styleSheetHref.add(path);
+      }
+      break;
+    }
   }
 
   void visitElementElement(Element node) {
     // TODO(jmesserly): what do we do in this case? It seems like an <element>
     // inside a Shadow DOM should be scoped to that <template> tag, and not
     // visible from the outside.
     if (_currentInfo is ComponentInfo) {
       _messages.error('Nested component definitions are not yet supported.',
           node.sourceSpan, file: _fileInfo.path);
       return;
@@ skipping 207 matching lines @@
     if (start == null) moveNext();
     if (start < length) {
       do {
         bindings.add(binding);
         content.add(textContent);
       } while (moveNext());
     }
     content.add(textContent);
   }
 }