Multiple windows/tabs issue

[xy2z]

The problem

Lets say a user has 2 windows open: window-A and window-B.

If the user changes note content in window-A, the change isn't registerd in window-B, unless the user refreshes the page in window-B.

So if the user changes the content of the same note in window-B, the change from window-A is gone.

The issue not just content, it can also be deleted notes, deleted notebooks, new notes, etc.

The Solutions

1. Syncing all tabs. This probably requires sockets? I think this is a bigger task, and will save this for later (v2)
2. Error when saving a note that has changed since page-load-time. This is probably the easiest, but also the most annoying for the user, since they are getting "errors" and have to copy the content and manually merge them.
3. Only allow 1 tab open at a time. Altough I'm not sure how, but this seems like the best solution without going full socket. But maybe this needs sockets anyway? I'll have to research.

#1 is definitely the goal, since we need Collaboration anyway - see https://tiptap.scrumpy.io/collaboration

[xy2z]

To only allow 1 tab at a time we can use localStorage - see example here https://jsfiddle.net/sasivarunan/06dqb1rg/ (open with multiple tabs)

This won't work with other sessions/devices, but may be good enough until sockets are done..?

[xy2z]

As a "temporary" fix for version 1, I've implemented localStorage so only 1 tab can be open at a time.
This is not ideal for the reasons described above, but it's a fix until sockets/other is implemented.