lsd_rails 0.1

data/Packages/Sheet.js/Source/SheetParser.Value.js

@@ -0,0 +1,114 @@
+/*
+---
+name    : SheetParser.Value
+
+authors   : Yaroslaff Fedin
+
+license   : MIT
+
+requires : SheetParser.CSS
+
+provides : SheetParser.Value
+...
+*/
+
+
+(function(exports) {
+  /*<CommonJS>*/
+  var combineRegExp = (typeof module === 'undefined' || !module.exports)
+    ?  exports.combineRegExp
+    :  require('./sg-regex-tools').combineRegExp
+  var SheetParser = exports.SheetParser
+  /*</CommonJS>*/
+  
+  var Value = SheetParser.Value = {version: '1.2.2 dev'};
+  
+  Value.translate = function(value, expression) {
+    var found, result = [], matched = [], scope = result
+    var regex = Value.tokenize, names = regex.names;
+    var chr, unit, number, func, text, operator;
+    while (found = regex.exec(value)) matched.push(found);
+    for (var i = 0; found = matched[i++];) {
+      if ((text = found[names._arguments])) {
+        var translated = Value.translate(text, true), func = found[names['function']];
+        for (var j = 0, bit; bit = translated[j]; j++) if (bit && bit.length == 1) translated[j] = bit[0];
+        if (func && ((operator = operators[func]) == null)) {
+          var obj = {};
+          obj[func] = translated;
+          scope.push(obj);
+        } else {
+          if (isFinite(translated)) {
+            scope.push((operator ? 1 : -1) * translated)
+          } else {
+            if (operator != null) scope.push(func);
+            scope.push(translated);
+          }
+        }
+      } else if ((text = (found[names.number]))) {
+        number = parseFloat(text), unit = found[names.unit];
+        if (expression && scope.length) {
+          chr = text.charAt(0);
+          if ((operator = operators[chr]) != null) {
+            var last = scope[scope.length - 1];
+            if (!last || !last.match || !last.match(Value.operator)) {
+              scope.push(chr);
+              if (!operator) number = - number;
+            }
+          };
+        }
+        scope.push(unit ? {number: number, unit: unit} : number);
+      } else if (found[names.comma]) {
+        if (!result[0].push) result = [result];
+        result.push(scope = []);
+      } else if (found[names.whitespace]) {
+        var length = !expression && scope.length;
+        if (length && (scope == result) && !scope[length - 1].push) scope = scope[length - 1] = [scope[length - 1]];
+      } else if (text = (found[names.dstring] || found[names.sstring] || found[names.token])) {
+        scope.push(text);
+      } else if (text = (found[names.operator])) {
+        expression = true;
+        scope.push(text);
+      }
+    } 
+    return result.length == 1 ? result[0] : result;
+  };
+  var operators = {'-': false, '+': true};
+  var x = combineRegExp
+  var OR = '|'
+  var rRound = "(?:[^()]|\\((?:[^()]|\\((?:[^()]|\\((?:[^()]|\\([^()]*\\))*\\))*\\))*\\))";
+
+  ;(Value['function'] = x("([-_a-zA-Z0-9]*)\\((" + rRound + "*)\\)"))
+  .names = [               'function',       '_arguments']
+  
+  ;(Value.integer = x(/[-+]?\d+/))
+  ;(Value['float'] = x(/[-+]?(?:\d+\.\d*|\d*\.\d+)/))
+  ;(Value.length = x(['(', Value['float'],  OR, Value['integer'], ')', '(em|px|pt|%|fr|deg|(?=$|[^a-zA-Z0-9.]))']))
+  .names = [           'number',                                        'unit'];
+  
+  ;(Value.comma = x(/\s*,\s*/, 'comma'))
+  ;(Value.whitespace = x(/\s+/, 'whitespace'))
+  ;(Value.operator = x(/[-+]|[\/%^~=><*\^]+/, 'operator'))
+
+  ;(Value.stringDouble = x(/"((?:[^"]|\\")*)"/)).names = ['dstring']
+  ;(Value.stringSingle = x(/'((?:[^']|\\')*)'/)).names = ['sstring']
+  ;(Value.string = x([Value.stringSingle, OR, Value.stringDouble]))
+  ;(Value.token = x(/[^$,\s\/())]+/, "token"))
+  
+  Value.tokenize = x
+  (
+    [ x(Value['function']),
+    , OR
+    , x(Value.comma)
+    , OR
+    , x(Value.whitespace)
+    , OR
+    , x(Value.string)
+    , OR
+    , x(Value.length)
+    , OR
+    , x(Value.operator)
+    , OR
+    , x(Value.token)
+    ]
+  )
+})(typeof exports != 'undefined' ? exports : this);

