add: js-yaml, option.format using scss

Author: futurist

README.md

@@ -146,6 +146,7 @@ You have two way to escape the transform
     {
     "mapName": "makeLocal",
     "tag": "MYTAG",
+    "format": "less",
     "names": {"cssobj": {"name": "_cssobj", "path": "./cssobj"}}
     } ] ]
   }

index.js

@@ -31,6 +31,7 @@ module.exports = function (babel) {
         var option = state.opts // babel5: state===opts
         option = objutil.defaults(option, {
           tag: 'CSSOBJ',
+          format: 'scss',
           names: {
             cssobj: {name: 'cssobj', path: 'cssobj'}
           }
@@ -79,7 +80,7 @@ module.exports = function (babel) {
             }
 
             // css object transform
-            var obj = converter(texts.join(templateDelimiter))
+            var obj = converter(texts.join(templateDelimiter), option.format)
             var objStr = util.inspect(obj, {depth: null})
               .split('\'' + templateDelimiter + '\'')
               .map(function (v, i, arr) {

package.json

@@ -1,14 +1,14 @@
 {
   "name": "babel-plugin-transform-cssobj",
-  "version": "3.0.1",
+  "version": "3.0.2",
   "description": "Babel plugin to transform css into cssobj (CSS in JS engine), map class names into cssobj localized names",
   "main": "index.js",
   "directories": {
     "test": "test"
   },
   "files": [
-    "*.js",
-    "*.md"
+    "index.js",
+    "transform-plugins.js"
   ],
   "scripts": {
     "objutil": "rollup -c ./node_modules/objutil/rollup.config.js --api defaults",
@@ -47,6 +47,7 @@
   "dependencies": {
     "babel-plugin-syntax-jsx": "^6.18.0",
     "cssobj-converter": "*",
+    "js-yaml": "*",
     "objutil": "^2.0.7"
   }
 }

test/test.js

@@ -117,19 +117,21 @@ cssobj({}, {
   it('should work with no config', function() {
     let node = `
 var d = CSSOBJ\`
-body { color: $\{getColor()\}; }
-.p1 { color: blue; font-size: 12px; }
+body {
+  color: $\{getColor()\};
+  .p1 { color: blue; font-size: 12px; }
+}
 \`
 `
     expect(lib(node)).to.equal(`import cssobj from "cssobj";
 
 var d = cssobj({
   body: {
-    color: getColor()
-  },
-  '.p1': {
-    color: 'blue',
-    fontSize: '12px'
+    color: getColor(),
+    '.p1': {
+      color: 'blue',
+      fontSize: '12px'
+    }
   }
 }, {});`)