123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212 |
- /*
- MIT License http://www.opensource.org/licenses/mit-license.php
- Author Tobias Koppers @sokra
- */
- "use strict";
-
- const Template = require("./Template");
-
- class JsonpMainTemplatePlugin {
-
- apply(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(id => `${JSON.stringify(id)}: 0`).join(",\n")
- ),
- "};"
- ]);
- }
- return source;
- });
- mainTemplate.plugin("jsonp-script", function(_, chunk, hash) {
- const chunkFilename = this.outputOptions.chunkFilename;
- const chunkMaps = chunk.getChunkMaps();
- const crossOriginLoading = this.outputOptions.crossOriginLoading;
- const chunkLoadTimeout = this.outputOptions.chunkLoadTimeout;
- const scriptSrcPath = this.applyPluginsWaterfall("asset-path", JSON.stringify(chunkFilename), {
- hash: `" + ${this.renderCurrentHashCode(hash)} + "`,
- hashWithLength: length => `" + ${this.renderCurrentHashCode(hash, length)} + "`,
- chunk: {
- id: "\" + chunkId + \"",
- hash: `" + ${JSON.stringify(chunkMaps.hash)}[chunkId] + "`,
- hashWithLength(length) {
- const shortChunkHashMap = Object.create(null);
- Object.keys(chunkMaps.hash).forEach(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) + "`
- }
- });
- 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 = ${JSON.stringify(crossOriginLoading)};` : "",
- `if (${this.requireFn}.nc) {`,
- this.indent(`script.setAttribute("nonce", ${this.requireFn}.nc);`),
- "}",
- `script.src = ${this.requireFn}.p + ${scriptSrcPath};`,
- `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) {",
- this.indent("chunk[1](new Error('Loading chunk ' + chunkId + ' failed.'));"),
- "}",
- "installedChunks[chunkId] = undefined;"
- ]),
- "}"
- ]),
- "};",
- ]);
- });
- mainTemplate.plugin("require-ensure", function(_, chunk, hash) {
- return this.asString([
- "var installedChunkData = installedChunks[chunkId];",
- "if(installedChunkData === 0) {",
- this.indent([
- "return new Promise(function(resolve) { resolve(); });"
- ]),
- "}",
- "",
- "// a Promise means \"currently loading\".",
- "if(installedChunkData) {",
- this.indent([
- "return installedChunkData[2];"
- ]),
- "}",
- "",
- "// setup Promise in chunk cache",
- "var promise = new Promise(function(resolve, reject) {",
- this.indent([
- "installedChunkData = installedChunks[chunkId] = [resolve, reject];"
- ]),
- "});",
- "installedChunkData[2] = promise;",
- "",
- "// start chunk loading",
- "var head = document.getElementsByTagName('head')[0];",
- this.applyPluginsWaterfall("jsonp-script", "", chunk, hash),
- "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) {
- const hotUpdateChunkFilename = this.outputOptions.hotUpdateChunkFilename;
- const hotUpdateMainFilename = this.outputOptions.hotUpdateMainFilename;
- const crossOriginLoading = this.outputOptions.crossOriginLoading;
- const hotUpdateFunction = this.outputOptions.hotUpdateFunction;
- const currentHotUpdateChunkFilename = this.applyPluginsWaterfall("asset-path", JSON.stringify(hotUpdateChunkFilename), {
- hash: `" + ${this.renderCurrentHashCode(hash)} + "`,
- hashWithLength: length => `" + ${this.renderCurrentHashCode(hash, length)} + "`,
- chunk: {
- id: "\" + chunkId + \""
- }
- });
- const currentHotUpdateMainFilename = this.applyPluginsWaterfall("asset-path", JSON.stringify(hotUpdateMainFilename), {
- hash: `" + ${this.renderCurrentHashCode(hash)} + "`,
- hashWithLength: length => `" + ${this.renderCurrentHashCode(hash, length)} + "`
- });
- const runtimeSource = Template.getFunctionContent(require("./JsonpMainTemplate.runtime.js"))
- .replace(/\/\/\$semicolon/g, ";")
- .replace(/\$require\$/g, this.requireFn)
- .replace(/\$crossOriginLoading\$/g, crossOriginLoading ? `script.crossOrigin = ${JSON.stringify(crossOriginLoading)}` : "")
- .replace(/\$hotMainFilename\$/g, currentHotUpdateMainFilename)
- .replace(/\$hotChunkFilename\$/g, currentHotUpdateChunkFilename)
- .replace(/\$hash\$/g, JSON.stringify(hash));
- return `${source}
- function hotDisposeChunk(chunkId) {
- delete installedChunks[chunkId];
- }
- var parentHotUpdateCallback = this[${JSON.stringify(hotUpdateFunction)}];
- this[${JSON.stringify(hotUpdateFunction)}] = ${runtimeSource}`;
- });
- 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}`);
- });
- }
- }
- module.exports = JsonpMainTemplatePlugin;
|