Add standard to dev dependencies and enforce JS Standard Style

PRbsas · PRbsas · commit 068ba264e2cf · 2018-07-05T17:12:26.000-04:00
diff --git a/components/About.js b/components/About.js
@@ -1,6 +1,5 @@
 import styled from 'styled-components'
 import { media } from '../utils/styleUtils'
-import Link from 'next/link'
 import Wrapper from '../components/Wrapper'
 
 const Name = styled.h2`
diff --git a/components/Categories.js b/components/Categories.js
@@ -22,15 +22,15 @@ const Title = styled.h3`
 
 export default () => (
   <Wrapper>
-      {
-        categories.map(({ id, title }) => (
-          <Categories
-            id={id}
-            key={id}
-            title={title}
-          />
-        ))
-      }
+    {
+      categories.map(({ id, title }) => (
+        <Categories
+          id={id}
+          key={id}
+          title={title}
+        />
+      ))
+    }
   </Wrapper>
 )
 
diff --git a/components/Dot.js b/components/Dot.js
@@ -1,7 +1,6 @@
 import styled from 'styled-components'
 import { media } from '../utils/styleUtils'
 import Link from 'next/link'
-import to from 'to-id'
 
 const Dot = styled.div`
   width: 80px;
@@ -23,5 +22,5 @@ const Dot = styled.div`
 `
 
 export default ({ to }) => (
-  <Link prefetch href={to || '/'}><Dot></Dot></Link>
+  <Link prefetch href={to || '/'}><Dot /></Link>
 )
diff --git a/components/Main.js b/components/Main.js
@@ -1,6 +1,5 @@
 import styled from 'styled-components'
 import { media } from '../utils/styleUtils'
-import Link from 'next/link'
 import Wrapper from '../components/Wrapper'
 
 const Title = styled.h1`
diff --git a/components/Page.js b/components/Page.js
@@ -1,8 +1,6 @@
 import React, { Component } from 'react'
 import { initGA, logPageView } from '../utils/analytics'
 import styled, { ThemeProvider } from 'styled-components'
-import { media } from '../utils/styleUtils'
-import Head from 'next/head'
 
 const Body = styled.div`
   font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
@@ -33,27 +31,25 @@ const themes = [
 
 ]
 
-
 class Page extends Component {
-  constructor(props) {
+  constructor (props) {
     super(props)
 
     this.state = {
-      color: 0,
+      color: 0
     }
     this.onToggleTheme = this.onToggleTheme.bind(this)
-
   }
 
-  componentDidMount() {
+  componentDidMount () {
     if (!window.GA_INITIALIZED) {
       initGA()
       window.GA_INITIALIZED = true
     }
     logPageView()
   }
-  
-  onToggleTheme() {
+
+  onToggleTheme () {
     const { color } = this.state
     let i = this.state.color
     if (i < 12 - 1) {
@@ -66,9 +62,8 @@ class Page extends Component {
     console.log(color)
   }
 
-
-  render() {
-    const { theme, children } = this.props
+  render () {
+    const { children } = this.props
     const { color } = this.state
     return (
       <ThemeProvider theme={themes[color]}>
diff --git a/components/ProjectList.js b/components/ProjectList.js
@@ -1,6 +1,5 @@
 import styled from 'styled-components'
 import { media } from '../utils/styleUtils'
-import Link from 'next/link'
 import Wrapper from '../components/Wrapper'
 
 const Title = styled.h3`
