option: rule-indent

Author: mishanga

lib/csscomb.js

@@ -14,8 +14,8 @@ var Comb = function() {
         'strip-spaces',
         'stick-brace',
         'colon-space',
-        'rule-indent',
         'always-semicolon',
+        'rule-indent',
         'sort-order'
     ];
     this._config = {};

lib/options/rule-indent.js

@@ -0,0 +1,51 @@
+module.exports = {
+
+    /**
+     * Sets handler value.
+     *
+     * @param {String|Number|Boolean} value Option value
+     * @returns {Object}
+     */
+    setValue: function(value) {
+        this._value = false;
+        if (value === true) value = 4;
+        if (typeof value === 'number' && value === Math.abs(Math.round(value))) value = new Array(value + 1).join(' ');
+        if (typeof value === 'string' && value.match(/^[ \t]*$/)) this._value = value;
+        if (!this._value) return;
+        return this;
+    },
+
+    /**
+     * Processes tree node.
+     * @param {String} nodeType
+     * @param {node} node
+     */
+    process: function(nodeType, node) {
+        if (nodeType === 'block') {
+            var value = '\n' + this._value;
+            if (node[0][0] !== 's') {
+                node.unshift(['s', '']);
+            }
+            node.forEach(function(nodeItem, i) {
+                if (nodeItem[0] === 'declaration') {
+                    var space = node[i - 1];
+                    var tail;
+
+                    if (space[0] !== 's') {
+                        space = ['s', ''];
+                        tail = node.splice(i);
+                        tail.unshift(space);
+                        Array.prototype.push.apply(node, tail);
+                    }
+
+                    // replacing last line space by value:
+                    // '' => '\n\t'
+                    // '\n   ' => '\n\t'
+                    // '\n \n ' => '\n \n\t'
+                    space[1] = space[1].replace(/(\n)?([\t ]+)?$/, value);
+                }
+            });
+        }
+    }
+
+};

test/integral.expect.css

@@ -1,18 +1,18 @@
 /* Фигурные скобки. Вариант 1 */
 a, b, i /* foobar */
 {
-  padding: 0;
-  margin: 0;
+    padding: 0;
+    margin: 0;
   }
   div p
 {
     font-size: 1px;
-      top: 0;
+    top: 0;
     }
     div p em
 {
-        font-style: italic;
-        border-bottom: 1px solid red;
+    font-style: italic;
+    border-bottom: 1px solid red;
 }
 
 @media all /* media */
@@ -44,41 +44,44 @@ a, b, i /* foobar */
 /* Фигурные скобки. Вариант 2 */
 div
 {
-  padding: 0;
-  margin: 0;
+    padding: 0;
+    margin: 0;
 }
   div p
 {
     font-size: 1px;
-      top: 0;
+    top: 0;
   }
     div p em
 {
-        font-style: italic;/* inline comment*/
-        border-bottom: 1px solid red;
+    font-style: italic;/* inline comment*/
+    border-bottom: 1px solid red;
     }
 
 /* Фигурные скобки. Вариант 3 */
 div
 {
-  padding: 0;
-  margin: 0;
+    padding: 0;
+    margin: 0;
 }
 /* foo */  div p
 {
     font-size: 1px;
-      top: 0;
+    top: 0;
   }
     div p em
 {
         /* upline comment*/
-        font-style: italic;
-        border-bottom: 1px solid red; /* trololo */ /* trololo */
+    font-style: italic;
+
+    border-bottom: 1px solid red; /* trololo */ /* trololo */
     }
 
     a
 {
-top: 0;/* ololo */margin: 0;}
+    top: 0;/* ololo */
+    margin: 0;}
     b
 {
-top: 0/* trololo */;margin: 0;}
+    top: 0/* trololo */;
+    margin: 0;}

test/integral.origin.css

@@ -66,6 +66,7 @@ div {
     div p em {
         /* upline comment*/
         font-style:italic;
+        
         border-bottom:1px solid red /* trololo */ /* trololo */
     }
 

test/rule-indent.js

@@ -0,0 +1,52 @@
+var Comb = require('../lib/csscomb');
+var assert = require('assert');
+
+describe('options/rule-indent', function() {
+    var comb;
+    beforeEach(function() {
+        comb = new Comb();
+    });
+    it('Invalid Number value should not change space after brace', function() {
+        comb.configure({ 'rule-indent': 3.5 });
+        assert.equal(
+            comb.processString('a {\n color: red }'),
+            'a {\n color: red }'
+        );
+    });
+    it('Invalid String value should not change space after brace', function() {
+        comb.configure({ 'rule-indent': 'foobar' });
+        assert.equal(
+            comb.processString('a {\n color: red }'),
+            'a {\n color: red }'
+        );
+    });
+    it('True Boolean value should set 4 spaces indent', function() {
+        comb.configure({ 'rule-indent': true });
+        assert.equal(
+            comb.processString('a {\n color: red }'),
+            'a {\n    color: red }'
+        );
+    });
+    it('Valid Number value should set equal space after brace', function() {
+        comb.configure({ 'rule-indent': 3 });
+        assert.equal(
+            comb.processString('a {\n color: red }'),
+            'a {\n   color: red }'
+        );
+    });
+    it('Valid String value should set equal space after brace', function() {
+        comb.configure({ 'rule-indent': '\t' });
+        assert.equal(
+            comb.processString(
+                'a{color:red;background:#fff}\n' +
+                'a { color: red; background: #fff; }\n' +
+                'a {\ncolor:red;\n\nbackground: #fff}\n' +
+                'a { /* foo */ color:red; /* bar */\n\nbackground: #fff\n}\n'
+            ),
+            'a{\n\tcolor:red;\n\tbackground:#fff}\n' +
+            'a {\n\tcolor: red;\n\tbackground: #fff; }\n' +
+            'a {\n\tcolor:red;\n\n\tbackground: #fff}\n' +
+            'a { /* foo */\n\tcolor:red; /* bar */\n\n\tbackground: #fff\n}\n'
+        );
+    });
+});