UNPKG

next

Version:

The React Framework

110 lines (109 loc) 4.85 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); 0 && (module.exports = { ignoreLoggingIncomingRequests: null, logRequests: null }); function _export(target, all) { for(var name in all)Object.defineProperty(target, name, { enumerable: true, get: all[name] }); } _export(exports, { ignoreLoggingIncomingRequests: function() { return ignoreLoggingIncomingRequests; }, logRequests: function() { return logRequests; } }); const _picocolors = require("../../lib/picocolors"); const _url = require("../../lib/url"); const _requestmeta = require("../request-meta"); function ignoreLoggingIncomingRequests(request, loggingConfig) { var _loggingConfig_incomingRequests; // If it's boolean use the boolean value if (typeof (loggingConfig == null ? void 0 : loggingConfig.incomingRequests) === 'boolean') { return !loggingConfig.incomingRequests; } // Any of the value on the chain is falsy, will not ignore the request. const ignore = loggingConfig == null ? void 0 : (_loggingConfig_incomingRequests = loggingConfig.incomingRequests) == null ? void 0 : _loggingConfig_incomingRequests.ignore; // If ignore is not set, don't ignore anything if (!ignore) { return false; } // If array of RegExp, ignore if any pattern matches return ignore.some((pattern)=>pattern.test(request.url)); } function logRequests(options) { const { request, response, loggingConfig, requestDurationInMs } = options; if (!ignoreLoggingIncomingRequests(request, loggingConfig)) { logIncomingRequests({ request, requestDurationInMs, statusCode: response.statusCode }); } if (request.fetchMetrics) { for (const fetchMetric of request.fetchMetrics){ logFetchMetric(fetchMetric, loggingConfig); } } } function logIncomingRequests(options) { const { request, requestDurationInMs, statusCode } = options; const isRSC = (0, _requestmeta.getRequestMeta)(request, 'isRSCRequest'); const url = isRSC ? (0, _url.stripNextRscUnionQuery)(request.url) : request.url; const statusCodeColor = statusCode < 200 ? _picocolors.white : statusCode < 300 ? _picocolors.green : statusCode < 400 ? _picocolors.blue : statusCode < 500 ? _picocolors.yellow : _picocolors.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((0, _picocolors.white)(`${method} ${url} ${status} in ${Math.round(end - start)}ms ${formatCacheStatus(cacheStatus)}`), 1); if (cacheStatus === 'skip' || cacheStatus === 'miss') { writeLine((0, _picocolors.gray)(`Cache ${cacheStatus === 'skip' ? 'skipped' : 'missed'} reason: (${(0, _picocolors.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((0, _picocolors.white)(`${method} ${url}`), 1); } if (cacheWarning) { writeLine(`${(0, _picocolors.yellow)((0, _picocolors.bold)('⚠'))} ${(0, _picocolors.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 (0, _picocolors.green)('(HMR cache)'); case 'hit': return (0, _picocolors.green)('(cache hit)'); default: return (0, _picocolors.yellow)(`(cache ${cacheStatus})`); } } //# sourceMappingURL=log-requests.js.map