Add lint rule for consistent spacing before blocks

Author: simeg

.eslintrc.js

@@ -30,6 +30,8 @@ module.exports = {
         "semi": 2,
         // Enforce consistent spacing before and after semicolons
         "semi-spacing": 2,
+        // Enforce consistent spacing before blocks
+        "space-before-blocks": 2,
         // Enforce consistent spacing inside parentheses
         // "space-in-parens": [2, "always"],
         // Enforce the consistent use of either backticks, double, or single quotes

DateTime.js

@@ -1,12 +1,12 @@
 'use strict';
 
 var assign = require('object-assign'),
+	moment = require('moment'),
 	React = require('react'),
 	DaysView = require('./src/DaysView'),
 	MonthsView = require('./src/MonthsView'),
 	YearsView = require('./src/YearsView'),
-	TimeView = require('./src/TimeView'),
-	moment = require('moment')
+	TimeView = require('./src/TimeView')
 ;
 
 var TYPES = React.PropTypes;
@@ -42,7 +42,7 @@ var Datetime = React.createClass({
 	},
 
 	getDefaultProps: function() {
-		var nof = function(){};
+		var nof = function() {};
 		return {
 			className: '',
 			defaultValue: '',
@@ -72,7 +72,7 @@ var Datetime = React.createClass({
 		return state;
 	},
 
-	getStateFromProps: function( props ){
+	getStateFromProps: function( props ) {
 		var formats = this.getFormats( props ),
 			date = props.value || props.defaultValue,
 			selectedDate, viewDate, updateOn, inputValue
@@ -110,36 +110,36 @@ var Datetime = React.createClass({
 		};
 	},
 
-	getUpdateOn: function(formats){
-		if ( formats.date.match(/[lLD]/) ){
+	getUpdateOn: function( formats ) {
+		if ( formats.date.match(/[lLD]/) ) {
 			return 'days';
 		}
-		else if ( formats.date.indexOf('M') !== -1 ){
+		else if ( formats.date.indexOf('M') !== -1 ) {
 			return 'months';
 		}
-		else if ( formats.date.indexOf('Y') !== -1 ){
+		else if ( formats.date.indexOf('Y') !== -1 ) {
 			return 'years';
 		}
 
 		return 'days';
 	},
 
-	getFormats: function( props ){
+	getFormats: function( props ) {
 		var formats = {
 				date: props.dateFormat || '',
 				time: props.timeFormat || ''
 			},
 			locale = this.localMoment( props.date ).localeData()
 		;
 
-		if ( formats.date === true ){
+		if ( formats.date === true ) {
 			formats.date = locale.longDateFormat('L');
 		}
-		else if ( this.getUpdateOn(formats) !== 'days' ){
+		else if ( this.getUpdateOn(formats) !== 'days' ) {
 			formats.time = '';
 		}
 
-		if ( formats.time === true ){
+		if ( formats.time === true ) {
 			formats.time = locale.longDateFormat('LT');
 		}
 
@@ -151,7 +151,7 @@ var Datetime = React.createClass({
 		return formats;
 	},
 
-	componentWillReceiveProps: function(nextProps) {
+	componentWillReceiveProps: function( nextProps ) {
 		var formats = this.getFormats( nextProps ),
 			update = {}
 		;
@@ -161,7 +161,7 @@ var Datetime = React.createClass({
             update = this.getStateFromProps( nextProps );
 		}
 
-		if ( update.open === undefined ){
+		if ( update.open === undefined ) {
 			update.open = this.state.open;
 		}
 
@@ -191,46 +191,46 @@ var Datetime = React.createClass({
 		});
 	},
 
-	onInputKey: function( e ){
-		if ( e.which === 9 && this.props.closeOnTab ){
+	onInputKey: function( e ) {
+		if ( e.which === 9 && this.props.closeOnTab ) {
 			this.closeCalendar();
 		}
 	},
 
-	showView: function( view ){
+	showView: function( view ) {
 		var me = this;
-		return function(){
+		return function() {
 			me.setState({ currentView: view });
 		};
 	},
 
-	setDate: function( type ){
+	setDate: function( type ) {
 		var me = this,
 			nextViews = {
 				month: 'days',
 				year: 'months'
 			}
 		;
-		return function( e ){
+		return function( e ) {
 			me.setState({
 				viewDate: me.state.viewDate.clone()[ type ]( parseInt(e.target.getAttribute('data-value'), 10) ).startOf( type ),
 				currentView: nextViews[ type ]
 			});
 		};
 	},
 
-	addTime: function( amount, type, toSelected ){
+	addTime: function( amount, type, toSelected ) {
 		return this.updateTime( 'add', amount, type, toSelected );
 	},
 
-	subtractTime: function( amount, type, toSelected ){
+	subtractTime: function( amount, type, toSelected ) {
 		return this.updateTime( 'subtract', amount, type, toSelected );
 	},
 
-	updateTime: function( op, amount, type, toSelected ){
+	updateTime: function( op, amount, type, toSelected ) {
 		var me = this;
 
-		return function(){
+		return function() {
 			var update = {},
 				date = toSelected ? 'selectedDate' : 'viewDate'
 			;
@@ -242,7 +242,7 @@ var Datetime = React.createClass({
 	},
 
 	allowedSetTime: ['hours', 'minutes', 'seconds', 'milliseconds'],
-	setTime: function( type, value ){
+	setTime: function( type, value ) {
 		var index = this.allowedSetTime.indexOf( type ) + 1,
 			state = this.state,
 			date = (state.selectedDate || state.viewDate).clone(),
@@ -257,7 +257,7 @@ var Datetime = React.createClass({
 			date[ nextType ]( date[nextType]() );
 		}
 
-		if ( !this.props.value ){
+		if ( !this.props.value ) {
 			this.setState({
 				selectedDate: date,
 				inputValue: date.format( state.inputFormat )
@@ -274,7 +274,7 @@ var Datetime = React.createClass({
 			date
     ;
 
-		if (target.className.indexOf('rdtDay') !== -1){
+		if (target.className.indexOf('rdtDay') !== -1) {
 			if (target.className.indexOf('rdtNew') !== -1)
 				modifier = 1;
 			else if (target.className.indexOf('rdtOld') !== -1)
@@ -283,11 +283,11 @@ var Datetime = React.createClass({
 			date = viewDate.clone()
 				.month( viewDate.month() + modifier )
 				.date( parseInt( target.getAttribute('data-value'), 10 ) );
-		} else if (target.className.indexOf('rdtMonth') !== -1){
+		} else if (target.className.indexOf('rdtMonth') !== -1) {
 			date = viewDate.clone()
 				.month( parseInt( target.getAttribute('data-value'), 10 ) )
 				.date( currentDate.date() );
-		} else if (target.className.indexOf('rdtYear') !== -1){
+		} else if (target.className.indexOf('rdtYear') !== -1) {
 			date = viewDate.clone()
 				.month( currentDate.month() )
 				.date( currentDate.date() )
@@ -299,7 +299,7 @@ var Datetime = React.createClass({
 			.seconds( currentDate.seconds() )
 			.milliseconds( currentDate.milliseconds() );
 
-		if ( !this.props.value ){
+		if ( !this.props.value ) {
 			this.setState({
 				selectedDate: date,
 				viewDate: date.clone().startOf('month'),
@@ -329,15 +329,15 @@ var Datetime = React.createClass({
 		});
 	},
 
-	handleClickOutside: function(){
-		if ( this.props.input && this.state.open && !this.props.open ){
+	handleClickOutside: function() {
+		if ( this.props.input && this.state.open && !this.props.open ) {
 			this.setState({ open: false }, function() {
 				this.props.onBlur( this.state.selectedDate || this.state.inputValue );
 			});
 		}
 	},
 
-	localMoment: function( date, format ){
+	localMoment: function( date, format ) {
 		var momentFn = this.props.utc ? moment.utc : moment;
 		var m = momentFn( date, format, this.props.strictParsing );
 		if ( this.props.locale )
@@ -351,19 +351,19 @@ var Datetime = React.createClass({
 		fromThis: ['setDate', 'setTime', 'showView', 'addTime', 'subtractTime', 'updateSelectedDate', 'localMoment']
 	},
 
-	getComponentProps: function(){
+	getComponentProps: function() {
 		var me = this,
 			formats = this.getFormats( this.props ),
 			props = {dateFormat: formats.date, timeFormat: formats.time}
 		;
 
-		this.componentProps.fromProps.forEach( function( name ){
+		this.componentProps.fromProps.forEach( function( name ) {
 			props[ name ] = me.props[ name ];
 		});
-		this.componentProps.fromState.forEach( function( name ){
+		this.componentProps.fromState.forEach( function( name ) {
 			props[ name ] = me.state[ name ];
 		});
-		this.componentProps.fromThis.forEach( function( name ){
+		this.componentProps.fromThis.forEach( function( name ) {
 			props[ name ] = me[ name ];
 		});
 
@@ -379,10 +379,10 @@ var Datetime = React.createClass({
 			children = []
 		;
 
-		if ( this.props.input ){
+		if ( this.props.input ) {
 			children = [ DOM.input( assign({
 				key: 'i',
-				type:'text',
+				type: 'text',
 				className: 'form-control',
 				onFocus: this.openCalendar,
 				onChange: this.onInputChange,

src/DaysView.js

@@ -20,7 +20,7 @@ var DateTimePickerDays = React.createClass({
 					DOM.th({ key: 's', className: 'rdtSwitch', onClick: this.props.showView( 'months' ), colSpan: 5, 'data-value': this.props.viewDate.month() }, locale.months( date ) + ' ' + date.year() ),
 					DOM.th({ key: 'n', className: 'rdtNext' }, DOM.span({ onClick: this.props.addTime( 1, 'months' )}, '›' ))
 				]),
-				DOM.tr({ key: 'd'}, this.getDaysOfWeek( locale ).map( function( day, index ){ return DOM.th({ key: day + index, className: 'dow'}, day ); }) )
+				DOM.tr({ key: 'd'}, this.getDaysOfWeek( locale ).map( function( day, index ) { return DOM.th({ key: day + index, className: 'dow'}, day ); }) )
 			]),
 			DOM.tbody({ key: 'tb' }, this.renderDays())
 		];
@@ -130,6 +130,7 @@ var DateTimePickerDays = React.createClass({
 			)
 		);
 	},
+
 	alwaysValidDate: function() {
 		return 1;
 	}