(refocus) - Switch to visibilitychange api

[tatchi]

Resolves #1063

Summary

Use the visibilitychange api.

Set of changes

• Switch from focus to visibilitychange api

I looked at SWR and react-query code and noticed that they refetch on both focus and visibilitychange events. As you can see in the video below, visibilitychange does not fire when we switch from one window to another (while focus does). It actually makes sense since the visibility of the document does not change. According to #1063, focus has some issues so I guess it's fine to only refetch on visibilitychange?

[changeset-bot]

🦋 Changeset detected

Latest commit: d249bd0

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@urql/exchange-refocus	Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[kitten]

Thanks for picking this up! First on a small side-note, we document our changes for our automatically generated changelogs using "changeset" (that's what the comment above is about). Just check these instructions here on how to document a change here and probably mark this one as "minor": https://github.com/FormidableLabs/urql/blob/main/CONTRIBUTING.md#how-do-i-document-a-change-for-the-changelog

[tatchi]

Thanks for picking this up! First on a small side-note, we document our changes for our automatically generated changelogs using "changeset" (that's what the comment above is about). Just check these instructions here on how to document a change here and probably mark this one as "minor": https://github.com/FormidableLabs/urql/blob/main/CONTRIBUTING.md#how-do-i-document-a-change-for-the-changelog

Sorry, I should have read the contributing doc before submitting my PR 😅

[JoviDeCroock]

Awesome work, thanks for picking this up!