Matt Bruce
bed1169443
- 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
71 lines
3.2 KiB
JavaScript
71 lines
3.2 KiB
JavaScript
import { blue, bold, gray, green, red, white, yellow } from '../../lib/picocolors';
|
|
import { stripNextRscUnionQuery } from '../../lib/url';
|
|
import { getRequestMeta } from '../request-meta';
|
|
export function logRequests(options) {
|
|
const { request, response, loggingConfig, requestDurationInMs } = options;
|
|
logIncomingRequest({
|
|
request,
|
|
requestDurationInMs,
|
|
statusCode: response.statusCode
|
|
});
|
|
if (request.fetchMetrics) {
|
|
for (const fetchMetric of request.fetchMetrics){
|
|
logFetchMetric(fetchMetric, loggingConfig);
|
|
}
|
|
}
|
|
}
|
|
function logIncomingRequest(options) {
|
|
const { request, requestDurationInMs, statusCode } = options;
|
|
const isRSC = getRequestMeta(request, 'isRSCRequest');
|
|
const url = isRSC ? stripNextRscUnionQuery(request.url) : request.url;
|
|
const statusCodeColor = statusCode < 200 ? white : statusCode < 300 ? green : statusCode < 400 ? blue : statusCode < 500 ? yellow : red;
|
|
const coloredStatus = statusCodeColor(statusCode.toString());
|
|
return writeLine(`${request.method} ${url} ${coloredStatus} in ${requestDurationInMs}ms`);
|
|
}
|
|
function logFetchMetric(fetchMetric, loggingConfig) {
|
|
var _loggingConfig_fetches;
|
|
let { cacheReason, cacheStatus, cacheWarning, end, method, start, status, url } = fetchMetric;
|
|
if (cacheStatus === 'hmr' && !(loggingConfig == null ? void 0 : (_loggingConfig_fetches = loggingConfig.fetches) == null ? void 0 : _loggingConfig_fetches.hmrRefreshes)) {
|
|
// Cache hits during HMR refreshes are intentionally not logged, unless
|
|
// explicitly enabled in the logging config.
|
|
return;
|
|
}
|
|
if (loggingConfig == null ? void 0 : loggingConfig.fetches) {
|
|
if (url.length > 48 && !loggingConfig.fetches.fullUrl) {
|
|
url = truncateUrl(url);
|
|
}
|
|
writeLine(white(`${method} ${url} ${status} in ${Math.round(end - start)}ms ${formatCacheStatus(cacheStatus)}`), 1);
|
|
if (cacheStatus === 'skip' || cacheStatus === 'miss') {
|
|
writeLine(gray(`Cache ${cacheStatus === 'skip' ? 'skipped' : 'missed'} reason: (${white(cacheReason)})`), 2);
|
|
}
|
|
} else if (cacheWarning) {
|
|
// When logging for fetches is not enabled, we still want to print any
|
|
// associated warnings, so we print the request first to provide context.
|
|
writeLine(white(`${method} ${url}`), 1);
|
|
}
|
|
if (cacheWarning) {
|
|
writeLine(`${yellow(bold('⚠'))} ${white(cacheWarning)}`, 2);
|
|
}
|
|
}
|
|
function writeLine(text, indentationLevel = 0) {
|
|
process.stdout.write(` ${'│ '.repeat(indentationLevel)}${text}\n`);
|
|
}
|
|
function truncate(text, maxLength) {
|
|
return maxLength !== undefined && text.length > maxLength ? text.substring(0, maxLength) + '..' : text;
|
|
}
|
|
function truncateUrl(url) {
|
|
const { protocol, host, pathname, search } = new URL(url);
|
|
return protocol + '//' + truncate(host, 16) + truncate(pathname, 24) + truncate(search, 16);
|
|
}
|
|
function formatCacheStatus(cacheStatus) {
|
|
switch(cacheStatus){
|
|
case 'hmr':
|
|
return green('(HMR cache)');
|
|
case 'hit':
|
|
return green('(cache hit)');
|
|
default:
|
|
return yellow(`(cache ${cacheStatus})`);
|
|
}
|
|
}
|
|
|
|
//# sourceMappingURL=log-requests.js.map
|