DEMO Scenario: Connect UI Update

[CallmeT-ty]

Original Demo Scenario
https://docs.google.com/spreadsheets/d/1sgDOm1Sorr14yCwQm6BNQI3YYkaY2h2KuEuAbNqgy7g/edit?gid=543136969#gid=543136969

Demo introduction Video Recording! https://drive.google.com/file/d/1rCsKtbB0I5Uc4QZfBq5pNJKpUvgTZ98u/view

1) Inspect the installed packages and their modules by running ph list

• Provide an example output of the ph list command #846
• Add 4 meta data types to powerhouse.config.json : models, editors, processors, scripts #847
• (Optimization) Have config loader look for powerhouse.config.js (with @type annotation for TS) as well as .json #848
• Apply to all 4 packages #850

Run ph-cmd : Now verify that the sky-ph/atlas package has 3 document models, 3 editors, an analytics processor and an import script and Verify that the sky-ph/rwa-reporting package has 1 document model and an editor

2) Open Up Connect & View the new home screen

• Provide the designs for the new settings and package manager screens by Jan 27. #855
• Make changes to the sidebar component to match the design #851
• Implement the new home screen with the drive icons and their title #852
• Make the original drive context actions available again #853
• Implement Public & Private drive opening and closing functionality with the drive icon in the sidebar #854

Run ph connect and open up the browser window
Showcase that the drives are now available on the home screen
Showcase that the drives can be opened by clicking their icon
Showcase that the icon of the opened drive is highlighted in the new sidebar
Showcase that it's still possible to create local and remote drives

3) Navigate tot the reactor settings screen and view the installed packages

• Provide the designs for the new settings and package manager screens by Jan 27. #855
• Make the log out functionality available through the sidebar instead of the settings screen #856
• Rework the existing settings functionality into a full-page view with subsections #857
• Implement the selector dropdown to select the local connect instance or any of the remote drives #858
• Implement the packages & modules list for Private & Remote drives #859

Click on the settings icon & go to the package manager screen.
Showcase that the same information seen in the command line is visible here
Showcase that the sky-ph/atlas package has 3 document models, editors & an analytics processor and an import script
Showcase that the sky-ph/rwa-reporting package has 1 document model and an editor

4) Install the Powerhouse Contributor Billing package through the UI

• Adjust the hot reloading logic for document models and editors to cover packages in general #862
• Implement the input field and install button in the UI (only for local connect env.) #861
• Implement the call back hook or equivalent to update the UI when the package is uninstalled #866

Enter "@powerhousedao/contributor-billing" as the package name and click install
Wait for the package manager list to update with the new package
Inspect the contents of this new Package with the invoice document model and editor
Confirm that it's now possible to create an invoice document in the drive(s)

4) Verify that Connect can deal with missing document models

• Implement the remove button in the UI and tie it up to another RPC call #864
• Implement the "hot-unload" functionality triggered by the watcher #865
• Implement the call back hook or equivalent to update the UI when the package is uninstalled #866
• Try opening an unsupported document and implement the correct error flow / message #867

Go back to the package manager and remove the contributor billing package
Go back to the drive where the new invoice document was created
Verify that Connect is now unable to open the document
Verify that Connect is showing the appropriate error message to the user