Initial commit

Author: tj

.gitignore

@@ -0,0 +1 @@
+node_modules

.npmignore

@@ -0,0 +1,4 @@
+support
+test
+examples
+*.sock

History.md

@@ -0,0 +1,5 @@
+
+0.0.1 / 2010-01-03
+==================
+
+  * Initial release

Makefile

@@ -0,0 +1,7 @@
+
+test:
+	@./node_modules/.bin/mocha \
+		--require should \
+		--reporter spec
+
+.PHONY: test

Readme.md

@@ -0,0 +1,29 @@
+
+# css-stringify
+
+  CSS compiler using the AST provided by [css-parse](https://github.com/visionmedia/node-css-parse).
+
+## License 
+
+(The MIT License)
+
+Copyright (c) 2012 TJ Holowaychuk <tj@vision-media.ca>
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+'Software'), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
+IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
+CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
+TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
+SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

examples/dialog.css

@@ -0,0 +1,92 @@
+#dialog {
+  position: fixed;
+  left: 50%;
+  top: 150px;
+  max-width: 600px;
+  min-width: 250px;
+  border: 1px solid #eee;
+  background: white;
+  z-index: 1000;
+}
+
+#dialog .content {
+  padding: 15px 20px;
+}
+
+#dialog h1 {
+  margin: 0 0 5px 0;
+  font-size: 16px;
+  font-weight: normal;
+}
+
+#dialog p {
+  margin: 0;
+  padding: 0;
+  font-size: .9em;
+}
+
+#dialog.modal {
+  box-shadow: 0 1px 8px 0 black;
+}
+
+/* close */
+
+#dialog .close {
+  position: absolute;
+  top: 3px;
+  right: 10px;
+  text-decoration: none;
+  color: #888;
+  font-size: 16px;
+  font-weight: bold;
+  display: none;
+}
+
+#dialog.closable .close {
+  display: block;
+}
+
+#dialog .close:hover {
+  color: black;
+}
+
+#dialog .close:active {
+  margin-top: 1px;
+}
+
+/* slide */
+
+#dialog.slide {
+  -webkit-transition: opacity 300ms, top 300ms;
+  -moz-transition: opacity 300ms, top 300ms;
+}
+
+#dialog.slide.hide {
+  opacity: 0;
+  top: -500px;
+}
+
+/* fade */
+
+#dialog.fade {
+  -webkit-transition: opacity 300ms;
+  -moz-transition: opacity 300ms;
+}
+
+#dialog.fade.hide {
+  opacity: 0;
+}
+
+/* scale */
+
+#dialog.scale {
+  -webkit-transition: -webkit-transform 300ms;
+  -moz-transition: -moz-transform 300ms;
+  -webkit-transform: scale(1);
+  -moz-transform: scale(1);
+}
+
+#dialog.scale.hide {
+  -webkit-transform: scale(0);
+  -moz-transform: scale(0);
+}

examples/dialog.js

@@ -0,0 +1,11 @@
+
+/**
+ * Module dependencies.
+ */
+
+var parse = require('..')
+  , fs = require('fs')
+  , read = fs.readFileSync
+  , css = read('examples/dialog.css', 'utf8');
+
+console.log(JSON.stringify(parse(css), null, 2));

index.js

@@ -0,0 +1,4 @@
+
+module.exports = function(node){
+  
+};

package.json

@@ -0,0 +1,13 @@
+{
+  "name": "css-parse",
+  "version": "0.0.1",
+  "description": "CSS parser",
+  "keywords": ["css", "parser", "stylesheet"],
+  "author": "TJ Holowaychuk <tj@vision-media.ca>",
+  "devDependencies": {
+    "mocha": "*",
+    "should": "*",
+    "css-parse": "1.0.0"
+  },
+  "main": "index"
+}

test/cases/empty.css

@@ -0,0 +1,5 @@
+{
+  "stylesheet": {
+    "rules": []
+  }
+}

test/cases/empty.json

