472 lines
16 KiB
JavaScript
472 lines
16 KiB
JavaScript
|
/*
|
||
|
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 {import("../ChunkGraph")} ChunkGraph */
|
||
|
/** @typedef {import("../Module").ReadOnlyRuntimeRequirements} ReadOnlyRuntimeRequirements */
|
||
|
|
||
|
/**
|
||
|
* @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;
|
||
|
}
|
||
|
|
||
|
/**
|
||
|
* @param {ReadOnlyRuntimeRequirements} runtimeRequirements runtime requirements
|
||
|
*/
|
||
|
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 | null} runtime code
|
||
|
*/
|
||
|
generate() {
|
||
|
const compilation = /** @type {Compilation} */ (this.compilation);
|
||
|
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 withFetchPriority = this._runtimeRequirements.has(
|
||
|
RuntimeGlobals.hasFetchPriority
|
||
|
);
|
||
|
const chunkLoadingGlobalExpr = `${globalObject}[${JSON.stringify(
|
||
|
chunkLoadingGlobal
|
||
|
)}]`;
|
||
|
const chunkGraph = /** @type {ChunkGraph} */ (this.chunkGraph);
|
||
|
const chunk = /** @type {Chunk} */ (this.chunk);
|
||
|
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${withFetchPriority ? ", fetchPriority" : ""}`,
|
||
|
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${
|
||
|
withFetchPriority ? ", fetchPriority" : ""
|
||
|
});`
|
||
|
]),
|
||
|
hasJsMatcher === true
|
||
|
? "}"
|
||
|
: "} 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 && scriptType !== "module"
|
||
|
? `link.type = ${JSON.stringify(scriptType)};`
|
||
|
: "",
|
||
|
"link.charset = 'utf-8';",
|
||
|
`if (${RuntimeGlobals.scriptNonce}) {`,
|
||
|
Template.indent(
|
||
|
`link.setAttribute("nonce", ${RuntimeGlobals.scriptNonce});`
|
||
|
),
|
||
|
"}",
|
||
|
scriptType === "module"
|
||
|
? 'link.rel = "modulepreload";'
|
||
|
: 'link.rel = "preload";',
|
||
|
scriptType === "module" ? "" : 'link.as = "script";',
|
||
|
`link.href = ${RuntimeGlobals.publicPath} + ${RuntimeGlobals.getChunkScriptFilename}(chunkId);`,
|
||
|
crossOriginLoading
|
||
|
? crossOriginLoading === "use-credentials"
|
||
|
? 'link.crossOrigin = "use-credentials";'
|
||
|
: 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(${RuntimeGlobals.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;
|