import { red } from "../../lib/picocolors"; import formatWebpackMessages from "../../client/components/react-dev-overlay/internal/helpers/format-webpack-messages"; import { nonNullable } from "../../lib/non-nullable"; import { COMPILER_NAMES, CLIENT_STATIC_FILES_RUNTIME_MAIN_APP, APP_CLIENT_INTERNALS, PHASE_PRODUCTION_BUILD } from "../../shared/lib/constants"; import { runCompiler } from "../compiler"; import * as Log from "../output/log"; import getBaseWebpackConfig, { loadProjectInfo } from "../webpack-config"; import { TelemetryPlugin } from "../webpack/plugins/telemetry-plugin"; import { NextBuildContext, resumePluginState, getPluginState } from "../build-context"; import { createEntrypoints } from "../entries"; import loadConfig from "../../server/config"; import { getTraceEvents, initializeTraceState, setGlobal, trace } from "../../trace"; import { WEBPACK_LAYERS } from "../../lib/constants"; import { TraceEntryPointsPlugin } from "../webpack/plugins/next-trace-entrypoints-plugin"; import origDebug from "next/dist/compiled/debug"; import { Telemetry } from "../../telemetry/storage"; const debug = origDebug("next:build:webpack-build"); function isTelemetryPlugin(plugin) { return plugin instanceof TelemetryPlugin; } function isTraceEntryPointsPlugin(plugin) { return plugin instanceof TraceEntryPointsPlugin; } export async function webpackBuildImpl(compilerName) { var _clientConfig_plugins, _serverConfig_plugins; let result = { warnings: [], errors: [], stats: [] }; let webpackBuildStart; const nextBuildSpan = NextBuildContext.nextBuildSpan; const dir = NextBuildContext.dir; const config = NextBuildContext.config; const runWebpackSpan = nextBuildSpan.traceChild("run-webpack-compiler"); const entrypoints = await nextBuildSpan.traceChild("create-entrypoints").traceAsyncFn(()=>createEntrypoints({ buildId: NextBuildContext.buildId, config: config, envFiles: NextBuildContext.loadedEnvFiles, isDev: false, rootDir: dir, pageExtensions: config.pageExtensions, pagesDir: NextBuildContext.pagesDir, appDir: NextBuildContext.appDir, pages: NextBuildContext.mappedPages, appPaths: NextBuildContext.mappedAppPages, previewMode: NextBuildContext.previewProps, rootPaths: NextBuildContext.mappedRootPaths, hasInstrumentationHook: NextBuildContext.hasInstrumentationHook })); const commonWebpackOptions = { isServer: false, buildId: NextBuildContext.buildId, encryptionKey: NextBuildContext.encryptionKey, config: config, appDir: NextBuildContext.appDir, pagesDir: NextBuildContext.pagesDir, rewrites: NextBuildContext.rewrites, originalRewrites: NextBuildContext.originalRewrites, originalRedirects: NextBuildContext.originalRedirects, reactProductionProfiling: NextBuildContext.reactProductionProfiling, noMangling: NextBuildContext.noMangling, clientRouterFilters: NextBuildContext.clientRouterFilters, previewModeId: NextBuildContext.previewModeId, allowedRevalidateHeaderKeys: NextBuildContext.allowedRevalidateHeaderKeys, fetchCacheKeyPrefix: NextBuildContext.fetchCacheKeyPrefix }; const configs = await runWebpackSpan.traceChild("generate-webpack-config").traceAsyncFn(async ()=>{ const info = await loadProjectInfo({ dir, config: commonWebpackOptions.config, dev: false }); return Promise.all([ getBaseWebpackConfig(dir, { ...commonWebpackOptions, middlewareMatchers: entrypoints.middlewareMatchers, runWebpackSpan, compilerType: COMPILER_NAMES.client, entrypoints: entrypoints.client, ...info }), getBaseWebpackConfig(dir, { ...commonWebpackOptions, runWebpackSpan, middlewareMatchers: entrypoints.middlewareMatchers, compilerType: COMPILER_NAMES.server, entrypoints: entrypoints.server, ...info }), getBaseWebpackConfig(dir, { ...commonWebpackOptions, runWebpackSpan, middlewareMatchers: entrypoints.middlewareMatchers, compilerType: COMPILER_NAMES.edgeServer, entrypoints: entrypoints.edgeServer, edgePreviewProps: { __NEXT_PREVIEW_MODE_ID: NextBuildContext.previewProps.previewModeId, __NEXT_PREVIEW_MODE_ENCRYPTION_KEY: NextBuildContext.previewProps.previewModeEncryptionKey, __NEXT_PREVIEW_MODE_SIGNING_KEY: NextBuildContext.previewProps.previewModeSigningKey }, ...info }) ]); }); const clientConfig = configs[0]; const serverConfig = configs[1]; const edgeConfig = configs[2]; if (clientConfig.optimization && (clientConfig.optimization.minimize !== true || clientConfig.optimization.minimizer && clientConfig.optimization.minimizer.length === 0)) { Log.warn(`Production code optimization has been disabled in your project. Read more: https://nextjs.org/docs/messages/minification-disabled`); } webpackBuildStart = process.hrtime(); debug(`starting compiler`, compilerName); // We run client and server compilation separately to optimize for memory usage await runWebpackSpan.traceAsyncFn(async ()=>{ var _inputFileSystem_purge; // Run the server compilers first and then the client // compiler to track the boundary of server/client components. let clientResult = null; // During the server compilations, entries of client components will be // injected to this set and then will be consumed by the client compiler. let serverResult = null; let edgeServerResult = null; let inputFileSystem; if (!compilerName || compilerName === "server") { debug("starting server compiler"); const start = Date.now(); [serverResult, inputFileSystem] = await runCompiler(serverConfig, { runWebpackSpan, inputFileSystem }); debug(`server compiler finished ${Date.now() - start}ms`); } if (!compilerName || compilerName === "edge-server") { debug("starting edge-server compiler"); const start = Date.now(); [edgeServerResult, inputFileSystem] = edgeConfig ? await runCompiler(edgeConfig, { runWebpackSpan, inputFileSystem }) : [ null ]; debug(`edge-server compiler finished ${Date.now() - start}ms`); } // Only continue if there were no errors if (!(serverResult == null ? void 0 : serverResult.errors.length) && !(edgeServerResult == null ? void 0 : edgeServerResult.errors.length)) { const pluginState = getPluginState(); for(const key in pluginState.injectedClientEntries){ const value = pluginState.injectedClientEntries[key]; const clientEntry = clientConfig.entry; if (key === APP_CLIENT_INTERNALS) { clientEntry[CLIENT_STATIC_FILES_RUNTIME_MAIN_APP] = { import: [ // TODO-APP: cast clientEntry[CLIENT_STATIC_FILES_RUNTIME_MAIN_APP] to type EntryDescription once it's available from webpack // @ts-expect-error clientEntry['main-app'] is type EntryDescription { import: ... } ...clientEntry[CLIENT_STATIC_FILES_RUNTIME_MAIN_APP].import, value ], layer: WEBPACK_LAYERS.appPagesBrowser }; } else { clientEntry[key] = { dependOn: [ CLIENT_STATIC_FILES_RUNTIME_MAIN_APP ], import: value, layer: WEBPACK_LAYERS.appPagesBrowser }; } } if (!compilerName || compilerName === "client") { debug("starting client compiler"); const start = Date.now(); [clientResult, inputFileSystem] = await runCompiler(clientConfig, { runWebpackSpan, inputFileSystem }); debug(`client compiler finished ${Date.now() - start}ms`); } } inputFileSystem == null ? void 0 : (_inputFileSystem_purge = inputFileSystem.purge) == null ? void 0 : _inputFileSystem_purge.call(inputFileSystem); result = { warnings: [ ...(clientResult == null ? void 0 : clientResult.warnings) ?? [], ...(serverResult == null ? void 0 : serverResult.warnings) ?? [], ...(edgeServerResult == null ? void 0 : edgeServerResult.warnings) ?? [] ].filter(nonNullable), errors: [ ...(clientResult == null ? void 0 : clientResult.errors) ?? [], ...(serverResult == null ? void 0 : serverResult.errors) ?? [], ...(edgeServerResult == null ? void 0 : edgeServerResult.errors) ?? [] ].filter(nonNullable), stats: [ clientResult == null ? void 0 : clientResult.stats, serverResult == null ? void 0 : serverResult.stats, edgeServerResult == null ? void 0 : edgeServerResult.stats ] }; }); result = nextBuildSpan.traceChild("format-webpack-messages").traceFn(()=>formatWebpackMessages(result, true)); const telemetryPlugin = (_clientConfig_plugins = clientConfig.plugins) == null ? void 0 : _clientConfig_plugins.find(isTelemetryPlugin); const traceEntryPointsPlugin = (_serverConfig_plugins = serverConfig.plugins) == null ? void 0 : _serverConfig_plugins.find(isTraceEntryPointsPlugin); const webpackBuildEnd = process.hrtime(webpackBuildStart); if (result.errors.length > 0) { // Only keep the first few errors. Others are often indicative // of the same problem, but confuse the reader with noise. if (result.errors.length > 5) { result.errors.length = 5; } let error = result.errors.filter(Boolean).join("\n\n"); console.error(red("Failed to compile.\n")); if (error.indexOf("private-next-pages") > -1 && error.indexOf("does not contain a default export") > -1) { const page_name_regex = /'private-next-pages\/(?[^']*)'/; const parsed = page_name_regex.exec(error); const page_name = parsed && parsed.groups && parsed.groups.page_name; throw new Error(`webpack build failed: found page without a React Component as default export in pages/${page_name}\n\nSee https://nextjs.org/docs/messages/page-without-valid-component for more info.`); } console.error(error); console.error(); if (error.indexOf("private-next-pages") > -1 || error.indexOf("__next_polyfill__") > -1) { const err = new Error("webpack config.resolve.alias was incorrectly overridden. https://nextjs.org/docs/messages/invalid-resolve-alias"); err.code = "INVALID_RESOLVE_ALIAS"; throw err; } const err = new Error("Build failed because of webpack errors"); err.code = "WEBPACK_ERRORS"; throw err; } else { if (result.warnings.length > 0) { Log.warn("Compiled with warnings\n"); console.warn(result.warnings.filter(Boolean).join("\n\n")); console.warn(); } else if (!compilerName) { Log.event("Compiled successfully"); } return { duration: webpackBuildEnd[0], buildTraceContext: traceEntryPointsPlugin == null ? void 0 : traceEntryPointsPlugin.buildTraceContext, pluginState: getPluginState(), telemetryState: { usages: (telemetryPlugin == null ? void 0 : telemetryPlugin.usages()) || [], packagesUsedInServerSideProps: (telemetryPlugin == null ? void 0 : telemetryPlugin.packagesUsedInServerSideProps()) || [] } }; } } // the main function when this file is run as a worker export async function workerMain(workerData) { // Clone the telemetry for worker const telemetry = new Telemetry({ distDir: workerData.buildContext.config.distDir }); setGlobal("telemetry", telemetry); // setup new build context from the serialized data passed from the parent Object.assign(NextBuildContext, workerData.buildContext); // Initialize tracer state from the parent initializeTraceState(workerData.traceState); // Resume plugin state resumePluginState(NextBuildContext.pluginState); /// load the config because it's not serializable NextBuildContext.config = await loadConfig(PHASE_PRODUCTION_BUILD, NextBuildContext.dir); NextBuildContext.nextBuildSpan = trace(`worker-main-${workerData.compilerName}`); const result = await webpackBuildImpl(workerData.compilerName); const { entriesTrace, chunksTrace } = result.buildTraceContext ?? {}; if (entriesTrace) { const { entryNameMap, depModArray } = entriesTrace; if (depModArray) { result.buildTraceContext.entriesTrace.depModArray = depModArray; } if (entryNameMap) { const entryEntries = entryNameMap; result.buildTraceContext.entriesTrace.entryNameMap = entryEntries; } } if (chunksTrace == null ? void 0 : chunksTrace.entryNameFilesMap) { const entryNameFilesMap = chunksTrace.entryNameFilesMap; result.buildTraceContext.chunksTrace.entryNameFilesMap = entryNameFilesMap; } NextBuildContext.nextBuildSpan.stop(); return { ...result, debugTraceEvents: getTraceEvents() }; } //# sourceMappingURL=impl.js.map