summaryrefslogtreecommitdiff
path: root/node_modules/webpack/lib/css/CssLoadingRuntimeModule.js
diff options
context:
space:
mode:
authorlittleblack111 <littleblack11111@gmail.com>2023-11-05 17:16:09 +0800
committerlittleblack111 <littleblack11111@gmail.com>2023-11-05 17:16:09 +0800
commitd1d9f00b1bd660842addf5e6b1d1b64c852a9eea (patch)
tree60fb37ae73a1109d95301de5ec9b61b5726a4b61 /node_modules/webpack/lib/css/CssLoadingRuntimeModule.js
parent7c85166c4cbdd862fc4252007d2df5befcbc2a58 (diff)
added hover prefixer
Diffstat (limited to 'node_modules/webpack/lib/css/CssLoadingRuntimeModule.js')
-rw-r--r--node_modules/webpack/lib/css/CssLoadingRuntimeModule.js473
1 files changed, 473 insertions, 0 deletions
diff --git a/node_modules/webpack/lib/css/CssLoadingRuntimeModule.js b/node_modules/webpack/lib/css/CssLoadingRuntimeModule.js
new file mode 100644
index 00000000..a0b164f3
--- /dev/null
+++ b/node_modules/webpack/lib/css/CssLoadingRuntimeModule.js
@@ -0,0 +1,473 @@
+/*
+ MIT License http://www.opensource.org/licenses/mit-license.php
+ Author Tobias Koppers @sokra
+*/
+
+"use strict";
+
+const { SyncWaterfallHook } = require("tapable");
+const Compilation = require("../Compilation");
+const RuntimeGlobals = require("../RuntimeGlobals");
+const RuntimeModule = require("../RuntimeModule");
+const Template = require("../Template");
+const compileBooleanMatcher = require("../util/compileBooleanMatcher");
+const { chunkHasCss } = require("./CssModulesPlugin");
+
+/** @typedef {import("../Chunk")} Chunk */
+/** @typedef {import("../ChunkGraph")} ChunkGraph */
+/** @typedef {import("../Compilation").RuntimeRequirementsContext} RuntimeRequirementsContext */
+
+/**
+ * @typedef {Object} JsonpCompilationPluginHooks
+ * @property {SyncWaterfallHook<[string, Chunk]>} createStylesheet
+ */
+
+/** @type {WeakMap<Compilation, JsonpCompilationPluginHooks>} */
+const compilationHooksMap = new WeakMap();
+
+class CssLoadingRuntimeModule 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 = {
+ createStylesheet: new SyncWaterfallHook(["source", "chunk"])
+ };
+ compilationHooksMap.set(compilation, hooks);
+ }
+ return hooks;
+ }
+
+ /**
+ * @param {Set<string>} runtimeRequirements runtime requirements
+ */
+ constructor(runtimeRequirements) {
+ super("css loading", 10);
+
+ this._runtimeRequirements = runtimeRequirements;
+ }
+
+ /**
+ * @returns {string | null} runtime code
+ */
+ generate() {
+ const { compilation, chunk, _runtimeRequirements } = this;
+ const {
+ chunkGraph,
+ runtimeTemplate,
+ outputOptions: {
+ crossOriginLoading,
+ uniqueName,
+ chunkLoadTimeout: loadTimeout
+ }
+ } = /** @type {Compilation} */ (compilation);
+ const fn = RuntimeGlobals.ensureChunkHandlers;
+ const conditionMap = chunkGraph.getChunkConditionMap(
+ /** @type {Chunk} */ (chunk),
+ /**
+ * @param {Chunk} chunk the chunk
+ * @param {ChunkGraph} chunkGraph the chunk graph
+ * @returns {boolean} true, if the chunk has css
+ */
+ (chunk, chunkGraph) =>
+ !!chunkGraph.getChunkModulesIterableBySourceType(chunk, "css")
+ );
+ const hasCssMatcher = compileBooleanMatcher(conditionMap);
+
+ const withLoading =
+ _runtimeRequirements.has(RuntimeGlobals.ensureChunkHandlers) &&
+ hasCssMatcher !== false;
+ /** @type {boolean} */
+ const withHmr = _runtimeRequirements.has(
+ RuntimeGlobals.hmrDownloadUpdateHandlers
+ );
+ /** @type {Set<number | string | null>} */
+ const initialChunkIdsWithCss = new Set();
+ /** @type {Set<number | string | null>} */
+ const initialChunkIdsWithoutCss = new Set();
+ for (const c of /** @type {Chunk} */ (chunk).getAllInitialChunks()) {
+ (chunkHasCss(c, chunkGraph)
+ ? initialChunkIdsWithCss
+ : initialChunkIdsWithoutCss
+ ).add(c.id);
+ }
+
+ if (!withLoading && !withHmr && initialChunkIdsWithCss.size === 0) {
+ return null;
+ }
+
+ const { createStylesheet } = CssLoadingRuntimeModule.getCompilationHooks(
+ /** @type {Compilation} */ (compilation)
+ );
+
+ const stateExpression = withHmr
+ ? `${RuntimeGlobals.hmrRuntimeStatePrefix}_css`
+ : undefined;
+
+ const code = Template.asString([
+ "link = document.createElement('link');",
+ uniqueName
+ ? 'link.setAttribute("data-webpack", uniqueName + ":" + key);'
+ : "",
+ "link.setAttribute(loadingAttribute, 1);",
+ 'link.rel = "stylesheet";',
+ "link.href = url;",
+ 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)};`
+ ),
+ "}"
+ ])
+ : ""
+ ]);
+
+ /** @type {(str: string) => number} */
+ const cc = str => str.charCodeAt(0);
+ const name = uniqueName
+ ? runtimeTemplate.concatenation(
+ "--webpack-",
+ { expr: "uniqueName" },
+ "-",
+ { expr: "chunkId" }
+ )
+ : runtimeTemplate.concatenation("--webpack-", { expr: "chunkId" });
+
+ return Template.asString([
+ "// 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} || ` : ""
+ }{${Array.from(
+ initialChunkIdsWithoutCss,
+ id => `${JSON.stringify(id)}:0`
+ ).join(",")}};`,
+ "",
+ uniqueName
+ ? `var uniqueName = ${JSON.stringify(
+ runtimeTemplate.outputOptions.uniqueName
+ )};`
+ : "// data-webpack is not used as build has no uniqueName",
+ `var loadCssChunkData = ${runtimeTemplate.basicFunction(
+ "target, link, chunkId",
+ [
+ `var data, token = "", token2, exports = {}, exportsWithId = [], exportsWithDashes = [], ${
+ withHmr ? "moduleIds = [], " : ""
+ }name = ${name}, i = 0, cc = 1;`,
+ "try {",
+ Template.indent([
+ "if(!link) link = loadStylesheet(chunkId);",
+ // `link.sheet.rules` for legacy browsers
+ "var cssRules = link.sheet.cssRules || link.sheet.rules;",
+ "var j = cssRules.length - 1;",
+ "while(j > -1 && !data) {",
+ Template.indent([
+ "var style = cssRules[j--].style;",
+ "if(!style) continue;",
+ `data = style.getPropertyValue(name);`
+ ]),
+ "}"
+ ]),
+ "}catch(e){}",
+ "if(!data) {",
+ Template.indent([
+ "data = getComputedStyle(document.head).getPropertyValue(name);"
+ ]),
+ "}",
+ "if(!data) return [];",
+ "for(; cc; i++) {",
+ Template.indent([
+ "cc = data.charCodeAt(i);",
+ `if(cc == ${cc("(")}) { token2 = token; token = ""; }`,
+ `else if(cc == ${cc(
+ ")"
+ )}) { exports[token2.replace(/^_/, "")] = token.replace(/^_/, ""); token = ""; }`,
+ `else if(cc == ${cc("/")} || cc == ${cc(
+ "%"
+ )}) { token = token.replace(/^_/, ""); exports[token] = token; exportsWithId.push(token); if(cc == ${cc(
+ "%"
+ )}) exportsWithDashes.push(token); token = ""; }`,
+ `else if(!cc || cc == ${cc(
+ ","
+ )}) { token = token.replace(/^_/, ""); exportsWithId.forEach(${runtimeTemplate.expressionFunction(
+ `exports[x] = ${
+ uniqueName
+ ? runtimeTemplate.concatenation(
+ { expr: "uniqueName" },
+ "-",
+ { expr: "token" },
+ "-",
+ { expr: "exports[x]" }
+ )
+ : runtimeTemplate.concatenation({ expr: "token" }, "-", {
+ expr: "exports[x]"
+ })
+ }`,
+ "x"
+ )}); exportsWithDashes.forEach(${runtimeTemplate.expressionFunction(
+ `exports[x] = "--" + exports[x]`,
+ "x"
+ )}); ${
+ RuntimeGlobals.makeNamespaceObject
+ }(exports); target[token] = (${runtimeTemplate.basicFunction(
+ "exports, module",
+ `module.exports = exports;`
+ )}).bind(null, exports); ${
+ withHmr ? "moduleIds.push(token); " : ""
+ }token = ""; exports = {}; exportsWithId.length = 0; }`,
+ `else if(cc == ${cc("\\")}) { token += data[++i] }`,
+ `else { token += data[i]; }`
+ ]),
+ "}",
+ `${
+ withHmr ? `if(target == ${RuntimeGlobals.moduleFactories}) ` : ""
+ }installedChunks[chunkId] = 0;`,
+ withHmr ? "return moduleIds;" : ""
+ ]
+ )}`,
+ 'var loadingAttribute = "data-webpack-loading";',
+ `var loadStylesheet = ${runtimeTemplate.basicFunction(
+ "chunkId, url, done" + (withHmr ? ", hmr" : ""),
+ [
+ 'var link, needAttach, key = "chunk-" + chunkId;',
+ withHmr ? "if(!hmr) {" : "",
+ 'var links = document.getElementsByTagName("link");',
+ "for(var i = 0; i < links.length; i++) {",
+ Template.indent([
+ "var l = links[i];",
+ `if(l.rel == "stylesheet" && (${
+ withHmr
+ ? 'l.href.startsWith(url) || l.getAttribute("href").startsWith(url)'
+ : 'l.href == url || l.getAttribute("href") == url'
+ }${
+ uniqueName
+ ? ' || l.getAttribute("data-webpack") == uniqueName + ":" + key'
+ : ""
+ })) { link = l; break; }`
+ ]),
+ "}",
+ "if(!done) return link;",
+ withHmr ? "}" : "",
+ "if(!link) {",
+ Template.indent([
+ "needAttach = true;",
+ createStylesheet.call(code, /** @type {Chunk} */ (this.chunk))
+ ]),
+ "}",
+ `var onLinkComplete = ${runtimeTemplate.basicFunction(
+ "prev, event",
+ Template.asString([
+ "link.onerror = link.onload = null;",
+ "link.removeAttribute(loadingAttribute);",
+ "clearTimeout(timeout);",
+ 'if(event && event.type != "load") link.parentNode.removeChild(link)',
+ "done(event);",
+ "if(prev) return prev(event);"
+ ])
+ )};`,
+ "if(link.getAttribute(loadingAttribute)) {",
+ Template.indent([
+ `var timeout = setTimeout(onLinkComplete.bind(null, undefined, { type: 'timeout', target: link }), ${loadTimeout});`,
+ "link.onerror = onLinkComplete.bind(null, link.onerror);",
+ "link.onload = onLinkComplete.bind(null, link.onload);"
+ ]),
+ "} else onLinkComplete(undefined, { type: 'load', target: link });", // We assume any existing stylesheet is render blocking
+ withHmr ? "hmr ? document.head.insertBefore(link, hmr) :" : "",
+ "needAttach && document.head.appendChild(link);",
+ "return link;"
+ ]
+ )};`,
+ initialChunkIdsWithCss.size > 2
+ ? `${JSON.stringify(
+ Array.from(initialChunkIdsWithCss)
+ )}.forEach(loadCssChunkData.bind(null, ${
+ RuntimeGlobals.moduleFactories
+ }, 0));`
+ : initialChunkIdsWithCss.size > 0
+ ? `${Array.from(
+ initialChunkIdsWithCss,
+ id =>
+ `loadCssChunkData(${
+ RuntimeGlobals.moduleFactories
+ }, 0, ${JSON.stringify(id)});`
+ ).join("")}`
+ : "// no initial css",
+ "",
+ withLoading
+ ? Template.asString([
+ `${fn}.css = ${runtimeTemplate.basicFunction("chunkId, promises", [
+ "// css chunk loading",
+ `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([
+ hasCssMatcher === true
+ ? "if(true) { // all chunks have CSS"
+ : `if(${hasCssMatcher("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.getChunkCssFilename}(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([
+ 'if(event.type !== "load") {',
+ Template.indent([
+ "var errorType = event && event.type;",
+ "var realSrc = event && event.target && event.target.src;",
+ "error.message = 'Loading css chunk ' + chunkId + ' failed.\\n(' + errorType + ': ' + realSrc + ')';",
+ "error.name = 'ChunkLoadError';",
+ "error.type = errorType;",
+ "error.request = realSrc;",
+ "installedChunkData[1](error);"
+ ]),
+ "} else {",
+ Template.indent([
+ `loadCssChunkData(${RuntimeGlobals.moduleFactories}, link, chunkId);`,
+ "installedChunkData[0]();"
+ ]),
+ "}"
+ ]),
+ "}"
+ ]),
+ "}"
+ ]
+ )};`,
+ "var link = loadStylesheet(chunkId, url, loadingEnded);"
+ ]),
+ "} else installedChunks[chunkId] = 0;"
+ ]),
+ "}"
+ ]),
+ "}"
+ ])};`
+ ])
+ : "// no chunk loading",
+ "",
+ withHmr
+ ? Template.asString([
+ "var oldTags = [];",
+ "var newTags = [];",
+ `var applyHandler = ${runtimeTemplate.basicFunction("options", [
+ `return { dispose: ${runtimeTemplate.basicFunction(
+ "",
+ []
+ )}, apply: ${runtimeTemplate.basicFunction("", [
+ "var moduleIds = [];",
+ `newTags.forEach(${runtimeTemplate.expressionFunction(
+ "info[1].sheet.disabled = false",
+ "info"
+ )});`,
+ "while(oldTags.length) {",
+ Template.indent([
+ "var oldTag = oldTags.pop();",
+ "if(oldTag.parentNode) oldTag.parentNode.removeChild(oldTag);"
+ ]),
+ "}",
+ "while(newTags.length) {",
+ Template.indent([
+ `var info = newTags.pop();`,
+ `var chunkModuleIds = loadCssChunkData(${RuntimeGlobals.moduleFactories}, info[1], info[0]);`,
+ `chunkModuleIds.forEach(${runtimeTemplate.expressionFunction(
+ "moduleIds.push(id)",
+ "id"
+ )});`
+ ]),
+ "}",
+ "return moduleIds;"
+ ])} };`
+ ])}`,
+ `var cssTextKey = ${runtimeTemplate.returningFunction(
+ `Array.from(link.sheet.cssRules, ${runtimeTemplate.returningFunction(
+ "r.cssText",
+ "r"
+ )}).join()`,
+ "link"
+ )}`,
+ `${
+ RuntimeGlobals.hmrDownloadUpdateHandlers
+ }.css = ${runtimeTemplate.basicFunction(
+ "chunkIds, removedChunks, removedModules, promises, applyHandlers, updatedModulesList",
+ [
+ "applyHandlers.push(applyHandler);",
+ `chunkIds.forEach(${runtimeTemplate.basicFunction("chunkId", [
+ `var filename = ${RuntimeGlobals.getChunkCssFilename}(chunkId);`,
+ `var url = ${RuntimeGlobals.publicPath} + filename;`,
+ "var oldTag = loadStylesheet(chunkId, url);",
+ "if(!oldTag) return;",
+ `promises.push(new Promise(${runtimeTemplate.basicFunction(
+ "resolve, reject",
+ [
+ `var link = loadStylesheet(chunkId, url + (url.indexOf("?") < 0 ? "?" : "&") + "hmr=" + Date.now(), ${runtimeTemplate.basicFunction(
+ "event",
+ [
+ 'if(event.type !== "load") {',
+ Template.indent([
+ "var errorType = event && event.type;",
+ "var realSrc = event && event.target && event.target.src;",
+ "error.message = 'Loading css hot update chunk ' + chunkId + ' failed.\\n(' + errorType + ': ' + realSrc + ')';",
+ "error.name = 'ChunkLoadError';",
+ "error.type = errorType;",
+ "error.request = realSrc;",
+ "reject(error);"
+ ]),
+ "} else {",
+ Template.indent([
+ "try { if(cssTextKey(oldTag) == cssTextKey(link)) { if(link.parentNode) link.parentNode.removeChild(link); return resolve(); } } catch(e) {}",
+ "var factories = {};",
+ "loadCssChunkData(factories, link, chunkId);",
+ `Object.keys(factories).forEach(${runtimeTemplate.expressionFunction(
+ "updatedModulesList.push(id)",
+ "id"
+ )})`,
+ "link.sheet.disabled = true;",
+ "oldTags.push(oldTag);",
+ "newTags.push([chunkId, link]);",
+ "resolve();"
+ ]),
+ "}"
+ ]
+ )}, oldTag);`
+ ]
+ )}));`
+ ])});`
+ ]
+ )}`
+ ])
+ : "// no hmr"
+ ]);
+ }
+}
+
+module.exports = CssLoadingRuntimeModule;