@@ -68,8 +67,8 @@ export default ({ id, title, description, githubLink, demoLink }) => (
     <Project>
       <Title>{ title } ·</Title>
       <Description>{ description }</Description>
-      <A href={ githubLink } target='_blank' rel='noopener'>· Code</A>
-      <A href={ demoLink } target='_blank' rel='noopener'>· Demo</A>
+      <A href={githubLink} target='_blank' rel='noopener'>· Code</A>
+      <A href={demoLink} target='_blank' rel='noopener'>· Demo</A>
     </Project>
     <Ws />
   </Wrapper>
diff --git a/components/Thoughts.js b/components/Thoughts.js
@@ -22,15 +22,15 @@ const Title = styled.h3`
 
 export default () => (
   <Wrapper>
-      {
-        thoughts.map(({ id, title }) => (
-          <Thoughts
-            id={id}
-            key={id}
-            title={title}
-          />
-        ))
-      }
+    {
+      thoughts.map(({ id, title }) => (
+        <Thoughts
+          id={id}
+          key={id}
+          title={title}
+        />
+      ))
+    }
   </Wrapper>
 )
 
diff --git a/components/Wrapper.js b/components/Wrapper.js
@@ -1,7 +1,6 @@
 import styled from 'styled-components'
 import { media } from '../utils/styleUtils'
 
-
 const Wrapper = styled.div`
   line-height: 1.5;
   padding: 0 20px;
diff --git a/components/meta.js b/components/meta.js
@@ -2,11 +2,11 @@ import Head from 'next/head'
 
 export default () => (
   <Head>
-    <meta charset="utf-8">
-    <meta http-equiv="x-ua-compatible" content="ie=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta charset='utf-8' />
+    <meta http-equiv='x-ua-compatible' content='ie=edge' />
+    <meta name='viewport' content='width=device-width, initial-scale=1' />
     <title>prbsas</title>
-    <meta name="description" content="Portfolio website">
-    <meta name="distribution" content="Global">
+    <meta name='description' content='Portfolio website' />
+    <meta name='distribution' content='Global' />
   </Head>
 )
diff --git a/package.json b/package.json
@@ -12,5 +12,8 @@
     "react-ga": "^2.5.3",
     "styled-components": "^3.3.0",
     "to-id": "^1.0.5"
+  },
+  "devDependencies": {
+    "standard": "^11.0.1"
   }
 }
diff --git a/pages/about.js b/pages/about.js
@@ -1,4 +1,3 @@
-import Head from 'next/head'
 import Page from '../components/Page'
 import Dot from '../components/Dot'
 import About from '../components/About'
diff --git a/pages/index.js b/pages/index.js
@@ -1,11 +1,9 @@
-import Head from 'next/head'
 import Page from '../components/Page'
 import Dot from '../components/Dot'
 import Main from '../components/Main'
 import Nav from '../components/Nav'
 import Footer from '../components/Footer'
 
