- Full-featured monitoring dashboard for local web apps - Real-time status tracking with uptime percentages - Visual sparklines for status history - Add/Edit/Delete apps dynamically - Categories and color coding - Auto-refresh every 30 seconds - API endpoints for apps and status management
64 lines
2.6 KiB
JavaScript
64 lines
2.6 KiB
JavaScript
import connect from '../components/react-dev-overlay/pages/hot-reloader-client';
|
|
import { sendMessage } from '../components/react-dev-overlay/pages/websocket';
|
|
let reloading = false;
|
|
export default ((mode)=>{
|
|
const devClient = connect(mode);
|
|
devClient.subscribeToHmrEvent((obj)=>{
|
|
if (reloading) return;
|
|
// if we're on an error/404 page, we can't reliably tell if the newly added/removed page
|
|
// matches the current path. In that case, assume any added/removed entries should trigger a reload of the current page
|
|
const isOnErrorPage = window.next.router.pathname === '/404' || window.next.router.pathname === '/_error';
|
|
switch(obj.action){
|
|
case 'reloadPage':
|
|
{
|
|
sendMessage(JSON.stringify({
|
|
event: 'client-reload-page',
|
|
clientId: window.__nextDevClientId
|
|
}));
|
|
reloading = true;
|
|
return window.location.reload();
|
|
}
|
|
case 'removedPage':
|
|
{
|
|
const [page] = obj.data;
|
|
if (page === window.next.router.pathname || isOnErrorPage) {
|
|
sendMessage(JSON.stringify({
|
|
event: 'client-removed-page',
|
|
clientId: window.__nextDevClientId,
|
|
page
|
|
}));
|
|
return window.location.reload();
|
|
}
|
|
return;
|
|
}
|
|
case 'addedPage':
|
|
{
|
|
const [page] = obj.data;
|
|
if (page === window.next.router.pathname && typeof window.next.router.components[page] === 'undefined' || isOnErrorPage) {
|
|
sendMessage(JSON.stringify({
|
|
event: 'client-added-page',
|
|
clientId: window.__nextDevClientId,
|
|
page
|
|
}));
|
|
return window.location.reload();
|
|
}
|
|
return;
|
|
}
|
|
case 'serverError':
|
|
case 'devPagesManifestUpdate':
|
|
case 'appIsrManifest':
|
|
case 'building':
|
|
case 'finishBuilding':
|
|
{
|
|
return;
|
|
}
|
|
default:
|
|
{
|
|
throw new Error('Unexpected action ' + obj.action);
|
|
}
|
|
}
|
|
});
|
|
return devClient;
|
|
});
|
|
|
|
//# sourceMappingURL=hot-middleware-client.js.map
|