fix(blueprints): lint and layout cleanup

Author: David Zukowski

.eslintignore

@@ -1,3 +1,4 @@
+blueprints/**/files/**
 coverage/**
 node_modules/**
 dist/**

blueprints/.eslintrc

@@ -0,0 +1,11 @@
+{
+  "extends" : "../.eslintrc",
+  "env"     : {
+    "mocha" : true
+  },
+  "globals" : {
+    "expect" : false,
+    "should" : false,
+    "sinon"  : false
+  }
+}

blueprints/blueprint/files/blueprints/__name__/index.js

@@ -1,25 +1,27 @@
+const path = require('path')
+
 module.exports = {
-  locals: function(options) {
+  locals: function (options) {
     // Return custom template variables here.
-    return {};
+    return {}
   },
 
-  fileMapTokens: function(options) (
+  fileMapTokens: function (options) {
     // Return custom tokens to be replaced in your files
     return {
-      __token__: function(options){
+      __token__: function (options) {
         // logic to determine value goes here
-        return 'value';
+        return 'value'
       }
     }
   },
 
   // Should probably never need to be overriden
 
-  filesPath: function() {
-    return path.join(this.path, 'files');
+  filesPath: function () {
+    return path.join(this.path, 'files')
   },
 
-  beforeInstall: function(options) {},
-  afterInstall: function(options) {},
-};
+  beforeInstall: function (options) {},
+  afterInstall: function (options) {}
+}

blueprints/blueprint/index.js

@@ -1,13 +1,13 @@
 module.exports = {
-  description() {
-    return 'generates a blueprint and definition';
+  description () {
+    return 'generates a blueprint and definition'
   },
 
-  beforeInstall() {
-    console.log('Before installation hook!');
+  beforeInstall () {
+    console.log('Before installation hook!')
   },
 
-  afterInstall() {
-    console.log('After installation hook!');
+  afterInstall () {
+    console.log('After installation hook!')
   }
-};
+}

blueprints/duck/files/__root__/redux/modules/__name__.js

@@ -1,19 +1,14 @@
 // Constants
-
-// export const constants = { };
+// export const constants = { }
 
 // Action Creators
-
-// export const actions = { };
+// export const actions = { }
 
 // Reducer
-export const defaultState = {
-};
-
-export default function(state = defaultState, action) {
+export const initialState = {}
+export default function (state = initialState, action) {
   switch (action.type) {
     default:
-      return state;
+      return state
   }
 }
-

blueprints/duck/files/__test__/redux/modules/__name__.spec.js

@@ -0,0 +1,9 @@
+import reducer, { initialState } from 'redux/modules/<%= pascalEntityName %>'
+
+describe('(Redux) <%= pascalEntityName %>', () => {
+  describe('(Reducer)', () => {
+    it('sets up initial state', () => {
+      expect(reducer(undefined, {})).to.eql(initialState)
+    })
+  })
+})

blueprints/duck/files/__test__/redux/modules/__name__.test.js

@@ -1,5 +1,5 @@
 module.exports = {
-  description() {
-    return 'generates a redux duck';
+  description () {
+    return 'generates a redux duck'
   }
-};
+}

blueprints/duck/index.js

@@ -1,15 +1,17 @@
-import React, { Component, PropTypes } from 'react';
+import React from 'react'
+
+type Props = {
 
-const propTypes = {
 };
+export class <%= pascalEntityName %> extends React.Component {
+  props: Props;
 
-class <%= pascalEntityName %> extends Component {
-  render() {
+  render () {
     return (
+      <div></div>
     )
   }
 }
 
-<%= pascalEntityName %>.propTypes = propTypes;
-export default <%= pascalEntityName %>;
+export default <%= pascalEntityName %>
 

blueprints/dumb/files/__root__/components/__name__.js

@@ -0,0 +1,8 @@
+import React from 'react'
+import <%= pascalEntityName %> from 'components/<%= pascalEntityName %>'
+
+describe('(Component) <%= pascalEntityName %>', () => {
+  it('should exist', () => {
+
+  })
+})

blueprints/dumb/files/__test__/components/__name__.spec.js

@@ -1,5 +1,5 @@
 module.exports = {
-  description() {
-    return 'generates a dumb (pure) component';
+  description () {
+    return 'generates a dumb (pure) component'
   }
-};
+}

blueprints/dumb/files/__test__/components/__name__.test.js

@@ -1,37 +1,38 @@
-import React, { Component, PropTypes } from 'react';
-import { reduxForm } from 'redux-form';
+import React from 'react'
+import { reduxForm } from 'redux-form'
 
-export const fields = [];
+export const fields = []
 
 const validate = (values) => {
-  const errors = {};
-  return errors;
-};
+  const errors = {}
+  return errors
+}
+
+type Props = {
+  handleSubmit: Function,
+  fields: Object,
+}
+export class <%= pascalEntityName %> extends React.Component {
+  props: Props;
 
-const propTypes = {
-  handleSubmit: PropTypes.func.isRequired,
-  fields: PropTypes.object.isRequired
-};
+  defaultProps = {
+    fields: {},
+  }
 
-export class <%= pascalEntityName %> extends Component {
   render() {
-    const {
-      fields: {},
-      handleSubmit
-    } = this.props;
+    const { fields, handleSubmit } = this.props
 
     return (
       <form onSubmit={handleSubmit}>
       </form>
-    );
+    )
   }
 }
 
-<%= pascalEntityName %>.propTypes = propTypes;
 <%= pascalEntityName %> = reduxForm({
   form: '<%= pascalEntityName %>',
   fields,
   validate
-})(<%= pascalEntityName %>);
+})(<%= pascalEntityName %>)
 
-export default <%= pascalEntityName %>;
+export default <%= pascalEntityName %>

blueprints/dumb/index.js

@@ -1,5 +1,5 @@
 describe('(Form) <%= pascalEntityName %>', () => {
   it('exists', () => {
 
-  });
-});
+  })
+})

blueprints/form/files/__root__/forms/__name__Form.js

@@ -1,5 +1,5 @@
 module.exports = {
-  description() {
-    return 'generates a connected redux-form form component';
+  description () {
+    return 'generates a connected redux-form form component'
   }
-};
+}

blueprints/form/files/__test__/forms/__name__Form.test.js renamed to blueprints/form/files/__test__/forms/__name__Form.spec.js

@@ -0,0 +1,7 @@
+import React from 'react'
+
+describe('(Layout) <%= pascalEntityName %>', () => {
+  it('should exist', () => {
+
+  })
+})

blueprints/form/index.js

@@ -1,5 +1,5 @@
 module.exports = {
-  description() {
-    return 'generates a functional layout component';
+  description () {
+    return 'generates a functional layout component'
   }
-};
+}

blueprints/layout/files/__test__/layouts/__name__Layout.spec.js

@@ -1,28 +1,28 @@
-import React, { Component, PropTypes } from 'react';
-import { connect } from 'react-redux';
-import { bindActionCreators } from 'redux';
+import React from 'react'
+import { connect } from 'react-redux'
+import { bindActionCreators } from 'redux'
 
-const propTypes = {
-};
+type Props = {
+
+}
+export class <%= pascalEntityName %> extends React.Component {
+  props: Props;
 
-class <%= pascalEntityName %> extends Component {
   render() {
     return (
-
+      <div></div>
     )
   }
 }
 
 const mapStateToProps = (state) => {
-  return {};
+  return {}
 }
 const mapDispatchToProps = (dispatch) => {
-  return {};
+  return {}
 }
 
-<%= pascalEntityName %>.propTypes = propTypes;
 export default connect(
   mapStateToProps,
   mapDispatchToProps
-)(<%= pascalEntityName %>);
-
+)(<%= pascalEntityName %>)

blueprints/layout/files/__test__/layouts/__name__Layout.test.js

@@ -1,5 +1,5 @@
 describe('(Component) <%= pascalEntityName %>', () => {
   it('exists', () => {
 
-  });
-});
+  })
+})

blueprints/layout/index.js

@@ -1,12 +1,13 @@
 module.exports = {
-  description() {
-    return 'generates a smart (container) component';
+  description () {
+    return 'generates a smart (container) component'
   },
-  fileMapTokens() {
+
+  fileMapTokens () {
     return {
       __smart__: (options) => {
-        return options.settings.getSetting('smartPath');
+        return options.settings.getSetting('smartPath')
       }
     }
   }
-};
+}

blueprints/smart/files/__root__/containers/__name__.js

@@ -1,15 +1,16 @@
-import React, { PropTypes } from 'react'
-
-function <%= pascalEntityName %> ({ children }) {
-  return (
-    <div className='<%= snakeEntityName %>-layout'>
-      {children}
-    </div>
-  )
-}
+import React from 'react'
+
+type Props = {
+
+};
+export class <%= pascalEntityName %> extends React.Component {
+  props: Props;
 
-<%= pascalEntityName %>.propTypes = {
-  children: PropTypes.element
+  render () {
+    return (
+      <div></div>
+    )
+  }
 }
 
 export default <%= pascalEntityName %>

blueprints/smart/files/__test__/containers/__name__.test.js renamed to blueprints/smart/files/__test__/containers/__name__.spec.js

@@ -0,0 +1,7 @@
+import React from 'react'
+
+describe('(View) <%= pascalEntityName %>', () => {
+  it('should exist', () => {
+
+  })
+})