JMAP Demo Webmail
This is a simple, but in many ways surprisingly sophisticated demo webmail client, making use of the JMAP JS library, and built on top of the Overture library. Hopefully this will make it easier for people to start hacking on JMAP immediately and get a feel for it. There's less than 2000 lines of non-library code - and that includes generous spacing and a few comments.
You can try it at https://jmap.io/jmap-demo-webmail/ – it will prompt you for a JMAP Session URL to connect to. The Fastmail one is prefilled, but you can change this to any other JMAP-supporting email server. If you want to run your own server, Cyrus has a complete JMAP Mail implementation.
If you're connecting to Fastmail, you'll need a JMAP-specific app password; learn more at https://jmap.topicbox.com/groups/fastmail-dev-beta/T83594f41ca76f56c/jmap-crash-course
To host your own copy of the webmail, just clone the git repo.
All code and design is made available under the liberal MIT license. Please see the LICENSE file in the repo for full details.
About the app
The app showcases a number of features from the JMAP JS library:
It's fast. Because JMAP can load pretty much any view in one round trip.
You have full access to a complete mailbox, with no paging. Jump to any point and the data loads in quickly. The library is actually automatically prefetching a little bit either side of the section you currently need, so scrolling through it gives the illusion of a fully loaded mailbox.
All changes update the local UI instantly, then sync to the server in the background. If the server rejects the changes, the library will automatically revert the local cache so it stays in sync.
There's full, multi-level undo (and redo – Cmd-Shift-Z!) support. Again, the changes occur instantly in the client and are synced back to the server later. It can even handle undo when it's in the middle of syncing the original change to the server.
There's full push support. The EventSource connection to the server receives a new state token whenever something changes, which triggers the library to make a request to the server and get back the changes. Very fast, very efficient. Please note: the public Fastmail JMAP server does not currently support push connections.