stetrevor/3map

Michael's MindMap, thus 3Map.

3map's Issues

Every navigation to Auth view will check the current user and redirect if signed in.

Use vue router meta field and navigation guards.

Rename file

cache FileList to preserve list loading state.

Reduce build vendor bundle size

Remove node-object-hash.
Try JSON-Patch.

Show the file being uploaded.

Use service worker background sync with uploading file.

Send uploading complete notification when all files finishes uploading.

Firebase Auth UI

Stop sending downloadURL when uploading finishes.

Firebase Cloud Storage refPath

With authentication in mind, a refPath to a mindmap file or a resource file used by a mindmap file should have a path like this:

`${userId}/${mindMapFileFolderId}/${mindmapFileId}`

Or

`${userId}/${mindMapFileFolderId}/${mindmapResourceId}`

Since those ids are not expected to change, renaming files or resources can be done through custom metadata.

The userId part is acquired through authentication. The mindmapFileFolderId, mindmapFileId and mindmapResourceId are generated by the client and goes with the map file's life cycle.

Editing exisiting map file

Workbox with GenerateSW plugin

Move cloud api to service worker

It's still possible to communicate between service worker and clients. The same approach used by workbox to queue requests can be used to queue function calls when an error is thrown because of internet connection loss.

Only upload if file is edited.

Reset editor view state before async calls

Include map file id field when listing map files

Clear staging map file when upload finishes.

Disable caching during development.

Clear upload status after completion. Maybe after 2 seconds.

Or use Vue.nextTick with Vue.delete

Delete a map file

Show rename success toast.

List File Pagination

Add pagination button

New map file

• go to new file edit route
• set up content with root node
• upload when exit

Skip waiting during development for service worker.

Save edits upon reload.

• Save map content to local db with getMapContent action.
• Update map content with watched node operation actions.
• Load from local db if found.

Separate TreeEditor node operation into its own component. Use Editor view to handle get and uploading map content.

Use custom ui for auth

Clean up other modules not used.