SnipX doesn't continuously check the status of your server. For the sake of User Experience, it should check every couple seconds to see if the server is still running. In the case of the server not running, it should disable the Editor page and take you back to the Auth page. Preferably, it should happen close to instantly.

Something like this, but behind the logo.

XMLHttpRequest usage can be found in:

• src/main.js
• src/utils/editorSave.js

A custom built event handler for updating and loading the SnipX UI. Currently, a lot of the UI updates are happening with a simple window.location.reload() which is something we definitely don't want.

A dedicated handler class I think should do the trick.

In the class, we can have methods for manipulating the DOM without reloading it.

• Syntax highlighting linked to styles/theme/
• Keyboard shortcuts mapped out in config.json
• Update editor preferences in Profile page
• Overall, a more animated experience

index.html
style.css
main.js

Edit css scrollbar styles to match ui.

Problem

window.location.reload() seems to do the trick for the theme toggle function however, the page is very ugly when the theme is changing. The page has a split second of non-styled content and it completely breaks the ux.

Solution

Hide all non-styled content while the theme is changing and show it once the theme changed.

The content being saved is just CSS and JavaScript so I think the best place to store that is GitHub.

For now the project will use 'localStorage' but eventually GitHub API will play a role.