simple-logger-api-monitor - npm Package Compare versions

Comparing version 0.7.7 to 0.7.8

index.js

		@@ -129,4 +129,4 @@ /**
		app.get('/monitor', function (req, res) {
		res.send(`<html> <head> <title>API Monitor</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/4.3.1/cosmo/bootstrap.min.css" /> <style type="text/css"> .pt-8 { padding-top: 110px; } .frappe-chart .x.axis text { display: none; } </style> </head> <body> <div class="container" style="margin-top:30px"> <h2 class="text-center">API Monitor</h2> <br/> <div></div> </div> <script src="https://code.jquery.com/jquery-3.3.1.js"></script> <script src="https://cdn.jsdelivr.net/npm/frappe-charts@1.2.4/dist/frappe-charts.min.iife.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script> <script> function segmentToTs(t){return 3e5*t}function tsToSegment(t){return t\|\|(t=+new Date),Math.floor(t/3e5)}function renderChart(t,a){var e=$('<div class="row"> <div class="col-md-10"> <div class="chart"></div> </div> <div class="col-md-1 align-middle pt-8"><strong class="reqs"></strong><strong> reqs.</strong> </div> <div class="col-md-1 align-middle pt-8"> <strong class="adur"></strong><strong>ms Avg.</strong> </div> </div>');e.find(".reqs").text(a.count),e.find(".adur").text(Math.round(a.avgDurationMs)),e.attr("data-k",t);for(var r={labels:[],datasets:[]},n=tsToSegment(),s=n-23,o=s;o<=n;o++){var i=moment(segmentToTs(o)).fromNow();r.labels.push(i)}for(var d in a.statusCodes){var c={name:d,chartType:"bar",values:[]};for(o=s;o<=n;o++){var l=0;try{l=a.statusCodes[d].segments[o].count}catch(t){}c.values.push(l)}r.datasets.push(c)}$(".container").append(e);new frappe.Chart(e.find(".chart")[0],{data:r,title:t,type:"bar",height:220,colors:["green"],barOptions:{stacked:!0,spaceRatio:.1},tooltipOptions:{formatTooltipX:function(t){return(t+"").toUpperCase()},formatTooltipY:function(t){return t+""}}})}function getData(){$.get("/slamCounts",function(t){for(var a in t&&$(".container div").html(""),t){var e=t[a];console.log(a,e),renderChart(a,e)}})}$(document).ready(function(){setInterval(getData,6e4),getData()}); </script> </body> </html>`);
		res.send(`<html> <head> <title>API Monitor</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/4.3.1/cosmo/bootstrap.min.css" /> <style type="text/css"> .pt-8 { padding-top: 110px; } .frappe-chart .x.axis text { display: none; } </style> </head> <body> <div class="container" style="margin-top:30px"> <h2 class="text-center">API Monitor</h2> <br/> <div class="charts"></div> </div> <script src="https://code.jquery.com/jquery-3.3.1.js"></script> <script src="https://cdn.jsdelivr.net/npm/frappe-charts@1.2.4/dist/frappe-charts.min.iife.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script> <script> function segmentToTs(t){return 3e5*t}function tsToSegment(t){return t=t\|\|+new Date,Math.floor(t/3e5)}function renderChart(t,a){var r=$('<div class="row"> <div class="col-md-10"> <div class="chart"></div> </div> <div class="col-md-1 align-middle pt-8"><strong class="reqs"></strong><strong> reqs.</strong> </div> <div class="col-md-1 align-middle pt-8"> <strong class="adur"></strong><strong>ms Avg.</strong> </div> </div>');r.find(".reqs").text(a.count),r.find(".adur").text(Math.round(a.avgDurationMs)),r.attr("data-k",t);for(var e={labels:[],datasets:[]},s=tsToSegment(),n=s-23,o=n;o<=s;o++){var i=moment(segmentToTs(o)).fromNow();e.labels.push(i)}for(var d in a.statusCodes){var c={name:d,chartType:"bar",values:[]};for(o=n;o<=s;o++){var l=0;try{l=a.statusCodes[d].segments[o].count}catch(t){}c.values.push(l)}e.datasets.push(c)}$(".container > .charts").append(r);new frappe.Chart(r.find(".chart")[0],{data:e,title:t,type:"bar",height:220,colors:["green"],barOptions:{stacked:!0,spaceRatio:.1},tooltipOptions:{formatTooltipX:function(t){return(t+"").toUpperCase()},formatTooltipY:function(t){return t+""}}})}function getData(){$.get("/slamCounts",function(t){for(var a in t&&$(".container > .charts").html(""),t){renderChart(a,t[a])}})}$(document).ready(function(){setInterval(getData,3e4),getData()}); </script> </body> </html>`);
		});
		};

package.json

		{
		"name": "simple-logger-api-monitor",
		"version": "0.7.7",
		"version": "0.7.8",
		"description": "Visualize requests over time, with average response times and error rates",
		@@ -5,0 +5,0 @@ "main": "index.js",

simple-logger-api-monitor - npm Package Compare versions

New alerts

Fixed alerts

Improved metrics