@@ -0,0 +1,3 @@
+{
+  
+  asdfasdfasdfasd

test/cases/invalid.css

@@ -0,0 +1,5 @@
+{
+  "stylesheet": {
+    "rules": []
+  }
+}

test/cases/invalid.json

@@ -0,0 +1,15 @@
+body { foo
+  :
+  'bar' }
+
+   body{foo:bar;bar:baz}
+   body
+   {
+     foo
+     :
+     bar
+     ;
+     bar
+     :
+     baz
+     }

test/cases/messed-up.css

@@ -0,0 +1,41 @@
+{
+  "stylesheet": {
+    "rules": [
+      {
+        "selector": "body",
+        "declarations": [
+          {
+            "property": "foo\n  ",
+            "value": "'bar'"
+          }
+        ]
+      },
+      {
+        "selector": "body",
+        "declarations": [
+          {
+            "property": "foo",
+            "value": "bar"
+          },
+          {
+            "property": "bar",
+            "value": "baz"
+          }
+        ]
+      },
+      {
+        "selector": "body",
+        "declarations": [
+          {
+            "property": "foo\n     ",
+            "value": "bar"
+          },
+          {
+            "property": "bar\n     ",
+            "value": "baz"
+          }
+        ]
+      }
+    ]
+  }
+}

test/cases/messed-up.json

@@ -0,0 +1,5 @@
+
+tobi loki jane {
+  are: 'all';
+  the-species: called "ferrets"
+}

test/cases/no-semi.css

@@ -0,0 +1,19 @@
+{
+  "stylesheet": {
+    "rules": [
+      {
+        "selector": "tobi loki jane",
+        "declarations": [
+          {
+            "property": "are",
+            "value": "'all'"
+          },
+          {
+            "property": "the-species",
+            "value": "called \"ferrets\""
+          }
+        ]
+      }
+    ]
+  }
+}

test/cases/no-semi.json

@@ -0,0 +1,5 @@
+
+tobi loki jane {
+  are: 'all';
+  the-species: called "ferrets";
+}

test/cases/props.css

@@ -0,0 +1,19 @@
+{
+  "stylesheet": {
+    "rules": [
+      {
+        "selector": "tobi loki jane",
+        "declarations": [
+          {
+            "property": "are",
+            "value": "'all'"
+          },
+          {
+            "property": "the-species",
+            "value": "called \"ferrets\""
+          }
+        ]
+      }
+    ]
+  }
+}

test/cases/props.json

@@ -0,0 +1,3 @@
+foo {
+  bar: 'baz';
+}

test/cases/rule.css

@@ -0,0 +1,15 @@
+{
+  "stylesheet": {
+    "rules": [
+      {
+        "selector": "foo",
+        "declarations": [
+          {
+            "property": "bar",
+            "value": "'baz'"
+          }
+        ]
+      }
+    ]
+  }
+}

test/cases/rule.json

@@ -0,0 +1,6 @@
+tobi {
+  name: 'tobi';
+}
+loki {
+  name: 'loki';
+}

test/cases/rules.css

@@ -0,0 +1,24 @@
+{
+  "stylesheet": {
+    "rules": [
+      {
+        "selector": "tobi",
+        "declarations": [
+          {
+            "property": "name",
+            "value": "'tobi'"
+          }
+        ]
+      },
+      {
+        "selector": "loki",
+        "declarations": [
+          {
+            "property": "name",
+            "value": "'loki'"
+          }
+        ]
+      }
+    ]
+  }
+}

test/cases/rules.json

@@ -0,0 +1,24 @@
+
+/**
+ * Module dependencies.
+ */
+
+var stringify = require('..')
+  , parse = require('css-parse')
+  , fs = require('fs')
+  , path = require('path')
+  , read = fs.readFileSync
+  , readdir = fs.readdirSync;
+
+describe('stringify(obj)', function(){
+  readdir('test/cases').forEach(function(file){
+    if (~file.indexOf('css')) return;
+    file = path.basename(file, '.json');
+    it('should stringify ' + file, function(){
+      var css = read(path.join('test', 'cases', file + '.css'), 'utf8');
+      var json = read(path.join('test', 'cases', file + '.json'), 'utf8');
+      var ret = stringify(parse(css));
+      ret.should.equal(css);
+    })
+  });
+})