fix: replace camelCase with dashesCamelCase

Author: Alexander Ryzhikov

lib/utils.js

@@ -13,10 +13,6 @@ 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);
@@ -58,6 +54,12 @@ var toString = function toString(data) {
   return '' + (0, _stringify2.default)(data, null, '\t');
 };
 
+var dashesCamelCase = function dashesCamelCase(str) {
+  return str.replace(/-+(\w)/g, function (match, firstLetter) {
+    return firstLetter.toUpperCase();
+  });
+};
+
 var objectify = function objectify(root, filepath) {
   var result = {};
 
@@ -74,7 +76,7 @@ var objectify = function objectify(root, filepath) {
     })) {
       var value = rule.value;
 
-      var key = (0, _camelCase2.default)(rule.prop.replace(/^-+/, '') // replace "--"
+      var key = dashesCamelCase(rule.prop.replace(/^-+/, '') // replace "--"
       );
 
       result[key] = value.match(/^[+-]?\d*.?(\d*)?(px)$/i) ? parseFloat(value) : value;

src/lib/utils.js

@@ -1,5 +1,4 @@
 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'
@@ -35,6 +34,9 @@ const toExport = cond([
 
 const toString = (data) => `${JSON.stringify(data, null, '\t')}`
 
+const dashesCamelCase = str =>
+  str.replace(/-+(\w)/g, (match, firstLetter) => firstLetter.toUpperCase())
+
 const objectify = (root, filepath) => {
   const result = {}
 
@@ -48,7 +50,7 @@ const objectify = (root, filepath) => {
     }
     if (rule.parent && rule.parent.selectors.find((sel) => sel === ':root')) {
       const { value } = rule
-      const key = camelCase(
+      const key = dashesCamelCase(
         rule.prop.replace(/^-+/, '') // replace "--"
       )
 

test/fixtures/convertedCase.css

@@ -1,3 +1,4 @@
 :root {
   --size-variable: 10em;
+  --color-RGBA: 'rgba';
 }

test/index.js

@@ -51,6 +51,13 @@ test('converts kebab case', async (t) => {
   t.is(result['size-variable'], undefined)
 })
 
+test('converts only dashes', async (t) => {
+  const result = await runner('./convertedCase.css')
+
+  t.not(result.colorRGBA, undefined)
+  t.is(result['color-RGBA'], undefined)
+})
+
 test('handles cssSyntax errors', async (t) => {
   t.throws(runner('./wrongSyntax.css'), ([error]) => error.message.includes('Unclosed block'))
 })