data/Packages/Sheet.js/Source/sg-regex-tools.js

@@ -0,0 +1,42 @@
+/*
+---
+name : sg-regex-tools
+description : A few super-handy tools for messing around with RegExp
+
+authors   : Thomas Aylott
+copyright : © 2010 Thomas Aylott
+license   : MIT
+
+provides : [combineRegExp]
+...
+*/
+;(function(exports){
+
+exports.combineRegExp = function(regex, group){
+	if (regex.source) regex = [regex]
+	
+	var names = [], i, source = '', this_source
+	
+	for (i = 0; i < regex.length; ++i){ if (!regex[i]) continue
+		this_source = regex[i].source || ''+regex[i]
+		if (this_source == '|') source += '|'
+		else {
+			source += (group?'(':'') + this_source.replace(/\s/g,'') + (group?')':'')
+			if (group) names.push(group)
+		}
+		if (regex[i].names)	names = names.concat(regex[i].names)
+	}
+	try {
+		regex = new RegExp(source,'gm')
+	}
+	catch (e){
+		throw new SyntaxError('Invalid Syntax: ' + source +'; '+ e)
+	}
+	// [key] → 1
+	for (i = -1; i < names.length; ++i) names[names[i]] = i + 1
+	// [1] → key
+	regex.names = names
+	return regex
+}
+
+}(typeof exports != 'undefined' ? exports : this))

data/Packages/Sheet.js/Test/DOM-styleSheet.api.js

