Initial commit

Author: Antony Jones

.gitignore

@@ -0,0 +1,2 @@
+.vscode
+node_modules

.travis.yml

@@ -0,0 +1,6 @@
+language: node_js
+node_js:
+  - 4
+  - 5
+  - 6
+  - 7

README.MD

@@ -0,0 +1,23 @@
+## Json to Css
+
+Converts JSON to Css
+
+### Dependencies
+
+This module has no external dependencies.
+
+### API
+
+* <class> `Css`
+  * [string] <static> `of(json)`
+    * Returns a minified version of the css rules defined in `json`
+
+### Usage
+
+```
+const Css = require('json-to-css')
+const json = require('./some-css.json')
+
+const css = Css.of(json)
+console.log(css)
+```

index.js

@@ -0,0 +1 @@
+module.exports = require('src/css')

package.json

@@ -0,0 +1,28 @@
+{
+  "name": "json-to-css",
+  "version": "0.0.0",
+  "description": "Converts json to CSS",
+  "main": "index.js",
+  "scripts": {
+    "test": "mocha **/*.spec.js"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+ssh://git@github.com/desirable-objects/json-to-css.git"
+  },
+  "keywords": [
+    "json",
+    "css",
+    "convert"
+  ],
+  "author": "Antony Jones",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/desirable-objects/json-to-css/issues"
+  },
+  "homepage": "https://github.com/desirable-objects/json-to-css#readme",
+  "devDependencies": {
+    "code": "^4.0.0",
+    "mocha": "^3.1.2"
+  }
+}

src/css.js

@@ -0,0 +1,17 @@
+'use strict'
+
+class Css {
+  static of (json) {
+    const selectors = Object.keys(json)
+    return selectors.map((selector) => {
+      const definition = json[selector]
+      const rules = Object.keys(definition)
+      const result = rules.map((rule) => {
+        return `${rule}:${definition[rule]}`
+      }).join(';')
+      return `${selector}{${result}}`
+    }).join('\n')
+  }
+}
+
+module.exports = Css

src/css.spec.js

@@ -0,0 +1,51 @@
+'use strict'
+
+const expect = require('code').expect
+
+const Css = require('./css')
+
+describe('Css', () => {
+  let css
+  const json = {
+    h1: {
+      'font-size': '18vw',
+      color: 'rgb(128,128,128,255)'
+    },
+    p: {
+      border: '1px 1px 1px 2px'
+    },
+    'a::before': {
+      content: 'x'
+    },
+    '.a > .b > .c': {
+      top: 0
+    }
+  }
+
+  context('#Of()', () => {
+    let css
+    before(() => {
+      css = Css.of(json)
+    })
+
+    it('Line per selector', () => {
+      expect(css.split('\n').length).to.equal(4)
+    })
+
+    it('Parses basic css', () => {
+      expect(css).to.contain('p{border:1px 1px 1px 2px}')
+    })
+
+    it('Parses multiple lines', () => {
+      expect(css).to.contain('h1{font-size:18vw;color:rgb(128,128,128,255)}')
+    })
+
+    it('Parses pseudo selector', () => {
+      expect(css).to.contain('h1{font-size:18vw;color:rgb(128,128,128,255)}')
+    })
+
+    it('Parses numbers', () => {
+      expect(css).to.contain('.a > .b > .c{top:0}')
+    })
+  })
+})