reboost/dist/browser/content-server.js

A super fast dev server for rapid web development

const debug = (...data) => debugMode && console.log(...data);
let lostConnection = false;
const connect = () => {
    const socket = new WebSocket(`ws://${location.host}`);
    socket.addEventListener('open', () => {
        if (lostConnection)
            self.location.reload();
        debug('[reboost] Connected to the content server');
    });
    socket.addEventListener('message', ({ data }) => {
        const isCSS = JSON.parse(data) === true;
        if (isCSS) {
            document.querySelectorAll('link[rel=stylesheet]').forEach((link) => {
                const url = new URL(link.href);
                url.searchParams.set('reboostTime', Date.now() + '');
                link.href = url.toString();
            });
            return;
        }
        self.location.reload();
    });
    socket.addEventListener('close', () => {
        if (!lostConnection) {
            debug('[reboost] Lost connection to the content server');
            lostConnection = true;
        }
        setTimeout(() => connect(), 5000);
    });
};
connect();