207 lines
7.4 KiB
JavaScript
207 lines
7.4 KiB
JavaScript
/*
|
|
MIT License http://www.opensource.org/licenses/mit-license.php
|
|
Author Tobias Koppers @sokra
|
|
*/
|
|
var Template = require("./Template");
|
|
|
|
function JsonpMainTemplatePlugin() {}
|
|
module.exports = JsonpMainTemplatePlugin;
|
|
|
|
JsonpMainTemplatePlugin.prototype.constructor = JsonpMainTemplatePlugin;
|
|
JsonpMainTemplatePlugin.prototype.apply = function(mainTemplate) {
|
|
mainTemplate.plugin("local-vars", function(source, chunk) {
|
|
if(chunk.chunks.length > 0) {
|
|
return this.asString([
|
|
source,
|
|
"",
|
|
"// objects to store loaded and loading chunks",
|
|
"var installedChunks = {",
|
|
this.indent(
|
|
chunk.ids.map(function(id) {
|
|
return id + ": 0";
|
|
}).join(",\n")
|
|
),
|
|
"};"
|
|
]);
|
|
}
|
|
return source;
|
|
});
|
|
mainTemplate.plugin("jsonp-script", function(_, chunk, hash) {
|
|
var chunkFilename = this.outputOptions.chunkFilename;
|
|
var chunkMaps = chunk.getChunkMaps();
|
|
var crossOriginLoading = this.outputOptions.crossOriginLoading;
|
|
var chunkLoadTimeout = this.outputOptions.chunkLoadTimeout || 120000;
|
|
return this.asString([
|
|
"var script = document.createElement('script');",
|
|
"script.type = 'text/javascript';",
|
|
"script.charset = 'utf-8';",
|
|
"script.async = true;",
|
|
"script.timeout = " + chunkLoadTimeout + ";",
|
|
crossOriginLoading ? "script.crossOrigin = '" + crossOriginLoading + "';" : "",
|
|
"if (" + this.requireFn + ".nc) {",
|
|
this.indent("script.setAttribute(\"nonce\", " + this.requireFn + ".nc);"),
|
|
"}",
|
|
"script.src = " + this.requireFn + ".p + " +
|
|
this.applyPluginsWaterfall("asset-path", JSON.stringify(chunkFilename), {
|
|
hash: "\" + " + this.renderCurrentHashCode(hash) + " + \"",
|
|
hashWithLength: function(length) {
|
|
return "\" + " + this.renderCurrentHashCode(hash, length) + " + \"";
|
|
}.bind(this),
|
|
chunk: {
|
|
id: "\" + chunkId + \"",
|
|
hash: "\" + " + JSON.stringify(chunkMaps.hash) + "[chunkId] + \"",
|
|
hashWithLength: function(length) {
|
|
var shortChunkHashMap = {};
|
|
Object.keys(chunkMaps.hash).forEach(function(chunkId) {
|
|
if(typeof chunkMaps.hash[chunkId] === "string")
|
|
shortChunkHashMap[chunkId] = chunkMaps.hash[chunkId].substr(0, length);
|
|
});
|
|
return "\" + " + JSON.stringify(shortChunkHashMap) + "[chunkId] + \"";
|
|
},
|
|
name: "\" + (" + JSON.stringify(chunkMaps.name) + "[chunkId]||chunkId) + \""
|
|
}
|
|
}) + ";",
|
|
"var timeout = setTimeout(onScriptComplete, " + chunkLoadTimeout + ");",
|
|
"script.onerror = script.onload = onScriptComplete;",
|
|
"function onScriptComplete() {",
|
|
this.indent([
|
|
"// avoid mem leaks in IE.",
|
|
"script.onerror = script.onload = null;",
|
|
"clearTimeout(timeout);",
|
|
"var chunk = installedChunks[chunkId];",
|
|
"if(chunk !== 0) {",
|
|
this.indent([
|
|
"if(chunk) chunk[1](new Error('Loading chunk ' + chunkId + ' failed.'));",
|
|
"installedChunks[chunkId] = undefined;"
|
|
]),
|
|
"}"
|
|
]),
|
|
"};",
|
|
]);
|
|
});
|
|
mainTemplate.plugin("require-ensure", function(_, chunk, hash) {
|
|
return this.asString([
|
|
"if(installedChunks[chunkId] === 0)",
|
|
this.indent([
|
|
"return Promise.resolve();"
|
|
]),
|
|
"",
|
|
"// an Promise means \"currently loading\".",
|
|
"if(installedChunks[chunkId]) {",
|
|
this.indent([
|
|
"return installedChunks[chunkId][2];"
|
|
]),
|
|
"}",
|
|
"// start chunk loading",
|
|
"var head = document.getElementsByTagName('head')[0];",
|
|
this.applyPluginsWaterfall("jsonp-script", "", chunk, hash),
|
|
"",
|
|
"var promise = new Promise(function(resolve, reject) {",
|
|
this.indent([
|
|
"installedChunks[chunkId] = [resolve, reject];"
|
|
]),
|
|
"});",
|
|
"installedChunks[chunkId][2] = promise;",
|
|
"",
|
|
"head.appendChild(script);",
|
|
"return promise;"
|
|
]);
|
|
});
|
|
mainTemplate.plugin("require-extensions", function(source, chunk) {
|
|
if(chunk.chunks.length === 0) return source;
|
|
return this.asString([
|
|
source,
|
|
"",
|
|
"// on error function for async loading",
|
|
this.requireFn + ".oe = function(err) { console.error(err); throw err; };"
|
|
]);
|
|
});
|
|
mainTemplate.plugin("bootstrap", function(source, chunk, hash) {
|
|
if(chunk.chunks.length > 0) {
|
|
var jsonpFunction = this.outputOptions.jsonpFunction;
|
|
return this.asString([
|
|
source,
|
|
"",
|
|
"// install a JSONP callback for chunk loading",
|
|
"var parentJsonpFunction = window[" + JSON.stringify(jsonpFunction) + "];",
|
|
"window[" + JSON.stringify(jsonpFunction) + "] = function webpackJsonpCallback(chunkIds, moreModules, executeModules) {",
|
|
this.indent([
|
|
"// add \"moreModules\" to the modules object,",
|
|
"// then flag all \"chunkIds\" as loaded and fire callback",
|
|
"var moduleId, chunkId, i = 0, resolves = [], result;",
|
|
"for(;i < chunkIds.length; i++) {",
|
|
this.indent([
|
|
"chunkId = chunkIds[i];",
|
|
"if(installedChunks[chunkId])",
|
|
this.indent("resolves.push(installedChunks[chunkId][0]);"),
|
|
"installedChunks[chunkId] = 0;"
|
|
]),
|
|
"}",
|
|
"for(moduleId in moreModules) {",
|
|
this.indent([
|
|
"if(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {",
|
|
this.indent(this.renderAddModule(hash, chunk, "moduleId", "moreModules[moduleId]")),
|
|
"}"
|
|
]),
|
|
"}",
|
|
"if(parentJsonpFunction) parentJsonpFunction(chunkIds, moreModules, executeModules);",
|
|
"while(resolves.length)",
|
|
this.indent("resolves.shift()();"),
|
|
this.entryPointInChildren(chunk) ? [
|
|
"if(executeModules) {",
|
|
this.indent([
|
|
"for(i=0; i < executeModules.length; i++) {",
|
|
this.indent("result = " + this.requireFn + "(" + this.requireFn + ".s = executeModules[i]);"),
|
|
"}"
|
|
]),
|
|
"}",
|
|
"return result;",
|
|
] : ""
|
|
]),
|
|
"};"
|
|
]);
|
|
}
|
|
return source;
|
|
});
|
|
mainTemplate.plugin("hot-bootstrap", function(source, chunk, hash) {
|
|
var hotUpdateChunkFilename = this.outputOptions.hotUpdateChunkFilename;
|
|
var hotUpdateMainFilename = this.outputOptions.hotUpdateMainFilename;
|
|
var hotUpdateFunction = this.outputOptions.hotUpdateFunction;
|
|
var currentHotUpdateChunkFilename = this.applyPluginsWaterfall("asset-path", JSON.stringify(hotUpdateChunkFilename), {
|
|
hash: "\" + " + this.renderCurrentHashCode(hash) + " + \"",
|
|
hashWithLength: function(length) {
|
|
return "\" + " + this.renderCurrentHashCode(hash, length) + " + \"";
|
|
}.bind(this),
|
|
chunk: {
|
|
id: "\" + chunkId + \""
|
|
}
|
|
});
|
|
var currentHotUpdateMainFilename = this.applyPluginsWaterfall("asset-path", JSON.stringify(hotUpdateMainFilename), {
|
|
hash: "\" + " + this.renderCurrentHashCode(hash) + " + \"",
|
|
hashWithLength: function(length) {
|
|
return "\" + " + this.renderCurrentHashCode(hash, length) + " + \"";
|
|
}.bind(this)
|
|
});
|
|
|
|
return source + "\n" +
|
|
"function hotDisposeChunk(chunkId) {\n" +
|
|
"\tdelete installedChunks[chunkId];\n" +
|
|
"}\n" +
|
|
"var parentHotUpdateCallback = this[" + JSON.stringify(hotUpdateFunction) + "];\n" +
|
|
"this[" + JSON.stringify(hotUpdateFunction) + "] = " + Template.getFunctionContent(require("./JsonpMainTemplate.runtime.js"))
|
|
.replace(/\/\/\$semicolon/g, ";")
|
|
.replace(/\$require\$/g, this.requireFn)
|
|
.replace(/\$hotMainFilename\$/g, currentHotUpdateMainFilename)
|
|
.replace(/\$hotChunkFilename\$/g, currentHotUpdateChunkFilename)
|
|
.replace(/\$hash\$/g, JSON.stringify(hash));
|
|
});
|
|
mainTemplate.plugin("hash", function(hash) {
|
|
hash.update("jsonp");
|
|
hash.update("4");
|
|
hash.update(this.outputOptions.filename + "");
|
|
hash.update(this.outputOptions.chunkFilename + "");
|
|
hash.update(this.outputOptions.jsonpFunction + "");
|
|
hash.update(this.outputOptions.hotUpdateFunction + "");
|
|
});
|
|
};
|