You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
451 lines
16 KiB
451 lines
16 KiB
/* |
|
MIT License http://www.opensource.org/licenses/mit-license.php |
|
*/ |
|
|
|
"use strict"; |
|
|
|
const { SyncWaterfallHook } = require("tapable"); |
|
const Compilation = require("../Compilation"); |
|
const RuntimeGlobals = require("../RuntimeGlobals"); |
|
const RuntimeModule = require("../RuntimeModule"); |
|
const Template = require("../Template"); |
|
const chunkHasJs = require("../javascript/JavascriptModulesPlugin").chunkHasJs; |
|
const { getInitialChunkIds } = require("../javascript/StartupHelpers"); |
|
const compileBooleanMatcher = require("../util/compileBooleanMatcher"); |
|
|
|
/** @typedef {import("../Chunk")} Chunk */ |
|
|
|
/** |
|
* @typedef {Object} JsonpCompilationPluginHooks |
|
* @property {SyncWaterfallHook<[string, Chunk]>} linkPreload |
|
* @property {SyncWaterfallHook<[string, Chunk]>} linkPrefetch |
|
*/ |
|
|
|
/** @type {WeakMap<Compilation, JsonpCompilationPluginHooks>} */ |
|
const compilationHooksMap = new WeakMap(); |
|
|
|
class JsonpChunkLoadingRuntimeModule extends RuntimeModule { |
|
/** |
|
* @param {Compilation} compilation the compilation |
|
* @returns {JsonpCompilationPluginHooks} hooks |
|
*/ |
|
static getCompilationHooks(compilation) { |
|
if (!(compilation instanceof Compilation)) { |
|
throw new TypeError( |
|
"The 'compilation' argument must be an instance of Compilation" |
|
); |
|
} |
|
let hooks = compilationHooksMap.get(compilation); |
|
if (hooks === undefined) { |
|
hooks = { |
|
linkPreload: new SyncWaterfallHook(["source", "chunk"]), |
|
linkPrefetch: new SyncWaterfallHook(["source", "chunk"]) |
|
}; |
|
compilationHooksMap.set(compilation, hooks); |
|
} |
|
return hooks; |
|
} |
|
|
|
constructor(runtimeRequirements) { |
|
super("jsonp chunk loading", RuntimeModule.STAGE_ATTACH); |
|
this._runtimeRequirements = runtimeRequirements; |
|
} |
|
|
|
/** |
|
* @private |
|
* @param {Chunk} chunk chunk |
|
* @returns {string} generated code |
|
*/ |
|
_generateBaseUri(chunk) { |
|
const options = chunk.getEntryOptions(); |
|
if (options && options.baseUri) { |
|
return `${RuntimeGlobals.baseURI} = ${JSON.stringify(options.baseUri)};`; |
|
} else { |
|
return `${RuntimeGlobals.baseURI} = document.baseURI || self.location.href;`; |
|
} |
|
} |
|
|
|
/** |
|
* @returns {string} runtime code |
|
*/ |
|
generate() { |
|
const { chunkGraph, compilation, chunk } = this; |
|
const { |
|
runtimeTemplate, |
|
outputOptions: { |
|
chunkLoadingGlobal, |
|
hotUpdateGlobal, |
|
crossOriginLoading, |
|
scriptType |
|
} |
|
} = compilation; |
|
const globalObject = runtimeTemplate.globalObject; |
|
const { linkPreload, linkPrefetch } = |
|
JsonpChunkLoadingRuntimeModule.getCompilationHooks(compilation); |
|
const fn = RuntimeGlobals.ensureChunkHandlers; |
|
const withBaseURI = this._runtimeRequirements.has(RuntimeGlobals.baseURI); |
|
const withLoading = this._runtimeRequirements.has( |
|
RuntimeGlobals.ensureChunkHandlers |
|
); |
|
const withCallback = this._runtimeRequirements.has( |
|
RuntimeGlobals.chunkCallback |
|
); |
|
const withOnChunkLoad = this._runtimeRequirements.has( |
|
RuntimeGlobals.onChunksLoaded |
|
); |
|
const withHmr = this._runtimeRequirements.has( |
|
RuntimeGlobals.hmrDownloadUpdateHandlers |
|
); |
|
const withHmrManifest = this._runtimeRequirements.has( |
|
RuntimeGlobals.hmrDownloadManifest |
|
); |
|
const withPrefetch = this._runtimeRequirements.has( |
|
RuntimeGlobals.prefetchChunkHandlers |
|
); |
|
const withPreload = this._runtimeRequirements.has( |
|
RuntimeGlobals.preloadChunkHandlers |
|
); |
|
const chunkLoadingGlobalExpr = `${globalObject}[${JSON.stringify( |
|
chunkLoadingGlobal |
|
)}]`; |
|
const conditionMap = chunkGraph.getChunkConditionMap(chunk, chunkHasJs); |
|
const hasJsMatcher = compileBooleanMatcher(conditionMap); |
|
const initialChunkIds = getInitialChunkIds(chunk, chunkGraph, chunkHasJs); |
|
|
|
const stateExpression = withHmr |
|
? `${RuntimeGlobals.hmrRuntimeStatePrefix}_jsonp` |
|
: undefined; |
|
|
|
return Template.asString([ |
|
withBaseURI ? this._generateBaseUri(chunk) : "// no baseURI", |
|
"", |
|
"// object to store loaded and loading chunks", |
|
"// undefined = chunk not loaded, null = chunk preloaded/prefetched", |
|
"// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded", |
|
`var installedChunks = ${ |
|
stateExpression ? `${stateExpression} = ${stateExpression} || ` : "" |
|
}{`, |
|
Template.indent( |
|
Array.from(initialChunkIds, id => `${JSON.stringify(id)}: 0`).join( |
|
",\n" |
|
) |
|
), |
|
"};", |
|
"", |
|
withLoading |
|
? Template.asString([ |
|
`${fn}.j = ${runtimeTemplate.basicFunction( |
|
"chunkId, promises", |
|
hasJsMatcher !== false |
|
? Template.indent([ |
|
"// JSONP chunk loading for javascript", |
|
`var installedChunkData = ${RuntimeGlobals.hasOwnProperty}(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;`, |
|
'if(installedChunkData !== 0) { // 0 means "already installed".', |
|
Template.indent([ |
|
"", |
|
'// a Promise means "currently loading".', |
|
"if(installedChunkData) {", |
|
Template.indent([ |
|
"promises.push(installedChunkData[2]);" |
|
]), |
|
"} else {", |
|
Template.indent([ |
|
hasJsMatcher === true |
|
? "if(true) { // all chunks have JS" |
|
: `if(${hasJsMatcher("chunkId")}) {`, |
|
Template.indent([ |
|
"// setup Promise in chunk cache", |
|
`var promise = new Promise(${runtimeTemplate.expressionFunction( |
|
`installedChunkData = installedChunks[chunkId] = [resolve, reject]`, |
|
"resolve, reject" |
|
)});`, |
|
"promises.push(installedChunkData[2] = promise);", |
|
"", |
|
"// start chunk loading", |
|
`var url = ${RuntimeGlobals.publicPath} + ${RuntimeGlobals.getChunkScriptFilename}(chunkId);`, |
|
"// create error before stack unwound to get useful stacktrace later", |
|
"var error = new Error();", |
|
`var loadingEnded = ${runtimeTemplate.basicFunction( |
|
"event", |
|
[ |
|
`if(${RuntimeGlobals.hasOwnProperty}(installedChunks, chunkId)) {`, |
|
Template.indent([ |
|
"installedChunkData = installedChunks[chunkId];", |
|
"if(installedChunkData !== 0) installedChunks[chunkId] = undefined;", |
|
"if(installedChunkData) {", |
|
Template.indent([ |
|
"var errorType = event && (event.type === 'load' ? 'missing' : event.type);", |
|
"var realSrc = event && event.target && event.target.src;", |
|
"error.message = 'Loading chunk ' + chunkId + ' failed.\\n(' + errorType + ': ' + realSrc + ')';", |
|
"error.name = 'ChunkLoadError';", |
|
"error.type = errorType;", |
|
"error.request = realSrc;", |
|
"installedChunkData[1](error);" |
|
]), |
|
"}" |
|
]), |
|
"}" |
|
] |
|
)};`, |
|
`${RuntimeGlobals.loadScript}(url, loadingEnded, "chunk-" + chunkId, chunkId);` |
|
]), |
|
"} else installedChunks[chunkId] = 0;" |
|
]), |
|
"}" |
|
]), |
|
"}" |
|
]) |
|
: Template.indent(["installedChunks[chunkId] = 0;"]) |
|
)};` |
|
]) |
|
: "// no chunk on demand loading", |
|
"", |
|
withPrefetch && hasJsMatcher !== false |
|
? `${ |
|
RuntimeGlobals.prefetchChunkHandlers |
|
}.j = ${runtimeTemplate.basicFunction("chunkId", [ |
|
`if((!${ |
|
RuntimeGlobals.hasOwnProperty |
|
}(installedChunks, chunkId) || installedChunks[chunkId] === undefined) && ${ |
|
hasJsMatcher === true ? "true" : hasJsMatcher("chunkId") |
|
}) {`, |
|
Template.indent([ |
|
"installedChunks[chunkId] = null;", |
|
linkPrefetch.call( |
|
Template.asString([ |
|
"var link = document.createElement('link');", |
|
crossOriginLoading |
|
? `link.crossOrigin = ${JSON.stringify( |
|
crossOriginLoading |
|
)};` |
|
: "", |
|
`if (${RuntimeGlobals.scriptNonce}) {`, |
|
Template.indent( |
|
`link.setAttribute("nonce", ${RuntimeGlobals.scriptNonce});` |
|
), |
|
"}", |
|
'link.rel = "prefetch";', |
|
'link.as = "script";', |
|
`link.href = ${RuntimeGlobals.publicPath} + ${RuntimeGlobals.getChunkScriptFilename}(chunkId);` |
|
]), |
|
chunk |
|
), |
|
"document.head.appendChild(link);" |
|
]), |
|
"}" |
|
])};` |
|
: "// no prefetching", |
|
"", |
|
withPreload && hasJsMatcher !== false |
|
? `${ |
|
RuntimeGlobals.preloadChunkHandlers |
|
}.j = ${runtimeTemplate.basicFunction("chunkId", [ |
|
`if((!${ |
|
RuntimeGlobals.hasOwnProperty |
|
}(installedChunks, chunkId) || installedChunks[chunkId] === undefined) && ${ |
|
hasJsMatcher === true ? "true" : hasJsMatcher("chunkId") |
|
}) {`, |
|
Template.indent([ |
|
"installedChunks[chunkId] = null;", |
|
linkPreload.call( |
|
Template.asString([ |
|
"var link = document.createElement('link');", |
|
scriptType |
|
? `link.type = ${JSON.stringify(scriptType)};` |
|
: "", |
|
"link.charset = 'utf-8';", |
|
`if (${RuntimeGlobals.scriptNonce}) {`, |
|
Template.indent( |
|
`link.setAttribute("nonce", ${RuntimeGlobals.scriptNonce});` |
|
), |
|
"}", |
|
'link.rel = "preload";', |
|
'link.as = "script";', |
|
`link.href = ${RuntimeGlobals.publicPath} + ${RuntimeGlobals.getChunkScriptFilename}(chunkId);`, |
|
crossOriginLoading |
|
? Template.asString([ |
|
"if (link.href.indexOf(window.location.origin + '/') !== 0) {", |
|
Template.indent( |
|
`link.crossOrigin = ${JSON.stringify( |
|
crossOriginLoading |
|
)};` |
|
), |
|
"}" |
|
]) |
|
: "" |
|
]), |
|
chunk |
|
), |
|
"document.head.appendChild(link);" |
|
]), |
|
"}" |
|
])};` |
|
: "// no preloaded", |
|
"", |
|
withHmr |
|
? Template.asString([ |
|
"var currentUpdatedModulesList;", |
|
"var waitingUpdateResolves = {};", |
|
"function loadUpdateChunk(chunkId, updatedModulesList) {", |
|
Template.indent([ |
|
"currentUpdatedModulesList = updatedModulesList;", |
|
`return new Promise(${runtimeTemplate.basicFunction( |
|
"resolve, reject", |
|
[ |
|
"waitingUpdateResolves[chunkId] = resolve;", |
|
"// start update chunk loading", |
|
`var url = ${RuntimeGlobals.publicPath} + ${RuntimeGlobals.getChunkUpdateScriptFilename}(chunkId);`, |
|
"// create error before stack unwound to get useful stacktrace later", |
|
"var error = new Error();", |
|
`var loadingEnded = ${runtimeTemplate.basicFunction("event", [ |
|
"if(waitingUpdateResolves[chunkId]) {", |
|
Template.indent([ |
|
"waitingUpdateResolves[chunkId] = undefined", |
|
"var errorType = event && (event.type === 'load' ? 'missing' : event.type);", |
|
"var realSrc = event && event.target && event.target.src;", |
|
"error.message = 'Loading hot update chunk ' + chunkId + ' failed.\\n(' + errorType + ': ' + realSrc + ')';", |
|
"error.name = 'ChunkLoadError';", |
|
"error.type = errorType;", |
|
"error.request = realSrc;", |
|
"reject(error);" |
|
]), |
|
"}" |
|
])};`, |
|
`${RuntimeGlobals.loadScript}(url, loadingEnded);` |
|
] |
|
)});` |
|
]), |
|
"}", |
|
"", |
|
`${globalObject}[${JSON.stringify( |
|
hotUpdateGlobal |
|
)}] = ${runtimeTemplate.basicFunction( |
|
"chunkId, moreModules, runtime", |
|
[ |
|
"for(var moduleId in moreModules) {", |
|
Template.indent([ |
|
`if(${RuntimeGlobals.hasOwnProperty}(moreModules, moduleId)) {`, |
|
Template.indent([ |
|
"currentUpdate[moduleId] = moreModules[moduleId];", |
|
"if(currentUpdatedModulesList) currentUpdatedModulesList.push(moduleId);" |
|
]), |
|
"}" |
|
]), |
|
"}", |
|
"if(runtime) currentUpdateRuntime.push(runtime);", |
|
"if(waitingUpdateResolves[chunkId]) {", |
|
Template.indent([ |
|
"waitingUpdateResolves[chunkId]();", |
|
"waitingUpdateResolves[chunkId] = undefined;" |
|
]), |
|
"}" |
|
] |
|
)};`, |
|
"", |
|
Template.getFunctionContent( |
|
require("../hmr/JavascriptHotModuleReplacement.runtime.js") |
|
) |
|
.replace(/\$key\$/g, "jsonp") |
|
.replace(/\$installedChunks\$/g, "installedChunks") |
|
.replace(/\$loadUpdateChunk\$/g, "loadUpdateChunk") |
|
.replace(/\$moduleCache\$/g, RuntimeGlobals.moduleCache) |
|
.replace(/\$moduleFactories\$/g, RuntimeGlobals.moduleFactories) |
|
.replace( |
|
/\$ensureChunkHandlers\$/g, |
|
RuntimeGlobals.ensureChunkHandlers |
|
) |
|
.replace(/\$hasOwnProperty\$/g, RuntimeGlobals.hasOwnProperty) |
|
.replace(/\$hmrModuleData\$/g, RuntimeGlobals.hmrModuleData) |
|
.replace( |
|
/\$hmrDownloadUpdateHandlers\$/g, |
|
RuntimeGlobals.hmrDownloadUpdateHandlers |
|
) |
|
.replace( |
|
/\$hmrInvalidateModuleHandlers\$/g, |
|
RuntimeGlobals.hmrInvalidateModuleHandlers |
|
) |
|
]) |
|
: "// no HMR", |
|
"", |
|
withHmrManifest |
|
? Template.asString([ |
|
`${ |
|
RuntimeGlobals.hmrDownloadManifest |
|
} = ${runtimeTemplate.basicFunction("", [ |
|
'if (typeof fetch === "undefined") throw new Error("No browser support: need fetch API");', |
|
`return fetch(${RuntimeGlobals.publicPath} + ${ |
|
RuntimeGlobals.getUpdateManifestFilename |
|
}()).then(${runtimeTemplate.basicFunction("response", [ |
|
"if(response.status === 404) return; // no update available", |
|
'if(!response.ok) throw new Error("Failed to fetch update manifest " + response.statusText);', |
|
"return response.json();" |
|
])});` |
|
])};` |
|
]) |
|
: "// no HMR manifest", |
|
"", |
|
withOnChunkLoad |
|
? `${ |
|
RuntimeGlobals.onChunksLoaded |
|
}.j = ${runtimeTemplate.returningFunction( |
|
"installedChunks[chunkId] === 0", |
|
"chunkId" |
|
)};` |
|
: "// no on chunks loaded", |
|
"", |
|
withCallback || withLoading |
|
? Template.asString([ |
|
"// install a JSONP callback for chunk loading", |
|
`var webpackJsonpCallback = ${runtimeTemplate.basicFunction( |
|
"parentChunkLoadingFunction, data", |
|
[ |
|
runtimeTemplate.destructureArray( |
|
["chunkIds", "moreModules", "runtime"], |
|
"data" |
|
), |
|
'// add "moreModules" to the modules object,', |
|
'// then flag all "chunkIds" as loaded and fire callback', |
|
"var moduleId, chunkId, i = 0;", |
|
`if(chunkIds.some(${runtimeTemplate.returningFunction( |
|
"installedChunks[id] !== 0", |
|
"id" |
|
)})) {`, |
|
Template.indent([ |
|
"for(moduleId in moreModules) {", |
|
Template.indent([ |
|
`if(${RuntimeGlobals.hasOwnProperty}(moreModules, moduleId)) {`, |
|
Template.indent( |
|
`${RuntimeGlobals.moduleFactories}[moduleId] = moreModules[moduleId];` |
|
), |
|
"}" |
|
]), |
|
"}", |
|
"if(runtime) var result = runtime(__webpack_require__);" |
|
]), |
|
"}", |
|
"if(parentChunkLoadingFunction) parentChunkLoadingFunction(data);", |
|
"for(;i < chunkIds.length; i++) {", |
|
Template.indent([ |
|
"chunkId = chunkIds[i];", |
|
`if(${RuntimeGlobals.hasOwnProperty}(installedChunks, chunkId) && installedChunks[chunkId]) {`, |
|
Template.indent("installedChunks[chunkId][0]();"), |
|
"}", |
|
"installedChunks[chunkId] = 0;" |
|
]), |
|
"}", |
|
withOnChunkLoad |
|
? `return ${RuntimeGlobals.onChunksLoaded}(result);` |
|
: "" |
|
] |
|
)}`, |
|
"", |
|
`var chunkLoadingGlobal = ${chunkLoadingGlobalExpr} = ${chunkLoadingGlobalExpr} || [];`, |
|
"chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));", |
|
"chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));" |
|
]) |
|
: "// no jsonp function" |
|
]); |
|
} |
|
} |
|
|
|
module.exports = JsonpChunkLoadingRuntimeModule;
|
|
|