due to the nature of caching with progressive web apps, it can be somewhat difficult to identify if new changes have been posted to a website and to get those changes in-place. For this reason, some system of checking, reminding, and/or automatic updating should be in-place:
create a text file with a version number and place it in a folder on the repository that will be packaged by gh-pages: e.g. src, public, etc.
Create a class UpdateCheck.tsx that, when subject to some trigger, grabs the same text file directly from the GitHub repo (e.g. via GitHub API?)
Compare the text file that's cached and the text file that's pulled down. Display the results in a Bootstrap Modal with corresponding styling (e.g. green for good, red for needs updating)
Conditionally display instructions for pulling down the newest version if needed
Add an option in the menu to manually run this modal, and automatically run it once on initial page load
Always display the modal if manually queued via the menu, but only display the modal on initial page load if a newer version is found
due to the nature of caching with progressive web apps, it can be somewhat difficult to identify if new changes have been posted to a website and to get those changes in-place. For this reason, some system of checking, reminding, and/or automatic updating should be in-place:
gh-pages
: e.g.src
,public
, etc.UpdateCheck.tsx
that, when subject to some trigger, grabs the same text file directly from the GitHub repo (e.g. via GitHub API?)dependent on #62