next
Version:
The React Framework
1,020 lines (1,019 loc) • 108 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
0 && (module.exports = {
NODE_BASE_ESM_RESOLVE_OPTIONS: null,
NODE_BASE_RESOLVE_OPTIONS: null,
NODE_ESM_RESOLVE_OPTIONS: null,
NODE_RESOLVE_OPTIONS: null,
attachReactRefresh: null,
babelIncludeRegexes: null,
default: null,
hasExternalOtelApiPackage: null,
loadProjectInfo: null,
nextImageLoaderRegex: null
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
NODE_BASE_ESM_RESOLVE_OPTIONS: function() {
return NODE_BASE_ESM_RESOLVE_OPTIONS;
},
NODE_BASE_RESOLVE_OPTIONS: function() {
return NODE_BASE_RESOLVE_OPTIONS;
},
NODE_ESM_RESOLVE_OPTIONS: function() {
return NODE_ESM_RESOLVE_OPTIONS;
},
NODE_RESOLVE_OPTIONS: function() {
return NODE_RESOLVE_OPTIONS;
},
attachReactRefresh: function() {
return attachReactRefresh;
},
babelIncludeRegexes: function() {
return babelIncludeRegexes;
},
default: function() {
return getBaseWebpackConfig;
},
hasExternalOtelApiPackage: function() {
return hasExternalOtelApiPackage;
},
loadProjectInfo: function() {
return loadProjectInfo;
},
nextImageLoaderRegex: function() {
return nextImageLoaderRegex;
}
});
const _react = /*#__PURE__*/ _interop_require_default(require("react"));
const _ReactRefreshWebpackPlugin = /*#__PURE__*/ _interop_require_default(require("next/dist/compiled/@next/react-refresh-utils/dist/ReactRefreshWebpackPlugin"));
const _picocolors = require("../lib/picocolors");
const _crypto = /*#__PURE__*/ _interop_require_default(require("crypto"));
const _webpack = require("next/dist/compiled/webpack/webpack");
const _path = /*#__PURE__*/ _interop_require_default(require("path"));
const _escaperegexp = require("../shared/lib/escape-regexp");
const _constants = require("../lib/constants");
const _utils = require("./utils");
const _constants1 = require("../shared/lib/constants");
const _utils1 = require("../shared/lib/utils");
const _entries = require("./entries");
const _log = /*#__PURE__*/ _interop_require_wildcard(require("./output/log"));
const _config = require("./webpack/config");
const _middlewareplugin = /*#__PURE__*/ _interop_require_wildcard(require("./webpack/plugins/middleware-plugin"));
const _buildmanifestplugin = /*#__PURE__*/ _interop_require_default(require("./webpack/plugins/build-manifest-plugin"));
const _jsconfigpathsplugin = require("./webpack/plugins/jsconfig-paths-plugin");
const _nextdropclientpageplugin = require("./webpack/plugins/next-drop-client-page-plugin");
const _pagesmanifestplugin = /*#__PURE__*/ _interop_require_default(require("./webpack/plugins/pages-manifest-plugin"));
const _profilingplugin = require("./webpack/plugins/profiling-plugin");
const _reactloadableplugin = require("./webpack/plugins/react-loadable-plugin");
const _wellknownerrorsplugin = require("./webpack/plugins/wellknown-errors-plugin");
const _css = require("./webpack/config/blocks/css");
const _copyfileplugin = require("./webpack/plugins/copy-file-plugin");
const _flightmanifestplugin = require("./webpack/plugins/flight-manifest-plugin");
const _flightcliententryplugin = require("./webpack/plugins/flight-client-entry-plugin");
const _rspackflightcliententryplugin = require("./webpack/plugins/rspack-flight-client-entry-plugin");
const _nexttypesplugin = require("./webpack/plugins/next-types-plugin");
const _loadjsconfig = /*#__PURE__*/ _interop_require_default(require("./load-jsconfig"));
const _swc = require("./swc");
const _appbuildmanifestplugin = require("./webpack/plugins/app-build-manifest-plugin");
const _subresourceintegrityplugin = require("./webpack/plugins/subresource-integrity-plugin");
const _nextfontmanifestplugin = require("./webpack/plugins/next-font-manifest-plugin");
const _memorywithgccacheplugin = require("./webpack/plugins/memory-with-gc-cache-plugin");
const _getbabelconfigfile = require("./get-babel-config-file");
const _needsexperimentalreact = require("../lib/needs-experimental-react");
const _defineenvplugin = require("./webpack/plugins/define-env-plugin");
const _handleexternals = require("./handle-externals");
const _resolve = require("./webpack-config-rules/resolve");
const _optionalpeerdependencyresolveplugin = require("./webpack/plugins/optional-peer-dependency-resolve-plugin");
const _createcompileraliases = require("./create-compiler-aliases");
const _utils2 = require("../export/utils");
const _csschunkingplugin = require("./webpack/plugins/css-chunking-plugin");
const _getbabelloaderconfig = require("./get-babel-loader-config");
const _nextdirpaths = require("./next-dir-paths");
const _getrspack = require("../shared/lib/get-rspack");
const _rspackprofilingplugin = require("./webpack/plugins/rspack-profiling-plugin");
const _getwebpackbundler = /*#__PURE__*/ _interop_require_default(require("../shared/lib/get-webpack-bundler"));
function _interop_require_default(obj) {
return obj && obj.__esModule ? obj : {
default: obj
};
}
function _getRequireWildcardCache(nodeInterop) {
if (typeof WeakMap !== "function") return null;
var cacheBabelInterop = new WeakMap();
var cacheNodeInterop = new WeakMap();
return (_getRequireWildcardCache = function(nodeInterop) {
return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
})(nodeInterop);
}
function _interop_require_wildcard(obj, nodeInterop) {
if (!nodeInterop && obj && obj.__esModule) {
return obj;
}
if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
return {
default: obj
};
}
var cache = _getRequireWildcardCache(nodeInterop);
if (cache && cache.has(obj)) {
return cache.get(obj);
}
var newObj = {
__proto__: null
};
var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
for(var key in obj){
if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
if (desc && (desc.get || desc.set)) {
Object.defineProperty(newObj, key, desc);
} else {
newObj[key] = obj[key];
}
}
}
newObj.default = obj;
if (cache) {
cache.set(obj, newObj);
}
return newObj;
}
const EXTERNAL_PACKAGES = require('../lib/server-external-packages.json');
const DEFAULT_TRANSPILED_PACKAGES = require('../lib/default-transpiled-packages.json');
if (parseInt(_react.default.version) < 18) {
throw Object.defineProperty(new Error('Next.js requires react >= 18.2.0 to be installed.'), "__NEXT_ERROR_CODE", {
value: "E480",
enumerable: false,
configurable: true
});
}
const babelIncludeRegexes = [
/next[\\/]dist[\\/](esm[\\/])?shared[\\/]lib/,
/next[\\/]dist[\\/](esm[\\/])?client/,
/next[\\/]dist[\\/](esm[\\/])?pages/,
/[\\/](strip-ansi|ansi-regex|styled-jsx)[\\/]/
];
const browserNonTranspileModules = [
// Transpiling `process/browser` will trigger babel compilation error due to value replacement.
// TypeError: Property left of AssignmentExpression expected node to be of a type ["LVal"] but instead got "BooleanLiteral"
// e.g. `process.browser = true` will become `true = true`.
/[\\/]node_modules[\\/]process[\\/]browser/,
// Exclude precompiled react packages from browser compilation due to SWC helper insertion (#61791),
// We fixed the issue but it's safer to exclude them from compilation since they don't need to be re-compiled.
/[\\/]next[\\/]dist[\\/]compiled[\\/](react|react-dom|react-server-dom-webpack)(-experimental)?($|[\\/])/
];
const precompileRegex = /[\\/]next[\\/]dist[\\/]compiled[\\/]/;
const asyncStoragesRegex = /next[\\/]dist[\\/](esm[\\/])?server[\\/]app-render[\\/](work-async-storage|action-async-storage|work-unit-async-storage)/;
// Support for NODE_PATH
const nodePathList = (process.env.NODE_PATH || '').split(process.platform === 'win32' ? ';' : ':').filter((p)=>!!p);
const baseWatchOptions = Object.freeze({
aggregateTimeout: 5,
ignored: // Matches **/node_modules/**, **/.git/** and **/.next/**
/^((?:[^/]*(?:\/|$))*)(\.(git|next)|node_modules)(\/((?:[^/]*(?:\/|$))*)(?:$|\/))?/
});
function isModuleCSS(module1) {
return(// mini-css-extract-plugin
module1.type === `css/mini-extract` || // extract-css-chunks-webpack-plugin (old)
module1.type === `css/extract-chunks` || // extract-css-chunks-webpack-plugin (new)
module1.type === `css/extract-css-chunks`);
}
const devtoolRevertWarning = (0, _utils1.execOnce)((devtool)=>{
console.warn((0, _picocolors.yellow)((0, _picocolors.bold)('Warning: ')) + (0, _picocolors.bold)(`Reverting webpack devtool to '${devtool}'.\n`) + 'Changing the webpack devtool in development mode will cause severe performance regressions.\n' + 'Read more: https://nextjs.org/docs/messages/improper-devtool');
});
let loggedSwcDisabled = false;
let loggedIgnoredCompilerOptions = false;
const reactRefreshLoaderName = 'next/dist/compiled/@next/react-refresh-utils/dist/loader';
function getReactRefreshLoader() {
return process.env.NEXT_RSPACK ? (0, _getrspack.getRspackReactRefresh)().loader : require.resolve(reactRefreshLoaderName);
}
function attachReactRefresh(webpackConfig, targetLoader) {
var _webpackConfig_module_rules, _webpackConfig_module;
const reactRefreshLoader = getReactRefreshLoader();
(_webpackConfig_module = webpackConfig.module) == null ? void 0 : (_webpackConfig_module_rules = _webpackConfig_module.rules) == null ? void 0 : _webpackConfig_module_rules.forEach((rule)=>{
if (rule && typeof rule === 'object' && 'use' in rule) {
const curr = rule.use;
// When the user has configured `defaultLoaders.babel` for a input file:
if (curr === targetLoader) {
rule.use = [
reactRefreshLoader,
curr
];
} else if (Array.isArray(curr) && curr.some((r)=>r === targetLoader) && // Check if loader already exists:
!curr.some((r)=>r === reactRefreshLoader || r === reactRefreshLoaderName)) {
const idx = curr.findIndex((r)=>r === targetLoader);
// Clone to not mutate user input
rule.use = [
...curr
];
// inject / input: [other, babel] output: [other, refresh, babel]:
rule.use.splice(idx, 0, reactRefreshLoader);
}
}
});
}
const NODE_RESOLVE_OPTIONS = {
dependencyType: 'commonjs',
modules: [
'node_modules'
],
fallback: false,
exportsFields: [
'exports'
],
importsFields: [
'imports'
],
conditionNames: [
'node',
'require'
],
descriptionFiles: [
'package.json'
],
extensions: [
'.js',
'.json',
'.node'
],
enforceExtensions: false,
symlinks: true,
mainFields: [
'main'
],
mainFiles: [
'index'
],
roots: [],
fullySpecified: false,
preferRelative: false,
preferAbsolute: false,
restrictions: []
};
const NODE_BASE_RESOLVE_OPTIONS = {
...NODE_RESOLVE_OPTIONS,
alias: false
};
const NODE_ESM_RESOLVE_OPTIONS = {
...NODE_RESOLVE_OPTIONS,
alias: false,
dependencyType: 'esm',
conditionNames: [
'node',
'import'
],
fullySpecified: true
};
const NODE_BASE_ESM_RESOLVE_OPTIONS = {
...NODE_ESM_RESOLVE_OPTIONS,
alias: false
};
const nextImageLoaderRegex = /\.(png|jpg|jpeg|gif|webp|avif|ico|bmp|svg)$/i;
async function loadProjectInfo({ dir, config, dev }) {
const { jsConfig, jsConfigPath, resolvedBaseUrl } = await (0, _loadjsconfig.default)(dir, config);
const supportedBrowsers = await (0, _utils.getSupportedBrowsers)(dir, dev);
return {
jsConfig,
jsConfigPath,
resolvedBaseUrl,
supportedBrowsers
};
}
function hasExternalOtelApiPackage() {
try {
require('@opentelemetry/api');
return true;
} catch {
return false;
}
}
const UNSAFE_CACHE_REGEX = /[\\/]pages[\\/][^\\/]+(?:$|\?|#)/;
async function getBaseWebpackConfig(dir, { buildId, encryptionKey, config, compilerType, dev = false, entrypoints, isDevFallback = false, pagesDir, reactProductionProfiling = false, rewrites, originalRewrites, originalRedirects, runWebpackSpan, appDir, middlewareMatchers, noMangling, jsConfig, jsConfigPath, resolvedBaseUrl, supportedBrowsers, clientRouterFilters, fetchCacheKeyPrefix, edgePreviewProps, isCompileMode }) {
var _config_experimental, _config_experimental1, _config_compiler, _config_compiler1, _config_compiler2, _jsConfig_compilerOptions, _config_compiler3, _jsConfig_compilerOptions1, _config_compiler4, _config_watchOptions, _config_experimental_sri, _config_experimental_sri1, _jsConfig_compilerOptions2, // always add JsConfigPathsPlugin to allow hot-reloading
// if the config is added/removed
_webpackConfig_resolve_plugins, _webpackConfig_resolve, _config_experimental2, _config_compiler5, _config_compiler6, _config_compiler7, _config_compiler8, _config_compiler9, _webpack5Config_plugins, _webpackConfig_module, _webpackConfig_module1, _webpackConfig_module_rules, _webpackConfig_module2;
const bundler = (0, _getwebpackbundler.default)();
const isClient = compilerType === _constants1.COMPILER_NAMES.client;
const isEdgeServer = compilerType === _constants1.COMPILER_NAMES.edgeServer;
const isNodeServer = compilerType === _constants1.COMPILER_NAMES.server;
const isRspack = Boolean(process.env.NEXT_RSPACK);
const FlightClientEntryPlugin = isRspack && process.env.BUILTIN_FLIGHT_CLIENT_ENTRY_PLUGIN ? _rspackflightcliententryplugin.RspackFlightClientEntryPlugin : _flightcliententryplugin.FlightClientEntryPlugin;
// If the current compilation is aimed at server-side code instead of client-side code.
const isNodeOrEdgeCompilation = isNodeServer || isEdgeServer;
const hasRewrites = rewrites.beforeFiles.length > 0 || rewrites.afterFiles.length > 0 || rewrites.fallback.length > 0;
const hasAppDir = !!appDir;
const disableOptimizedLoading = true;
const enableTypedRoutes = !!config.experimental.typedRoutes && hasAppDir;
const bundledReactChannel = (0, _needsexperimentalreact.needsExperimentalReact)(config) ? '-experimental' : '';
const babelConfigFile = (0, _getbabelconfigfile.getBabelConfigFile)(dir);
if (!dev && (0, _utils2.hasCustomExportOutput)(config)) {
config.distDir = '.next';
}
const distDir = _path.default.join(dir, config.distDir);
let useSWCLoader = !babelConfigFile || config.experimental.forceSwcTransforms;
let SWCBinaryTarget = undefined;
if (useSWCLoader) {
var _require_getBinaryMetadata, _require_getBinaryMetadata1, _require;
// TODO: we do not collect wasm target yet
const binaryTarget = (_require = require('./swc')) == null ? void 0 : (_require_getBinaryMetadata1 = _require.getBinaryMetadata) == null ? void 0 : (_require_getBinaryMetadata = _require_getBinaryMetadata1.call(_require)) == null ? void 0 : _require_getBinaryMetadata.target;
SWCBinaryTarget = binaryTarget ? [
`swc/target/${binaryTarget}`,
true
] : undefined;
}
if (!loggedSwcDisabled && !useSWCLoader && babelConfigFile) {
_log.info(`Disabled SWC as replacement for Babel because of custom Babel configuration "${_path.default.relative(dir, babelConfigFile)}" https://nextjs.org/docs/messages/swc-disabled`);
loggedSwcDisabled = true;
}
// eagerly load swc bindings instead of waiting for transform calls
if (!babelConfigFile && isClient) {
await (0, _swc.loadBindings)(config.experimental.useWasmBinary);
}
// since `pages` doesn't always bundle by default we need to
// auto-include optimizePackageImports in transpilePackages
const finalTranspilePackages = (config.transpilePackages || []).concat(DEFAULT_TRANSPILED_PACKAGES);
for (const pkg of config.experimental.optimizePackageImports || []){
if (!finalTranspilePackages.includes(pkg)) {
finalTranspilePackages.push(pkg);
}
}
if (!loggedIgnoredCompilerOptions && !useSWCLoader && config.compiler) {
_log.info('`compiler` options in `next.config.js` will be ignored while using Babel https://nextjs.org/docs/messages/ignored-compiler-options');
loggedIgnoredCompilerOptions = true;
}
const shouldIncludeExternalDirs = config.experimental.externalDir || !!config.transpilePackages;
const codeCondition = {
test: {
or: [
/\.(tsx|ts|js|cjs|mjs|jsx)$/,
/__barrel_optimize__/
]
},
...shouldIncludeExternalDirs ? {} : {
include: [
dir,
...babelIncludeRegexes
]
},
exclude: (excludePath)=>{
if (babelIncludeRegexes.some((r)=>r.test(excludePath))) {
return false;
}
const shouldBeBundled = (0, _handleexternals.isResourceInPackages)(excludePath, finalTranspilePackages);
if (shouldBeBundled) return false;
return excludePath.includes('node_modules');
}
};
const babelLoader = (0, _getbabelloaderconfig.getBabelLoader)(useSWCLoader, babelConfigFile, isNodeOrEdgeCompilation, distDir, pagesDir, dir, appDir || pagesDir, dev, isClient, (_config_experimental = config.experimental) == null ? void 0 : _config_experimental.reactCompiler, codeCondition.exclude);
const reactCompilerLoader = babelLoader ? undefined : (0, _getbabelloaderconfig.getReactCompilerLoader)((_config_experimental1 = config.experimental) == null ? void 0 : _config_experimental1.reactCompiler, dir, dev, isNodeOrEdgeCompilation, codeCondition.exclude);
let swcTraceProfilingInitialized = false;
const getSwcLoader = (extraOptions)=>{
var _config_experimental;
if ((config == null ? void 0 : (_config_experimental = config.experimental) == null ? void 0 : _config_experimental.swcTraceProfiling) && !swcTraceProfilingInitialized) {
var _require_initCustomTraceSubscriber, _require;
// This will init subscribers once only in a single process lifecycle,
// even though it can be called multiple times.
// Subscriber need to be initialized _before_ any actual swc's call (transform, etcs)
// to collect correct trace spans when they are called.
swcTraceProfilingInitialized = true;
(_require = require('./swc')) == null ? void 0 : (_require_initCustomTraceSubscriber = _require.initCustomTraceSubscriber) == null ? void 0 : _require_initCustomTraceSubscriber.call(_require, _path.default.join(distDir, `swc-trace-profile-${Date.now()}.json`));
}
const useBuiltinSwcLoader = process.env.BUILTIN_SWC_LOADER;
if (isRspack && useBuiltinSwcLoader) {
var _jsConfig_compilerOptions, _jsConfig_compilerOptions1;
return {
loader: 'builtin:next-swc-loader',
options: {
isServer: isNodeOrEdgeCompilation,
rootDir: dir,
pagesDir,
appDir,
hasReactRefresh: dev && isClient,
transpilePackages: finalTranspilePackages,
supportedBrowsers,
swcCacheDir: _path.default.join(dir, (config == null ? void 0 : config.distDir) ?? '.next', 'cache', 'swc'),
serverReferenceHashSalt: encryptionKey,
// rspack specific options
pnp: Boolean(process.versions.pnp),
optimizeServerReact: Boolean(config.experimental.optimizeServerReact),
modularizeImports: config.modularizeImports,
decorators: Boolean(jsConfig == null ? void 0 : (_jsConfig_compilerOptions = jsConfig.compilerOptions) == null ? void 0 : _jsConfig_compilerOptions.experimentalDecorators),
emitDecoratorMetadata: Boolean(jsConfig == null ? void 0 : (_jsConfig_compilerOptions1 = jsConfig.compilerOptions) == null ? void 0 : _jsConfig_compilerOptions1.emitDecoratorMetadata),
regeneratorRuntimePath: require.resolve('next/dist/compiled/regenerator-runtime'),
...extraOptions
}
};
}
return {
loader: 'next-swc-loader',
options: {
isServer: isNodeOrEdgeCompilation,
rootDir: dir,
pagesDir,
appDir,
hasReactRefresh: dev && isClient,
nextConfig: config,
jsConfig,
transpilePackages: finalTranspilePackages,
supportedBrowsers,
swcCacheDir: _path.default.join(dir, (config == null ? void 0 : config.distDir) ?? '.next', 'cache', 'swc'),
serverReferenceHashSalt: encryptionKey,
...extraOptions
}
};
};
// RSC loaders, prefer ESM, set `esm` to true
const swcServerLayerLoader = getSwcLoader({
serverComponents: true,
bundleLayer: _constants.WEBPACK_LAYERS.reactServerComponents,
esm: true
});
const swcSSRLayerLoader = getSwcLoader({
serverComponents: true,
bundleLayer: _constants.WEBPACK_LAYERS.serverSideRendering,
esm: true
});
const swcBrowserLayerLoader = getSwcLoader({
serverComponents: true,
bundleLayer: _constants.WEBPACK_LAYERS.appPagesBrowser,
esm: true
});
// Default swc loaders for pages doesn't prefer ESM.
const swcDefaultLoader = getSwcLoader({
serverComponents: true,
esm: false
});
const defaultLoaders = {
babel: useSWCLoader ? swcDefaultLoader : babelLoader
};
const appServerLayerLoaders = hasAppDir ? [
// When using Babel, we will have to add the SWC loader
// as an additional pass to handle RSC correctly.
// This will cause some performance overhead but
// acceptable as Babel will not be recommended.
swcServerLayerLoader,
babelLoader,
reactCompilerLoader
].filter(Boolean) : [];
const instrumentLayerLoaders = [
'next-flight-loader',
// When using Babel, we will have to add the SWC loader
// as an additional pass to handle RSC correctly.
// This will cause some performance overhead but
// acceptable as Babel will not be recommended.
swcServerLayerLoader,
babelLoader
].filter(Boolean);
const middlewareLayerLoaders = [
'next-flight-loader',
// When using Babel, we will have to use SWC to do the optimization
// for middleware to tree shake the unused default optimized imports like "next/server".
// This will cause some performance overhead but
// acceptable as Babel will not be recommended.
getSwcLoader({
serverComponents: true,
bundleLayer: _constants.WEBPACK_LAYERS.middleware
}),
babelLoader
].filter(Boolean);
const reactRefreshLoaders = dev && isClient ? [
getReactRefreshLoader()
] : [];
// client components layers: SSR or browser
const createClientLayerLoader = ({ isBrowserLayer, reactRefresh })=>[
...reactRefresh ? reactRefreshLoaders : [],
{
// This loader handles actions and client entries
// in the client layer.
loader: 'next-flight-client-module-loader'
},
...hasAppDir ? [
// When using Babel, we will have to add the SWC loader
// as an additional pass to handle RSC correctly.
// This will cause some performance overhead but
// acceptable as Babel will not be recommended.
isBrowserLayer ? swcBrowserLayerLoader : swcSSRLayerLoader,
babelLoader,
reactCompilerLoader
].filter(Boolean) : []
];
const appBrowserLayerLoaders = createClientLayerLoader({
isBrowserLayer: true,
// reactRefresh for browser layer is applied conditionally to user-land source
reactRefresh: false
});
const appSSRLayerLoaders = createClientLayerLoader({
isBrowserLayer: false,
reactRefresh: true
});
// Loader for API routes needs to be differently configured as it shouldn't
// have RSC transpiler enabled, so syntax checks such as invalid imports won't
// be performed.
const apiRoutesLayerLoaders = useSWCLoader ? getSwcLoader({
serverComponents: false,
bundleLayer: _constants.WEBPACK_LAYERS.apiNode
}) : defaultLoaders.babel;
const pageExtensions = config.pageExtensions;
const outputPath = isNodeOrEdgeCompilation ? _path.default.join(distDir, _constants1.SERVER_DIRECTORY) : distDir;
const reactServerCondition = [
'react-server',
...isEdgeServer ? _resolve.edgeConditionNames : [],
// inherits the default conditions
'...'
];
const reactRefreshEntry = isRspack ? (0, _getrspack.getRspackReactRefresh)().entry : require.resolve(`next/dist/compiled/@next/react-refresh-utils/dist/runtime`);
const clientEntries = isClient ? {
// Backwards compatibility
'main.js': [],
...dev ? {
[_constants1.CLIENT_STATIC_FILES_RUNTIME_REACT_REFRESH]: reactRefreshEntry,
[_constants1.CLIENT_STATIC_FILES_RUNTIME_AMP]: `./` + _path.default.relative(dir, _path.default.join(_nextdirpaths.NEXT_PROJECT_ROOT_DIST_CLIENT, 'dev', 'amp-dev')).replace(/\\/g, '/')
} : {},
[_constants1.CLIENT_STATIC_FILES_RUNTIME_MAIN]: `./` + _path.default.relative(dir, _path.default.join(_nextdirpaths.NEXT_PROJECT_ROOT_DIST_CLIENT, dev ? `next-dev.js` : 'next.js')).replace(/\\/g, '/'),
...hasAppDir ? {
[_constants1.CLIENT_STATIC_FILES_RUNTIME_MAIN_APP]: dev ? [
reactRefreshEntry,
`./` + _path.default.relative(dir, _path.default.join(_nextdirpaths.NEXT_PROJECT_ROOT_DIST_CLIENT, 'app-next-dev.js')).replace(/\\/g, '/')
] : [
`./` + _path.default.relative(dir, _path.default.join(_nextdirpaths.NEXT_PROJECT_ROOT_DIST_CLIENT, 'app-next.js')).replace(/\\/g, '/')
]
} : {}
} : undefined;
const resolveConfig = {
// Disable .mjs for node_modules bundling
extensions: [
'.js',
'.mjs',
'.tsx',
'.ts',
'.jsx',
'.json',
'.wasm'
],
extensionAlias: config.experimental.extensionAlias,
modules: [
'node_modules',
...nodePathList
],
alias: (0, _createcompileraliases.createWebpackAliases)({
distDir,
isClient,
isEdgeServer,
isNodeServer,
dev,
config,
pagesDir,
appDir,
dir,
reactProductionProfiling,
hasRewrites
}),
...isClient ? {
fallback: {
process: require.resolve('./polyfills/process')
}
} : undefined,
// default main fields use pages dir ones, and customize app router ones in loaders.
mainFields: (0, _resolve.getMainField)(compilerType, false),
...isEdgeServer && {
conditionNames: _resolve.edgeConditionNames
},
plugins: [
isNodeServer ? new _optionalpeerdependencyresolveplugin.OptionalPeerDependencyResolverPlugin() : undefined
].filter(Boolean),
...isRspack && jsConfigPath ? {
tsConfig: {
configFile: jsConfigPath
}
} : {}
};
// Packages which will be split into the 'framework' chunk.
// Only top-level packages are included, e.g. nested copies like
// 'node_modules/meow/node_modules/object-assign' are not included.
const nextFrameworkPaths = [];
const topLevelFrameworkPaths = [];
const visitedFrameworkPackages = new Set();
// Adds package-paths of dependencies recursively
const addPackagePath = (packageName, relativeToPath, paths)=>{
try {
if (visitedFrameworkPackages.has(packageName)) {
return;
}
visitedFrameworkPackages.add(packageName);
const packageJsonPath = require.resolve(`${packageName}/package.json`, {
paths: [
relativeToPath
]
});
// Include a trailing slash so that a `.startsWith(packagePath)` check avoids false positives
// when one package name starts with the full name of a different package.
// For example:
// "node_modules/react-slider".startsWith("node_modules/react") // true
// "node_modules/react-slider".startsWith("node_modules/react/") // false
const directory = _path.default.join(packageJsonPath, '../');
// Returning from the function in case the directory has already been added and traversed
if (paths.includes(directory)) return;
paths.push(directory);
const dependencies = require(packageJsonPath).dependencies || {};
for (const name of Object.keys(dependencies)){
addPackagePath(name, directory, paths);
}
} catch (_) {
// don't error on failing to resolve framework packages
}
};
for (const packageName of [
'react',
'react-dom',
...hasAppDir ? [
`next/dist/compiled/react${bundledReactChannel}`,
`next/dist/compiled/react-dom${bundledReactChannel}`
] : []
]){
addPackagePath(packageName, dir, topLevelFrameworkPaths);
}
addPackagePath('next', dir, nextFrameworkPaths);
const crossOrigin = config.crossOrigin;
// The `serverExternalPackages` should not conflict with
// the `transpilePackages`.
if (config.serverExternalPackages && finalTranspilePackages) {
const externalPackageConflicts = finalTranspilePackages.filter((pkg)=>{
var _config_serverExternalPackages;
return (_config_serverExternalPackages = config.serverExternalPackages) == null ? void 0 : _config_serverExternalPackages.includes(pkg);
});
if (externalPackageConflicts.length > 0) {
throw Object.defineProperty(new Error(`The packages specified in the 'transpilePackages' conflict with the 'serverExternalPackages': ${externalPackageConflicts.join(', ')}`), "__NEXT_ERROR_CODE", {
value: "E173",
enumerable: false,
configurable: true
});
}
}
// For original request, such as `package name`
const optOutBundlingPackages = EXTERNAL_PACKAGES.concat(...config.serverExternalPackages || []).filter((pkg)=>!(finalTranspilePackages == null ? void 0 : finalTranspilePackages.includes(pkg)));
// For resolved request, such as `absolute path/package name/foo/bar.js`
const optOutBundlingPackageRegex = new RegExp(`[/\\\\]node_modules[/\\\\](${optOutBundlingPackages.map((p)=>p.replace(/\//g, '[/\\\\]')).join('|')})[/\\\\]`);
const transpilePackagesRegex = new RegExp(`[/\\\\]node_modules[/\\\\](${finalTranspilePackages == null ? void 0 : finalTranspilePackages.map((p)=>p.replace(/\//g, '[/\\\\]')).join('|')})[/\\\\]`);
const handleExternals = (0, _handleexternals.makeExternalHandler)({
config,
optOutBundlingPackageRegex,
transpiledPackages: finalTranspilePackages,
dir
});
const pageExtensionsRegex = new RegExp(`\\.(${pageExtensions.join('|')})$`);
const aliasCodeConditionTest = [
codeCondition.test,
pageExtensionsRegex
];
const builtinModules = require('module').builtinModules;
const shouldEnableSlowModuleDetection = !!config.experimental.slowModuleDetection && dev;
const getParallelism = ()=>{
const override = Number(process.env.NEXT_WEBPACK_PARALLELISM);
if (shouldEnableSlowModuleDetection) {
if (override) {
console.warn('NEXT_WEBPACK_PARALLELISM is specified but will be ignored due to experimental.slowModuleDetection being enabled.');
}
return 1;
}
return override || undefined;
};
const telemetryPlugin = !dev && isClient && new (require('./webpack/plugins/telemetry-plugin/telemetry-plugin')).TelemetryPlugin(new Map([
[
'swcLoader',
useSWCLoader
],
[
'swcRelay',
!!((_config_compiler = config.compiler) == null ? void 0 : _config_compiler.relay)
],
[
'swcStyledComponents',
!!((_config_compiler1 = config.compiler) == null ? void 0 : _config_compiler1.styledComponents)
],
[
'swcReactRemoveProperties',
!!((_config_compiler2 = config.compiler) == null ? void 0 : _config_compiler2.reactRemoveProperties)
],
[
'swcExperimentalDecorators',
!!(jsConfig == null ? void 0 : (_jsConfig_compilerOptions = jsConfig.compilerOptions) == null ? void 0 : _jsConfig_compilerOptions.experimentalDecorators)
],
[
'swcRemoveConsole',
!!((_config_compiler3 = config.compiler) == null ? void 0 : _config_compiler3.removeConsole)
],
[
'swcImportSource',
!!(jsConfig == null ? void 0 : (_jsConfig_compilerOptions1 = jsConfig.compilerOptions) == null ? void 0 : _jsConfig_compilerOptions1.jsxImportSource)
],
[
'swcEmotion',
!!((_config_compiler4 = config.compiler) == null ? void 0 : _config_compiler4.emotion)
],
[
'transpilePackages',
!!config.transpilePackages
],
[
'skipMiddlewareUrlNormalize',
!!config.skipMiddlewareUrlNormalize
],
[
'skipTrailingSlashRedirect',
!!config.skipTrailingSlashRedirect
],
[
'modularizeImports',
!!config.modularizeImports
],
// If esmExternals is not same as default value, it represents customized usage
[
'esmExternals',
config.experimental.esmExternals !== true
],
SWCBinaryTarget
].filter(Boolean)));
let webpackConfig = {
parallelism: getParallelism(),
...isNodeServer ? {
externalsPresets: {
node: true
}
} : {},
// @ts-ignore
externals: isClient || isEdgeServer ? // bundles in case a user imported types and it wasn't removed
// TODO: should we warn/error for this instead?
[
'next',
...isEdgeServer ? [
{
'@builder.io/partytown': '{}',
'next/dist/compiled/etag': '{}'
},
(0, _middlewareplugin.getEdgePolyfilledModules)(),
_middlewareplugin.handleWebpackExternalForEdgeRuntime
] : []
] : [
...builtinModules,
({ context, request, dependencyType, contextInfo, getResolve })=>handleExternals(context, request, dependencyType, contextInfo.issuerLayer, (options)=>{
const resolveFunction = getResolve(options);
return (resolveContext, requestToResolve)=>new Promise((resolve, reject)=>{
resolveFunction(resolveContext, requestToResolve, (err, result, resolveData)=>{
var _resolveData_descriptionFileData;
if (err) return reject(err);
if (!result) return resolve([
null,
false
]);
const isEsm = /\.js$/i.test(result) ? (resolveData == null ? void 0 : (_resolveData_descriptionFileData = resolveData.descriptionFileData) == null ? void 0 : _resolveData_descriptionFileData.type) === 'module' : /\.mjs$/i.test(result);
resolve([
result,
isEsm
]);
});
});
})
],
optimization: {
emitOnErrors: !dev,
checkWasmTypes: false,
nodeEnv: false,
splitChunks: (()=>{
// server chunking
if (dev) {
if (isNodeServer) {
/*
In development, we want to split code that comes from `node_modules` into their own chunks.
This is because in development, we often need to reload the user bundle due to changes in the code.
To work around this, we put all the vendor code into separate chunks so that we don't need to reload them.
This is safe because the vendor code doesn't change between reloads.
*/ const extractRootNodeModule = (modulePath)=>{
// This regex is used to extract the root node module name to be used as the chunk group name.
// example: ../../node_modules/.pnpm/next@10/foo/node_modules/bar -> next@10
const regex = /node_modules(?:\/|\\)\.?(?:pnpm(?:\/|\\))?([^/\\]+)/;
const match = modulePath.match(regex);
return match ? match[1] : null;
};
return {
cacheGroups: {
// this chunk configuration gives us a separate chunk for each top level module in node_modules
// or a hashed chunk if we can't extract the module name.
vendor: {
chunks: 'all',
reuseExistingChunk: true,
test: /[\\/]node_modules[\\/]/,
minSize: 0,
minChunks: 1,
maxAsyncRequests: 300,
maxInitialRequests: 300,
name: (module1)=>{
const moduleId = module1.nameForCondition();
const rootModule = extractRootNodeModule(moduleId);
if (rootModule) {
return `vendor-chunks/${rootModule}`;
} else {
const hash = _crypto.default.createHash('sha1').update(moduleId);
hash.update(moduleId);
return `vendor-chunks/${hash.digest('hex')}`;
}
}
},
// disable the default chunk groups
default: false,
defaultVendors: false
}
};
}
return false;
}
if (isNodeServer || isEdgeServer) {
return {
filename: `${isEdgeServer ? `edge-chunks/` : ''}[name].js`,
chunks: 'all',
minChunks: 2
};
}
const frameworkCacheGroup = {
chunks: 'all',
name: 'framework',
// Ensures the framework chunk is not created for App Router.
layer: _utils.isWebpackDefaultLayer,
test (module1) {
const resource = module1.nameForCondition == null ? void 0 : module1.nameForCondition.call(module1);
return resource ? topLevelFrameworkPaths.some((pkgPath)=>resource.startsWith(pkgPath)) : false;
},
priority: 40,
// Don't let webpack eliminate this chunk (prevents this chunk from
// becoming a part of the commons chunk)
enforce: true
};
const libCacheGroup = {
test (module1) {
var _module_type;
return !((_module_type = module1.type) == null ? void 0 : _module_type.startsWith('css')) && module1.size() > 160000 && /node_modules[/\\]/.test(module1.nameForCondition() || '');
},
name (module1) {
const hash = _crypto.default.createHash('sha1');
if (isModuleCSS(module1)) {
module1.updateHash(hash);
} else {
if (!module1.libIdent) {
throw Object.defineProperty(new Error(`Encountered unknown module type: ${module1.type}. Please open an issue.`), "__NEXT_ERROR_CODE", {
value: "E487",
enumerable: false,
configurable: true
});
}
hash.update(module1.libIdent({
context: dir
}));
}
// Ensures the name of the chunk is not the same between two modules in different layers
// E.g. if you import 'button-library' in App Router and Pages Router we don't want these to be bundled in the same chunk
// as they're never used on the same page.
if (module1.layer) {
hash.update(module1.layer);
}
return hash.digest('hex').substring(0, 8);
},
priority: 30,
minChunks: 1,
reuseExistingChunk: true
};
// client chunking
return {
// Keep main and _app chunks unsplitted in webpack 5
// as we don't need a separate vendor chunk from that
// and all other chunk depend on them so there is no
// duplication that need to be pulled out.
chunks: isRspack ? // in rspack
/(?!polyfills|main|pages\/_app)/ : (chunk)=>!/^(polyfills|main|pages\/_app)$/.test(chunk.name),
// TODO: investigate these cache groups with rspack
cacheGroups: isRspack ? {} : {
framework: frameworkCacheGroup,
lib: libCacheGroup
},
maxInitialRequests: 25,
minSize: 20000
};
})(),
runtimeChunk: isClient ? {
name: _constants1.CLIENT_STATIC_FILES_RUNTIME_WEBPACK
} : undefined,
minimize: !dev && (isClient || isEdgeServer || isNodeServer && config.experimental.serverMinification),
minimizer: isRspack ? [
new ((0, _getrspack.getRspackCore)()).SwcJsMinimizerRspackPlugin({
// JS minimizer configuration
// options should align with crates/napi/src/minify.rs#patch_opts
minimizerOptions: {
compress: {
inline: 2,
global_defs: {
'process.env.__NEXT_PRIVATE_MINIMIZE_MACRO_FALSE': false
}
},
mangle: !noMangling && {
reserved: [
'AbortSignal'
],
disableCharFreq: !isClient
}
}
}),
new ((0, _getrspack.getRspackCore)()).LightningCssMinimizerRspackPlugin({
// CSS minimizer configuration
minimizerOptions: {
targets: supportedBrowsers
}
})
] : [
// Minify JavaScript
(compiler)=>{
// @ts-ignore No typings yet
const { MinifyPlugin } = require('./webpack/plugins/minify-webpack-plugin/src/index.js');
new MinifyPlugin({
noMangling
}).apply(compiler);
},
// Minify CSS
(compiler)=>{
const { CssMinimizerPlugin } = require('./webpack/plugins/css-minimizer-plugin');
new CssMinimizerPlugin({
postcssOptions: {
map: {
// `inline: false` generates the source map in a separate file.
// Otherwise, the CSS file is needlessly large.
inline: false,
// `annotation: false` skips appending the `sourceMappingURL`
// to the end of the CSS file. Webpack already handles this.
annotation: false
}
}
}).apply(compiler);
}
]
},
context: dir,
// Kept as function to be backwards compatible
entry: async ()=>{
return {
...clientEntries ? clientEntries : {},
...entrypoints
};
},
watchOptions: Object.freeze({
...baseWatchOptions,
poll: (_config_watchOptions = config.watchOptions) == null ? void 0 : _config_watchOptions.pollIntervalMs
}),
output: {
// we must set publicPath to an empty value to override the default of
// auto which doesn't work in IE11
publicPath: `${config.assetPrefix ? config.assetPrefix.endsWith('/') ? config.assetPrefix.slice(0, -1) : config.assetPrefix : ''}/_next/`,
path: !dev && isNodeServer ? _path.default.join(outputPath, 'chunks') : outputPath,
// On the server we don't use hashes
filename: isNodeOrEdgeCompilation ? dev || isEdgeServer ? `[name].js` : `../[name].js` : `static/chunks/${isDevFallback ? 'fallback/' : ''}[name]${dev ? '' : appDir ? '-[chunkhash]' : '-[contenthash]'}.js`,
library: isClient || isEdgeServer ? '_N_E' : undefined,
libraryTarget: isClient || isEdgeServer ? 'assign' : 'commonjs2',
hotUpdateChunkFilename: 'static/webpack/[id].[fullhash].hot-update.js',
hotUpdateMainFilename: 'static/webpack/[fullhash].[runtime].hot-update.json',
// This saves chunks with the name given via `import()`
chunkFilename: isNodeOrEdgeCompilation ? '[name].js' : `static/chunks/${isDevFallback ? 'fallback/' : ''}${dev ? '[name]' : '[name].[contenthash]'}.js`,
strictModuleExceptionHandling: true,
crossOriginLoading: crossOrigin,
// if `sources[number]` is not an absolute path, it's is resolved
// relative to the location of the source map file (https://tc39.es/source-map/#resolving-sources).
// However, Webpack's `resource-path` is relative to the app dir.
// TODO: Either `sourceRoot` should be populated with the root and then we can use `[resource-path]`
// or we need a way to resolve return `path.relative(sourceMapLocation, info.resourcePath)`
devtoolModuleFilenameTemplate: dev ? '[absolute-resource-path]' : undefined,
webassemblyModuleFilename: 'static/wasm/[modulehash].wasm',
hashFunction: 'xxhash64',
hashDigestLength: 16
},
performance: false,
resolve: resolveConfig,
resolveLoader: {
// The loaders Next.js provides
alias: [
'error-loader',
'next-swc-loader',
'next-client-pages-loader',
'next-image-loader',
'next-metadata-image-loader',
'next-style-loader',
'next-flight-loader',
'next-flight-client-entry-loader',
'next-flight-action-entry-loader',
'next-flight-client-module-loader',
'next-flight-server-reference-proxy-loader',
'empty-loader',
'next-middleware-loader',
'next-edge-function-loader',
'next-edge-app-route-loader',