feat(prettier): Introduce prettier and update all files

.eslintrc.js

@@ -3,10 +3,7 @@
 const path = require('path');
 
 module.exports = {
-  extends: [
-    '@scottnonnenberg/thehelp',
-    '@scottnonnenberg/thehelp/react',
-  ],
+  extends: ['@scottnonnenberg/thehelp', '@scottnonnenberg/thehelp/react'],
 
   parser: 'babel-eslint',
 
@@ -16,7 +13,7 @@ module.exports = {
         paths: [__dirname, path.resolve(__dirname, 'test/setup/fakes')],
       },
     },
-    'react': {
+    react: {
       version: '15.1.0',
     },
   },
@@ -28,8 +25,11 @@ module.exports = {
 
     'security/detect-object-injection': 'off', // as a client-only app, no concerns here
 
-    'thehelp/absolute-or-current-dir': ['error', {
-      exceptions: [/setupModulePath$/],
-    }],
+    'thehelp/absolute-or-current-dir': [
+      'error',
+      {
+        exceptions: [/setupModulePath$/],
+      },
+    ],
   },
 };

.prettierignore

@@ -0,0 +1,9 @@
+css/solarized-light.less
+css/typography-compat.less
+
+pages/posts/*
+
+# Generated
+CHANGELOG.md
+.cache
+public

.prettierrc.js

@@ -0,0 +1,6 @@
+module.exports = {
+  arrowParens: 'avoid',
+  printWidth: 90,
+  singleQuote: true,
+  trailingComma: 'es5',
+};

gatsby-config.js

@@ -20,7 +20,8 @@ module.exports = {
       url: 'https://scottnonnenberg.com',
       image: 'https://static.sinap.ps/img/profile/me_2012_square_300px_full.png',
       icon: 'https://static.sinap.ps/img/profile/me_2012_square_300px.jpg',
-      blurb: "Hi, I'm Scott. I've written both server and client code in many languages for many employers and clients. I've also got a bit of an unusual perspective, since I've spent time in roles outside the pure 'software developer.'",
+      blurb:
+        "Hi, I'm Scott. I've written both server and client code in many languages for many employers and clients. I've also got a bit of an unusual perspective, since I've spent time in roles outside the pure 'software developer.'",
     },
   },
   plugins: [

gatsby-node.js

@@ -1,14 +1,7 @@
 /* eslint-disable import/no-commonjs, thehelp/no-mutation */
 
 const path = require('path');
