evilebottnawi

sokra

jhnns

mini-css-extract-plugin

/* eslint-disable class-methods-use-this */

const schema = require("./plugin-options.json");

/** @typedef {import("schema-utils/declarations/validate").Schema} Schema */

/** @typedef {import("webpack").Compiler} Compiler */

/** @typedef {import("webpack").Compilation} Compilation */

/** @typedef {import("webpack").ChunkGraph} ChunkGraph */

/** @typedef {import("webpack").Chunk} Chunk */

/** @typedef {Parameters<import("webpack").Chunk["isInGroup"]>[0]} ChunkGroup */

/** @typedef {import("webpack").Module} Module */

/** @typedef {import("webpack").Dependency} Dependency */

/** @typedef {import("webpack").sources.Source} Source */

/** @typedef {import("webpack").Configuration} Configuration */

/** @typedef {import("webpack").WebpackError} WebpackError */

/** @typedef {import("webpack").AssetInfo} AssetInfo */

/** @typedef {import("./loader.js").Dependency} LoaderDependency */

 * @property {string | ((resourcePath: string, rootContext: string) => string)} [publicPath]

 * @property {Required<Configuration>['output']['filename']} [filename]

 * @property {Required<Configuration>['output']['chunkFilename']} [chunkFilename]

 * @property {string | ((linkTag: HTMLLinkElement) => void)} [insert]

 * @property {Record<string, string>} [attributes]

 * @property {string | false | 'text/css'} [linkType]

 * @property {boolean} [experimentalUseImportModule]

 * @typedef {Object} NormalizedPluginOptions

 * @property {Required<Configuration>['output']['filename']} filename

 * @property {string | ((linkTag: HTMLLinkElement) => void) | undefined} insert

 * @property {string | false | 'text/css'} linkType

 * @property {Record<string, string> | undefined} attributes

const pluginName = "mini-css-extract-plugin";

 * @type {ReturnType<Module["codeGeneration"]>}

/** @typedef {Module & { content: Buffer, media?: string, sourceMap?: Buffer, supports?: string, layer?: string, assets?: { [key: string]: TODO }, assetsInfo?: Map<string, AssetInfo> }} CssModule */

/** @typedef {{ context: string | null, identifier: string, identifierIndex: number, content: Buffer, sourceMap?: Buffer, media?: string, supports?: string, layer?: TODO, assetsInfo?: Map<string, AssetInfo>, assets?: { [key: string]: TODO }}} CssModuleDependency */

/** @typedef {{ new(dependency: CssModuleDependency): CssModule }} CssModuleConstructor */

/** @typedef {Dependency & CssModuleDependency} CssDependency */

