create project
This commit is contained in:
ismailsosic
214
kitabcitab/node_modules/next/dist/build/webpack/plugins/flight-manifest-plugin.js
generated
vendored
Normal file
214
kitabcitab/node_modules/next/dist/build/webpack/plugins/flight-manifest-plugin.js
generated
vendored
Normal file
@@ -0,0 +1,214 @@
|
||||
"use strict";
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.ASYNC_CLIENT_MODULES = void 0;
|
||||
var _webpack = require("next/dist/compiled/webpack/webpack");
|
||||
var _constants = require("../../../shared/lib/constants");
|
||||
var _path = require("path");
|
||||
var _utils = require("../loaders/utils");
|
||||
var _flightClientEntryPlugin = require("./flight-client-entry-plugin");
|
||||
var _utils1 = require("../utils");
|
||||
const PLUGIN_NAME = "FlightManifestPlugin";
|
||||
const ASYNC_CLIENT_MODULES = new Set();
|
||||
exports.ASYNC_CLIENT_MODULES = ASYNC_CLIENT_MODULES;
|
||||
class FlightManifestPlugin {
|
||||
dev = false;
|
||||
constructor(options){
|
||||
this.dev = options.dev;
|
||||
this.appDir = options.appDir;
|
||||
}
|
||||
apply(compiler) {
|
||||
compiler.hooks.compilation.tap(PLUGIN_NAME, (compilation, { normalModuleFactory })=>{
|
||||
compilation.dependencyFactories.set(_webpack.webpack.dependencies.ModuleDependency, normalModuleFactory);
|
||||
compilation.dependencyTemplates.set(_webpack.webpack.dependencies.ModuleDependency, new _webpack.webpack.dependencies.NullDependency.Template());
|
||||
});
|
||||
compiler.hooks.make.tap(PLUGIN_NAME, (compilation)=>{
|
||||
compilation.hooks.processAssets.tap({
|
||||
name: PLUGIN_NAME,
|
||||
// Have to be in the optimize stage to run after updating the CSS
|
||||
// asset hash via extract mini css plugin.
|
||||
stage: _webpack.webpack.Compilation.PROCESS_ASSETS_STAGE_OPTIMIZE_HASH
|
||||
}, (assets)=>this.createAsset(assets, compilation, compiler.context));
|
||||
});
|
||||
}
|
||||
createAsset(assets, compilation, context) {
|
||||
const manifest = {
|
||||
__ssr_module_mapping__: {},
|
||||
__edge_ssr_module_mapping__: {},
|
||||
__entry_css_files__: {}
|
||||
};
|
||||
const dev = this.dev;
|
||||
const clientRequestsSet = new Set();
|
||||
// Collect client requests
|
||||
function collectClientRequest(mod) {
|
||||
if (mod.resource === "" && mod.buildInfo.rsc) {
|
||||
const { requests =[] } = mod.buildInfo.rsc;
|
||||
requests.forEach((r)=>{
|
||||
clientRequestsSet.add(r);
|
||||
});
|
||||
}
|
||||
}
|
||||
(0, _utils1).traverseModules(compilation, (mod)=>collectClientRequest(mod));
|
||||
compilation.chunkGroups.forEach((chunkGroup)=>{
|
||||
function recordModule(id, mod, chunkCSS) {
|
||||
var ref;
|
||||
const isCSSModule = _utils.regexCSS.test(mod.resource) || mod.type === "css/mini-extract" || !!mod.loaders && (dev ? mod.loaders.some((item)=>item.loader.includes("next-style-loader/index.js")) : mod.loaders.some((item)=>item.loader.includes("mini-css-extract-plugin/loader.js")));
|
||||
const resource = mod.type === "css/mini-extract" ? mod._identifier.slice(mod._identifier.lastIndexOf("!") + 1) : mod.resource;
|
||||
if (!resource) {
|
||||
return;
|
||||
}
|
||||
const moduleExports = manifest[resource] || {};
|
||||
const moduleIdMapping = manifest.__ssr_module_mapping__;
|
||||
const edgeModuleIdMapping = manifest.__edge_ssr_module_mapping__;
|
||||
// Note that this isn't that reliable as webpack is still possible to assign
|
||||
// additional queries to make sure there's no conflict even using the `named`
|
||||
// module ID strategy.
|
||||
let ssrNamedModuleId = (0, _path).relative(context, ((ref = mod.resourceResolveData) == null ? void 0 : ref.path) || resource);
|
||||
if (!ssrNamedModuleId.startsWith(".")) ssrNamedModuleId = `./${ssrNamedModuleId.replace(/\\/g, "/")}`;
|
||||
if (isCSSModule) {
|
||||
if (!manifest[resource]) {
|
||||
manifest[resource] = {
|
||||
default: {
|
||||
id,
|
||||
name: "default",
|
||||
chunks: chunkCSS
|
||||
}
|
||||
};
|
||||
} else {
|
||||
// It is possible that there are multiple modules with the same resource,
|
||||
// e.g. extracted by mini-css-extract-plugin. In that case we need to
|
||||
// merge the chunks.
|
||||
manifest[resource].default.chunks = [
|
||||
...new Set([
|
||||
...manifest[resource].default.chunks,
|
||||
...chunkCSS
|
||||
]),
|
||||
];
|
||||
}
|
||||
return;
|
||||
}
|
||||
// Only apply following logic to client module requests from client entry,
|
||||
// or if the module is marked as client module.
|
||||
if (!clientRequestsSet.has(resource) && !(0, _utils).isClientComponentModule(mod)) {
|
||||
return;
|
||||
}
|
||||
const exportsInfo = compilation.moduleGraph.getExportsInfo(mod);
|
||||
const isAsyncModule = ASYNC_CLIENT_MODULES.has(mod.resource);
|
||||
const cjsExports = [
|
||||
...new Set([
|
||||
...mod.dependencies.map((dep)=>{
|
||||
// Match CommonJsSelfReferenceDependency
|
||||
if (dep.type === "cjs self exports reference") {
|
||||
// @ts-expect-error: TODO: Fix Dependency type
|
||||
if (dep.base === "module.exports") {
|
||||
return "default";
|
||||
}
|
||||
// `exports.foo = ...`, `exports.default = ...`
|
||||
// @ts-expect-error: TODO: Fix Dependency type
|
||||
if (dep.base === "exports") {
|
||||
// @ts-expect-error: TODO: Fix Dependency type
|
||||
return dep.names.filter((name)=>name !== "__esModule");
|
||||
}
|
||||
}
|
||||
return null;
|
||||
}),
|
||||
]),
|
||||
];
|
||||
function getAppPathRequiredChunks() {
|
||||
return chunkGroup.chunks.map((requiredChunk)=>{
|
||||
return requiredChunk.id + ":" + (requiredChunk.name || requiredChunk.id) + (dev ? "" : "-" + requiredChunk.hash);
|
||||
});
|
||||
}
|
||||
const moduleExportedKeys = [
|
||||
"",
|
||||
"*"
|
||||
].concat([
|
||||
...exportsInfo.exports
|
||||
].filter((exportInfo)=>exportInfo.provided).map((exportInfo)=>exportInfo.name), ...cjsExports).filter((name)=>name !== null);
|
||||
moduleExportedKeys.forEach((name)=>{
|
||||
// If the chunk is from `app/` chunkGroup, use it first.
|
||||
// This make sure not to load the overlapped chunk from `pages/` chunkGroup
|
||||
if (!moduleExports[name] || chunkGroup.name && /^app[\\/]/.test(chunkGroup.name)) {
|
||||
const requiredChunks = getAppPathRequiredChunks();
|
||||
moduleExports[name] = {
|
||||
id,
|
||||
name,
|
||||
chunks: requiredChunks,
|
||||
// E.g.
|
||||
// page (server) -> local module (client) -> package (esm)
|
||||
// The esm package will bubble up to make the entire chain till the client entry as async module.
|
||||
async: isAsyncModule
|
||||
};
|
||||
}
|
||||
if (_flightClientEntryPlugin.serverModuleIds.has(ssrNamedModuleId)) {
|
||||
moduleIdMapping[id] = moduleIdMapping[id] || {};
|
||||
moduleIdMapping[id][name] = {
|
||||
...moduleExports[name],
|
||||
id: _flightClientEntryPlugin.serverModuleIds.get(ssrNamedModuleId)
|
||||
};
|
||||
}
|
||||
if (_flightClientEntryPlugin.edgeServerModuleIds.has(ssrNamedModuleId)) {
|
||||
edgeModuleIdMapping[id] = edgeModuleIdMapping[id] || {};
|
||||
edgeModuleIdMapping[id][name] = {
|
||||
...moduleExports[name],
|
||||
id: _flightClientEntryPlugin.edgeServerModuleIds.get(ssrNamedModuleId)
|
||||
};
|
||||
}
|
||||
});
|
||||
manifest[resource] = moduleExports;
|
||||
// The client compiler will always use the CJS Next.js build, so here we
|
||||
// also add the mapping for the ESM build (Edge runtime) to consume.
|
||||
if (/\/next\/dist\//.test(resource)) {
|
||||
manifest[resource.replace(/\/next\/dist\//, "/next/dist/esm/")] = moduleExports;
|
||||
}
|
||||
manifest.__ssr_module_mapping__ = moduleIdMapping;
|
||||
manifest.__edge_ssr_module_mapping__ = edgeModuleIdMapping;
|
||||
}
|
||||
chunkGroup.chunks.forEach((chunk)=>{
|
||||
const chunkModules = compilation.chunkGraph.getChunkModulesIterable(chunk);
|
||||
const chunkCSS = [
|
||||
...chunk.files
|
||||
].filter((f)=>!f.startsWith("static/css/pages/") && f.endsWith(".css"));
|
||||
for (const mod of chunkModules){
|
||||
const modId = compilation.chunkGraph.getModuleId(mod) + "";
|
||||
recordModule(modId, mod, chunkCSS);
|
||||
// If this is a concatenation, register each child to the parent ID.
|
||||
// TODO: remove any
|
||||
const anyModule = mod;
|
||||
if (anyModule.modules) {
|
||||
anyModule.modules.forEach((concatenatedMod)=>{
|
||||
recordModule(modId, concatenatedMod, chunkCSS);
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
const entryCSSFiles = manifest.__entry_css_files__ || {};
|
||||
const addCSSFilesToEntry = (files, entryName)=>{
|
||||
if (entryName == null ? void 0 : entryName.startsWith("app/")) {
|
||||
// The `key` here should be the absolute file path but without extension.
|
||||
// We need to replace the separator in the entry name to match the system separator.
|
||||
const key = this.appDir + entryName.slice(3).replace(/\//g, _path.sep);
|
||||
entryCSSFiles[key] = files.concat(entryCSSFiles[key] || []);
|
||||
}
|
||||
};
|
||||
const cssFiles = chunkGroup.getFiles().filter((f)=>f.endsWith(".css"));
|
||||
if (cssFiles.length) {
|
||||
// Add to chunk entry and parent chunk groups too.
|
||||
addCSSFilesToEntry(cssFiles, chunkGroup.name);
|
||||
chunkGroup.getParents().forEach((parent)=>{
|
||||
addCSSFilesToEntry(cssFiles, parent.options.name);
|
||||
});
|
||||
}
|
||||
manifest.__entry_css_files__ = entryCSSFiles;
|
||||
});
|
||||
const file = "server/" + _constants.FLIGHT_MANIFEST;
|
||||
const json = JSON.stringify(manifest, null, this.dev ? 2 : undefined);
|
||||
ASYNC_CLIENT_MODULES.clear();
|
||||
assets[file + ".js"] = new _webpack.sources.RawSource("self.__RSC_MANIFEST=" + json);
|
||||
assets[file + ".json"] = new _webpack.sources.RawSource(json);
|
||||
}
|
||||
}
|
||||
exports.FlightManifestPlugin = FlightManifestPlugin;
|
||||
|
||||
//# sourceMappingURL=flight-manifest-plugin.js.map
|
||||
Reference in New Issue
Block a user