css-loader 1.0.1 → 7.1.4

package/dist/cjs.js

@@ -0,0 +1,5 @@
+"use strict";
+
+const loader = require("./index");
+module.exports = loader.default;
+module.exports.defaultGetLocalIdent = require("./utils").defaultGetLocalIdent;

package/dist/index.js

@@ -0,0 +1,178 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = loader;
+var _postcss = _interopRequireDefault(require("postcss"));
+var _package = _interopRequireDefault(require("postcss/package.json"));
+var _semver = require("semver");
+var _options = _interopRequireDefault(require("./options.json"));
+var _plugins = require("./plugins");
+var _utils = require("./utils");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*
+  MIT License http://www.opensource.org/licenses/mit-license.php
+  Author Tobias Koppers @sokra
+*/
+
+async function loader(content, map, meta) {
+  const rawOptions = this.getOptions(_options.default);
+  const callback = this.async();
+  if (this._compiler && this._compiler.options && this._compiler.options.experiments && this._compiler.options.experiments.css && this._module && (this._module.type === "css" || this._module.type === "css/auto" || this._module.type === "css/global" || this._module.type === "css/module")) {
+    this.emitWarning(new Error('You can\'t use `experiments.css` (`experiments.futureDefaults` enable built-in CSS support by default) and `css-loader` together, please set `experiments.css` to `false` or set `{ type: "javascript/auto" }` for rules with `css-loader` in your webpack config (now css-loader does nothing).'));
+    callback(null, content, map, meta);
+    return;
+  }
+  let options;
+  try {
+    options = (0, _utils.normalizeOptions)(rawOptions, this);
+  } catch (error) {
+    callback(error);
+    return;
+  }
+  const plugins = [];
+  const replacements = [];
+  const exports = [];
+  if ((0, _utils.shouldUseModulesPlugins)(options)) {
+    plugins.push(...(0, _utils.getModulesPlugins)(options, this));
+  }
+  const importPluginImports = [];
+  const importPluginApi = [];
+  let isSupportAbsoluteURL = false;
+
+  // TODO enable by default in the next major release
+  if (this._compilation && this._compilation.options && this._compilation.options.experiments && this._compilation.options.experiments.buildHttp) {
+    isSupportAbsoluteURL = true;
+  }
+  if ((0, _utils.shouldUseImportPlugin)(options)) {
+    plugins.push((0, _plugins.importParser)({
+      // TODO need to fix on webpack side, webpack tries to resolve `./runtime/api.js paths like `http://site.com/runtime/api.js`, maybe we should try first request like absolute, the second like a relative to context
+      isSupportAbsoluteURL: false,
+      isSupportDataURL: false,
+      isCSSStyleSheet: options.exportType === "css-style-sheet",
+      loaderContext: this,
+      imports: importPluginImports,
+      api: importPluginApi,
+      filter: options.import.filter,
+      urlHandler: url => (0, _utils.stringifyRequest)(this, (0, _utils.combineRequests)((0, _utils.getPreRequester)(this)(options.importLoaders), url))
+    }));
+  }
+  const urlPluginImports = [];
+  if ((0, _utils.shouldUseURLPlugin)(options)) {
+    const needToResolveURL = !options.esModule;
+    plugins.push((0, _plugins.urlParser)({
+      isSupportAbsoluteURL,
+      isSupportDataURL: options.esModule,
+      imports: urlPluginImports,
+      replacements,
+      context: this.context,
+      rootContext: this.rootContext,
+      filter: (0, _utils.getFilter)(options.url.filter, this.resourcePath),
+      resolver: needToResolveURL ? this.getResolve({
+        mainFiles: [],
+        extensions: []
+      }) :
+      // eslint-disable-next-line no-undefined
+      undefined,
+      urlHandler: url => (0, _utils.stringifyRequest)(this, url)
+      // Support data urls as input in new URL added in webpack@5.38.0
+    }));
+  }
+  const icssPluginImports = [];
+  const icssPluginApi = [];
+  const needToUseIcssPlugin = (0, _utils.shouldUseIcssPlugin)(options);
+  if (needToUseIcssPlugin) {
+    plugins.push((0, _plugins.icssParser)({
+      loaderContext: this,
+      imports: icssPluginImports,
+      api: icssPluginApi,
+      replacements,
+      exports,
+      urlHandler: url => (0, _utils.stringifyRequest)(this, (0, _utils.combineRequests)((0, _utils.getPreRequester)(this)(options.importLoaders), url))
+    }));
+  }
+
+  // Reuse CSS AST (PostCSS AST e.g 'postcss-loader') to avoid reparsing
+  if (meta) {
+    const {
+      ast
+    } = meta;
+    if (ast && ast.type === "postcss" && (0, _semver.satisfies)(ast.version, `^${_package.default.version}`)) {
+      // eslint-disable-next-line no-param-reassign
+      content = ast.root;
+    }
+  }
+  const {
+    resourcePath
+  } = this;
+  let result;
+  try {
+    result = await (0, _postcss.default)(plugins).process(content, {
+      hideNothingWarning: true,
+      from: resourcePath,
+      to: resourcePath,
+      map: options.sourceMap ? {
+        prev: map ? (0, _utils.normalizeSourceMap)(map, resourcePath) : null,
+        inline: false,
+        annotation: false
+      } : false
+    });
+  } catch (error) {
+    if (error.file) {
+      this.addDependency(error.file);
+    }
+    callback(error.name === "CssSyntaxError" ? (0, _utils.syntaxErrorFactory)(error) : error);
+    return;
+  }
+  for (const warning of result.warnings()) {
+    this.emitWarning((0, _utils.warningFactory)(warning));
+  }
+  const imports = [].concat(icssPluginImports.sort(_utils.sort)).concat(importPluginImports.sort(_utils.sort)).concat(urlPluginImports.sort(_utils.sort));
+  const api = [].concat(importPluginApi.sort(_utils.sort)).concat(icssPluginApi.sort(_utils.sort));
+  if (options.modules.exportOnlyLocals !== true) {
+    imports.unshift({
+      type: "api_import",
+      importName: "___CSS_LOADER_API_IMPORT___",
+      url: (0, _utils.stringifyRequest)(this, require.resolve("./runtime/api"))
+    });
+    if (options.sourceMap) {
+      imports.unshift({
+        importName: "___CSS_LOADER_API_SOURCEMAP_IMPORT___",
+        url: (0, _utils.stringifyRequest)(this, require.resolve("./runtime/sourceMaps"))
+      });
+    } else {
+      imports.unshift({
+        importName: "___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___",
+        url: (0, _utils.stringifyRequest)(this, require.resolve("./runtime/noSourceMaps"))
+      });
+    }
+  }
+  const isTemplateLiteralSupported = (0, _utils.supportTemplateLiteral)(this);
+  const importCode = (0, _utils.getImportCode)(imports, options);
+  let moduleCode;
+  try {
+    moduleCode = (0, _utils.getModuleCode)(result, api, replacements, options, isTemplateLiteralSupported, this);
+  } catch (error) {
+    callback(error);
+    return;
+  }
+  const exportCode = (0, _utils.getExportCode)(exports, replacements, needToUseIcssPlugin, options, isTemplateLiteralSupported);
+  const {
+    getJSON
+  } = options.modules;
+  if (typeof getJSON === "function") {
+    try {
+      await getJSON({
+        resourcePath,
+        imports,
+        exports,
+        replacements
+      });
+    } catch (error) {
+      callback(error);
+      return;
+    }
+  }
+  callback(null, `${importCode}${moduleCode}${exportCode}`);
+}

