Create a helper function to transform reading time and authors into a nice format.

[zberwaldt]

When the website gets data from the cms we get objects like this:

{
  "posts": [
    {
     ...
      "url": "https://docs.ghost.io/welcome-short/",
      "excerpt": "👋 Welcome, it's great to have you here.",
      "reading_time": 0,
      "access": true,
      ...
    }
  ]
}

It would be nice to have a function that will take reading_time and transform it into a nice format. Kind of like in the following image:

Author data is also included. Implementing a string builder utility to present authors will be a nice polish item.

   "authors": [
        {
          "id": "5951f5fca366002ebd5dbef7",
          "name": "Ghost",
          "slug": "ghost",
          "profile_image": "https://demo.ghost.io/content/images/2017/07/ghost-icon.png",
          "cover_image": null,
          "bio": "The professional publishing platform",
          "website": "https://ghost.org",
          "location": null,
          "facebook": "ghost",
          "twitter": "@tryghost",
          "meta_title": null,
          "meta_description": null,
          "url": "https://demo.ghost.io/author/ghost/"
        }
      ],

[zberwaldt]

the ghost library might have something for this already

https://ghost.org/docs/content-api/javascript/

start there, see if they work.

[moshejs]

hey @zberwaldt - I checked the ghost library briefly and it doesn't appear to have the helper we want.

I immediately thought about momentjs but it's considered a legacy project now.

There's a maintained project date-fns that has a formatDistance helper

import { formatDistance, subDays } from 'date-fns'

formatDistance(subDays(new Date(), 3), new Date(), { addSuffix: true })
//=> "3 days ago"

[zberwaldt]

@moshejs cool, let's give it a shot.