consistent formatting

Author: danielepolencic

.prettierrc.js

@@ -0,0 +1,7 @@
+module.exports = {
+  semi: false,
+  trailingComma: 'all',
+  singleQuote: true,
+  printWidth: 120,
+  tabWidth: 2,
+};

netlify.toml

@@ -1,10 +1,10 @@
 [build]
   base    = "."
   publish = "_site"
-  command = "npm install && npm run build"
+  command = "npm install && npm run fmt && npm run build"
 [context.deploy-preview]
   NODE_ENV = "preview"
-  command = "npm install && mkdir -p _site && echo -e \"\nDisallow: /\" >> _site/robots.txt && npm run build"
+  command = "npm install && mkdir -p _site && echo -e \"\nDisallow: /\" >> _site/robots.txt && npm run fmt && npm run build"
 [context.production.environment]
   NODE_ENV = "production"
 [[headers]]

package-lock.json

@@ -5,7 +5,8 @@
   "scripts": {
     "minify": "for i in `find _site -name \"*.html\" -type f`; do inline-source --root ./_site $i $i; done",
     "build": "npx ts-node --files src/index.tsx && cp favicon.ico _site",
-    "svgo": "npx ts-node src/svgo.ts"
+    "svgo": "npx ts-node src/svgo.ts",
+    "fmt": "prettier 'src/**/*.{ts,tsx,md}' --list-different"
   },
   "author": "Learnk8s",
   "license": "MIT",
@@ -35,6 +36,7 @@
     "moment": "^2.24.0",
     "moment-timezone": "^0.5.23",
     "postcss": "^7.0.14",
+    "prettier": "^1.16.4",
     "prismjs": "^1.15.0",
     "react": "^16.8.1",
     "react-dom": "^16.8.1",

package.json

@@ -1,6 +1,6 @@
 import React from 'react'
 import { LinkedNode, Sitemap, getAbsoluteUrl } from './sitemap'
-import { Navbar, Footer, Layout} from './layout'
+import { Navbar, Footer, Layout } from './layout'
 import { Image, CSSBundle } from './assets'
 import { renderToStaticMarkup } from 'react-dom/server'
 
@@ -10,46 +10,49 @@ export const Details = {
   seoTitle: 'Oops! Not found',
   title: 'Not Found',
   description: 'We are sorry but he page you tried to visit does not exist',
-  openGraphImage: Image({url: 'assets/open_graph_preview.png', description: 'Learnk8s preview'}),
+  openGraphImage: Image({ url: 'assets/open_graph_preview.png', description: 'Learnk8s preview' }),
 }
 
 function identity<T>(value: T): T {
   return value
 }
 
 export function render(website: Sitemap, currentNode: LinkedNode<typeof Details>, siteUrl: string): string {
-  return renderToStaticMarkup(<Layout
-    website={website}
-    seoTitle={currentNode.payload.seoTitle}
-    title={currentNode.payload.title}
-    description={currentNode.payload.description}
-    openGraphImage={currentNode.payload.openGraphImage}
-    absoluteUrl={getAbsoluteUrl(currentNode, siteUrl)}
-    cssBundle={CSSBundle({
-      paths: [
-        'node_modules/tachyons/css/tachyons.css',
-        'assets/style.css',
-      ],
-    })}>
-
-    <div className='trapezoid-1 white pt3 pt0-ns pb2 pb4-ns'>
-
-      <Navbar root={website} />
-
-      <section className='ph5-l'>
-        <div className='w-100'>
-          <h1 className='f1 pl3 pl4-ns f-subheadline-l'>Oops!</h1>
-          <h2 className='f4 normal measure-narrow lh-copy ph3 ph4-ns f3-l pb4'>Something went wrong!</h2>
-        </div>
+  return renderToStaticMarkup(
+    <Layout
+      website={website}
+      seoTitle={currentNode.payload.seoTitle}
+      title={currentNode.payload.title}
+      description={currentNode.payload.description}
+      openGraphImage={currentNode.payload.openGraphImage}
+      absoluteUrl={getAbsoluteUrl(currentNode, siteUrl)}
+      cssBundle={CSSBundle({
+        paths: ['node_modules/tachyons/css/tachyons.css', 'assets/style.css'],
+      })}
+    >
+      <div className="trapezoid-1 white pt3 pt0-ns pb2 pb4-ns">
+        <Navbar root={website} />
+
+        <section className="ph5-l">
+          <div className="w-100">
+            <h1 className="f1 pl3 pl4-ns f-subheadline-l">Oops!</h1>
+            <h2 className="f4 normal measure-narrow lh-copy ph3 ph4-ns f3-l pb4">Something went wrong!</h2>
+          </div>
+        </section>
+      </div>
+
+      <section className="ph3 measure-wide pv4 center">
+        <h3 className="f3 f2-l navy">Are we missing something?</h3>
+        <p className="lh-copy black-70">
+          Please get in touch{' '}
+          <a href="mailto:[email protected]" className="link navy underline">
+            [email protected]
+          </a>
+          .
+        </p>
       </section>
 
-    </div>
-
-    <section className='ph3 measure-wide pv4 center'>
-      <h3 className='f3 f2-l navy'>Are we missing something?</h3>
-      <p className='lh-copy black-70'>Please get in touch <a href='mailto:[email protected]' className='link navy underline'>[email protected]</a>.</p>
-    </section>
-
-    <Footer root={website} />
-  </Layout>)
-}
+      <Footer root={website} />
+    </Layout>,
+  )
+}