package/dist/options.json

@@ -0,0 +1,218 @@
+{
+  "title": "CSS Loader options",
+  "additionalProperties": false,
+  "properties": {
+    "url": {
+      "description": "Allows to enables/disables `url()`/`image-set()` functions handling.",
+      "link": "https://github.com/webpack/css-loader#url",
+      "anyOf": [
+        {
+          "type": "boolean"
+        },
+        {
+          "type": "object",
+          "properties": {
+            "filter": {
+              "instanceof": "Function"
+            }
+          },
+          "additionalProperties": false
+        }
+      ]
+    },
+    "import": {
+      "description": "Allows to enables/disables `@import` at-rules handling.",
+      "link": "https://github.com/webpack/css-loader#import",
+      "anyOf": [
+        {
+          "type": "boolean"
+        },
+        {
+          "type": "object",
+          "properties": {
+            "filter": {
+              "instanceof": "Function"
+            }
+          },
+          "additionalProperties": false
+        }
+      ]
+    },
+    "modules": {
+      "description": "Allows to enable/disable CSS Modules or ICSS and setup configuration.",
+      "link": "https://github.com/webpack/css-loader#modules",
+      "anyOf": [
+        {
+          "type": "boolean"
+        },
+        {
+          "enum": ["local", "global", "pure", "icss"]
+        },
+        {
+          "type": "object",
+          "additionalProperties": false,
+          "properties": {
+            "auto": {
+              "description": "Allows auto enable CSS modules based on filename.",
+              "link": "https://github.com/webpack/css-loader#auto",
+              "anyOf": [
+                {
+                  "instanceof": "RegExp"
+                },
+                {
+                  "instanceof": "Function"
+                },
+                {
+                  "type": "boolean"
+                }
+              ]
+            },
+            "mode": {
+              "description": "Setup `mode` option.",
+              "link": "https://github.com/webpack/css-loader#mode",
+              "anyOf": [
+                {
+                  "enum": ["local", "global", "pure", "icss"]
+                },
+                {
+                  "instanceof": "Function"
+                }
+              ]
+            },
+            "localIdentName": {
+              "description": "Allows to configure the generated local ident name.",
+              "link": "https://github.com/webpack/css-loader#localidentname",
+              "type": "string",
+              "minLength": 1
+            },
+            "localIdentContext": {
+              "description": "Allows to redefine basic loader context for local ident name.",
+              "link": "https://github.com/webpack/css-loader#localidentcontext",
+              "type": "string",
+              "minLength": 1
+            },
+            "localIdentHashSalt": {
+              "description": "Allows to add custom hash to generate more unique classes.",
+              "link": "https://github.com/webpack/css-loader#localidenthashsalt",
+              "type": "string",
+              "minLength": 1
+            },
+            "localIdentHashFunction": {
+              "description": "Allows to specify hash function to generate classes.",
+              "link": "https://github.com/webpack/css-loader#localidenthashfunction",
+              "type": "string",
+              "minLength": 1
+            },
+            "localIdentHashDigest": {
+              "description": "Allows to specify hash digest to generate classes.",
+              "link": "https://github.com/webpack/css-loader#localidenthashdigest",
+              "type": "string",
+              "minLength": 1
+            },
+            "localIdentHashDigestLength": {
+              "description": "Allows to specify hash digest length to generate classes.",
+              "link": "https://github.com/webpack/css-loader#localidenthashdigestlength",
+              "type": "number"
+            },
+            "hashStrategy": {
+              "description": "Allows to specify should localName be used when computing the hash.",
+              "link": "https://github.com/webpack/css-loader#hashstrategy",
+              "enum": ["resource-path-and-local-name", "minimal-subset"]
+            },
+            "localIdentRegExp": {
+              "description": "Allows to specify custom RegExp for local ident name.",
+              "link": "https://github.com/webpack/css-loader#localidentregexp",
+              "anyOf": [
+                {
+                  "type": "string",
+                  "minLength": 1
+                },
+                {
+                  "instanceof": "RegExp"
+                }
+              ]
+            },
+            "getLocalIdent": {
+              "description": "Allows to specify a function to generate the classname.",
+              "link": "https://github.com/webpack/css-loader#getlocalident",
+              "instanceof": "Function"
+            },
+            "namedExport": {
+              "description": "Enables/disables ES modules named export for locals.",
+              "link": "https://github.com/webpack/css-loader#namedexport",
+              "type": "boolean"
+            },
+            "exportGlobals": {
+              "description": "Allows to export names from global class or id, so you can use that as local name.",
+              "link": "https://github.com/webpack/css-loader#exportglobals",
+              "type": "boolean"
+            },
+            "exportLocalsConvention": {
+              "description": "Style of exported classnames.",
+              "link": "https://github.com/webpack/css-loader#localsconvention",
+              "anyOf": [
+                {
+                  "enum": [
+                    "asIs",
+                    "as-is",
+                    "camelCase",
+                    "camel-case",
+                    "camelCaseOnly",
+                    "camel-case-only",
+                    "dashes",
+                    "dashesOnly",
+                    "dashes-only"
+                  ]
+                },
+                {
+                  "instanceof": "Function"
+                }
+              ]
+            },
+            "exportOnlyLocals": {
+              "description": "Export only locals.",
+              "link": "https://github.com/webpack/css-loader#exportonlylocals",
+              "type": "boolean"
+            },
+            "getJSON": {
+              "description": "Allows outputting of CSS modules mapping through a callback.",
+              "link": "https://github.com/webpack/css-loader#getJSON",
+              "instanceof": "Function"
+            }
+          }
+        }
+      ]
+    },
+    "sourceMap": {
+      "description": "Allows to enable/disable source maps.",
+      "link": "https://github.com/webpack/css-loader#sourcemap",
+      "type": "boolean"
+    },
+    "importLoaders": {
+      "description": "Allows enables/disables or setups number of loaders applied before CSS loader for `@import`/CSS Modules and ICSS imports.",
+      "link": "https://github.com/webpack/css-loader#importloaders",
+      "anyOf": [
+        {
+          "type": "boolean"
+        },
+        {
+          "type": "string"
+        },
+        {
+          "type": "integer"
+        }
+      ]
+    },
+    "esModule": {
+      "description": "Use the ES modules syntax.",
+      "link": "https://github.com/webpack/css-loader#esmodule",
+      "type": "boolean"
+    },
+    "exportType": {
+      "description": "Allows exporting styles as array with modules, string or constructable stylesheet (i.e. `CSSStyleSheet`).",
+      "link": "https://github.com/webpack/css-loader#exporttype",
+      "enum": ["array", "string", "css-style-sheet"]
+    }
+  },
+  "type": "object"
+}