/** @typedef {Omit<LoaderDependency, "context">} CssDependencyOptions */

          return Template.asString([`var createStylesheet = ${runtimeTemplate.basicFunction("chunkId, fullhref, oldTag, resolve, reject", ['var linkTag = document.createElement("link");', this.runtimeOptions.attributes ? Template.asString(Object.entries(this.runtimeOptions.attributes).map(entry => {

          return Template.asString(['if (typeof document === "undefined") return;', `var createStylesheet = ${runtimeTemplate.basicFunction("chunkId, fullhref, oldTag, resolve, reject", ['var linkTag = document.createElement("link");', this.runtimeOptions.attributes ? Template.asString(Object.entries(this.runtimeOptions.attributes).map(entry => {

            return `linkTag.setAttribute(${JSON.stringify(key)}, ${JSON.stringify(value)});`;

          })) : "", 'linkTag.rel = "stylesheet";', this.runtimeOptions.linkType ? `linkTag.type = ${JSON.stringify(this.runtimeOptions.linkType)};` : "", `var onLinkComplete = ${runtimeTemplate.basicFunction("event", ["// avoid mem leaks.", "linkTag.onerror = linkTag.onload = null;", "if (event.type === 'load') {", Template.indent(["resolve();"]), "} else {", Template.indent(["var errorType = event && (event.type === 'load' ? 'missing' : event.type);", "var realHref = event && event.target && event.target.href || fullhref;", 'var err = new Error("Loading CSS chunk " + chunkId + " failed.\\n(" + realHref + ")");', 'err.code = "CSS_CHUNK_LOAD_FAILED";', "err.type = errorType;", "err.request = realHref;", "linkTag.parentNode.removeChild(linkTag)", "reject(err);"]), "}"])}`, "linkTag.onerror = linkTag.onload = onLinkComplete;", "linkTag.href = fullhref;", crossOriginLoading ? Template.asString([`if (linkTag.href.indexOf(window.location.origin + '/') !== 0) {`, Template.indent(`linkTag.crossOrigin = ${JSON.stringify(crossOriginLoading)};`), "}"]) : "", typeof this.runtimeOptions.insert !== "undefined" ? typeof this.runtimeOptions.insert === "function" ? `(${this.runtimeOptions.insert.toString()})(linkTag)` : Template.asString([`var target = document.querySelector("${this.runtimeOptions.insert}");`, `target.parentNode.insertBefore(linkTag, target.nextSibling);`]) : Template.asString(["if (oldTag) {", Template.indent(["oldTag.parentNode.insertBefore(linkTag, oldTag.nextSibling);"]), "} else {", Template.indent(["document.head.appendChild(linkTag);"]), "}"]), "return linkTag;"])};`, `var findStylesheet = ${runtimeTemplate.basicFunction("href, fullhref", ['var existingLinkTags = document.getElementsByTagName("link");', "for(var i = 0; i < existingLinkTags.length; i++) {", Template.indent(["var tag = existingLinkTags[i];", 'var dataHref = tag.getAttribute("data-href") || tag.getAttribute("href");', 'if(tag.rel === "stylesheet" && (dataHref === href || dataHref === fullhref)) return tag;']), "}", 'var existingStyleTags = document.getElementsByTagName("style");', "for(var i = 0; i < existingStyleTags.length; i++) {", Template.indent(["var tag = existingStyleTags[i];", 'var dataHref = tag.getAttribute("data-href");', "if(dataHref === href || dataHref === fullhref) return tag;"]), "}"])};`, `var loadStylesheet = ${runtimeTemplate.basicFunction("chunkId", `return new Promise(${runtimeTemplate.basicFunction("resolve, reject", [`var href = ${RuntimeGlobals.require}.miniCssF(chunkId);`, `var fullhref = ${RuntimeGlobals.publicPath} + href;`, "if(findStylesheet(href, fullhref)) return resolve();", "createStylesheet(chunkId, fullhref, null, resolve, reject);"])});`)}`, withLoading ? Template.asString(["// object to store loaded CSS chunks", "var installedCssChunks = {", Template.indent( /** @type {string[]} */

          chunk.ids.map(id => `${JSON.stringify(id)}: 0`).join(",\n")), "};", "", `${RuntimeGlobals.ensureChunkHandlers}.miniCss = ${runtimeTemplate.basicFunction("chunkId, promises", [`var cssChunks = ${JSON.stringify(chunkMap)};`, "if(installedCssChunks[chunkId]) promises.push(installedCssChunks[chunkId]);", "else if(installedCssChunks[chunkId] !== 0 && cssChunks[chunkId]) {", Template.indent([`promises.push(installedCssChunks[chunkId] = loadStylesheet(chunkId).then(${runtimeTemplate.basicFunction("", "installedCssChunks[chunkId] = 0;")}, ${runtimeTemplate.basicFunction("e", ["delete installedCssChunks[chunkId];", "throw e;"])}));`]), "}"])};`]) : "// no chunk loading", "", withHmr ? Template.asString(["var oldTags = [];", "var newTags = [];", `var applyHandler = ${runtimeTemplate.basicFunction("options", [`return { dispose: ${runtimeTemplate.basicFunction("", ["for(var i = 0; i < oldTags.length; i++) {", Template.indent(["var oldTag = oldTags[i];", "if(oldTag.parentNode) oldTag.parentNode.removeChild(oldTag);"]), "}", "oldTags.length = 0;"])}, apply: ${runtimeTemplate.basicFunction("", ['for(var i = 0; i < newTags.length; i++) newTags[i].rel = "stylesheet";', "newTags.length = 0;"])} };`])}`, `${RuntimeGlobals.hmrDownloadUpdateHandlers}.miniCss = ${runtimeTemplate.basicFunction("chunkIds, removedChunks, removedModules, promises, applyHandlers, updatedModulesList", ["applyHandlers.push(applyHandler);", `chunkIds.forEach(${runtimeTemplate.basicFunction("chunkId", [`var href = ${RuntimeGlobals.require}.miniCssF(chunkId);`, `var fullhref = ${RuntimeGlobals.publicPath} + href;`, "var oldTag = findStylesheet(href, fullhref);", "if(!oldTag) return;", `promises.push(new Promise(${runtimeTemplate.basicFunction("resolve, reject", [`var tag = createStylesheet(chunkId, fullhref, oldTag, ${runtimeTemplate.basicFunction("", ['tag.as = "style";', 'tag.rel = "preload";', "resolve();"])}, reject);`, "oldTags.push(oldTag);", "newTags.push(tag);"])}));`])});`])}`]) : "// no hmr"]);

      const enabledChunks = new WeakSet();

        if (typeof this.options.chunkFilename === "string" && /\[(full)?hash(:\d+)?\]/.test(this.options.chunkFilename)) {

          set.add(RuntimeGlobals.getFullHash);

        set.add(RuntimeGlobals.publicPath);

        compilation.addRuntimeModule(chunk, new runtime.GetChunkFilenameRuntimeModule(MODULE_TYPE, "mini-css", `${RuntimeGlobals.require}.miniCssF`,

         * @param {Chunk} referencedChunk

          if (!referencedChunk.contentHash[MODULE_TYPE]) {

          return referencedChunk.canBeInitial() ? this.options.filename : this.options.chunkFilename;

        compilation.addRuntimeModule(chunk, new CssLoadingRuntimeModule(set, this.runtimeOptions));

      compilation.hooks.runtimeRequirementInTree.for(RuntimeGlobals.ensureChunkHandlers).tap(pluginName, handler);

      compilation.hooks.runtimeRequirementInTree.for(RuntimeGlobals.hmrDownloadUpdateHandlers).tap(pluginName, handler);

    return typeof chunkGraph !== "undefined" ? chunkGraph.getOrderedChunkModulesIterable(chunk, compareModulesByIdentifier) : chunk.modulesIterable;

   * @param {Compilation["requestShortener"]} requestShortener

  sortModules(compilation, chunk, modules, requestShortener) {

    let usedModules = this._sortedModulesCache.get(chunk);

      return (/** @type {Set<CssModule>} */usedModules

    /** @type {Map<CssModule, Set<CssModule>>} */

    const moduleDependencies = new Map(modulesList.map(m => [m, /** @type {Set<CssModule>} */

    /** @type {Map<CssModule, Map<CssModule, Set<ChunkGroup>>>} */

    const moduleDependenciesReasons = new Map(modulesList.map(m => [m, new Map()]));

    // Get ordered list of modules per chunk group

    // This loop also gathers dependencies from the ordered lists

    // Lists are in reverse order to allow to use Array.pop()

    const modulesByChunkGroup = Array.from(chunk.groupsIterable, chunkGroup => {

      const sortedModules = modulesList.map(module => {

          index: chunkGroup.getModulePostOrderIndex(module)

      // eslint-disable-next-line no-undefined

      .filter(item => item.index !== undefined).sort((a, b) => b.index - a.index).map(item => item.module);

      for (let i = 0; i < sortedModules.length; i++) {

        const set = moduleDependencies.get(sortedModules[i]);

        const reasons = /** @type {Map<CssModule, Set<ChunkGroup>>} */

        moduleDependenciesReasons.get(sortedModules[i]);

        for (let j = i + 1; j < sortedModules.length; j++) {

          const module = sortedModules[j];

          const reason = reasons.get(module) || /** @type {Set<ChunkGroup>} */new Set();

  "description": "extracts CSS into separate files",

  "repository": "webpack-contrib/mini-css-extract-plugin",

  "homepage": "https://github.com/webpack-contrib/mini-css-extract-plugin",

  "bugs": "https://github.com/webpack-contrib/mini-css-extract-plugin/issues",

    "url": "https://opencollective.com/webpack"

    "build:types": "tsc --declaration --emitDeclarationOnly --outDir types && prettier \"types/**/*.ts\" --write",

    "build:code": "cross-env NODE_ENV=production babel src -d dist --copy-files",

    "build": "npm-run-all -p \"build:**\"",

    "postbuild": "es-check es5 dist/hmr/hotModuleReplacement.js",

    "commitlint": "commitlint --from=master",

    "lint:prettier": "prettier \"{**/*,*}.{js,json,md,yml,css,ts}\" --list-different",

    "lint:spelling": "cspell \"**/*.*\"",

    "lint:types": "tsc --pretty --noEmit",

    "lint": "npm-run-all -l -p \"lint:**\"",

    "prepare": "husky install && npm run build",

    "security": "npm audit --production",

    "test:only": "cross-env NODE_ENV=test jest",

    "test:only:experimental": "EXPERIMENTAL_USE_IMPORT_MODULE=true cross-env NODE_ENV=test jest",

    "test:watch": "npm run test:only -- --watch",

    "test:coverage": "npm run test:only -- --collectCoverageFrom=\"src/**/*.js\" --coverage",

    "test:manual": "npm run build && webpack serve ./test/manual/src/index.js --open --config ./test/manual/webpack.config.js",

    "test": "cross-env NODE_ENV=test npm run test:coverage"

    "@commitlint/config-conventional": "^17.2.0",

    "@webpack-contrib/eslint-config-webpack": "^3.0.0",

		@@ -727,3 +727,3 @@ "use strict";
		}
		return Template.asString([`var createStylesheet = ${runtimeTemplate.basicFunction("chunkId, fullhref, oldTag, resolve, reject", ['var linkTag = document.createElement("link");', this.runtimeOptions.attributes ? Template.asString(Object.entries(this.runtimeOptions.attributes).map(entry => {
		return Template.asString(['if (typeof document === "undefined") return;', `var createStylesheet = ${runtimeTemplate.basicFunction("chunkId, fullhref, oldTag, resolve, reject", ['var linkTag = document.createElement("link");', this.runtimeOptions.attributes ? Template.asString(Object.entries(this.runtimeOptions.attributes).map(entry => {
		const [key, value] = entry;
		@@ -730,0 +730,0 @@ return `linkTag.setAttribute(${JSON.stringify(key)}, ${JSON.stringify(value)});`;

		{
		"name": "mini-css-extract-plugin",
		"version": "2.7.1",
		"version": "2.7.2",
		"description": "extracts CSS into separate files",
		@@ -65,3 +65,3 @@ "license": "MIT",
		"cross-env": "^7.0.3",
		"cspell": "^6.14.3",
		"cspell": "^6.16.0",
		"css-loader": "^6.7.0",
		@@ -71,3 +71,3 @@ "del": "^6.0.0",
		"es-check": "^7.0.1",
		"eslint": "^8.26.0",
		"eslint": "^8.29.0",
		"eslint-config-prettier": "^8.5.0",
		@@ -74,0 +74,0 @@ "eslint-plugin-import": "^2.25.4",

Improved metrics