feat(gatsby-plugin-gatsby-cloud): enable preview status indicator and tooltip

[DanielSLew]

Second iteration of the preview indicator.

See video of design/usage here:
https://user-images.githubusercontent.com/51924260/118557212-de414780-b732-11eb-8ede-3cbfa5518941.mov

The indicator now features 3 buttons

• Gatsby - shows information about the build, leads to build logs on error and new build on success
• Link - let's you copy the current URL path to share
• Info - When you're on the most recent build it lets you know how long ago it was built.

[wardpeet]

I've added some small remarks.

Do we still need all the svg files listed in the project?
For example packages/gatsby-plugin-gatsby-cloud/src/assets/successIcon.svg

[wardpeet]

Added a small follow up but looks great

[LekoArts]

Taken from a project of mine using the current next of the cloud plugin:

Is the indicator actually something we want to ship even if I don't use it?

[kelvindecosta]

Taken from a project of mine using the current next of the cloud plugin:

Is the indicator actually something we want to ship even if I don't use it?

Hey @LekoArts, @wardpeet

The new update looks nice.
The preview indicator is a nice widget that provides some convenience when using the Gatsby Cloud dashboard.

However, the inclusion of the date-fns package, a newly added dependency of the Gatsby Cloud plugin, adds 83.3kB to the final parsed bundle (as detected by gatsby-plugin-webpack-bundle-analyser-v2).
While this utility is a nice QoL upgrade, I don't think it should be directly attached to the website build.
Ultimately, the sites are slower.

I might be completely wrong here and I would love for your thoughts about it.

Thanks again for your help

[LekoArts]

This was addressed in a follow-up and was shipped with the release: #31506

[kelvindecosta]

Hey @LekoArts

Thank you for the quick reply!

I opened an issue, #31597, which compares the bundle sizes between versions 2.5.0 and 2.6.0.
The date-fns package is included in the bundle when using the latter.

Do I have to explicitly opt out of using the indicator?
I have tried setting GATSBY_PREVIEW_INDICATOR_ENABLED to false, but that doesn't change the bundle.

Again, thanks for you help with this matter!
Any further feedback / advice is appreciated!