prettier blogpost

Author: ChristopherBiscardi

packages/leo-plugin-blogpost/src/index.js

@@ -1,16 +1,13 @@
 module.exports = function configure(config) {
-
   config.module.rules.push({
     test: /\.post$/,
     exclude: /node_modules/,
-    use: [{
-      loader: '@sa-labs/leo-plugin-blogpost/loader'
-    },{
-      loader: '@sa-labs/leo-plugin-markdown/loader'
-    }, {
-      loader: 'frontmatter-loader'
-    }]
+    use: [
+      { loader: "@sa-labs/leo-plugin-blogpost/loader" },
+      { loader: "@sa-labs/leo-plugin-markdown/loader" },
+      { loader: "frontmatter-loader" }
+    ]
   });
 
   return config;
-}
+};

packages/leo-plugin-blogpost/src/loader.js

@@ -1,45 +1,43 @@
-'use strict';
-var fs = require('fs');
-var mkSlug = require('slug');
-var loaderUtils = require('loader-utils');
-var excerpt = require('excerpt-html');
-var moment = require('moment');
-var sanitizeHTML = require('sanitize-html');
-var debug = require('debug')('leo:plugin-blogpost:loader');
-var fileLoader = require('file-loader');
+"use strict";
+var fs = require("fs");
+var mkSlug = require("slug");
+var loaderUtils = require("loader-utils");
+var excerpt = require("excerpt-html");
+var moment = require("moment");
+var sanitizeHTML = require("sanitize-html");
+var debug = require("debug")("leo:plugin-blogpost:loader");
+var fileLoader = require("file-loader");
 
 function parseDate(str) {
   if (!str) {
     // If there's no date, use right now
-    debug('using now')
-      return moment.utc()
+    debug("using now");
+    return moment.utc();
   } else {
-    return moment.utc(str, ['MMM Do, YYYY'])
+    return moment.utc(str, [ "MMM Do, YYYY" ]);
   }
 }
 
 function slugify(str) {
-  return mkSlug(str, { mode: 'rfc3986' });
+  return mkSlug(str, { mode: "rfc3986" });
 }
 
 module.exports = function(json) {
-  debug('loading');
+  debug("loading");
   // Signal to webpack this is cacheable
   this.cacheable();
   /**
    * Get the filename for the currently loading content
    * given `/whatever/post-a.post`, will return `post-a`
    */
-  var filename = loaderUtils.interpolateName(this, '[name]', {
-    content: json
-  });
-  var headerImagePath = loaderUtils.interpolateName(this, '[path]header.png', {
+  var filename = loaderUtils.interpolateName(this, "[name]", { content: json });
+  var headerImagePath = loaderUtils.interpolateName(this, "[path]header.png", {
     content: json
   });
 
   var headerImg;
   // TODO: check if header image exists via headerImagePath
-  if(filename === 'index') {
+  if (filename === "index") {
     try {
       fs.accessSync(headerImagePath, fs.F_OK);
       this.addDependency(headerImagePath);
@@ -48,19 +46,17 @@ module.exports = function(json) {
       //      console.log(this);
       //      console.log(headerImg);
     } catch (e) {
-      console.log('doesnt exist', e);
+      console.log("doesnt exist", e);
     }
   }
   // Categories are used to generate archival pages
-  var category = {
-    display: json.attributes.category || 'Uncategorized'
-  }
+  var category = { display: json.attributes.category || "Uncategorized" };
   category.slug = slugify(category.display);
 
   // Ensure a title exists
   var title = json.attributes.title;
   // if there's no title and the filename is not index, use it
-  if(!json.attributes.title && filename !== 'index') {
+  if (!json.attributes.title && filename !== "index") {
     filename;
   }
 
@@ -75,19 +71,19 @@ module.exports = function(json) {
    */
   var url = json.attributes.url;
   if (!url) {
-    url = '/' + slug;
+    url = "/" + slug;
   }
 
   // Momentize the publish date
   const publishedAt = parseDate(json.attributes.publishedAt);
-  if(!publishedAt.isValid()) {
-    throw new Error(title, 'has an invalid `publishedAt` date');
+  if (!publishedAt.isValid()) {
+    throw new Error(title, "has an invalid `publishedAt` date");
   }
   // If there's no updatedAt value, use publishedAt
   let updatedAt = json.attributes.updatedAt;
   updatedAt = updatedAt ? parseDate(updatedAt) : publishedAt;
-  if(!updatedAt.isValid()) {
-    throw new Error(title, 'has an invalid `updatedAt` date');
+  if (!updatedAt.isValid()) {
+    throw new Error(title, "has an invalid `updatedAt` date");
   }
 
   /**
@@ -97,16 +93,14 @@ module.exports = function(json) {
    * an average word per minute reading pace.
    */
   var timeToRead;
-  if(json.body) {
-    var pureText = sanitizeHTML(json.body, {
-      allowTags: []
-    });
+  if (json.body) {
+    var pureText = sanitizeHTML(json.body, { allowTags: [] });
     var avgWPM = 265;
-    var wordCount = pureText.split(' ').length;
+    var wordCount = pureText.split(" ").length;
     // timeToRead in minutes
     timeToRead = Math.round(wordCount / avgWPM);
     // super hacky way to make sure "0 min read" never happens
-    if(timeToRead === 0) {
+    if (timeToRead === 0) {
       timeToRead = 1;
     }
   }
@@ -119,19 +113,19 @@ module.exports = function(json) {
     ...json,
     attributes: {
       ...json.attributes,
-      contentType: 'leo-blogpost',
+      contentType: "leo-blogpost",
       category: category,
-      publishedAt: publishedAt.format('MMM Do, YYYY'),
-      updatedAt: updatedAt.format('MMM Do, YYYY'),
+      publishedAt: publishedAt.format("MMM Do, YYYY"),
+      updatedAt: updatedAt.format("MMM Do, YYYY"),
       slug: slug,
       url: url,
       excerpt: excerpt(json.body),
       timeToRead: timeToRead
     }
   };
 
-  if(headerImg) {
-    debug('headerImg', headerImg);
+  if (headerImg) {
+    debug("headerImg", headerImg);
     /**
      * If headerImg exists, we were able to access the header.png
      * file. This means we should include it as a require, so it
@@ -142,12 +136,14 @@ module.exports = function(json) {
     module.exports = Object.assign(${JSON.stringify(finalContent)},
                                    {
                                      attributes: Object.assign(
-                                       ${JSON.stringify(finalContent.attributes)},
+                                       ${JSON.stringify(
+      finalContent.attributes
+    )},
                                        { headerImage: '/' + require('${headerImagePath}') }
                                      )
                                    })
 `;
   } else {
-    return 'module.exports = ' + JSON.stringify(finalContent);
+    return "module.exports = " + JSON.stringify(finalContent);
   }
-}
+};

packages/leo-plugin-blogpost/src/process.js

@@ -1,26 +1,29 @@
-const oDebug = require('debug');
-const debug = oDebug('leo:plugin-blogpost:process');
+const oDebug = require("debug");
+const debug = oDebug("leo:plugin-blogpost:process");
 /**
  * Filter drafts out of the dataset by default
  * But keep them if we're told to
  */
 function maybeFilterDrafts(obj) {
-  const isBlogPost = obj.attributes.contentType === 'leo-blogpost';
+  const isBlogPost = obj.attributes.contentType === "leo-blogpost";
   const shouldRenderDrafts = Boolean(process.env.BLOGPOST_RENDER_DRAFTS);
 
-  if(isBlogPost && !shouldRenderDrafts) {
+  if (isBlogPost && !shouldRenderDrafts) {
     // Filter out any drafts if we shouldn't renderDrafts
-    if(obj.attributes.status === 'draft') {
-      debug('filtering out draft: ', obj.attributes.title || obj.attributes.slug);
+    if (obj.attributes.status === "draft") {
+      debug(
+        "filtering out draft: ",
+        obj.attributes.title || obj.attributes.slug
+      );
     }
 
-    return obj.attributes.status !== 'draft';
+    return obj.attributes.status !== "draft";
   } else {
     // passthrough for any non-blogposts since we shouldn't be handling them
-    return true
+    return true;
   }
 }
 
 module.exports = function(data, cb) {
   cb(null, data.filter(maybeFilterDrafts));
-}
+};

packages/leo-plugin-blogpost/src/schema.js

@@ -4,78 +4,75 @@ import graphql, {
   GraphQLInt,
   GraphQLString,
   GraphQLList
-} from 'graphql/type';
+} from "graphql/type";
 
 import {
   connectionDefinitions,
   connectionFromArray,
   connectionArgs
-} from 'graphql-relay';
+} from "graphql-relay";
 
-import find from 'lodash/find';
-import filter from 'lodash/filter';
-import oDebug from 'debug';
-import moment from 'moment';
-const debug = oDebug('leo-plugin-blogpost:schema');
+import find from "lodash/find";
+import filter from "lodash/filter";
+import oDebug from "debug";
+import moment from "moment";
+const debug = oDebug("leo-plugin-blogpost:schema");
 
 const BlogPostAttributesType = new GraphQLObjectType({
-  name: 'BlogPostAttributes',
+  name: "BlogPostAttributes",
   fields: {
     title: {
       type: GraphQLString,
-      description: 'Display title for the BlogPost'
+      description: "Display title for the BlogPost"
     },
     slug: {
       type: GraphQLString,
-      description: 'url-safe string for use in URLs. Can be derived from Title, Filename or specified in Frontmatter'
+      description: "url-safe string for use in URLs. Can be derived from Title, Filename or specified in Frontmatter"
     },
     updatedAt: {
       type: GraphQLString,
-      description: 'The most recent time that this BlogPost was updated, as `MMM Do, YYYY`'
+      description: "The most recent time that this BlogPost was updated, as `MMM Do, YYYY`"
     },
     publishedAt: {
       type: GraphQLString,
-      description: 'The time that this BlogPost was published, as `MMM Do, YYYY`'
+      description: "The time that this BlogPost was published, as `MMM Do, YYYY`"
     },
     url: {
       type: GraphQLString,
-      description: 'The absolute pathname of the BlogPost, ex. `/post`'
+      description: "The absolute pathname of the BlogPost, ex. `/post`"
     },
     canonicalURL: {
       type: GraphQLString,
-      description: 'The Canonical URL for this content. Can be used to deprecate pages for SEO when you want to keep the old content around.'
+      description: "The Canonical URL for this content. Can be used to deprecate pages for SEO when you want to keep the old content around."
     },
     excerpt: {
       type: GraphQLString,
-      description: 'A short excerpt of the `body` content'
+      description: "A short excerpt of the `body` content"
     },
     timeToRead: {
       type: GraphQLInt,
-      description: 'The time it takes the average person to read this post in minutes'
+      description: "The time it takes the average person to read this post in minutes"
     },
     headerImage: {
       type: GraphQLString,
-      description: 'header.png in the post folder.'
+      description: "header.png in the post folder."
     }
   }
-})
+});
 
 const BlogPostType = new GraphQLObjectType({
-  name: 'BlogPost',
-  description: 'A Blog Post written in Markdown with Frontmatter.',
+  name: "BlogPost",
+  description: "A Blog Post written in Markdown with Frontmatter.",
   fields: {
     attributes: {
       type: BlogPostAttributesType,
-      description: 'Metadata about the blog post'
+      description: "Metadata about the blog post"
     },
     rawBody: {
       type: GraphQLString,
-      description: 'The raw Markdown, excluding any frontmatter'
+      description: "The raw Markdown, excluding any frontmatter"
     },
-    body: {
-      type: GraphQLString,
-      description: 'The Markdown rendered as HTML'
-    }
+    body: { type: GraphQLString, description: "The Markdown rendered as HTML" }
   }
 });
 
@@ -86,30 +83,37 @@ const { connectionType: BlogPostConnection } = connectionDefinitions({
 
 module.exports = function(data) {
   // The set of posts we should return via the API
-  const allPosts = data.filter(post => post.attributes.contentType === 'leo-blogpost')
-                       // sort by updatedAt date
-                       .sort((postA, postB) => {
-                         const a = moment.utc(postA.attributes.updatedAt, 'MMM Do, YYYY');
-                         const b = moment.utc(postB.attributes.updatedAt, 'MMM Do, YYYY');
-                         return b.diff(a);
-                       });
+  const allPosts = data
+    .filter(post => post.attributes.contentType === "leo-blogpost")
+    .sort((postA, postB) => {
+      const a = moment.utc(postA.attributes.updatedAt, "MMM Do, YYYY");
+      const b = moment.utc(postB.attributes.updatedAt, "MMM Do, YYYY");
+      return b.diff(a);
+    });
 
   // Get a single post by slug
-  const getPost = (slug) => {
-    const post = find(allPosts, ({ attributes: a }) => a ? a.slug === slug : false);
-    if(!post) {
-      console.log('leo-plugin-blogpost could not find', slug, 'It may be useful to define `slug` in the frontmatter for this post');
+  const getPost = slug => {
+    const post = find(
+      allPosts,
+      ({ attributes: a }) => a ? a.slug === slug : false
+    );
+    if (!post) {
+      console.log(
+        "leo-plugin-blogpost could not find",
+        slug,
+        "It may be useful to define `slug` in the frontmatter for this post"
+      );
     }
-    return post
-  }
+    return post;
+  };
 
   return {
     post: {
       type: BlogPostType,
       args: {
         slug: {
           type: GraphQLString,
-          description: 'The slugified version of a post title'
+          description: "The slugified version of a post title"
         }
       },
       resolve: (root, { slug }) => getPost(slug)
@@ -119,5 +123,5 @@ module.exports = function(data) {
       args: connectionArgs,
       resolve: (_, args) => connectionFromArray(allPosts, args)
     }
-  }
-}
+  };
+};