css-loader/dist/plugins/postcss-import-parser.js

"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 _loaderUtils = require("loader-utils");

var _utils = require("../utils");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

const pluginName = 'postcss-import-parser';

var _default = _postcss.default.plugin(pluginName, options => (css, result) => {
  const importsMap = new Map();
  css.walkAtRules(/^import$/i, atRule => {
    // Convert only top-level @import
    if (atRule.parent.type !== 'root') {
      return;
    } // Nodes do not exists - `@import url('http://') :root {}`


    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 {
      nodes
    } = (0, _postcssValueParser.default)(atRule.params); // No nodes - `@import ;`
    // Invalid type - `@import foo-bar;`

    if (nodes.length === 0 || nodes[0].type !== 'string' && nodes[0].type !== 'function') {
      result.warn(`Unable to find uri in "${atRule.toString()}"`, {
        node: atRule
      });
      return;
    }

    let isStringValue;
    let url;

    if (nodes[0].type === 'string') {
      isStringValue = true;
      url = nodes[0].value;
    } else if (nodes[0].type === 'function') {
      // Invalid function - `@import nourl(test.css);`
      if (nodes[0].value.toLowerCase() !== 'url') {
        result.warn(`Unable to find uri in "${atRule.toString()}"`, {
          node: atRule
        });
        return;
      }

      isStringValue = nodes[0].nodes.length !== 0 && nodes[0].nodes[0].type === 'string';
      url = isStringValue ? nodes[0].nodes[0].value : _postcssValueParser.default.stringify(nodes[0].nodes);
    } // Empty url - `@import "";` or `@import url();`


    if (url.trim().length === 0) {
      result.warn(`Unable to find uri in "${atRule.toString()}"`, {
        node: atRule
      });
      return;
    }

    const isRequestable = (0, _loaderUtils.isUrlRequest)(url);

    if (isRequestable) {
      url = (0, _utils.normalizeUrl)(url, isStringValue); // Empty url after normalize - `@import '\
      // \
      // \
      // ';

      if (url.trim().length === 0) {
        result.warn(`Unable to find uri in "${atRule.toString()}"`, {
          node: atRule
        });
        return;
      }
    }

    const media = _postcssValueParser.default.stringify(nodes.slice(1)).trim().toLowerCase();

    if (options.filter && !options.filter({
      url,
      media
    })) {
      return;
    }

    atRule.remove();

    if (isRequestable) {
      const importKey = url;
      let importName = importsMap.get(importKey);

      if (!importName) {
        importName = `___CSS_LOADER_AT_RULE_IMPORT_${importsMap.size}___`;
        importsMap.set(importKey, importName);
        result.messages.push({
          type: 'import',
          value: {
            importName,
            url: options.urlHandler ? options.urlHandler(url) : url
          }
        });
      }

      result.messages.push({
        type: 'api-import',
        value: {
          type: 'internal',
          importName,
          media
        }
      });
      return;
    }

    result.messages.push({
      pluginName,
      type: 'api-import',
      value: {
        type: 'external',
        url,
        media
      }
    });
  });
});

exports.default = _default;