Add husky and run prettier on pre-commit

Author: tannerlinsley

babel-preset.js

@@ -21,7 +21,9 @@ module.exports = () => {
       [r('@babel/preset-react'), { development: !PRODUCTION }],
     ],
     plugins: [
-      PRODUCTION ? r('babel-plugin-universal-import') : r('react-hot-loader/babel'),
+      PRODUCTION
+        ? r('babel-plugin-universal-import')
+        : r('react-hot-loader/babel'),
       [
         r('@babel/plugin-transform-runtime'),
         {

bin/react-static-build

@@ -1,6 +1,5 @@
 #!/usr/bin/env node
 
-
 require('../lib/utils/binHelper')
 const program = require('commander')
 const buildCmd = require('../lib/commands/build')
@@ -27,4 +26,4 @@ buildCmd
   .catch(err => {
     console.error(err)
     process.exit(1)
-  })
+  })

bin/react-static-bundle

@@ -1,6 +1,5 @@
 #!/usr/bin/env node
 
-
 require('../lib/utils/binHelper')
 const program = require('commander')
 const bundleCmd = require('../lib/commands/bundle')
@@ -14,13 +13,13 @@ program
 
 const { config, staging, debug } = program
 
-
-bundleCmd.default({
-  config,
-  staging,
-  debug,
-  isCLI: true,
-})
+bundleCmd
+  .default({
+    config,
+    staging,
+    debug,
+    isCLI: true,
+  })
   .then(() => {
     process.exit(0)
   })

bin/react-static-create

@@ -1,6 +1,5 @@
 #!/usr/bin/env node
 
-
 require('../lib/utils/binHelper')
 const program = require('commander')
 const chalk = require('chalk')

bin/react-static-export

@@ -1,6 +1,5 @@
 #!/usr/bin/env node
 
-
 require('../lib/utils/binHelper')
 const program = require('commander')
 const exportCmd = require('../lib/commands/export')
@@ -14,12 +13,13 @@ program
 
 const { config, staging, debug } = program
 
-exportCmd.default({
-  config,
-  staging,
-  debug,
-  isCLI: true,
-})
+exportCmd
+  .default({
+    config,
+    staging,
+    debug,
+    isCLI: true,
+  })
   .then(() => {
     process.exit(0)
   })

bin/react-static-start

@@ -1,6 +1,5 @@
 #!/usr/bin/env node
 
-
 require('../lib/utils/binHelper')
 const program = require('commander')
 const startCmd = require('../lib/commands/start')

examples/algolia/src/App.js

@@ -10,7 +10,9 @@ const App = () => (
   <Router>
     <div>
       <nav>
-        <Link exact to="/">Home</Link>
+        <Link exact to="/">
+          Home
+        </Link>
         <Link to="/about">About</Link>
         <Link to="/blog">Blog</Link>
         <Link to="/search">Search</Link>

examples/algolia/src/index.js

@@ -10,7 +10,9 @@ export default App
 
 // Render your app
 if (typeof document !== 'undefined') {
-  const renderMethod = module.hot ? ReactDOM.render : ReactDOM.hydrate || ReactDOM.render
+  const renderMethod = module.hot
+    ? ReactDOM.render
+    : ReactDOM.hydrate || ReactDOM.render
   const render = Comp => {
     renderMethod(
       <AppContainer>

examples/algolia/src/pages/about.js

@@ -1,10 +1,12 @@
-
 import React from 'react'
 //
 
 export default () => (
   <div>
     <h1>This is what we're all about.</h1>
-    <p>React, static sites, performance, speed. It's the stuff that makes us tick.</p>
+    <p>
+      React, static sites, performance, speed. It's the stuff that makes us
+      tick.
+    </p>
   </div>
 )

examples/algolia/src/pages/blog.js

@@ -1,4 +1,3 @@
-
 import React from 'react'
 import { withRouteData, Link } from 'react-static'
 //

examples/algolia/src/pages/search.js

@@ -14,7 +14,11 @@ const Post = props => {
 }
 
 export default () => (
-  <InstantSearch appId="applicationID" apiKey="searchOnlyApiKey" indexName="posts">
+  <InstantSearch
+    appId="applicationID"
+    apiKey="searchOnlyApiKey"
+    indexName="posts"
+  >
     <SearchBox />
     <Hits hitComponent={Post} />
   </InstantSearch>

examples/animated-routes/src/App.js

@@ -82,7 +82,7 @@ const AnimatedRoutes = getContext({
                   },
                   () => ({
                     router: data.router,
-                  }),
+                  })
                 )(props => <div {...props} />)
 
                 return (
@@ -114,7 +114,9 @@ const App = () => (
   <Router>
     <div>
       <nav>
-        <Link exact to="/">Home</Link>
+        <Link exact to="/">
+          Home
+        </Link>
         <Link to="/about">About</Link>
         <Link to="/blog">Blog</Link>
       </nav>

examples/animated-routes/src/index.js

@@ -10,9 +10,16 @@ export default App
 
 // Render your app
 if (typeof document !== 'undefined') {
-  const renderMethod = module.hot ? ReactDOM.render : ReactDOM.hydrate || ReactDOM.render
+  const renderMethod = module.hot
+    ? ReactDOM.render
+    : ReactDOM.hydrate || ReactDOM.render
   const render = Comp => {
-    renderMethod(<AppContainer><Comp /></AppContainer>, document.getElementById('root'))
+    renderMethod(
+      <AppContainer>
+        <Comp />
+      </AppContainer>,
+      document.getElementById('root')
+    )
   }
 
   // Render!

examples/animated-routes/src/pages/about.js

@@ -1,10 +1,12 @@
-
 import React from 'react'
 //
 
 export default () => (
   <div>
     <h1>This is what we're all about.</h1>
-    <p>React, static sites, performance, speed. It's the stuff that makes us tick.</p>
+    <p>
+      React, static sites, performance, speed. It's the stuff that makes us
+      tick.
+    </p>
   </div>
 )

examples/animated-routes/src/pages/blog.js

@@ -1,4 +1,3 @@
-
 import React from 'react'
 import { withRouteData, Link } from 'react-static'
 //

examples/apollo-redux/src/App.js

@@ -17,7 +17,9 @@ const App = () => (
       <Router>
         <div>
           <nav>
-            <Link exact to="/">Home</Link>
+            <Link exact to="/">
+              Home
+            </Link>
             <Link to="/about">About</Link>
             <Link to="/blog">Blog</Link>
           </nav>

examples/apollo-redux/src/connectors/redux/index.js

@@ -10,7 +10,7 @@ if (typeof window === 'undefined') {
 const store = createStore(
   reducer,
   {}, // initial state
-  window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__(),
+  window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()
 )
 /* eslint-enable */
 

examples/apollo-redux/src/index.js

@@ -10,9 +10,16 @@ export default App
 
 // Render your app
 if (typeof document !== 'undefined') {
-  const renderMethod = module.hot ? ReactDOM.render : ReactDOM.hydrate || ReactDOM.render
+  const renderMethod = module.hot
+    ? ReactDOM.render
+    : ReactDOM.hydrate || ReactDOM.render
   const render = Comp => {
-    renderMethod(<AppContainer><Comp /></AppContainer>, document.getElementById('root'))
+    renderMethod(
+      <AppContainer>
+        <Comp />
+      </AppContainer>,
+      document.getElementById('root')
+    )
   }
 
   // Render!

examples/apollo-redux/src/pages/about.js

@@ -1,4 +1,3 @@
-
 import React from 'react'
 import { graphql } from 'react-apollo'
 import gql from 'graphql-tag'
@@ -53,15 +52,18 @@ const CounterConnected = connect(
   dispatch => ({
     increment: () => dispatch({ type: 'INCREMENT' }),
     reset: () => dispatch({ type: 'RESET' }),
-  }),
+  })
 )(Counter)
 
 // /////////////////////////////////////////////////////////
 // Actual container
 const About = () => (
   <div>
     <h1>This is what we're all about.</h1>
-    <p>React, static sites, performance, speed. It's the stuff that makes us tick.</p>
+    <p>
+      React, static sites, performance, speed. It's the stuff that makes us
+      tick.
+    </p>
     <h2>Here is a person loaded from graphql:</h2>
     <PersonWithData />
     <h2>Here is a redux counter:</h2>

examples/apollo-redux/src/pages/blog.js

@@ -1,4 +1,3 @@
-
 import React from 'react'
 import { withRouteData, Link } from 'react-static'
 //

examples/apollo/src/App.js

@@ -14,7 +14,9 @@ const App = () => (
     <Router>
       <div>
         <nav>
-          <Link exact to="/">Home</Link>
+          <Link exact to="/">
+            Home
+          </Link>
           <Link to="/about">About</Link>
           <Link to="/blog">Blog</Link>
         </nav>

examples/apollo/src/index.js

@@ -10,9 +10,16 @@ export default App
 
 // Render your app
 if (typeof document !== 'undefined') {
-  const renderMethod = module.hot ? ReactDOM.render : ReactDOM.hydrate || ReactDOM.render
+  const renderMethod = module.hot
+    ? ReactDOM.render
+    : ReactDOM.hydrate || ReactDOM.render
   const render = Comp => {
-    renderMethod(<AppContainer><Comp /></AppContainer>, document.getElementById('root'))
+    renderMethod(
+      <AppContainer>
+        <Comp />
+      </AppContainer>,
+      document.getElementById('root')
+    )
   }
 
   // Render!

examples/apollo/src/pages/about.js

@@ -1,4 +1,3 @@
-
 import React from 'react'
 import { graphql } from 'react-apollo'
 import gql from 'graphql-tag'
@@ -38,7 +37,10 @@ const PersonWithData = graphql(gql`
 const About = () => (
   <div>
     <h1>This is what we're all about.</h1>
-    <p>React, static sites, performance, speed. It's the stuff that makes us tick.</p>
+    <p>
+      React, static sites, performance, speed. It's the stuff that makes us
+      tick.
+    </p>
     <h2>Here is a person loaded from graphql:</h2>
     <PersonWithData />
   </div>

examples/apollo/src/pages/blog.js

@@ -1,4 +1,3 @@
-
 import React from 'react'
 import { withRouteData, Link } from 'react-static'
 //

examples/basic-prismic/src/App.js

@@ -10,7 +10,9 @@ const App = () => (
   <Router>
     <div>
       <nav>
-        <Link exact to="/">Home</Link>
+        <Link exact to="/">
+          Home
+        </Link>
         <Link to="/about">About</Link>
         <Link to="/blog">Blog</Link>
       </nav>

examples/basic-prismic/src/index.js

@@ -10,9 +10,16 @@ export default App
 
 // Render your app
 if (typeof document !== 'undefined') {
-  const renderMethod = module.hot ? ReactDOM.render : ReactDOM.hydrate || ReactDOM.render
+  const renderMethod = module.hot
+    ? ReactDOM.render
+    : ReactDOM.hydrate || ReactDOM.render
   const render = Comp => {
-    renderMethod(<AppContainer><Comp /></AppContainer>, document.getElementById('root'))
+    renderMethod(
+      <AppContainer>
+        <Comp />
+      </AppContainer>,
+      document.getElementById('root')
+    )
   }
 
   // Render!

examples/basic-prismic/src/pages/about.js

@@ -1,10 +1,12 @@
-
 import React from 'react'
 //
 
 export default () => (
   <div>
     <h1>This is what we're all about.</h1>
-    <p>React, static sites, performance, speed. It's the stuff that makes us tick.</p>
+    <p>
+      React, static sites, performance, speed. It's the stuff that makes us
+      tick.
+    </p>
   </div>
 )

examples/basic-prismic/src/pages/blog.js

@@ -1,4 +1,3 @@
-
 import React from 'react'
 import { withRouteData, Link } from 'react-static'
 //

examples/basic-prismic/src/prismic/fetch.js

@@ -1,11 +1,9 @@
-
 import apiEndpoint from './config'
 import transform from './transformer'
 
 const Prismic = require('prismic-javascript')
 
-
-export default async function getData () {
+export default (async function getData() {
   const api = await Prismic.getApi(apiEndpoint)
   const response = await api.query('')
 
@@ -16,4 +14,4 @@ export default async function getData () {
     ...transform(data),
   }))
   return mapped
-}
+})