Support for parsing all CSS and producing one CSS file

lib/src/html_css_fixup.dart

 // Copyright (c) 2013, 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.
 
 library html_css_fixup;
 
 import 'dart:json' as json;
 
 import 'package:html5lib/dom.dart';
 import 'package:html5lib/dom_parsing.dart';
 import 'package:csslib/visitor.dart';
 
+import 'file_system/path.dart';
 import 'info.dart';
 import 'messages.dart';
 import 'options.dart';
 
 /**
  *  If processCss is enabled, prefix any component's HTML attributes for id or
  *  class to reference the mangled CSS class name or id.
  *
  *  Adds prefix error/warning messages to [messages], if [messages] is
  *  supplied.
  */
 void fixupHtmlCss(FileInfo fileInfo, CompilerOptions opts) {
   // Walk the HTML tree looking for class names or id that are in our parsed
   // stylesheet selectors and making those CSS classes and ids unique to that
   // component.
   if (opts.verbose) print("  CSS fixup ${fileInfo.path.filename}");
   for (var component in fileInfo.declaredComponents) {
-    if (component.styleSheet != null) {
+    // TODO(terry): Consider allowing more than one style sheet per component.
+    // For components only 1 stylesheet allowed.
+    if (!component.styleSheets.isEmpty && component.styleSheets.length == 1) {
+      var styleSheet = component.styleSheets[0];
       // If polyfill is on prefix component name to all CSS classes and ids
       // referenced in the scoped style.
       var prefix = opts.processCss ? component.tagName : null;
       // List of referenced #id and .class in CSS.
-      var knownCss = new IdClassVisitor()..visitTree(component.styleSheet);
+      var knownCss = new IdClassVisitor()..visitTree(styleSheet);
       // Prefix all id and class refs in CSS selectors and HTML attributes.
       new _ScopedStyleRenamer(knownCss, prefix, opts.debugCss).visit(component);
     }
   }
 }
 
 /** Build list of every CSS class name and id selector in a stylesheet. */
 class IdClassVisitor extends Visitor {
   final Set<String> classes = new Set();
   final Set<String> ids = new Set();
@@ skipping 22 matching lines @@
   }
   return selectors;
 }
 
 /**
  * Return a map of simple CSS selectors (class and id selectors) as a Dart map
  * definition.
  */
 String createCssSelectorsDefinition(ComponentInfo info, bool cssPolyfill) {
   var cssVisited = new IdClassVisitor();
-  if (info.styleSheet != null) cssVisited..visitTree(info.styleSheet);
+
+  // For components only 1 stylesheet allowed.
+  if (!info.styleSheets.isEmpty && info.styleSheets.length == 1) {
+    var styleSheet = info.styleSheets[0];
+    cssVisited..visitTree(styleSheet);
+  }
+
   var css = json.stringify(createCssSimpleSelectors(cssVisited, info,
       scopedStyles: cssPolyfill));
-
   return 'static Map<String, String> _css = $css;';
 }
 
 // TODO(terry): Do we need to handle other selectors than IDs/classes?
 // TODO(terry): Would be nice if we didn't need to mangle names; requires users
 //              to be careful in their code and makes it more than a "polyfill".
 //              Maybe mechanism that generates CSS class name for scoping.
 /**
  * Fix a component's HTML to implement scoped stylesheets.
  *
@@ skipping 67 matching lines @@
       if (id != null && ids.contains(id)) {
         var mangledName = "${prefix}_$id";
         if (_debugCss) {
           print("    id = ${node.attributes['id'].toString()} => $mangledName");
         }
         node.attributes['id'] = mangledName;
       }
     }
   }
 }
+
+/** Compute each CSS URI resource relative from the generated CSS file. */
+class UriVisitor extends Visitor {
+  final Path _relativePath;
+
+  UriVisitor(PathInfo pathInfo, Path mainFile, Path cssFile, bool rewriteUrl)
+      : _relativePath = cssFile.relativeTo(
+          rewriteUrl ? pathInfo.outputDirPath(mainFile) : mainFile.directoryPath
+              ).directoryPath;

[Siggi Cherem (dart-lang), 2013/03/11 21:13:11]

oops - this was my fault. Can you fix the indentation/line-breaks here?

[terry, 2013/03/11 22:09:13]

Done.

+
+
+  void visitUriTerm(UriTerm node) {
+    // TODO(terry): Needs to use pathos.
+    node.text = _relativePath.join(new Path(node.text)).toString();
+  }
+}