css-loader 1.0.1 → 2.1.0

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

@@ -0,0 +1,155 @@
+"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 _lodash = _interopRequireDefault(require("lodash"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const pluginName = 'postcss-url-parser';
+const isUrlFunc = /url/i;
+const isImageSetFunc = /^(?:-webkit-)?image-set$/i;
+const needParseDecl = /(?:url|(?:-webkit-)?image-set)\(/i;
+
+function getNodeFromUrlFunc(node) {
+  return node.nodes && node.nodes[0];
+}
+
+function getUrlFromUrlFunc(node) {
+  return node.nodes.length !== 0 && node.nodes[0].type === 'string' ? node.nodes[0].value : _postcssValueParser.default.stringify(node.nodes);
+}
+
+function walkUrls(parsed, callback) {
+  parsed.walk(node => {
+    if (node.type !== 'function') {
+      return;
+    }
+
+    if (isUrlFunc.test(node.value)) {
+      callback(getNodeFromUrlFunc(node), getUrlFromUrlFunc(node), false); // Do not traverse inside `url`
+      // eslint-disable-next-line consistent-return
+
+      return false;
+    }
+
+    if (isImageSetFunc.test(node.value)) {
+      node.nodes.forEach(nNode => {
+        if (nNode.type === 'function' && isUrlFunc.test(nNode.value)) {
+          callback(getNodeFromUrlFunc(nNode), getUrlFromUrlFunc(nNode), false);
+        }
+
+        if (nNode.type === 'string') {
+          callback(nNode, nNode.value, true);
+        }
+      }); // Do not traverse inside `image-set`
+      // eslint-disable-next-line consistent-return
+
+      return false;
+    }
+  });
+}
+
+function walkDeclsWithUrl(css, result, filter) {
+  const items = [];
+  css.walkDecls(decl => {
+    if (!needParseDecl.test(decl.value)) {
+      return;
+    }
+
+    const parsed = (0, _postcssValueParser.default)(decl.value);
+    const urls = [];
+    walkUrls(parsed, (node, url, needQuotes) => {
+      if (url.trim().replace(/\\[\r\n]/g, '').length === 0) {
+        result.warn(`Unable to find uri in '${decl.toString()}'`, {
+          node: decl
+        });
+        return;
+      }
+
+      if (filter && !filter(url)) {
+        return;
+      }
+
+      urls.push({
+        url,
+        needQuotes
+      });
+    });
+
+    if (urls.length === 0) {
+      return;
+    }
+
+    items.push({
+      decl,
+      parsed,
+      urls
+    });
+  });
+  return items;
+}
+
+var _default = _postcss.default.plugin(pluginName, (options = {}) => function process(css, result) {
+  const traversed = walkDeclsWithUrl(css, result, options.filter);
+
+  const paths = _lodash.default.uniqWith(_lodash.default.flatten(traversed.map(item => item.urls)), _lodash.default.isEqual);
+
+  if (paths.length === 0) {
+    return;
+  }
+
+  const placeholders = [];
+  paths.forEach((path, index) => {
+    const placeholder = `___CSS_LOADER_URL___${index}___`;
+    const {
+      url,
+      needQuotes
+    } = path;
+    placeholders.push({
+      placeholder,
+      path
+    });
+    result.messages.push({
+      pluginName,
+      type: 'url',
+      item: {
+        url,
+        placeholder,
+        needQuotes
+      }
+    });
+  });
+  traversed.forEach(item => {
+    walkUrls(item.parsed, (node, url, needQuotes) => {
+      const value = _lodash.default.find(placeholders, {
+        path: {
+          url,
+          needQuotes
+        }
+      });
+
+      if (!value) {
+        return;
+      }
+
+      const {
+        placeholder
+      } = value; // eslint-disable-next-line no-param-reassign
+
+      node.type = 'word'; // eslint-disable-next-line no-param-reassign
+
+      node.value = placeholder;
+    }); // eslint-disable-next-line no-param-reassign
+
+    item.decl.value = item.parsed.toString();
+  });
+});
+
+exports.default = _default;

package/dist/runtime/api.js

@@ -0,0 +1,85 @@
+"use strict";
+
+/*
+  MIT License http://www.opensource.org/licenses/mit-license.php
+  Author Tobias Koppers @sokra
+*/
+// css base code, injected by the css-loader
+module.exports = function (useSourceMap) {
+  var list = []; // return the list of modules as css string
+
+  list.toString = function toString() {
+    return this.map(function (item) {
+      var content = cssWithMappingToString(item, useSourceMap);
+
+      if (item[2]) {
+        return '@media ' + item[2] + '{' + content + '}';
+      } else {
+        return content;
+      }
+    }).join('');
+  }; // import a list of modules into the list
+
+
+  list.i = function (modules, mediaQuery) {
+    if (typeof modules === 'string') {
+      modules = [[null, modules, '']];
+    }
+
+    var alreadyImportedModules = {};
+
+    for (var i = 0; i < this.length; i++) {
+      var id = this[i][0];
+
+      if (id != null) {
+        alreadyImportedModules[id] = true;
+      }
+    }
+
+    for (i = 0; i < modules.length; i++) {
+      var item = modules[i]; // skip already imported module
+      // this implementation is not 100% perfect for weird media query combinations
+      // when a module is imported multiple times with different media queries.
+      // I hope this will never occur (Hey this way we have smaller bundles)
+
+      if (item[0] == null || !alreadyImportedModules[item[0]]) {
+        if (mediaQuery && !item[2]) {
+          item[2] = mediaQuery;
+        } else if (mediaQuery) {
+          item[2] = '(' + item[2] + ') and (' + mediaQuery + ')';
+        }
+
+        list.push(item);
+      }
+    }
+  };
+
+  return list;
+};
+
+function cssWithMappingToString(item, useSourceMap) {
+  var content = item[1] || '';
+  var cssMapping = item[3];
+
+  if (!cssMapping) {
+    return content;
+  }
+
+  if (useSourceMap && typeof btoa === 'function') {
+    var sourceMapping = toComment(cssMapping);
+    var sourceURLs = cssMapping.sources.map(function (source) {
+      return '/*# sourceURL=' + cssMapping.sourceRoot + source + ' */';
+    });
+    return [content].concat(sourceURLs).concat([sourceMapping]).join('\n');
+  }
+
+  return [content].join('\n');
+} // Adapted from convert-source-map (MIT)
+
+
+function toComment(sourceMap) {
+  // eslint-disable-next-line no-undef
+  var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))));
+  var data = 'sourceMappingURL=data:application/json;charset=utf-8;base64,' + base64;
+  return '/*# ' + data + ' */';
+}

