feat(Angular): add camelcase as a public method

convert dash-separated strings to camelCase

Author: cironunes

src/.jshintrc

@@ -26,6 +26,7 @@
     "uppercase": false,
     "manualLowercase": false,
     "manualUppercase": false,
+    "camelcase": false,
     "isArrayLike": false,
     "forEach": false,
     "sortedKeys": false,

src/Angular.js

@@ -19,6 +19,7 @@
   uppercase: true,
   manualLowercase: true,
   manualUppercase: true,
+  camelcase: true,
   nodeName_: true,
   isArrayLike: true,
   forEach: true,
@@ -108,6 +109,8 @@
  */
 
 var REGEX_STRING_REGEXP = /^\/(.+)\/([a-z]*)$/;
+var SPECIAL_CHARS_REGEXP = /([\:\-\_]+(.))/g;
+var MOZ_HACK_REGEXP = /^moz([A-Z])/;
 
 // The name of a form control's ValidityState property.
 // This is used so that it's possible for internal tests to create mock ValidityStates.
@@ -161,6 +164,24 @@ if ('i' !== 'I'.toLowerCase()) {
   uppercase = manualUppercase;
 }
 
+/**
+ * @ngdoc function
+ * @name angular.camelcase
+ * @module ng
+ * @kind function
+ *
+ * @description Converts the specified string dash-separated to camelcase.
+ * @param {string} string String to be converted to camelcase.
+ * @returns {string} Camelcased string.
+ */
+var camelcase = function(name) {
+  return name.
+    replace(SPECIAL_CHARS_REGEXP, function(_, separator, letter, offset) {
+      return offset ? letter.toUpperCase() : letter;
+    }).
+    replace(MOZ_HACK_REGEXP, 'Moz$1');
+};
+
 
 var
     msie,             // holds major version number for IE, or NaN if UA is not IE.

src/AngularPublic.js

@@ -137,6 +137,7 @@ function publishExternalAPI(angular) {
     'isDate': isDate,
     'lowercase': lowercase,
     'uppercase': uppercase,
+    'camelcase': camelcase,
     'callbacks': {counter: 0},
     'getTestability': getTestability,
     '$$minErr': minErr,

src/jqLite.js

@@ -122,8 +122,6 @@ JQLite._data = function(node) {
 function jqNextId() { return ++jqId; }
 
 
-var SPECIAL_CHARS_REGEXP = /([\:\-\_]+(.))/g;
-var MOZ_HACK_REGEXP = /^moz([A-Z])/;
 var MOUSE_EVENT_MAP= { mouseleave: "mouseout", mouseenter: "mouseover"};
 var jqLiteMinErr = minErr('jqLite');
 

test/.jshintrc

@@ -24,6 +24,7 @@
     "uppercase": false,
     "manualLowercase": false,
     "manualUppercase": false,
+    "camelcase": false,
     "isArrayLike": false,
     "forEach": false,
     "sortedKeys": false,

test/AngularSpec.js

@@ -7,15 +7,47 @@ describe('angular', function() {
     dealoc(element);
   });
 
-  describe('case', function() {
+  describe('lowercase', function() {
     it('should change case', function() {
       expect(lowercase('ABC90')).toEqual('abc90');
       expect(manualLowercase('ABC90')).toEqual('abc90');
+    });
+  });
+
+  describe('uppercase', function() {
+    it('should change case', function() {
       expect(uppercase('abc90')).toEqual('ABC90');
       expect(manualUppercase('abc90')).toEqual('ABC90');
     });
   });
 
+  describe('camelcase', function() {
+    it('should change case', function() {
+      expect(camelcase('foo-bar')).toEqual('fooBar');
+      expect(camelcase('foo-Bar')).toEqual('fooBar');
+    });
+
+    it('should leave non-dashed strings alone', function() {
+      expect(camelcase('foo')).toBe('foo');
+      expect(camelcase('')).toBe('');
+      expect(camelcase('fooBar')).toBe('fooBar');
+    });
+
+
+    it('should covert dash-separated strings to camelCase', function() {
+      expect(camelcase('foo-bar')).toBe('fooBar');
+      expect(camelcase('foo-bar-baz')).toBe('fooBarBaz');
+      expect(camelcase('foo:bar_baz')).toBe('fooBarBaz');
+    });
+
+
+    it('should covert browser specific css properties', function() {
+      expect(camelcase('-moz-foo-bar')).toBe('MozFooBar');
+      expect(camelcase('-webkit-foo-bar')).toBe('webkitFooBar');
+      expect(camelcase('-webkit-foo-bar')).toBe('webkitFooBar');
+    });
+  });
+
   describe("copy", function() {
     it("should return same object", function() {
       var obj = {};