css-loader 1.0.1 → 2.1.0

package/dist/CssSyntaxError.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+class CssSyntaxError extends Error {
+  constructor(error) {
+    super(error);
+    const {
+      reason,
+      line,
+      column
+    } = error;
+    this.name = 'CssSyntaxError'; // Based on https://github.com/postcss/postcss/blob/master/lib/css-syntax-error.es6#L132
+    // We don't need `plugin` and `file` properties.
+
+    this.message = `${this.name}\n\n`;
+
+    if (typeof line !== 'undefined') {
+      this.message += `(${line}:${column}) `;
+    }
+
+    this.message += `${reason}`;
+    const code = error.showSourceCode();
+
+    if (code) {
+      this.message += `\n\n${code}\n`;
+    } // We don't need stack https://github.com/postcss/postcss/blob/master/docs/guidelines/runner.md#31-dont-show-js-stack-for-csssyntaxerror
+
+
+    this.stack = false;
+  }
+
+}
+
+exports.default = CssSyntaxError;

package/dist/Warning.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+class Warning extends Error {
+  constructor(warning) {
+    super(warning);
+    const {
+      text,
+      line,
+      column
+    } = warning;
+    this.name = 'Warning'; // Based on https://github.com/postcss/postcss/blob/master/lib/warning.es6#L74
+    // We don't need `plugin` properties.
+
+    this.message = `${this.name}\n\n`;
+
+    if (typeof line !== 'undefined') {
+      this.message += `(${line}:${column}) `;
+    }
+
+    this.message += `${text}`; // We don't need stack https://github.com/postcss/postcss/blob/master/docs/guidelines/runner.md#31-dont-show-js-stack-for-csssyntaxerror
+
+    this.stack = false;
+  }
+
+}
+
+exports.default = Warning;

package/dist/cjs.js

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

package/dist/index.js