-
 export default () => (
   <Page>
     <Dot />
diff --git a/pages/projects.js b/pages/projects.js
@@ -1,5 +1,4 @@
 import React from 'react'
-import Head from 'next/head'
 import Page from '../components/Page'
 import Dot from '../components/Dot'
 import Categories from '../components/Categories'
diff --git a/pages/projects/color.js b/pages/projects/color.js
@@ -1,24 +1,22 @@
-import Head from 'next/head'
 import Page from '../../components/Page'
 import Dot from '../../components/Dot'
 import ProjectList from '../../components/ProjectList'
 import { color } from '../../data/projects.json'
 
-
 export default () => (
   <Page>
     <Dot to='/projects' />
-      {
-        color.map(({ id, title, description, githubLink, demoLink }) => (
-          <ProjectList
-            id={id}
-            key={id}
-            title={title}
-            description={description}
-            githubLink={githubLink}
-            demoLink={demoLink}
-          />
-        ))
-      }
+    {
+      color.map(({ id, title, description, githubLink, demoLink }) => (
+        <ProjectList
+          id={id}
+          key={id}
+          title={title}
+          description={description}
+          githubLink={githubLink}
+          demoLink={demoLink}
+        />
+      ))
+    }
   </Page>
 )
diff --git a/pages/projects/layout.js b/pages/projects/layout.js
@@ -1,24 +1,22 @@
-import Head from 'next/head'
 import Page from '../../components/Page'
 import Dot from '../../components/Dot'
 import ProjectList from '../../components/ProjectList'
 import { layout } from '../../data/projects.json'
 
-
 export default () => (
   <Page>
     <Dot to='/projects' />
-      {
-        layout.map(({ id, title, description, githubLink, demoLink }) => (
-          <ProjectList
-            id={id}
-            key={id}
-            title={title}
-            description={description}
-            githubLink={githubLink}
-            demoLink={demoLink}
-          />
-        ))
-      }
+    {
+      layout.map(({ id, title, description, githubLink, demoLink }) => (
+        <ProjectList
+          id={id}
+          key={id}
+          title={title}
+          description={description}
+          githubLink={githubLink}
+          demoLink={demoLink}
+        />
+      ))
+    }
   </Page>
 )
diff --git a/pages/projects/random.js b/pages/projects/random.js
@@ -1,24 +1,22 @@
-import Head from 'next/head'
 import Page from '../../components/Page'
 import Dot from '../../components/Dot'
 import ProjectList from '../../components/ProjectList'
 import { random } from '../../data/projects.json'
 
-
 export default () => (
   <Page>
     <Dot to='/projects' />
-      {
-        random.map(({ id, title, description, githubLink, demoLink }) => (
-          <ProjectList
-            id={id}
-            key={id}
-            title={title}
-            description={description}
-            githubLink={githubLink}
-            demoLink={demoLink}
-          />
-        ))
-      }
+    {
+      random.map(({ id, title, description, githubLink, demoLink }) => (
+        <ProjectList
+          id={id}
+          key={id}
+          title={title}
+          description={description}
+          githubLink={githubLink}
+          demoLink={demoLink}
+        />
+      ))
+    }
   </Page>
 )
diff --git a/pages/projects/react.js b/pages/projects/react.js
@@ -1,24 +1,22 @@
-import Head from 'next/head'
 import Page from '../../components/Page'
 import Dot from '../../components/Dot'
 import ProjectList from '../../components/ProjectList'
 import { react } from '../../data/projects.json'
 
-
 export default () => (
   <Page>
     <Dot to='/projects' />
-      {
-        react.map(({ id, title, description, githubLink, demoLink }) => (
-          <ProjectList
-            id={id}
-            key={id}
-            title={title}
-            description={description}
-            githubLink={githubLink}
-            demoLink={demoLink}
-          />
-        ))
-      }
+    {
+      react.map(({ id, title, description, githubLink, demoLink }) => (
+        <ProjectList
+          id={id}
+          key={id}
+          title={title}
+          description={description}
+          githubLink={githubLink}
+          demoLink={demoLink}
+        />
+      ))
+    }
   </Page>
 )
diff --git a/pages/projects/sound.js b/pages/projects/sound.js
@@ -1,24 +1,22 @@
-import Head from 'next/head'
 import Page from '../../components/Page'
 import Dot from '../../components/Dot'
 import ProjectList from '../../components/ProjectList'
 import { sound } from '../../data/projects.json'
 
-
 export default () => (
   <Page>
     <Dot to='/projects' />
-      {
-        sound.map(({ id, title, description, githubLink, demoLink }) => (
-          <ProjectList
-            id={id}
-            key={id}
-            title={title}
-            description={description}
-            githubLink={githubLink}
-            demoLink={demoLink}
-          />
-        ))
-      }
+    {
+      sound.map(({ id, title, description, githubLink, demoLink }) => (
+        <ProjectList
+          id={id}
+          key={id}
+          title={title}
+          description={description}
+          githubLink={githubLink}
+          demoLink={demoLink}
+        />
+      ))
+    }
   </Page>
 )
diff --git a/pages/projects/time.js b/pages/projects/time.js
diff --git a/pages/projects/webdesign.js b/pages/projects/webdesign.js
diff --git a/pages/thoughts.js b/pages/thoughts.js
diff --git a/utils/analytics.js b/utils/analytics.js
diff --git a/yarn.lock b/yarn.lock

Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,6 @@`
`1`	`1`	`import styled from 'styled-components'`
`2`	`2`	`import { media } from '../utils/styleUtils'`
`3`	`3`	`import Link from 'next/link'`
`4`		`-import to from 'to-id'`
`5`	`4`
`6`	`5`	const Dot = styled.div`
`7`	`6`	`width: 80px;`
@@ -23,5 +22,5 @@ const Dot = styled.div`
`23`	`22`	`
`24`	`23`
`25`	`24`	`export default ({ to }) => (`
`26`		`- <Link prefetch href={to \|\| '/'}><Dot></Dot></Link>`
	`25`	`+ <Link prefetch href={to \|\| '/'}><Dot /></Link>`
`27`	`26`	`)`
Original file line number	Diff line number	Diff line change
`@@ -12,5 +12,8 @@`
`12`	`12`	`"react-ga": "^2.5.3",`
`13`	`13`	`"styled-components": "^3.3.0",`
`14`	`14`	`"to-id": "^1.0.5"`
	`15`	`+ },`
	`16`	`+ "devDependencies": {`
	`17`	`+ "standard": "^11.0.1"`
`15`	`18`	`}`
`16`	`19`	`}`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,3 @@`
`1`		`-import Head from 'next/head'`
`2`	`1`	`import Page from '../components/Page'`
`3`	`2`	`import Dot from '../components/Dot'`
`4`	`3`	`import About from '../components/About'`
Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,4 @@`
`1`	`1`	`import React from 'react'`
`2`		`-import Head from 'next/head'`
`3`	`2`	`import Page from '../components/Page'`
`4`	`3`	`import Dot from '../components/Dot'`
`5`	`4`	`import Categories from '../components/Categories'`