Export current config to file

[SkylerBurger]

As a user, if I make changes to New Tab Dialer, I'd like to be able to export my current config so it can be backed up or shared.

• [ ] Figure out how to allow a Chrome extension to save/write to a file.
• [ ] In the Settings component there should be a button near the Config URL input that says export, which exports the current config as a JSON file.
  • Should there be a section just for Config-related Settings? Like a parent component holding all config related settings that is loaded into the Setting component? (It's going to get more complicated in that one component if I don't start separating concerns).

[SkylerBurger]

Did a little preliminary research. Looks like you'll want to look into the Chrome Downloads API and Blob - Web API. In short it looks like you:

• turn the config into a blob
• generate a URL for the blob
• tell Chrome to download the blob from the URL you generated

[SkylerBurger]

https://fontawesome.com/icons/file-arrow-down?f=classic&s=solid

[SkylerBurger]

After doing some more research it looks like my React App needs to reach out to a scrip that will handle the Chrome API calls for me due to some limitations on it not being able to call out to the Chrome APIs directly itself. Still looking into this further but very close.

[SkylerBurger]

chrome can be accessed from window.chrome within the React app.

[SkylerBurger]

Videos 1, 2, 5 and 6 in this playlist were incredibly helpful in getting the gist of how Chrome Extensions service workers operate separately from the extension itself. Testing this functionality is a little more time consuming because I have to install the Chrome Extension in order to get access to the chrome methods that are only available at runtime while the app is operating as an extension (not even available while running via live server or similar).

[SkylerBurger]

This Issue was addressed in PR #56