Save builder content in indexedDB

[dmijatovic]

Save builder content

Closes #12

It saves "unfinished" workflow definitions to indexedDB, in "builder" objectStore, when user navigates away from builder page. When users visits builder page it is been asked if he want to load "unfinished" workflow definitions. If answer is OK the data is loaded.

What is implemented?

• created custom hook useIndexedDb to load saved builder definitions. The hook uses methods defined in indexedDB.ts
• created custom hook useSaveOnLeave to save builder definitions when user leaves builder page/route
• increased indexedDB version to 2 in order to create additional objectStore "builder". The database have now 2 object stores "zips" and "builder".

How to test?

• Without logging in navigate to builder. Create some definitions and navigate away to some other app page. Currently there will be console log saying "useSaveOnLeave...OK" if definitions were saved successfully.
• Navigate back to builder and confirm that definitions you had are properly loaded from indexedDB.
• Login and test the process again.
• Try loading scenarios. Note! I was not able to test this approach because I do not know how to trigger scenario "process". But the code should do the following: if there is scenario defined to load in builder (zips objectStore) the scenario will be loaded. If there is no scenario to load we look if there are builder definitions to load.

To do

After testing we should remove console.logs.

[sverhoeven]

If you submit a workflow (which redirects to /jobs/9) and go back to the builder page it asks to load the just submitted workflow again.

I would expect that when you submit the workflow then the workflow is finished and the indexeddb is cleared.

Can we treat leaving to page after submit differently? Maybe use the formMethod==POST in https://remix.run/docs/en/main/hooks/use-navigation hook.

[github-actions[bot]]

Please delete the images belonging to this Pull Request as they are no longer useful.

• ghcr.io/i-vresse/haddock3-webapp
• ghcr.io/i-vresse/bartender
• ghcr.io/i-vresse/certmaker

Goto versions page of each image, find version called pr-131, filter on tagged versions by clicking "N tagged" button in table header, click on ... button and select Delete version.