next
Version:
The React Framework
97 lines (96 loc) • 4.45 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
var _webpack = require("next/dist/compiled/webpack/webpack");
var _constants = require("../../../shared/lib/constants");
const PLUGIN_NAME = 'FlightManifestPlugin';
class FlightManifestPlugin {
constructor(options){
this.dev = false;
if (typeof options.dev === 'boolean') {
this.dev = options.dev;
}
this.clientComponentsRegex = options.clientComponentsRegex;
}
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());
});
// Only for webpack 5
compiler.hooks.make.tap(PLUGIN_NAME, (compilation)=>{
compilation.hooks.processAssets.tap({
name: PLUGIN_NAME,
// @ts-ignore TODO: Remove ignore when webpack 5 is stable
stage: _webpack.webpack.Compilation.PROCESS_ASSETS_STAGE_ADDITIONS
}, (assets)=>this.createAsset(assets, compilation)
);
});
}
createAsset(assets, compilation) {
const manifest = {};
const { clientComponentsRegex } = this;
compilation.chunkGroups.forEach((chunkGroup)=>{
function recordModule(id, _chunk, mod) {
var ref;
const resource = (ref = mod.resource) === null || ref === void 0 ? void 0 : ref.replace(/\?__sc_client__$/, '');
// TODO: Hook into deps instead of the target module.
// That way we know by the type of dep whether to include.
// It also resolves conflicts when the same module is in multiple chunks.
const isNextClientComponent = /next[\\/](link|image)/.test(resource);
if (!clientComponentsRegex.test(resource) && !isNextClientComponent) {
return;
}
const moduleExports = manifest[resource] || {};
const exportsInfo = compilation.moduleGraph.getExportsInfo(mod);
const moduleExportedKeys = [
'',
'*'
].concat([
...exportsInfo.exports
].map((exportInfo)=>{
if (exportInfo.provided) {
return exportInfo.name;
}
return null;
}).filter(Boolean));
moduleExportedKeys.forEach((name)=>{
if (!moduleExports[name]) {
moduleExports[name] = {
id,
name,
chunks: []
};
}
});
manifest[resource] = moduleExports;
}
chunkGroup.chunks.forEach((chunk)=>{
const chunkModules = compilation.chunkGraph.getChunkModulesIterable(chunk);
for (const mod of chunkModules){
let modId = compilation.chunkGraph.getModuleId(mod);
// remove resource query on production
if (typeof modId === 'string') {
modId = modId.split('?')[0];
}
recordModule(modId, chunk, mod);
// If this is a concatenation, register each child to the parent ID.
if (mod.modules) {
mod.modules.forEach((concatenatedMod)=>{
recordModule(modId, chunk, concatenatedMod);
});
}
}
});
});
// With switchable runtime, we need to emit the manifest files for both
// runtimes.
const file = `server/${_constants.MIDDLEWARE_FLIGHT_MANIFEST}`;
const json = JSON.stringify(manifest);
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