package/dist/runtime/url-escape.js

@@ -0,0 +1,20 @@
+"use strict";
+
+module.exports = function escape(url, needQuotes) {
+  if (typeof url !== 'string') {
+    return url;
+  } // If url is already wrapped in quotes, remove them
+
+
+  if (/^['"].*['"]$/.test(url)) {
+    url = url.slice(1, -1);
+  } // Should url be wrapped?
+  // See https://drafts.csswg.org/css-values-3/#urls
+
+
+  if (/["'() \t\n]/.test(url) || needQuotes) {
+    return '"' + url.replace(/"/g, '\\"').replace(/\n/g, '\\n') + '"';
+  }
+
+  return url;
+};

package/dist/utils.js

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getImportPrefix = getImportPrefix;
+exports.getLocalIdent = getLocalIdent;
+exports.dashesCamelCase = dashesCamelCase;
+exports.getFilter = getFilter;
+exports.placholderRegExps = void 0;
+
+var _path = _interopRequireDefault(require("path"));
+
+var _loaderUtils = _interopRequireDefault(require("loader-utils"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/*
+  MIT License http://www.opensource.org/licenses/mit-license.php
+  Author Tobias Koppers @sokra
+*/
+const placholderRegExps = {
+  importItemG: /___CSS_LOADER_IMPORT___([0-9]+)___/g,
+  importItem: /___CSS_LOADER_IMPORT___([0-9]+)___/
+};
+exports.placholderRegExps = placholderRegExps;
+
+function getImportPrefix(loaderContext, importLoaders) {
+  if (importLoaders === false) {
+    return '';
+  }
+
+  const numberImportedLoaders = parseInt(importLoaders, 10) || 0;
+  const loadersRequest = loaderContext.loaders.slice(loaderContext.loaderIndex, loaderContext.loaderIndex + 1 + numberImportedLoaders).map(x => x.request).join('!');
+  return `-!${loadersRequest}!`;
+}
+
+function dashesCamelCase(str) {
+  return str.replace(/-+(\w)/g, (match, firstLetter) => firstLetter.toUpperCase());
+}
+
+function getLocalIdent(loaderContext, localIdentName, localName, options) {
+  if (!options.context) {
+    // eslint-disable-next-line no-param-reassign
+    options.context = loaderContext.rootContext;
+  }
+
+  const request = _path.default.relative(options.context, loaderContext.resourcePath).replace(/\\/g, '/'); // eslint-disable-next-line no-param-reassign
+
+
+  options.content = `${options.hashPrefix + request}+${localName}`; // eslint-disable-next-line no-param-reassign
+
+  localIdentName = localIdentName.replace(/\[local\]/gi, localName);
+
+  const hash = _loaderUtils.default.interpolateName(loaderContext, localIdentName, options);
+
+  return hash.replace(new RegExp('[^a-zA-Z0-9\\-_\u00A0-\uFFFF]', 'g'), '-').replace(/^((-?[0-9])|--)/, '_$1');
+}
+
+function getFilter(filter, resourcePath, defaultFilter = null) {
+  return content => {
+    if (defaultFilter && !defaultFilter(content)) {
+      return false;
+    }
+
+    if (typeof filter === 'function') {
+      return !filter(content, resourcePath);
+    }
+
+    return true;
+  };
+}

package/package.json

@@ -1,52 +1,121 @@
 {
   "name": "css-loader",
-  "version": "1.0.1",
-  "author": "Tobias Koppers @sokra",
-  "license": "MIT",
+  "version": "2.1.0",
   "description": "css loader module for webpack",
+  "license": "MIT",
+  "repository": "webpack-contrib/css-loader",
+  "author": "Tobias Koppers @sokra",
+  "homepage": "https://github.com/webpack-contrib/css-loader",
+  "bugs": "https://github.com/webpack-contrib/css-loader/issues",
+  "main": "dist/cjs.js",
   "engines": {
-    "node": ">= 6.9.0 <7.0.0 || >= 8.9.0"
+    "node": ">= 6.9.0"
+  },
+  "scripts": {
+    "start": "npm run build -- -w",
+    "build": "cross-env NODE_ENV=production babel src -d dist --ignore 'src/**/*.test.js' --copy-files",
+    "clean": "del-cli dist",
+    "commitlint": "commitlint",
+    "commitmsg": "commitlint -e $GIT_PARAMS",
+    "lint": "eslint --cache src test",
+    "prebuild": "npm run clean",
+    "prepublish": "npm run build",
+    "release": "standard-version",
+    "security": "npm audit",
+    "test": "jest",
+    "test:watch": "jest --watch",
+    "test:coverage": "jest --collectCoverageFrom='src/**/*.js' --coverage",
+    "ci:lint": "npm run lint && npm run security",
+    "ci:test": "npm run test -- --runInBand",
+    "ci:coverage": "npm run test:coverage -- --runInBand",
+    "ci:lint:commits": "commitlint --from=origin/master --to=${CIRCLE_SHA1}",
+    "defaults": "webpack-defaults"
   },
   "files": [
-    "lib",
-    "index.js",
-    "locals.js"
+    "dist/",
+    "lib/",
+    "index.js"
   ],
+  "peerDependencies": {
+    "webpack": "^4.0.0"
+  },
   "dependencies": {
-    "babel-code-frame": "^6.26.0",
-    "css-selector-tokenizer": "^0.7.0",
-    "icss-utils": "^2.1.0",
-    "loader-utils": "^1.0.2",
+    "icss-utils": "^4.0.0",
+    "loader-utils": "^1.2.1",
     "lodash": "^4.17.11",
-    "postcss": "^6.0.23",
-    "postcss-modules-extract-imports": "^1.2.0",
-    "postcss-modules-local-by-default": "^1.2.0",
-    "postcss-modules-scope": "^1.1.0",
-    "postcss-modules-values": "^1.3.0",
+    "postcss": "^7.0.6",
+    "postcss-modules-extract-imports": "^2.0.0",
+    "postcss-modules-local-by-default": "^2.0.3",
+    "postcss-modules-scope": "^2.0.0",
+    "postcss-modules-values": "^2.0.0",
     "postcss-value-parser": "^3.3.0",
-    "source-list-map": "^2.0.0"
+    "schema-utils": "^1.0.0"
   },
   "devDependencies": {
-    "codecov": "^1.0.1",
-    "eslint": "3.14.0",
-    "istanbul": "^0.4.5",
-    "mocha": "^3.2.0",
-    "should": "^11.1.2",
-    "standard-version": "^4.0.0"
+    "@babel/cli": "^7.1.5",
+    "@babel/core": "^7.1.6",
+    "@babel/polyfill": "^7.0.0",
+    "@babel/preset-env": "^7.1.6",
+    "@commitlint/cli": "^7.2.1",
+    "@commitlint/config-conventional": "^7.1.2",
+    "@webpack-contrib/defaults": "^3.0.0",
+    "@webpack-contrib/eslint-config-webpack": "^3.0.0",
+    "babel-core": "^7.0.0-bridge.0",
+    "babel-jest": "^23.6.0",
+    "cross-env": "^5.2.0",
+    "del": "^3.0.0",
+    "del-cli": "^1.1.0",
+    "eslint": "^5.9.0",
+    "eslint-plugin-import": "^2.14.0",
+    "eslint-plugin-prettier": "^3.0.0",
+    "file-loader": "^3.0.1",
+    "husky": "^1.2.0",
+    "jest": "^23.6.0",
+    "lint-staged": "^8.1.0",
+    "memory-fs": "^0.4.1",
+    "postcss-loader": "^3.0.0",
+    "postcss-preset-env": "^6.4.0",
+    "prettier": "^1.15.2",
+    "sass": "^1.15.1",
+    "sass-loader": "^7.1.0",
+    "standard-version": "^4.0.0",
+    "strip-ansi": "^5.0.0",
+    "webpack": "^4.26.1"
   },
-  "peerDependencies": {
-    "webpack": "^4.0.0"
+  "keywords": [
+    "webpack",
+    "css",
+    "loader",
+    "url",
+    "import"
+  ],
+  "babel": {
+    "presets": [
+      [
+        "@babel/preset-env",
+        {
+          "targets": {
+            "node": "6.9.0"
+          },
+          "useBuiltIns": "usage"
+        }
+      ]
+    ]
   },
-  "scripts": {
-    "lint": "eslint lib test",
-    "test": "mocha",
-    "cover": "istanbul cover node_modules/mocha/bin/_mocha",
-    "test:cover": "npm run cover -- --report lcovonly",
-    "travis:test": "npm run cover",
-    "travis:lint": "npm run lint",
-    "release": "standard-version"
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged"
+    }
   },
-  "homepage": "https://github.com/webpack-contrib/css-loader",
-  "repository": "https://github.com/webpack-contrib/css-loader.git",
-  "bugs": "https://github.com/webpack-contrib/css-loader/issues"
+  "lint-staged": {
+    "*.js": [
+      "eslint --fix",
+      "git add"
+    ]
+  },
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
+  }
 }

package/index.js

@@ -1,5 +0,0 @@
-/*
-	MIT License http://www.opensource.org/licenses/mit-license.php
-	Author Tobias Koppers @sokra
-*/
-module.exports = require("./lib/loader");

package/lib/compile-exports.js

@@ -1,51 +0,0 @@
-var camelCase = require("lodash/camelCase");
-
-function dashesCamelCase(str) {
-  return str.replace(/-+(\w)/g, function(match, firstLetter) {
-    return firstLetter.toUpperCase();
-  });
-}
-
-module.exports = function compileExports(result, importItemMatcher, camelCaseKeys) {
-  if (!Object.keys(result.exports).length) {
-    return "";
-  }
-
-  var exportJs = Object.keys(result.exports).reduce(function(res, key) {
-    var valueAsString = JSON.stringify(result.exports[key]);
-    valueAsString = valueAsString.replace(result.importItemRegExpG, importItemMatcher);
-    function addEntry(k) {
-      res.push("\t" + JSON.stringify(k) + ": " + valueAsString);
-    }
-
-    var targetKey;
-    switch(camelCaseKeys) {
-      case true:
-        addEntry(key);
-        targetKey = camelCase(key);
-        if (targetKey !== key) {
-          addEntry(targetKey);
-        }
-        break;
-      case 'dashes':
-        addEntry(key);
-        targetKey = dashesCamelCase(key);
-        if (targetKey !== key) {
-          addEntry(targetKey);
-        }
-        break;
-      case 'only':
-        addEntry(camelCase(key));
-        break;
-      case 'dashesOnly':
-        addEntry(dashesCamelCase(key));
-        break;
-      default:
-        addEntry(key);
-        break;
-    }
-    return res;
-  }, []).join(",\n");
-
-  return "{\n" + exportJs + "\n}";
-};

package/lib/css-base.js

@@ -1,76 +0,0 @@
-/*
-	MIT License http://www.opensource.org/licenses/mit-license.php
-	Author Tobias Koppers @sokra
-*/
-// css base code, injected by the css-loader
-module.exports = function(useSourceMap) {
-	var list = [];
-
-	// return the list of modules as css string
-	list.toString = function toString() {
-		return this.map(function (item) {
-			var content = cssWithMappingToString(item, useSourceMap);
-			if(item[2]) {
-				return "@media " + item[2] + "{" + content + "}";
-			} else {
-				return content;
-			}
-		}).join("");
-	};
-
-	// import a list of modules into the list
-	list.i = function(modules, mediaQuery) {
-		if(typeof modules === "string")
-			modules = [[null, modules, ""]];
-		var alreadyImportedModules = {};
-		for(var i = 0; i < this.length; i++) {
-			var id = this[i][0];
-			if(typeof id === "number")
-				alreadyImportedModules[id] = true;
-		}
-		for(i = 0; i < modules.length; i++) {
-			var item = modules[i];
-			// skip already imported module
-			// this implementation is not 100% perfect for weird media query combinations
-			//  when a module is imported multiple times with different media queries.
-			//  I hope this will never occur (Hey this way we have smaller bundles)
-			if(typeof item[0] !== "number" || !alreadyImportedModules[item[0]]) {
-				if(mediaQuery && !item[2]) {
-					item[2] = mediaQuery;
-				} else if(mediaQuery) {
-					item[2] = "(" + item[2] + ") and (" + mediaQuery + ")";
-				}
-				list.push(item);
-			}
-		}
-	};
-	return list;
-};
-
-function cssWithMappingToString(item, useSourceMap) {
-	var content = item[1] || '';
-	var cssMapping = item[3];
-	if (!cssMapping) {
-		return content;
-	}
-
-	if (useSourceMap && typeof btoa === 'function') {
-		var sourceMapping = toComment(cssMapping);
-		var sourceURLs = cssMapping.sources.map(function (source) {
-			return '/*# sourceURL=' + cssMapping.sourceRoot + source + ' */'
-		});
-
-		return [content].concat(sourceURLs).concat([sourceMapping]).join('\n');
-	}
-
-	return [content].join('\n');
-}
-
-// Adapted from convert-source-map (MIT)
-function toComment(sourceMap) {
-	// eslint-disable-next-line no-undef
-	var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))));
-	var data = 'sourceMappingURL=data:application/json;charset=utf-8;base64,' + base64;
-
-	return '/*# ' + data + ' */';
-}