@@ -0,0 +1,404 @@
+// -*- Mode: JavaScript QUnit; tab-width: 4; -*-
+
+// Requires
+
+/*<CommonJS>*/
+if (typeof assert == 'undefined' && typeof require != 'undefined') {
+	require.paths.push('Test/lib');
+	var assert = require('assert');
+
+	if (typeof	test == 'undefined')
+		var		test = require('SG-Assert-Helpers')
+		.		test;
+}
+/*</CommonJS>*/
+
+var ok = assert.ok;
+var equal = assert.equal;
+
+// Local testing sugar
+
+if (typeof	normalizeCSSText == 'undefined')
+	var		normalizeCSSText = require('SG-Assert-Helpers')
+	.		normalizeCSSText;
+
+if (typeof	matchesMock == 'undefined')
+	var		matchesMock = require('SG-Assert-Helpers')
+	.		matchesMock;
+
+// API
+
+if (typeof API != 'object') var API = {};
+if (typeof exports == 'undefined') exports = this;
+else API = exports;
+
+
+API ["DOM styleSheet"] = function(newSheet){
+	if (!newSheet) throw new Error("API test requires passing a newSheet function");
+	
+	var I = {};
+	
+	I ["test Exists"] = function(){ok( newSheet )}
+	
+	I ["test new sheet conforms to basic api"] = function(){
+		
+		var sheet = newSheet(CSS_MOCK.raw);
+		if (!sheet.cssRules) sheet.cssRules = sheet.rules;
+		
+		ok(sheet, "must actually create a sheet");
+		
+		matchesMock(sheet, CSS_MOCK.parsed)
+	}
+	
+	I ["test webkit animation"] = function(){
+		
+		var sheet = newSheet(WEBKIT_ANIMATION_MOCK_1.raw);
+		if (!sheet.cssRules) sheet.cssRules = sheet.rules;
+		
+		ok(sheet, "must actually create a sheet");
+		
+		matchesMock(sheet, WEBKIT_ANIMATION_MOCK_1.parsed)
+	}
+
+	I ["test CSS rules inside strings"] = function(){
+
+		var sheet = newSheet(CONTENT_MOCK_1.raw);
+		if (!sheet.cssRules) sheet.cssRules = sheet.rules;
+
+		ok(sheet, "must actually create a sheet");
+
+		matchesMock(sheet, CONTENT_MOCK_1.parsed)
+
+	}
+	
+	I ["test updating values updates cssText"] = function(){
+		
+		var style = '#selector{color:green}';
+		var sheet = newSheet(style);
+		if (!sheet.cssRules) sheet.cssRules = sheet.rules;
+		
+		equal(sheet.cssRules[0].style.color, 'green');
+		matchesMock(sheet.cssRules[0].cssText, style);
+		
+		sheet.cssRules[0].style.color = 'blue';
+		equal(sheet.cssRules[0].style.color, 'blue');
+		
+		sheet.toString();
+		
+		matchesMock(sheet.cssRules[0].cssText.toString(), '#selector{color:blue}');
+		matchesMock(''+sheet.cssRules[0].cssText, '#selector{color:blue}');
+	}
+	
+	for (var i = 0; i < MOCK_VALUES.length; ++i)
+		I ["test selectors " + MOCK_VALUES[i].raw] = 
+			newMockTest(MOCK_VALUES[i].raw, MOCK_VALUES[i].parsed, newSheet)
+	
+	for (var i = 0; i < MOCK_SELECTORS.length; ++i)
+		I ["test selectors " + MOCK_SELECTORS[i].raw] = 
+			newMockTest(MOCK_SELECTORS[i].raw, MOCK_SELECTORS[i].parsed, newSheet)
+	
+	for (var i = 0; i < MOCK_COMMENTS.length; ++i)
+		I ["test comments " + MOCK_COMMENTS[i].raw] = 
+			newMockTest(MOCK_COMMENTS[i].raw, MOCK_COMMENTS[i].parsed, newSheet)
+	
+	for (var i = 0; i < MOCK_COMMENTS_2.length; ++i)
+		I ["test comments " + MOCK_COMMENTS_2[i].raw] = 
+			newMockTest(MOCK_COMMENTS_2[i].raw, MOCK_COMMENTS_2[i].parsed, newSheet)
+	
+	return I;
+};
+
+API ["DOM style attribute"] = function(newStyle){
+	if (!newStyle) throw new Error("API test requires passing a newStyle function");
+	
+	var I = {};
+	
+	I ["test Exists"] = function(){ok( newStyle )}
+	
+	I ["test new sheet conforms to basic api"] = function(){
+		
+		var sheet = newStyle(STYLE_MOCK_1.raw);
+		if (!sheet.cssRules) sheet.cssRules = sheet.rules;
+		
+		ok(sheet, "must actually create a style");
+		
+		matchesMock(sheet, STYLE_MOCK_1.parsed)
+	}
+	
+	I ["test updating values updates cssText"] = function(){
+		
+		var style = 'color:green';
+		var sheet = newStyle(style);
+		if (!sheet.cssRules) sheet.cssRules = sheet.rules;
+		
+		equal(sheet.style.color, 'green');
+		matchesMock(sheet.style.cssText, style);
+		
+		sheet.style.color = 'blue';
+		equal(sheet.style.color, 'blue');
+		
+		sheet.toString();
+		
+		matchesMock(sheet.style.cssText.toString(), 'color:blue');
+		matchesMock(''+sheet.style.cssText, 'color:blue');
+		
+	}
+	
+	return I;
+};
+
+
+function newMockTest(raw, parser, newSheet){
+	return function(){
+		matchesMock(newSheet(raw), parser)
+	}
+}
+
+
+// //  //  //  //  //  //  //  //  //  //  //  //  //  //  //  //  //  //  // //
+// Mock
+
+var CSS_MOCK = {raw:"",parsed:{}};
+var styleSheet = CSS_MOCK.parsed;
+
+// styleSheet
+styleSheet.cssRules = [];
+styleSheet.cssRules.cssText = "";
+
+// cssRule
+styleSheet.cssRules[0] = {};
+styleSheet.cssRules[0].selectorText = "#selector";
+styleSheet.cssRules.cssText +=
+styleSheet.cssRules[0].cssText = "#selector { color: green; background-color: rgb(0, 255, 0); }";
+CSS_MOCK.raw += styleSheet.cssRules[0].cssText;
+
+// style
+styleSheet.cssRules[0].style = {};
+styleSheet.cssRules[0].style.cssText = "color: green; background-color: rgb(0, 255, 0);";
+styleSheet.cssRules[0].style[styleSheet.cssRules[0].style[0] = 'color'] = "green";
+styleSheet.cssRules[0].style.backgroundColor =
+styleSheet.cssRules[0].style[styleSheet.cssRules[0].style[1] = 'background-color'] = "rgb(0, 255, 0)";
+styleSheet.cssRules[0].style.length = 2;
+
+// cssRule
+styleSheet.cssRules[1] = {};
+styleSheet.cssRules[1].selectorText = "#selector2";
+styleSheet.cssRules.cssText +=
+styleSheet.cssRules[1].cssText = "#selector2 { color: blue; background-color: rgb(128, 0, 128); }";
+CSS_MOCK.raw += styleSheet.cssRules[1].cssText;
+
+// style
+styleSheet.cssRules[1].style = {};
+styleSheet.cssRules[1].style.cssText = "color: blue; background-color: rgb(128, 0, 128);";
+styleSheet.cssRules[1].style[styleSheet.cssRules[1].style[0] = 'color'] = "blue";
+styleSheet.cssRules[1].style.backgroundColor =
+styleSheet.cssRules[1].style[styleSheet.cssRules[1].style[1] = 'background-color'] = "rgb(128, 0, 128)";
+styleSheet.cssRules[1].style.length = 2;
+
+
+// //  //  //  //  //  //  //  //  //  //  //  //  //  //  //  //  //  //  // //
+
+var STYLE_MOCK_1 = { parsed:{style:{}} };
+var style = STYLE_MOCK_1.parsed.style;
+
+STYLE_MOCK_1.raw = 
+style.cssText = "color: green; background-color: rgb(0, 255, 0);";
+
+style[style[0] = "color"] = "green";
+style.backgroundColor = 
+style[style[1] = "background-color"] = "rgb(0, 255, 0)";
+
+style.length = 2;
+
+
+// //  //  //  //  //  //  //  //  //  //  //  //  //  //  //  //  //  //  // //
+var CONTENT_MOCK_1 = {
+
+	raw: "img {content:'a {color: red}'}",
+
+	parsed: {
+		cssRules: {
+			length: 1,
+			0: {
+				cssText: "img {content:'a {color: red}'}",
+				style: {
+					length: 1,
+					0: "content",
+					cssText: "content:'a {color: red}'",
+					content: "'a{color:red}'"
+				},
+				undefined: undefined
+			}
+		}
+	}
+}
+
+
+var WEBKIT_ANIMATION_MOCK_1 = {
+	
+	raw:'\
+@-webkit-keyframes my-animation {\
+	0% { background-color:blue }\
+	100% { background-color:green }\
+}\
+',
+	
+	parsed:{
+		cssRules:{
+			length:1,
+			0:{//WebKitCSSKeyframesRule
+				// type:8,
+
+				name:"my-animation",
+
+				cssText:'@-webkit-keyframes my-animation { 0% { background-color:blue } 100% { background-color:green } }',
+
+				cssRules:{
+					
+					length:2,
+					
+					0:{//WebKitCSSKeyframeRule
+						// type:9,
+						cssText: "0% { background-color: blue; }",
+						keyText: "0%",
+						style: {
+							cssText: "background-color: blue; ",
+							
+							"background-color": "blue",
+							backgroundColor: "blue",
+							
+							0: "background-color",
+							length: 1
+						}
+					},
+					1:{//WebKitCSSKeyframeRule
+						// type:9,
+						cssText: "100% { background-color: green; }",
+						keyText: "100%",
+						style: {
+							cssText: "background-color: green; ",
+							
+							"background-color": "green",
+							backgroundColor: "green",
+							
+							0: "background-color",
+							length: 1
+						}
+					}
+				},
+
+				// length:2,
+				0:{//WebKitCSSKeyframeRule
+					// type:9,
+					cssText: "0% { background-color: blue; }",
+					keyText: "0%",
+					style: {
+						cssText: "background-color: blue; ",
+						
+						"background-color": "blue",
+						backgroundColor: "blue",
+						
+						0: "background-color",
+						length: 1
+					}
+				},
+				1:{//WebKitCSSKeyframeRule
+					// type:9,
+					cssText: "100% { background-color: green; }",
+					keyText: "100%",
+					style: {
+						cssText: "background-color: green; ",
+						
+						"background-color": "green",
+						backgroundColor: "green",
+						
+						0: "background-color",
+						length: 1
+					}
+				}
+
+			}
+		}
+	}
+	
+};
+
+// //  //  //  //  //  //  //  //  //  //  //  //  //  //  //  //  //  //  // //
+
+var	comment, MOCK_COMMENTS = []
+MOCK_COMMENTS[MOCK_COMMENTS.length] = { raw:'b{color:red}', parsed:{ cssRules:{ length:1, 0:{ cssText:"b{color:red}", style:{ length:1, 0:"color", color:"red" } } } } }
+comment = "/*a*/"
+MOCK_COMMENTS[MOCK_COMMENTS.length] = { raw:''+comment+'b{color:red}', parsed:MOCK_COMMENTS[0].parsed }
+MOCK_COMMENTS[MOCK_COMMENTS.length] = { raw:'b'+comment+'{color:red}', parsed:MOCK_COMMENTS[0].parsed }
+MOCK_COMMENTS[MOCK_COMMENTS.length] = { raw:'b{'+comment+'color:red}', parsed:MOCK_COMMENTS[0].parsed }
+MOCK_COMMENTS[MOCK_COMMENTS.length] = { raw:'b{color'+comment+':red}', parsed:MOCK_COMMENTS[0].parsed }
+MOCK_COMMENTS[MOCK_COMMENTS.length] = { raw:'b{color:'+comment+'red}', parsed:MOCK_COMMENTS[0].parsed }
+MOCK_COMMENTS[MOCK_COMMENTS.length] = { raw:'b{color:red'+comment+'}', parsed:MOCK_COMMENTS[0].parsed }
+MOCK_COMMENTS[MOCK_COMMENTS.length] = { raw:'b{color:red}'+comment+'', parsed:MOCK_COMMENTS[0].parsed }
+
+comment = "\
+/******************************\n\
+ * lol, Block Comment\n\
+******************************/\n\
+"
+MOCK_COMMENTS[MOCK_COMMENTS.length] = { raw:''+comment+'b{color:red}', parsed:MOCK_COMMENTS[0].parsed }
+MOCK_COMMENTS[MOCK_COMMENTS.length] = { raw:'b'+comment+'{color:red}', parsed:MOCK_COMMENTS[0].parsed }
+MOCK_COMMENTS[MOCK_COMMENTS.length] = { raw:'b{'+comment+'color:red}', parsed:MOCK_COMMENTS[0].parsed }
+MOCK_COMMENTS[MOCK_COMMENTS.length] = { raw:'b{color'+comment+':red}', parsed:MOCK_COMMENTS[0].parsed }
+MOCK_COMMENTS[MOCK_COMMENTS.length] = { raw:'b{color:'+comment+'red}', parsed:MOCK_COMMENTS[0].parsed }
+MOCK_COMMENTS[MOCK_COMMENTS.length] = { raw:'b{color:red'+comment+'}', parsed:MOCK_COMMENTS[0].parsed }
+MOCK_COMMENTS[MOCK_COMMENTS.length] = { raw:'b{color:red}'+comment+'', parsed:MOCK_COMMENTS[0].parsed }
+
+var MOCK_COMMENTS_2 = []
+for (var i = 0; i < MOCK_COMMENTS.length; ++i){
+	MOCK_COMMENTS_2[MOCK_COMMENTS_2.length] = {
+		raw: MOCK_COMMENTS[i].raw + MOCK_COMMENTS[i].raw,
+		parsed: {
+			cssRules: {
+				length: 2,
+				0: MOCK_COMMENTS[i].parsed.cssRules[0],
+				1: MOCK_COMMENTS[i].parsed.cssRules[0]
+			}
+		}
+	}
+}
+
+// //  //  //  //  //  //  //  //  //  //  //  //  //  //  //  //  //  //  // //
+
+var	rule, MOCK, comment, MOCK_SELECTORS = []
+MOCK=MOCK_SELECTORS[MOCK_SELECTORS.length]={parsed:{cssRules:{length:1,0:{style:{length:1,0:"color",color:"red"}}}}};rule=MOCK.parsed.cssRules[0];MOCK.raw=rule.cssText=(rule.selectorText=
+"a")+"{color:red}"
+MOCK=MOCK_SELECTORS[MOCK_SELECTORS.length]={parsed:{cssRules:{length:1,0:{style:{length:1,0:"color",color:"red"}}}}};rule=MOCK.parsed.cssRules[0];MOCK.raw=rule.cssText=(rule.selectorText=
+"a:first-child")+"{color:red}"
+MOCK=MOCK_SELECTORS[MOCK_SELECTORS.length]={parsed:{cssRules:{length:1,0:{style:{length:1,0:"color",color:"red"}}}}};rule=MOCK.parsed.cssRules[0];MOCK.raw=rule.cssText=(rule.selectorText=
+"a:not()")+"{color:red}"
+MOCK=MOCK_SELECTORS[MOCK_SELECTORS.length]={parsed:{cssRules:{length:1,0:{style:{length:1,0:"color",color:"red"}}}}};rule=MOCK.parsed.cssRules[0];MOCK.raw=rule.cssText=(rule.selectorText=
+"a:not(a b c)")+"{color:red}"
+MOCK=MOCK_SELECTORS[MOCK_SELECTORS.length]={parsed:{cssRules:{length:1,0:{style:{length:1,0:"color",color:"red"}}}}};rule=MOCK.parsed.cssRules[0];MOCK.raw=rule.cssText=(rule.selectorText=
+"a:contains(a{b:c})")+"{color:red}"
+MOCK=MOCK_SELECTORS[MOCK_SELECTORS.length]={parsed:{cssRules:{length:1,0:{style:{length:1,0:"color",color:"red"}}}}};rule=MOCK.parsed.cssRules[0];MOCK.raw=rule.cssText=(rule.selectorText=
+"a:contains('a{b:c}')")+"{color:red}"
+MOCK=MOCK_SELECTORS[MOCK_SELECTORS.length]={parsed:{cssRules:{length:1,0:{style:{length:1,0:"color",color:"red"}}}}};rule=MOCK.parsed.cssRules[0];MOCK.raw=rule.cssText=(rule.selectorText=
+'a:contains("a{b:c}")')+"{color:red}"
+MOCK=MOCK_SELECTORS[MOCK_SELECTORS.length]={parsed:{cssRules:{length:1,0:{style:{length:1,0:"color",color:"red"}}}}};rule=MOCK.parsed.cssRules[0];MOCK.raw=rule.cssText=(rule.selectorText=
+"a[href]")+"{color:red}"
+MOCK=MOCK_SELECTORS[MOCK_SELECTORS.length]={parsed:{cssRules:{length:1,0:{style:{length:1,0:"color",color:"red"}}}}};rule=MOCK.parsed.cssRules[0];MOCK.raw=rule.cssText=(rule.selectorText=
+"a[href=foo]")+"{color:red}"
+MOCK=MOCK_SELECTORS[MOCK_SELECTORS.length]={parsed:{cssRules:{length:1,0:{style:{length:1,0:"color",color:"red"}}}}};rule=MOCK.parsed.cssRules[0];MOCK.raw=rule.cssText=(rule.selectorText=
+"a[href=foo bar]")+"{color:red}"
+MOCK=MOCK_SELECTORS[MOCK_SELECTORS.length]={parsed:{cssRules:{length:1,0:{style:{length:1,0:"color",color:"red"}}}}};rule=MOCK.parsed.cssRules[0];MOCK.raw=rule.cssText=(rule.selectorText=
+"a[href='foo bar']")+"{color:red}"
+MOCK=MOCK_SELECTORS[MOCK_SELECTORS.length]={parsed:{cssRules:{length:1,0:{style:{length:1,0:"color",color:"red"}}}}};rule=MOCK.parsed.cssRules[0];MOCK.raw=rule.cssText=(rule.selectorText=
+'a[href="foo bar"]')+"{color:red}"
+MOCK=MOCK_SELECTORS[MOCK_SELECTORS.length]={parsed:{cssRules:{length:1,0:{style:{length:1,0:"color",color:"red"}}}}};rule=MOCK.parsed.cssRules[0];MOCK.raw=rule.cssText=(rule.selectorText=
+"a[href='a{b:c}']")+"{color:red}"
+MOCK=MOCK_SELECTORS[MOCK_SELECTORS.length]={parsed:{cssRules:{length:1,0:{style:{length:1,0:"color",color:"red"}}}}};rule=MOCK.parsed.cssRules[0];MOCK.raw=rule.cssText=(rule.selectorText=
+'a[href="a{b:c}"]')+"{color:red}"
+// //  //  //  //  //  //  //  //  //  //  //  //  //  //  //  //  //  //  // //
+
+var	rule, MOCK, comment, MOCK_VALUES = []
+MOCK=MOCK_VALUES[MOCK_VALUES.length]={parsed:{cssRules:{length:1,0:{selectorText:"a",style:{length:1,0:"background-image",backgroundImage:"url(http://foo.com/?};)"}}}}};
+rule=MOCK.parsed.cssRules[0];
+MOCK.raw=rule.cssText="a{background-image:url(http://foo.com/?};)}"
+
+// //  //  //  //  //  //  //  //  //  //  //  //  //  //  //  //  //  //  // //

