Convert kebab-case to camelCase

closes #2

Author: Alexander Ryzhikov

lib/utils.js

@@ -13,6 +13,10 @@ var _compose = require('lodash/fp/compose');
 
 var _compose2 = _interopRequireDefault(_compose);
 
+var _camelCase = require('lodash/fp/camelCase');
+
+var _camelCase2 = _interopRequireDefault(_camelCase);
+
 var _cond = require('lodash/fp/cond');
 
 var _cond2 = _interopRequireDefault(_cond);
@@ -70,7 +74,8 @@ var objectify = function objectify(root, filepath) {
     })) {
       var value = rule.value;
 
-      var key = rule.prop.replace(/^-+/, ''); // replace "--"
+      var key = (0, _camelCase2.default)(rule.prop.replace(/^-+/, '') // replace "--"
+      );
 
       result[key] = value.match(/^[+-]?\d*.?(\d*)?(px)$/i) ? parseFloat(value) : value;
     }

src/lib/utils.js

@@ -1,4 +1,5 @@
 import compose from 'lodash/fp/compose'
+import camelCase from 'lodash/fp/camelCase'
 import cond from 'lodash/fp/cond'
 import postcss from 'postcss'
 import cssnext from 'postcss-cssnext'
@@ -47,7 +48,9 @@ const objectify = (root, filepath) => {
     }
     if (rule.parent && rule.parent.selectors.find((sel) => sel === ':root')) {
       const { value } = rule
-      const key = rule.prop.replace(/^-+/, '') // replace "--"
+      const key = camelCase(
+        rule.prop.replace(/^-+/, '') // replace "--"
+      )
 
       result[key] = value.match(/^[+-]?\d*.?(\d*)?(px)$/i) ? parseFloat(value) : value
     }

test/fixtures/caseSwitch.css renamed to test/fixtures/convertedCase.css

@@ -45,6 +45,13 @@ test('works with @apply', async (t) => {
   t.deepEqual(result, {})
 })
 
+test('converts kebab case', async (t) => {
+  const result = await runner('./convertedCase.css')
+
+  t.not(result.sizeVariable, undefined)
+  t.is(result['size-variable'], undefined)
+})
+
 test('handles cssSyntax errors', async (t) => {
   t.throws(runner('./wrongSyntax.css'), ([error]) => error.message.includes('Unclosed block'))
 })