An online demo of a localhost web app

#javascript #vue #opensource #security

The mnm project is building a legitimate replacement for email — a client, a server, and a simple protocol (TMTP) between them. The mnm client[1] is a localhost web app. Recently I posted an online demo of the client.

A localhost web app runs locally on your PC or phone, and displays its UI in a browser page. (Jupyter Notebook is the best known example.)

On the websites of desktop and phone apps, you'll find screenshots. Static images in an inherently interactive medium — what?! But if you've written a localhost web app, you can simply peel up its browser UI and affix it cleanly to your website. Well, you can if you've architected it correctly...

Your browser code needs two features:

A separate module with an API that sends messages to the localhost app.
An updates API to handle messages from the localhost app, which is invoked by callbacks in the module. It typically updates the page using reactive variables that affect the DOM via Vue.js or React (etc).

To turn this into an online demo, you only need reimplement the module to emulate the behavior of the real app, and serve the browser code from your website.

Try the mnm online demo.
Follow mnm on Twitter.

[1] https://github.com/networkimprov/mnm-hammer

How I fixed 20 seconds of lag for every user in just 20 minutes.

Our AI agent was running 10-20 seconds slower than it should, impacting both our own developers and our early adopters. See how I used Sentry Profiling to fix it in record time.