gatsby-theme-try-ghost/src/utils/infinite-scroll.js

A Gatsby theme for building flaring fast blogs from headless Ghost CMS.

const fs = require(`fs`)

/**
* Infinite Scroll
*
* Record all possible postIds that can be shown for each page (unpaginated).
* Infinite scroll will load more posts in the same order as given here.
* Uses pageContext to pass this information along.
*
* Each post is saved in a JSON file, so it can be fetched upon request.
*
*/

const infiniteScroll = (enable, posts) => {
    const indexIds = []
    const tagIds = {}
    const authorIds = {}

    function saveInfiniteScrollPost(post) {
        const dir = `public/infiniteScroll/`
        if (!fs.existsSync(dir)){
            fs.mkdirSync(dir)
        }
        const id = post.id
        const filePath = `${dir}${id}.json`
        const dataToSave = JSON.stringify(post)
        fs.writeFile(filePath, dataToSave, err => err && console.log(err))
    }

    posts.forEach(({ node }) => {
        if (enable) {
            saveInfiniteScrollPost(node)
        }
        indexIds.push(node.id)
        createIds(node, tagIds, authorIds)
    })

    return ({
        indexIds: indexIds,
        tagIds: tagIds,
        authorIds: authorIds,
    })
}

const createIds = (node, tagIds, authorIds) => {
    node.tags.forEach((tag) => {
        if (tagIds[tag.slug] === undefined) {
            tagIds[tag.slug] = []
        }
        tagIds[tag.slug].push(node.id)
    })

    node.authors.forEach((author) => {
        if (authorIds[author.slug] === undefined) {
            authorIds[author.slug] = []
        }
        authorIds[author.slug].push(node.id)
    })
}

module.exports = infiniteScroll