[gatsby-plugin-nprogress]: Implement a delay option

[peduarte]

Allow the user to define when to display the NProgress bar, rather than it being determined by Gatsby internally.

Currently, NProgress.start() is called when Gatsby emits a onDelayedLoadPageResources event.

I think the user should be able to configure when NProgress starts. Some user may want to show it immediately (as Medium and YouTube) and some may choose to display it after 1000ms.

I think it makes more sense to tackle this once #3528 has been done, so we can hook to the new events.

How I see it working right now, would be something like this:

let timeout = null;

window.___emitter.on(`onPageLoadStarted`, () => {
  timeout = setTimeout(() => {
    NProgress.configure(pluginOptions)
    NProgress.start()
  }, pluginOptions.delay)
})

window.___emitter.on(`onPageLoadEnded`, () => {
  clearTimeout(timeout);
  NProgress.done()
})

We can define a default delay value, as we do for color.

Any alternatives or improvements on this?

Thanks!

[humphreybc]

This would be awesome. The default delay seems to be too long, at least for us. It takes a good couple of seconds to start showing on our website. It would be awesome if we could show it immediately.

[kakadiadarpan]

There hasn't been any activity on this issue recently. Due to the high number of incoming GitHub issues, we have to clean some of the old issues as many of them have already been resolved with the latest updates.

Please make sure to update to the latest Gatsby version and check if that solves the issue. Let us know if that works for you by adding a comment 👍

[kakadiadarpan]

This issue is being closed because there hasn't been any activity for at least 30 days. Feel free to open a new one if you still experience this problem 👍