package/dist/plugins/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "icssParser", {
+  enumerable: true,
+  get: function () {
+    return _postcssIcssParser.default;
+  }
+});
+Object.defineProperty(exports, "importParser", {
+  enumerable: true,
+  get: function () {
+    return _postcssImportParser.default;
+  }
+});
+Object.defineProperty(exports, "urlParser", {
+  enumerable: true,
+  get: function () {
+    return _postcssUrlParser.default;
+  }
+});
+var _postcssImportParser = _interopRequireDefault(require("./postcss-import-parser"));
+var _postcssIcssParser = _interopRequireDefault(require("./postcss-icss-parser"));
+var _postcssUrlParser = _interopRequireDefault(require("./postcss-url-parser"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/dist/plugins/postcss-icss-parser.js

@@ -0,0 +1,113 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _icssUtils = require("icss-utils");
+var _utils = require("../utils");
+const plugin = (options = {}) => {
+  return {
+    postcssPlugin: "postcss-icss-parser",
+    async OnceExit(root) {
+      const importReplacements = Object.create(null);
+      const {
+        icssImports,
+        icssExports
+      } = (0, _icssUtils.extractICSS)(root);
+      const imports = new Map();
+      const tasks = [];
+      const {
+        loaderContext
+      } = options;
+      const resolver = loaderContext.getResolve({
+        dependencyType: "icss",
+        conditionNames: ["style"],
+        extensions: ["..."],
+        mainFields: ["css", "style", "main", "..."],
+        mainFiles: ["index", "..."],
+        preferRelative: true
+      });
+
+      // eslint-disable-next-line guard-for-in
+      for (const url in icssImports) {
+        const tokens = icssImports[url];
+        if (Object.keys(tokens).length === 0) {
+          // eslint-disable-next-line no-continue
+          continue;
+        }
+        let normalizedUrl = url;
+        let prefix = "";
+        const queryParts = normalizedUrl.split("!");
+        if (queryParts.length > 1) {
+          normalizedUrl = queryParts.pop();
+          prefix = queryParts.join("!");
+        }
+        const request = (0, _utils.requestify)((0, _utils.normalizeUrl)(normalizedUrl, true), loaderContext.rootContext);
+        const doResolve = async () => {
+          const resolvedUrl = await (0, _utils.resolveRequests)(resolver, loaderContext.context, [...new Set([normalizedUrl, request])]);
+          if (!resolvedUrl) {
+            return;
+          }
+
+          // eslint-disable-next-line consistent-return
+          return {
+            url: resolvedUrl,
+            prefix,
+            tokens
+          };
+        };
+        tasks.push(doResolve());
+      }
+      const results = await Promise.all(tasks);
+      for (let index = 0; index <= results.length - 1; index++) {
+        const item = results[index];
+        if (!item) {
+          // eslint-disable-next-line no-continue
+          continue;
+        }
+        const newUrl = item.prefix ? `${item.prefix}!${item.url}` : item.url;
+        const importKey = newUrl;
+        let importName = imports.get(importKey);
+        if (!importName) {
+          importName = `___CSS_LOADER_ICSS_IMPORT_${imports.size}___`;
+          imports.set(importKey, importName);
+          options.imports.push({
+            type: "icss_import",
+            importName,
+            url: options.urlHandler(newUrl),
+            icss: true,
+            index
+          });
+          options.api.push({
+            importName,
+            dedupe: true,
+            index
+          });
+        }
+        for (const [replacementIndex, token] of Object.keys(item.tokens).entries()) {
+          const replacementName = `___CSS_LOADER_ICSS_IMPORT_${index}_REPLACEMENT_${replacementIndex}___`;
+          const localName = item.tokens[token];
+          importReplacements[token] = replacementName;
+          options.replacements.push({
+            replacementName,
+            importName,
+            localName
+          });
+        }
+      }
+      if (Object.keys(importReplacements).length > 0) {
+        (0, _icssUtils.replaceSymbols)(root, importReplacements);
+      }
+      for (const name of Object.keys(icssExports)) {
+        const value = (0, _icssUtils.replaceValueSymbols)(icssExports[name], importReplacements);
+        options.exports.push({
+          name,
+          value
+        });
+      }
+    }
+  };
+};
+plugin.postcss = true;
+var _default = exports.default = plugin;