@@ -0,0 +1,266 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = loader;
+
+var _schemaUtils = _interopRequireDefault(require("schema-utils"));
+
+var _postcss = _interopRequireDefault(require("postcss"));
+
+var _package = _interopRequireDefault(require("postcss/package.json"));
+
+var _postcssModulesLocalByDefault = _interopRequireDefault(require("postcss-modules-local-by-default"));
+
+var _postcssModulesExtractImports = _interopRequireDefault(require("postcss-modules-extract-imports"));
+
+var _postcssModulesScope = _interopRequireDefault(require("postcss-modules-scope"));
+
+var _postcssModulesValues = _interopRequireDefault(require("postcss-modules-values"));
+
+var _loaderUtils = require("loader-utils");
+
+var _camelCase = _interopRequireDefault(require("lodash/camelCase"));
+
+var _options = _interopRequireDefault(require("./options.json"));
+
+var _plugins = require("./plugins");
+
+var _utils = require("./utils");
+
+var _Warning = _interopRequireDefault(require("./Warning"));
+
+var _CssSyntaxError = _interopRequireDefault(require("./CssSyntaxError"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/*
+  MIT License http://www.opensource.org/licenses/mit-license.php
+  Author Tobias Koppers @sokra
+*/
+function loader(content, map, meta) {
+  const options = (0, _loaderUtils.getOptions)(this) || {};
+  (0, _schemaUtils.default)(_options.default, options, 'CSS Loader');
+  const callback = this.async();
+  const sourceMap = options.sourceMap || false;
+  /* eslint-disable no-param-reassign */
+
+  if (sourceMap) {
+    if (map) {
+      if (typeof map === 'string') {
+        map = JSON.stringify(map);
+      }
+
+      if (map.sources) {
+        map.sources = map.sources.map(source => source.replace(/\\/g, '/'));
+        map.sourceRoot = '';
+      }
+    }
+  } else {
+    // Some loaders (example `"postcss-loader": "1.x.x"`) always generates source map, we should remove it
+    map = null;
+  }
+  /* eslint-enable no-param-reassign */
+  // Reuse CSS AST (PostCSS AST e.g 'postcss-loader') to avoid reparsing
+
+
+  if (meta) {
+    const {
+      ast
+    } = meta;
+
+    if (ast && ast.type === 'postcss' && ast.version === _package.default.version) {
+      // eslint-disable-next-line no-param-reassign
+      content = ast.root;
+    }
+  }
+
+  const plugins = [];
+
+  if (options.modules) {
+    const loaderContext = this;
+    const mode = typeof options.modules === 'boolean' ? 'local' : options.modules;
+    plugins.push(_postcssModulesValues.default, (0, _postcssModulesLocalByDefault.default)({
+      mode
+    }), (0, _postcssModulesExtractImports.default)(), (0, _postcssModulesScope.default)({
+      generateScopedName: function generateScopedName(exportName) {
+        const localIdentName = options.localIdentName || '[hash:base64]';
+        const customGetLocalIdent = options.getLocalIdent || _utils.getLocalIdent;
+        return customGetLocalIdent(loaderContext, localIdentName, exportName, {
+          regExp: options.localIdentRegExp,
+          hashPrefix: options.hashPrefix || '',
+          context: options.context
+        });
+      }
+    }));
+  }
+
+  if (options.import !== false) {
+    plugins.push((0, _plugins.importParser)({
+      filter: (0, _utils.getFilter)(options.import, this.resourcePath)
+    }));
+  }
+
+  if (options.url !== false) {
+    plugins.push((0, _plugins.urlParser)({
+      filter: (0, _utils.getFilter)(options.url, this.resourcePath, value => (0, _loaderUtils.isUrlRequest)(value))
+    }));
+  }
+
+  plugins.push((0, _plugins.icssParser)());
+  (0, _postcss.default)(plugins).process(content, {
+    // we need a prefix to avoid path rewriting of PostCSS
+    from: `/css-loader!${(0, _loaderUtils.getRemainingRequest)(this).split('!').pop()}`,
+    to: (0, _loaderUtils.getCurrentRequest)(this).split('!').pop(),
+    map: options.sourceMap ? {
+      prev: map,
+      sourcesContent: true,
+      inline: false,
+      annotation: false
+    } : null
+  }).then(result => {
+    result.warnings().forEach(warning => this.emitWarning(new _Warning.default(warning)));
+    const messages = result.messages || []; // Run other loader (`postcss-loader`, `sass-loader` and etc) for importing CSS
+
+    const importUrlPrefix = (0, _utils.getImportPrefix)(this, options.importLoaders); // Prepare replacer to change from `___CSS_LOADER_IMPORT___INDEX___` to `require('./file.css').locals`
+
+    const importItemReplacer = placeholder => {
+      const match = _utils.placholderRegExps.importItem.exec(placeholder);
+
+      const idx = Number(match[1]);
+      const message = messages.find( // eslint-disable-next-line no-shadow
+      message => message.type === 'icss-import' && message.item && message.item.index === idx);
+
+      if (!message) {
+        return placeholder;
+      }
+
+      const {
+        item
+      } = message;
+      const importUrl = importUrlPrefix + (0, _loaderUtils.urlToRequest)(item.url);
+
+      if (options.exportOnlyLocals) {
+        return `" + require(${(0, _loaderUtils.stringifyRequest)(this, importUrl)})[${JSON.stringify(item.export)}] + "`;
+      }
+
+      return `" + require(${(0, _loaderUtils.stringifyRequest)(this, importUrl)}).locals[${JSON.stringify(item.export)}] + "`;
+    };
+
+    const exports = messages.filter(message => message.type === 'export').reduce((accumulator, message) => {
+      const {
+        key,
+        value
+      } = message.item;
+      let valueAsString = JSON.stringify(value);
+      valueAsString = valueAsString.replace(_utils.placholderRegExps.importItemG, importItemReplacer);
+
+      function addEntry(k) {
+        accumulator.push(`\t${JSON.stringify(k)}: ${valueAsString}`);
+      }
+
+      let targetKey;
+
+      switch (options.camelCase) {
+        case true:
+          addEntry(key);
+          targetKey = (0, _camelCase.default)(key);
+
+          if (targetKey !== key) {
+            addEntry(targetKey);
+          }
+
+          break;
+
+        case 'dashes':
+          addEntry(key);
+          targetKey = (0, _utils.dashesCamelCase)(key);
+
+          if (targetKey !== key) {
+            addEntry(targetKey);
+          }
+
+          break;
+
+        case 'only':
+          addEntry((0, _camelCase.default)(key));
+          break;
+
+        case 'dashesOnly':
+          addEntry((0, _utils.dashesCamelCase)(key));
+          break;
+
+        default:
+          addEntry(key);
+          break;
+      }
+
+      return accumulator;
+    }, []);
+
+    if (options.exportOnlyLocals) {
+      return callback(null, exports.length > 0 ? `module.exports = {\n${exports.join(',\n')}\n};` : '');
+    }
+
+    const imports = messages.filter(message => message.type === 'import').map(message => {
+      const {
+        url
+      } = message.item;
+      const media = message.item.media || '';
+
+      if (!(0, _loaderUtils.isUrlRequest)(url)) {
+        return `exports.push([module.id, ${JSON.stringify(`@import url(${url});`)}, ${JSON.stringify(media)}]);`;
+      }
+
+      const importUrl = importUrlPrefix + (0, _loaderUtils.urlToRequest)(url);
+      return `exports.i(require(${(0, _loaderUtils.stringifyRequest)(this, importUrl)}), ${JSON.stringify(media)});`;
+    }, this);
+    let cssAsString = JSON.stringify(result.css).replace(_utils.placholderRegExps.importItemG, importItemReplacer); // Helper for ensuring valid CSS strings from requires
+
+    let hasUrlEscapeHelper = false;
+    messages.filter(message => message.type === 'url').forEach(message => {
+      if (!hasUrlEscapeHelper) {
+        imports.push(`var urlEscape = require(${(0, _loaderUtils.stringifyRequest)(this, require.resolve('./runtime/url-escape.js'))});`);
+        hasUrlEscapeHelper = true;
+      }
+
+      const {
+        item
+      } = message;
+      const {
+        url,
+        placeholder,
+        needQuotes
+      } = item; // Remove `#hash` and `?#hash` from `require`
+
+      const [normalizedUrl, singleQuery, hashValue] = url.split(/(\?)?#/);
+      const hash = singleQuery || hashValue ? `"${singleQuery ? '?' : ''}${hashValue ? `#${hashValue}` : ''}"` : '';
+      imports.push(`var ${placeholder} = urlEscape(require(${(0, _loaderUtils.stringifyRequest)(this, (0, _loaderUtils.urlToRequest)(normalizedUrl))})${hash ? ` + ${hash}` : ''}${needQuotes ? ', true' : ''});`);
+      cssAsString = cssAsString.replace(new RegExp(placeholder, 'g'), () => `" + ${placeholder} + "`);
+    });
+    let newMap = result.map;
+
+    if (sourceMap && newMap) {
+      // Add a SourceMap
+      newMap = newMap.toJSON();
+
+      if (newMap.sources) {
+        newMap.sources = newMap.sources.map(source => source.split('!').pop().replace(/\\/g, '/'), this);
+        newMap.sourceRoot = '';
+      }
+
+      newMap.file = newMap.file.split('!').pop().replace(/\\/g, '/');
+      newMap = JSON.stringify(newMap);
+    }
+
+    const runtimeCode = `exports = module.exports = require(${(0, _loaderUtils.stringifyRequest)(this, require.resolve('./runtime/api'))})(${!!sourceMap});\n`;
+    const importCode = imports.length > 0 ? `// Imports\n${imports.join('\n')}\n\n` : '';
+    const moduleCode = `// Module\nexports.push([module.id, ${cssAsString}, ""${newMap ? `,${newMap}` : ''}]);\n\n`;
+    const exportsCode = exports.length > 0 ? `// Exports\nexports.locals = {\n${exports.join(',\n')}\n};` : ''; // Embed runtime
+
+    return callback(null, runtimeCode + importCode + moduleCode + exportsCode);
+  }).catch(error => {
+    callback(error.name === 'CssSyntaxError' ? new _CssSyntaxError.default(error) : error);
+  });
+}

package/dist/options.json

@@ -0,0 +1,93 @@
+{
+  "additionalProperties": false,
+  "properties": {
+    "url": {
+      "anyOf": [
+        {
+          "type": "boolean"
+        },
+        {
+          "instanceof": "Function"
+        }
+      ]
+    },
+    "import": {
+      "anyOf": [
+        {
+          "type": "boolean"
+        },
+        {
+          "instanceof": "Function"
+        }
+      ]
+    },
+    "modules": {
+      "anyOf": [
+        {
+          "type": "boolean"
+        },
+        {
+          "type": "string",
+          "enum": ["local", "global"]
+        }
+      ]
+    },
+    "localIdentName": {
+      "type": "string"
+    },
+    "localIdentRegExp": {
+      "anyOf": [
+        {
+          "type": "string"
+        },
+        {
+          "instanceof": "RegExp"
+        }
+      ]
+    },
+    "context": {
+      "type": "string"
+    },
+    "hashPrefix": {
+      "type": "string"
+    },
+    "getLocalIdent": {
+      "anyOf": [
+        {
+          "type": "boolean"
+        },
+        {
+          "instanceof": "Function"
+        }
+      ]
+    },
+    "sourceMap": {
+      "type": "boolean"
+    },
+    "camelCase": {
+      "anyOf": [
+        {
+          "type": "boolean"
+        },
+        {
+          "type": "string",
+          "enum": ["dashes", "only", "dashesOnly"]
+        }
+      ]
+    },
+    "importLoaders": {
+      "anyOf": [
+        {
+          "type": "boolean"
+        },
+        {
+          "type": "number"
+        }
+      ]
+    },
+    "exportOnlyLocals": {
+      "type": "boolean"
+    }
+  },
+  "type": "object"
+}

package/dist/plugins/index.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "importParser", {
+  enumerable: true,
+  get: function () {
+    return _postcssImportParser.default;
+  }
+});
+Object.defineProperty(exports, "icssParser", {
+  enumerable: true,
+  get: function () {
+    return _postcssIcssParser.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(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

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

@@ -0,0 +1,101 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _postcss = _interopRequireDefault(require("postcss"));
+
+var _postcssValueParser = _interopRequireDefault(require("postcss-value-parser"));
+
+var _icssUtils = require("icss-utils");
+
+var _loaderUtils = _interopRequireDefault(require("loader-utils"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const pluginName = 'postcss-icss-parser';
+
+var _default = _postcss.default.plugin(pluginName, () => function process(css, result) {
+  const imports = {};
+  const icss = (0, _icssUtils.extractICSS)(css);
+  const exports = icss.icssExports;
+  Object.keys(icss.icssImports).forEach(key => {
+    const url = _loaderUtils.default.parseString(key);
+
+    Object.keys(icss.icssImports[key]).forEach(prop => {
+      const index = Object.keys(imports).length;
+      imports[`$${prop}`] = index;
+      result.messages.push({
+        pluginName,
+        type: 'icss-import',
+        item: {
+          url,
+          export: icss.icssImports[key][prop],
+          index
+        }
+      });
+      const alreadyIncluded = result.messages.find(message => message.pluginName === pluginName && message.type === 'import' && message.item.url === url && message.item.media === '');
+
+      if (alreadyIncluded) {
+        return;
+      }
+
+      result.messages.push({
+        pluginName,
+        type: 'import',
+        item: {
+          url,
+          media: ''
+        }
+      });
+    });
+  });
+
+  function replaceImportsInString(str) {
+    const tokens = (0, _postcssValueParser.default)(str);
+    tokens.walk(node => {
+      if (node.type !== 'word') {
+        return;
+      }
+
+      const token = node.value;
+      const importIndex = imports[`$${token}`];
+
+      if (typeof importIndex === 'number') {
+        // eslint-disable-next-line no-param-reassign
+        node.value = `___CSS_LOADER_IMPORT___${importIndex}___`;
+      }
+    });
+    return tokens.toString();
+  } // Replace tokens in declarations
+
+
+  css.walkDecls(decl => {
+    // eslint-disable-next-line no-param-reassign
+    decl.value = replaceImportsInString(decl.value.toString());
+  }); // Replace tokens in at-rules
+
+  css.walkAtRules(atrule => {
+    // Due reusing `ast` from `postcss-loader` some plugins may lack
+    // `params` property, we need to account for this possibility
+    if (atrule.params) {
+      // eslint-disable-next-line no-param-reassign
+      atrule.params = replaceImportsInString(atrule.params.toString());
+    }
+  }); // Replace tokens in export
+
+  Object.keys(exports).forEach(exportName => {
+    result.messages.push({
+      pluginName,
+      type: 'export',
+      item: {
+        key: exportName,
+        value: replaceImportsInString(exports[exportName])
+      }
+    });
+  });
+});
+
+exports.default = _default;

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

@@ -0,0 +1,110 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _postcss = _interopRequireDefault(require("postcss"));
+
+var _postcssValueParser = _interopRequireDefault(require("postcss-value-parser"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const pluginName = 'postcss-import-parser';
+
+function getArg(nodes) {
+  return nodes.length !== 0 && nodes[0].type === 'string' ? nodes[0].value : _postcssValueParser.default.stringify(nodes);
+}
+
+function getUrl(node) {
+  if (node.type === 'function' && node.value.toLowerCase() === 'url') {
+    return getArg(node.nodes);
+  }
+
+  if (node.type === 'string') {
+    return node.value;
+  }
+
+  return null;
+}
+
+function parseImport(params) {
+  const {
+    nodes
+  } = (0, _postcssValueParser.default)(params);
+
+  if (nodes.length === 0) {
+    return null;
+  }
+
+  const url = getUrl(nodes[0]);
+
+  if (!url || url.trim().length === 0) {
+    return null;
+  }
+
+  return {
+    url,
+    media: _postcssValueParser.default.stringify(nodes.slice(1)).trim().toLowerCase()
+  };
+}
+
+function walkAtRules(css, result, filter) {
+  const items = [];
+  css.walkAtRules(/^import$/i, atRule => {
+    // Convert only top-level @import
+    if (atRule.parent.type !== 'root') {
+      return;
+    }
+
+    if (atRule.nodes) {
+      result.warn("It looks like you didn't end your @import statement correctly. " + 'Child nodes are attached to it.', {
+        node: atRule
+      });
+      return;
+    }
+
+    const parsed = parseImport(atRule.params);
+
+    if (!parsed) {
+      // eslint-disable-next-line consistent-return
+      return result.warn(`Unable to find uri in '${atRule.toString()}'`, {
+        node: atRule
+      });
+    }
+
+    if (filter && !filter(parsed)) {
+      return;
+    }
+
+    atRule.remove();
+    const {
+      url,
+      media
+    } = parsed;
+    items.push({
+      url,
+      media
+    });
+  });
+  return items;
+}
+
+function uniq(array) {
+  return array.reduce((acc, d) => !acc.find(el => el.url === d.url && el.media === d.media) ? [...acc, d] : acc, []);
+}
+
+var _default = _postcss.default.plugin(pluginName, (options = {}) => function process(css, result) {
+  const traversed = walkAtRules(css, result, options.filter);
+  const paths = uniq(traversed);
+  paths.forEach(item => {
+    result.messages.push({
+      pluginName,
+      type: 'import',
+      item
+    });
+  });
+});
+
+exports.default = _default;