-const {
-  filter,
-  flatten,
-  get,
-  includes,
-  sortBy,
-  uniq,
-} = require('lodash');
+const { filter, flatten, get, includes, sortBy, uniq } = require('lodash');
 
 exports.createPages = async ({ graphql, actions }) => {
   const { createPage } = actions;
@@ -18,9 +11,7 @@ exports.createPages = async ({ graphql, actions }) => {
   const result = await graphql(
     `
       {
-        allMarkdownRemark(
-          sort: { fields: [frontmatter___date], order: ASC }
-        ) {
+        allMarkdownRemark(sort: { fields: [frontmatter___date], order: ASC }) {
           edges {
             node {
               html
@@ -66,9 +57,8 @@ exports.createPages = async ({ graphql, actions }) => {
   const tags = sortBy(uniq(flatten(posts.map(post => post.frontmatter.tags))));
 
   tags.forEach(tag => {
-    const postsWithTag = filter(
-      posts,
-      post => includes(get(post, 'frontmatter.tags'), tag)
+    const postsWithTag = filter(posts, post =>
+      includes(get(post, 'frontmatter.tags'), tag)
     );
 
     createPage({

package.json

@@ -7,6 +7,7 @@
     "prerelease": "npm run build-production",
     "check-types": "tsc --noEmit",
     "lint": "eslint .",
+    "format": "prettier --write \"*.{css,js,json,md,scss,ts,tsx}\" \"./**/*.{css,js,json,md,scss,ts,tsx}\"",
     "develop": "gatsby develop",
     "build": "gatsby build",
     "build-production": "scripts/build.sh",
@@ -74,6 +75,7 @@
     "markdown-it": "10.0.0",
     "mocha": "7.1.2",
     "npm-run-all": "4.1.5",
+    "prettier": "2.0.5",
     "rimraf": "3.0.2",
     "sinon": "9.0.2",
     "standard-version": "7.1.0",

scripts/.eslintrc.js

@@ -1,7 +1,5 @@
 module.exports = {
-  extends: [
-    '@scottnonnenberg/thehelp/scripts',
-  ],
+  extends: ['@scottnonnenberg/thehelp/scripts'],
 
   rules: {
     'consistent-return': 'off',

scripts/check_deep_links.ts

@@ -11,14 +11,16 @@ import superagent from 'superagent';
 // @ts-ignore
 import { SiteChecker } from 'broken-link-checker';
 
-
 const MAX_PARALLEL = 5;
 const DOMAIN = 'http://localhost:8000';
 const links = Object.create(null);
 const cache = Object.create(null);
 
-
-function verifyHash({ pathname, hash, contents }: {
+function verifyHash({
+  pathname,
+  hash,
+  contents,
+}: {
   pathname: string;
   hash: string;
   contents: string;
@@ -40,24 +42,22 @@ function verifyHash({ pathname, hash, contents }: {
 
 type LinkType = {
   pathname: string;
-  hash: string
+  hash: string;
 };
 
 function checkLink({ pathname, hash }: LinkType, cb: Function) {
   if (cache[pathname]) {
     return cb(null, verifyHash({ pathname, hash, contents: cache[pathname] }));
   }
 
-  return superagent
-    .get(DOMAIN + pathname)
-    .end((err, res) => {
-      if (notate(cb, err, { pathname })) {
-        return;
-      }
+  return superagent.get(DOMAIN + pathname).end((err, res) => {
+    if (notate(cb, err, { pathname })) {
+      return;
+    }
 
-      cache[pathname] = res.text; // eslint-disable-line
-      return cb(null, verifyHash({ pathname, hash, contents: res.text }));
-    });
+    cache[pathname] = res.text; // eslint-disable-line
+    return cb(null, verifyHash({ pathname, hash, contents: res.text }));
+  });
 }
 
 function checkLinks() {
@@ -80,22 +80,20 @@ function checkLinks() {
 
       console.log('\nAll Done!');
     });
-  }
-  catch (err) {
+  } catch (err) {
     console.log(notate.prettyPrint(err));
   }
 }
 
-
 const options = {
   excludeExternalLinks: true,
 };
 
 type SiteCheckerResultType = {
   url: {
     resolved: string;
-  }
-}
+  };
+};
 
 const handlers = {
   link: (result: SiteCheckerResultType) => {
@@ -107,4 +105,3 @@ const handlers = {
 const checker = new SiteChecker(options, handlers);
 
 checker.enqueue(DOMAIN);
-

scripts/clean_post.ts

@@ -9,7 +9,6 @@ import * as globalConfig from 'gatsby-config';
 
 const config = globalConfig.siteMetadata;
 
-
 const limit = parseInt(process.argv[2], 10) || 1;
 const posts = loadPosts({
   limit,
@@ -21,9 +20,7 @@ function removeSmartQuotes(value?: string) {
     return value;
   }
 
-  return value
-    .replace(/[’‘]/g, '\'')
-    .replace(/[“”]/g, '"');
+  return value.replace(/[’‘]/g, "'").replace(/[“”]/g, '"');
 }
 
 function removeDupeLinks(contents?: string) {

scripts/generate_json.ts

@@ -22,25 +22,27 @@ const config = globalConfig.siteMetadata;
 
 const posts = loadPosts();
 
-const json = compact(map(posts, post => {
-  if (!post.frontmatter) {
-    console.error('Malformed post', post);
-    throw new Error('Post was missing frontmatter!');
-  }
-
-  const preFoldContent = fixLocalLinks(getPreFoldContent(post.html), config.domain);
-  const url = config.domain + post.frontmatter.path;
-  const readMore = ` <a href="${url}">Read more&nbsp;»</a>`;
-  const withCallToAction = appendToLastTextBlock(preFoldContent, readMore);
-
-  return {
-    title: post.frontmatter.title,
-    date: post.frontmatter.date,
-    preview: withCallToAction,
-    url,
-    tags: post.frontmatter.tags,
-  };
-}));
+const json = compact(
+  map(posts, post => {
+    if (!post.frontmatter) {
+      console.error('Malformed post', post);
+      throw new Error('Post was missing frontmatter!');
+    }
+
+    const preFoldContent = fixLocalLinks(getPreFoldContent(post.html), config.domain);
+    const url = config.domain + post.frontmatter.path;
+    const readMore = ` <a href="${url}">Read more&nbsp;»</a>`;
+    const withCallToAction = appendToLastTextBlock(preFoldContent, readMore);
+
+    return {
+      title: post.frontmatter.title,
+      date: post.frontmatter.date,
+      preview: withCallToAction,
+      url,
+      tags: post.frontmatter.tags,
+    };
+  })
+);
 
 fs.writeFileSync(allPath, JSON.stringify(json, null, '  '));
 fs.writeFileSync(recentPath, JSON.stringify(json.slice(0, RECENT_LIMIT), null, '  '));

scripts/make_post.ts

@@ -6,7 +6,6 @@ import _string from 'underscore.string';
 
 import moment from 'moment';
 
-
 function fixForYaml(title: string): string {
   if (title.indexOf(':') !== -1) {
     return `"${title.split('"').join('\\"')}"`;
@@ -32,7 +31,9 @@ const newContents = template
   .replace('PATH', postPath);
 
 const filePathDate = moment(now).format('YYYY-MM-DD');
-const newFilePath =
-  path.join(__dirname, `../pages/posts/${filePathDate}-${titleSlug}.md`);
+const newFilePath = path.join(
+  __dirname,
+  `../pages/posts/${filePathDate}-${titleSlug}.md`
+);
 
 fs.writeFileSync(newFilePath, newContents);

scripts/util/loadPosts.ts

@@ -17,12 +17,14 @@ const fileFilter = /.md$/;
 type PostFrontMatterResultType = {
   attributes: PostAttributesType;
   body: string;
-}
-
-export default function loadPosts(options: {
-  limit?: number;
-  markdown?: boolean;
-} = {}): Array<PostType> {
+};
+
+export default function loadPosts(
+  options: {
+    limit?: number;
+    markdown?: boolean;
+  } = {}
+): Array<PostType> {
   const limit = options.limit || Infinity;
   const markdown = typeof options.markdown === 'undefined' ? true : options.markdown;
 
@@ -51,4 +53,3 @@ export default function loadPosts(options: {
     })
     .value();
 }
-

scripts/util/writeIfDifferent.ts

@@ -6,8 +6,7 @@ export default function writeIfDifferent(path: string, contents: string) {
     if (currentContents === contents) {
       return;
     }
-  }
-  catch (err) {
+  } catch (err) {
     // file doesn't exist; need to write it
   }