mirror of
https://github.com/hanzoai/next.js.git
synced 2026-09-24 17:00:51 +00:00
Log how long it takes to evaluate next.configs Sometimes it is very slow this can help users understand at least that it is due to their config Example dev log ``` running pnpm next --turbopack────────────────────────────────────────────────────────────────╯ ▲ Next.js 16.3.0-canary.52 (Turbopack) - Local: http://localhost:61086 - Network: http://10.103.12.203:61086 ✓ Ready in 272ms ✓ Running next.config.js took 13ms ``` Example build log ``` ✓ Running next.config.js took 10ms ▲ Next.js 16.3.0-canary.52 (Turbopack) - Experiments (use with caution): ✓ mdxRs ⚠ The "middleware" file convention is deprecated. Please use "proxy" instead. To migrate automatically, run: npx @next/codemod@canary middleware-to-proxy . Learn more: https://nextjs.org/docs/messages/middleware-to-proxy Creating an optimized production build ... ``` A few things to discuss * the bundler logging is incorrect in dev! If you use the `withRspack` plugin it will change the bundler to rspack but the next.js version string was already printed! * we eval config before printing the version in build but afterwards in dev so the evaluation timing line is a little surprising * this demonstrates that we do evaluate the config after 'Ready in' in dev, fine but maybe confusing for people?
141 lines
4.0 KiB
TypeScript
141 lines
4.0 KiB
TypeScript
// Used to deterministically stub out minified local names in stack traces.
|
|
const abc = 'abcdefghijklmnopqrstuvwxyz'
|
|
const hostElementsUsedInFixtures = ['html', 'body', 'main', 'div']
|
|
const ignoredLines = [
|
|
'Generating static pages',
|
|
'Inlining static env',
|
|
'Finalizing page optimization',
|
|
// The config evaluation timing line (e.g. "✓ Running next.config.js took
|
|
// 15ms") is non-deterministic boot/build noise that is irrelevant to these
|
|
// runtime-error snapshots.
|
|
'Running next.config',
|
|
]
|
|
|
|
/**
|
|
* Converts a module function sequence expression, e.g.:
|
|
* - (0 , __TURBOPACK__imported__module__1836__.cookies)(...)
|
|
* - (0 , c.cookies)(...)
|
|
* - (0 , cookies.U)(...)
|
|
* - (0 , e.U)(...)
|
|
* to a deterministic, bundler-agnostic representation.
|
|
*/
|
|
export function convertModuleFunctionSequenceExpression(
|
|
output: string
|
|
): string {
|
|
return output.replace(/\(0 , \w+\.(\w+)\)\(\.\.\.\)/, '<module-function>()')
|
|
}
|
|
|
|
export function getDeterministicOutput(
|
|
cliOutput: string,
|
|
{
|
|
isMinified,
|
|
startingLineMatch,
|
|
}: { isMinified: boolean; startingLineMatch?: string }
|
|
): string {
|
|
const lines: string[] = []
|
|
|
|
// If no starting line match is provided, we start from the beginning.
|
|
let foundStartingLine = !startingLineMatch
|
|
let a = 0
|
|
let n = 0
|
|
|
|
const replaceNextDistStackFrame = (_m: string, name: string) =>
|
|
`at ${isMinified ? abc[a++ % abc.length] : name} (<next-dist-dir>)`
|
|
|
|
const isLikelyLibraryInternalStackFrame = (line: string) => {
|
|
return line.startsWith(' at InnerLayoutRouter (')
|
|
}
|
|
|
|
const replaceAnonymousStackFrame = (_m: string, name: string) => {
|
|
const deterministicName = hostElementsUsedInFixtures.includes(name)
|
|
? name
|
|
: abc[a++ % abc.length]
|
|
|
|
return `at ${deterministicName} (<anonymous>)`
|
|
}
|
|
|
|
const replaceMinifiedName = () => `at ${abc[a++ % abc.length]} (`
|
|
const replaceNumericModuleId = () => `at ${n++} (`
|
|
|
|
let isErrorWithStackTraceStartingInLibraryInternals = false
|
|
for (let line of cliOutput.split('\n')) {
|
|
if (
|
|
!isErrorWithStackTraceStartingInLibraryInternals &&
|
|
isLikelyLibraryInternalStackFrame(line)
|
|
) {
|
|
isErrorWithStackTraceStartingInLibraryInternals = true
|
|
lines.push(' at <FIXME-library-internal>')
|
|
continue
|
|
}
|
|
if (isErrorWithStackTraceStartingInLibraryInternals) {
|
|
if (
|
|
// stackframe
|
|
line.startsWith(' at ') ||
|
|
// codeframe
|
|
/^ {2}\d+ \|/.test(line) ||
|
|
// codeframe cursor for callsite
|
|
/^> \d+ \|/.test(line) ||
|
|
/^\s+\|/.test(line)
|
|
) {
|
|
// still an error with a stack trace starting in library internals
|
|
continue
|
|
} else {
|
|
isErrorWithStackTraceStartingInLibraryInternals = false
|
|
}
|
|
}
|
|
if (startingLineMatch && line.includes(startingLineMatch)) {
|
|
foundStartingLine = true
|
|
continue
|
|
}
|
|
|
|
if (line.includes('Next.js build worker exited')) {
|
|
break
|
|
}
|
|
|
|
if (line.includes('Route (app)')) {
|
|
break
|
|
}
|
|
|
|
if (
|
|
foundStartingLine &&
|
|
!ignoredLines.some((ignoredLine) => line.includes(ignoredLine))
|
|
) {
|
|
if (isMinified) {
|
|
line = line.replace(
|
|
/at (\S+) \(<anonymous>\)/,
|
|
replaceAnonymousStackFrame
|
|
)
|
|
} else {
|
|
line = line.replace(
|
|
/at (\S+) \((webpack:\/\/\/)src[^)]+\)/,
|
|
`at $1 ($2<next-src>)`
|
|
)
|
|
}
|
|
|
|
line = line
|
|
.replace(/at (.+?) \(.next[^)]+\)/, replaceNextDistStackFrame)
|
|
.replace(
|
|
// Single-letter lower-case names are likely minified.
|
|
/at [a-z] \((?!(<next-dist-dir>|<anonymous>))/,
|
|
replaceMinifiedName
|
|
)
|
|
.replace(/at \d+ \(/, replaceNumericModuleId)
|
|
.replace(/digest: '\d+(@E\d+)?'/, "digest: '<error-digest>'")
|
|
|
|
lines.push(convertModuleFunctionSequenceExpression(line))
|
|
}
|
|
}
|
|
|
|
return lines.join('\n').trim()
|
|
}
|
|
|
|
export function getPrerenderOutput(
|
|
cliOutput: string,
|
|
{ isMinified }: { isMinified: boolean }
|
|
): string {
|
|
return getDeterministicOutput(cliOutput, {
|
|
isMinified,
|
|
startingLineMatch: 'Collecting page data',
|
|
})
|
|
}
|