✨ injectSubClasses() run now recursive

Author: DoubleU23

README.md

@@ -87,13 +87,11 @@ let style   = require('cssobjects-loader!sass-loader!./your.sass');
 ### issues
 * for objectformat and enhanced usage go to [nativeCss](https://github.com/raphamorim/native-css)
 * loader related issues or PR's are welcome
-* __known issues__:
-    * style's subclasses recognized only 1 lvl deep  
-    (others are defined as `{parentClass__subClass1__subClass2: {}}`)  
+* __known issues__: 
     * native-css not found (issue #18)
 
-### to be done  
-* inject style's subclasses recursively  
-* use [humps](https://www.npmjs.com/package/humps) for objectKeys  
-* write testscripts, DocBlocks, Comments  
-* ES6 (/dist + buildScript)
+### v1 roadmap  
+* [x] inject style's subclasses recursively  
+* [ ] use [humps](https://www.npmjs.com/package/humps) for objectKeys  
+* [ ] write testscripts, DocBlocks, Comments  
+* [ ] ES6 (/dist + buildScript)

lib/transformToNestedDomStyleObjects.js

@@ -1,57 +1,68 @@
-'use strict';
+'use strict'
 
 Object.defineProperty(exports, "__esModule", {
   value: true
-});
-exports.default = transformToNestedDomStyleObjects;
-// f.e. font-family => fontFamily; border-radius => borderRadius
+})
+exports.default = transformToNestedDomStyleObjects
+// f.e. font-family => fontFamily border-radius => borderRadius
 var transformPropertiesToCamelCase = function transformPropertiesToCamelCase (object) {
-  var output = {};
+  var output = {}
 
   for (var _key in object) {
     if (typeof object === 'string') { return object.replace(' !important', '') }
-    var key = _key;
-    var value = object[_key];
+    var key = _key
+    var value = object[_key]
     if (~key.indexOf('-')) {
-      var splittedKeys = key.split('-');
+      var splittedKeys = key.split('-')
       splittedKeys = splittedKeys.map(function (v, i) {
         return i > 0
         // UCFIRST if ! first element
-        ? v.charAt(0).toUpperCase() + v.substr(1) : v;
-      });
-      key = splittedKeys.join('');
+        ? v.charAt(0).toUpperCase() + v.substr(1) : v
+      })
+      key = splittedKeys.join('')
     }
-    output[key] = transformPropertiesToCamelCase(value);
+    output[key] = transformPropertiesToCamelCase(value)
   }
-  return output;
-};
+  return output
+}
 
 // only for one level down
 // tbd: make it recursive
 // transforms
 //    {className__subClassName: {property: value}}
 // to {className: {subClassName: {property: value}}}
 var injectSubClasses = function injectSubClasses (_object) {
-  var object = _object;
+  var object = _object
   for (var key in object) {
     if (~key.indexOf('__')) {
-      var keySplit = key.split('__');
-      var parentkey = keySplit[0];
-      var newKey = keySplit.slice(1).join('__');
+      var keySplit = key.split('__')
+      var parentkey = keySplit[0]
+      var newKey = keySplit.slice(1).join('__')
+
       object[parentkey] = object[parentkey] || {}
-      object[parentkey][newKey] = object[key];
-      delete object[key];
+      object[parentkey][newKey] = object[key]
+
+      if (~newKey.indexOf('__')) {
+        // do it recursively
+        object[parentkey] = injectSubClasses(object[parentkey])
+      }
+
+      delete object[key]
     }
   }
-  return object;
-};
+  return object
+}
 
 function transformToNestedDomStyleObjects (cssObject) {
-  var transformTo = arguments.length <= 1 || arguments[1] === undefined ? 'js' : arguments[1];
-  if (transformTo !== 'js') {
-    throw Error('[transformToNestedDomStyleObjects] transforming js to css is not supported yet');
-  }
-  var output = {};
-  var jsStyle = injectSubClasses(transformPropertiesToCamelCase(cssObject));
-  return jsStyle;
+  // TBD: outputStyle option
+  // var transformTo = arguments.length <= 1 || arguments[1] === undefined ? 'js' : arguments[1]
+  // if (transformTo !== 'js') {
+  //   throw Error('[transformToNestedDomStyleObjects] transforming js to css is not supported yet')
+  // }
+
+  var output              = {}
+  ,   cssObjectCamelCase  = transformPropertiesToCamelCase(cssObject)
+  ,   splittedCssObject   = injectSubClasses(cssObjectCamelCase)
+
+  return splittedCssObject
 }