package/lib/getImportPrefix.js

@@ -1,14 +0,0 @@
-/*
-	MIT License http://www.opensource.org/licenses/mit-license.php
-	Author Tobias Koppers @sokra
-*/
-module.exports = function getImportPrefix(loaderContext, query) {
-	if(query.importLoaders === false)
-		return "";
-	var importLoaders = parseInt(query.importLoaders, 10) || 0;
-	var loadersRequest = loaderContext.loaders.slice(
-		loaderContext.loaderIndex,
-		loaderContext.loaderIndex + 1 + importLoaders
-	).map(function(x) { return x.request; }).join("!");
-	return "-!" + loadersRequest + "!";
-};

package/lib/getLocalIdent.js

@@ -1,23 +0,0 @@
-/*
-	MIT License http://www.opensource.org/licenses/mit-license.php
-	Author Tobias Koppers @sokra
-*/
-var loaderUtils = require("loader-utils");
-var path = require("path");
-
-module.exports = function getLocalIdent(loaderContext, localIdentName, localName, options) {
-	if(!options.context) {
-		if (loaderContext.rootContext) {
-			options.context = loaderContext.rootContext;
-		} else if (loaderContext.options && typeof loaderContext.options.context === "string") {
-			options.context = loaderContext.options.context;
-		} else {
-			options.context = loaderContext.context;
-		}
-	}
-	var request = path.relative(options.context, loaderContext.resourcePath);
-	options.content = options.hashPrefix + request + "+" + localName;
-	localIdentName = localIdentName.replace(/\[local\]/gi, localName);
-	var hash = loaderUtils.interpolateName(loaderContext, localIdentName, options);
-	return hash.replace(new RegExp("[^a-zA-Z0-9\\-_\u00A0-\uFFFF]", "g"), "-").replace(/^((-?[0-9])|--)/, "_$1");
-};