data/Packages/Sheet.js/Test/Sheet.test.js

@@ -0,0 +1,25 @@
+// -*- Mode: JavaScript QUnit; tab-width: 4; -*-
+
+if (typeof exports == 'undefined') exports = {};
+
+// Test Requirements
+
+if (typeof module !== 'undefined' && module.exports) {
+	// If run from the project root
+	require.paths.unshift('Source');
+	require.paths.unshift('Test');
+	
+	if (typeof API == 'undefined')
+		var API = require("DOM-styleSheet.api");
+	
+	if (typeof Sheet == 'undefined')
+		var Sheet = require("Sheet").Sheet;
+}
+
+// Test
+
+exports ["test Sheet.js | DOM styleSheet"] = 
+	API ["DOM styleSheet"] (Sheet);
+
+exports ["test Sheet.js | DOM style attribute"] = 
+	API ["DOM style attribute"] (Sheet);

data/Packages/Sheet.js/Test/SheetParser.CSS.RegExp.test.js

@@ -0,0 +1,108 @@
+// -*- Mode: JavaScript QUnit; tab-width: 4; -*-
+
+module ("SheetParser.CSS RegExp");
+
+test ("parse CSS",function(){
+	var css = '/* howdy! */ #id > foo {key:value;key2:val2} @import foo; @bar {/*block*/}';
+	//console.log(SheetParser.CSS.parse(css));
+	//console.log(JSON.stringify(SheetParser.CSS.parse(css)));
+})
+
+/*
+test ("parse SCSS (Sassy CSS)",function(){
+	
+	var css = '\
+@mixin table-scaffolding {\
+  th {\
+    text-align: center;\
+    font-weight: bold;\
+  }\
+  td, th { padding: 2px; }\
+}\
+\
+@mixin left($dist) {\
+  float: left;\
+  margin-left: $dist;\
+}\
+\
+#data {\
+  @include left(10px);\
+  @include table-scaffolding;\
+}\
+';
+	var sheet = new Sheet(css);
+	
+	ok(sheet);
+	ok(sheet.cssRules);
+	ok(sheet.cssRules.length);
+	equal(sheet.cssRules.length, 3);
+})
+*/
+
+test ('parse style=""',function(){
+	var css = 'key:value';
+	//console.log(SheetParser.CSS.parse(css));
+	//console.log(JSON.stringify(SheetParser.CSS.parse(css)));
+	
+	var css = 'key:value;key:value';
+	//console.log(SheetParser.CSS.parse(css));
+	//console.log(JSON.stringify(SheetParser.CSS.parse(css)));
+	
+	var css = 'key:value;key:value2';
+	//console.log(SheetParser.CSS.parse(css));
+	//console.log(JSON.stringify(SheetParser.CSS.parse(css)));
+})
+
+
+/*
+{
+	"length": 2,
+	"cssText": "@-webkit-keyframes my-animation {\t\t0% { background-color:blue }\t\t100% { background-color:green }\t}",
+	"0": {
+		"cssText": "@-webkit-keyframes my-animation {\t\t0% { background-color:blue }",
+		"selectorText": "@-webkit-keyframes my-animation",
+		"style": {
+			"length": 1,
+			"cssText": "0% { background-color:blue ",
+			"0": "background-color",
+			"background-color": "blue "
+		}
+	},
+	"1": {
+		"cssText": "\t\t100% { background-color:green }",
+		"selectorText": "100%",
+		"style": {
+			"length": 1,
+			"cssText": "background-color:green ",
+			"0": "background-color",
+			"background-color": "green "
+		}
+	}
+}
+*/
+/*
+{
+	"length": 2,
+	"cssText": "@-webkit-keyframes my-animation {\t\t0% { background-color:blue }\t\t100% { background-color:green }\t}",
+	"0": {
+		"cssText": "@-webkit-keyframes my-animation {\t\t0% { background-color:blue }",
+		"selectorText": "@-webkit-keyframes my-animation",
+		"style": {
+			"length": 1,
+			"cssText": "0% { background-color:blue ",
+			"0": "background-color",
+			"background-color": "blue "
+		}
+	},
+	"1": {
+		"cssText": "\t\t100% { background-color:green }",
+		"selectorText": "100%",
+		"style": {
+			"length": 1,
+			"cssText": "background-color:green ",
+			"0": "background-color",
+			"background-color": "green "
+		}
+	}
+}
+*/