css-loader 1.0.1 → 2.1.0

package/lib/loader.js

@@ -1,144 +0,0 @@
-/*
-	MIT License http://www.opensource.org/licenses/mit-license.php
-	Author Tobias Koppers @sokra
-*/
-var loaderUtils = require("loader-utils");
-var processCss = require("./processCss");
-var getImportPrefix = require("./getImportPrefix");
-var compileExports = require("./compile-exports");
-
-
-module.exports = function(content, map) {
-	var callback = this.async();
-	var query = loaderUtils.getOptions(this) || {};
-	var moduleMode = query.modules;
-	var camelCaseKeys = query.camelCase;
-	var sourceMap = query.sourceMap || false;
-
-	if(sourceMap) {
-		if (map) {
-			if (typeof map === "string") {
-				map = JSON.stringify(map);
-			}
-
-			if (map.sources) {
-				map.sources = map.sources.map(function (source) {
-					return source.replace(/\\/g, '/');
-				});
-				map.sourceRoot = '';
-			}
-		}
-	} else {
-		// Some loaders (example `"postcss-loader": "1.x.x"`) always generates source map, we should remove it
-		map = null;
-	}
-
-	processCss(content, map, {
-		mode: moduleMode ? "local" : "global",
-		from: loaderUtils.getRemainingRequest(this).split("!").pop(),
-		to: loaderUtils.getCurrentRequest(this).split("!").pop(),
-		query: query,
-		loaderContext: this,
-		sourceMap: sourceMap
-	}, function(err, result) {
-		if(err) return callback(err);
-
-		var cssAsString = JSON.stringify(result.source);
-
-		// for importing CSS
-		var importUrlPrefix = getImportPrefix(this, query);
-
-		var alreadyImported = {};
-		var importJs = result.importItems.map(function(imp) {
-			// fixes #781 when importing `url(filename.css )`
-			imp.url = imp.url.trim();
-			return imp;
-		}).filter(function(imp) {
-			if(!imp.mediaQuery) {
-				if(alreadyImported[imp.url])
-					return false;
-				alreadyImported[imp.url] = true;
-			}
-			return true;
-		}).map(function(imp) {
-			if(!loaderUtils.isUrlRequest(imp.url)) {
-				return "exports.push([module.id, " +
-					JSON.stringify("@import url(" + imp.url + ");") + ", " +
-					JSON.stringify(imp.mediaQuery) + "]);";
-			} else {
-				var importUrl = importUrlPrefix + imp.url;
-				return "exports.i(require(" + loaderUtils.stringifyRequest(this, importUrl) + "), " + JSON.stringify(imp.mediaQuery) + ");";
-			}
-		}, this).join("\n");
-
-		function importItemMatcher(item) {
-			var match = result.importItemRegExp.exec(item);
-			var idx = +match[1];
-			var importItem = result.importItems[idx];
-			var importUrl = importUrlPrefix + importItem.url;
-			return "\" + require(" + loaderUtils.stringifyRequest(this, importUrl) + ").locals" +
-				"[" + JSON.stringify(importItem.export) + "] + \"";
-		}
-
-		cssAsString = cssAsString.replace(result.importItemRegExpG, importItemMatcher.bind(this));
-
-		// helper for ensuring valid CSS strings from requires
-		var urlEscapeHelper = "";
-
-		if(query.url !== false && result.urlItems.length > 0) {
-			urlEscapeHelper = "var escape = require(" + loaderUtils.stringifyRequest(this, require.resolve("./url/escape.js")) + ");\n";
-
-			cssAsString = cssAsString.replace(result.urlItemRegExpG, function(item) {
-				var match = result.urlItemRegExp.exec(item);
-				var idx = +match[1];
-				var urlItem = result.urlItems[idx];
-				var url = urlItem.url;
-				idx = url.indexOf("?#");
-				if(idx < 0) idx = url.indexOf("#");
-				var urlRequest;
-				if(idx > 0) { // idx === 0 is catched by isUrlRequest
-					// in cases like url('webfont.eot?#iefix')
-					urlRequest = url.substr(0, idx);
-					return "\" + escape(require(" + loaderUtils.stringifyRequest(this, urlRequest) + ")) + \"" +
-							url.substr(idx);
-				}
-				urlRequest = url;
-				return "\" + escape(require(" + loaderUtils.stringifyRequest(this, urlRequest) + ")) + \"";
-			}.bind(this));
-		}
-
-		var exportJs = compileExports(result, importItemMatcher.bind(this), camelCaseKeys);
-		if (exportJs) {
-			exportJs = "exports.locals = " + exportJs + ";";
-		}
-
-		var moduleJs;
-		if(sourceMap && result.map) {
-			// add a SourceMap
-			map = result.map;
-			if(map.sources) {
-				map.sources = map.sources.map(function(source) {
-					return source.split("!").pop().replace(/\\/g, '/');
-				}, this);
-				map.sourceRoot = "";
-			}
-			map.file = map.file.split("!").pop().replace(/\\/g, '/');
-			map = JSON.stringify(map);
-			moduleJs = "exports.push([module.id, " + cssAsString + ", \"\", " + map + "]);";
-		} else {
-			moduleJs = "exports.push([module.id, " + cssAsString + ", \"\"]);";
-		}
-
-		// embed runtime
-		callback(null, urlEscapeHelper +
-			"exports = module.exports = require(" +
-			loaderUtils.stringifyRequest(this, require.resolve("./css-base.js")) +
-			")(" + sourceMap + ");\n" +
-			"// imports\n" +
-			importJs + "\n\n" +
-			"// module\n" +
-			moduleJs + "\n\n" +
-			"// exports\n" +
-			exportJs);
-	}.bind(this));
-};

package/lib/localsLoader.js

@@ -1,44 +0,0 @@
-/*
-	MIT License http://www.opensource.org/licenses/mit-license.php
-	Author Tobias Koppers @sokra
-*/
-var loaderUtils = require("loader-utils");
-var processCss = require("./processCss");
-var getImportPrefix = require("./getImportPrefix");
-var compileExports = require("./compile-exports");
-
-
-module.exports = function(content) {
-	var callback = this.async();
-	var query = loaderUtils.getOptions(this) || {};
-	var moduleMode = query.modules;
-	var camelCaseKeys = query.camelCase;
-
-	processCss(content, null, {
-		mode: moduleMode ? "local" : "global",
-		query: query,
-		loaderContext: this,
-	}, function(err, result) {
-		if(err) return callback(err);
-
-		// for importing CSS
-		var importUrlPrefix = getImportPrefix(this, query);
-
-		function importItemMatcher(item) {
-			var match = result.importItemRegExp.exec(item);
-			var idx = +match[1];
-			var importItem = result.importItems[idx];
-			var importUrl = importUrlPrefix + importItem.url;
-			return "\" + require(" + loaderUtils.stringifyRequest(this, importUrl) + ")" +
-				"[" + JSON.stringify(importItem.export) + "] + \"";
-		}
-
-		var exportJs = compileExports(result, importItemMatcher.bind(this), camelCaseKeys);
-		if (exportJs) {
-			exportJs = "module.exports = " + exportJs + ";";
-		}
-
-
-		callback(null, exportJs);
-	}.bind(this));
-};

package/lib/processCss.js

@@ -1,244 +0,0 @@
-/*
-	MIT License http://www.opensource.org/licenses/mit-license.php
-	Author Tobias Koppers @sokra
-*/
-var formatCodeFrame = require("babel-code-frame");
-var Tokenizer = require("css-selector-tokenizer");
-var postcss = require("postcss");
-var loaderUtils = require("loader-utils");
-var getLocalIdent = require("./getLocalIdent");
-
-var icssUtils = require('icss-utils');
-var localByDefault = require("postcss-modules-local-by-default");
-var extractImports = require("postcss-modules-extract-imports");
-var modulesScope = require("postcss-modules-scope");
-var modulesValues = require("postcss-modules-values");
-var valueParser = require('postcss-value-parser');
-
-var parserPlugin = postcss.plugin("css-loader-parser", function(options) {
-	return function(css) {
-		var imports = {};
-		var exports = {};
-		var importItems = [];
-		var urlItems = [];
-
-		function replaceImportsInString(str) {
-			if(options.import) {
-				var tokens = valueParser(str);
-				tokens.walk(function (node) {
-					if (node.type !== 'word') {
-						return;
-					}
-					var token = node.value;
-					var importIndex = imports["$" + token];
-					if(typeof importIndex === "number") {
-						node.value = "___CSS_LOADER_IMPORT___" + importIndex + "___";
-					}
-				})
-				return tokens.toString();
-			}
-			return str;
-		}
-
-		if(options.import) {
-			css.walkAtRules(/^import$/i, function(rule) {
-				var values = Tokenizer.parseValues(rule.params);
-				var url = values.nodes[0].nodes[0];
-				if(url && url.type === "url") {
-					url = url.url;
-				} else if(url && url.type === "string") {
-					url = url.value;
-				} else throw rule.error("Unexpected format " + rule.params);
-				if (!url.replace(/\s/g, '').length) {
-					return;
-				}
-				values.nodes[0].nodes.shift();
-				var mediaQuery = Tokenizer.stringifyValues(values);
-
-				if(loaderUtils.isUrlRequest(url)) {
-					url = loaderUtils.urlToRequest(url);
-				}
-
-				importItems.push({
-					url: url,
-					mediaQuery: mediaQuery
-				});
-				rule.remove();
-			});
-		}
-
-		var icss = icssUtils.extractICSS(css);
-		exports = icss.icssExports;
-		Object.keys(icss.icssImports).forEach(function(key) {
-			var url = loaderUtils.parseString(key);
-			Object.keys(icss.icssImports[key]).forEach(function(prop) {
-				imports["$" + prop] = importItems.length;
-				importItems.push({
-					url: url,
-					export: icss.icssImports[key][prop]
-				});
-			})
-		});
-
-		Object.keys(exports).forEach(function(exportName) {
-			exports[exportName] = replaceImportsInString(exports[exportName]);
-		});
-
-		function processNode(item) {
-			switch (item.type) {
-				case "value":
-					item.nodes.forEach(processNode);
-					break;
-				case "nested-item":
-					item.nodes.forEach(processNode);
-					break;
-				case "item":
-					var importIndex = imports["$" + item.name];
-					if (typeof importIndex === "number") {
-						item.name = "___CSS_LOADER_IMPORT___" + importIndex + "___";
-					}
-					break;
-				case "url":
-					if (options.url && item.url.replace(/\s/g, '').length && !/^#/.test(item.url) && loaderUtils.isUrlRequest(item.url)) {
-						// Strip quotes, they will be re-added if the module needs them
-						item.stringType = "";
-						delete item.innerSpacingBefore;
-						delete item.innerSpacingAfter;
-						var url = item.url;
-						item.url = "___CSS_LOADER_URL___" + urlItems.length + "___";
-						urlItems.push({
-							url: url
-						});
-					}
-					break;
-			}
-		}
-
-		css.walkDecls(function(decl) {
-			var values = Tokenizer.parseValues(decl.value);
-			values.nodes.forEach(function(value) {
-				value.nodes.forEach(processNode);
-			});
-			decl.value = Tokenizer.stringifyValues(values);
-		});
-		css.walkAtRules(function(atrule) {
-			if(typeof atrule.params === "string") {
-				atrule.params = replaceImportsInString(atrule.params);
-			}
-		});
-
-		options.importItems = importItems;
-		options.urlItems = urlItems;
-		options.exports = exports;
-	};
-});
-
-module.exports = function processCss(inputSource, inputMap, options, callback) {
-	var query = options.query;
-	var context = query.context;
-	var localIdentName = query.localIdentName || "[hash:base64]";
-	var localIdentRegExp = query.localIdentRegExp;
-
-	var customGetLocalIdent = query.getLocalIdent || getLocalIdent;
-
-	var parserOptions = {
-		mode: options.mode,
-		url: query.url !== false,
-		import: query.import !== false,
-		resolve: options.resolve
-	};
-
-	var pipeline = postcss([
-		modulesValues,
-		localByDefault({
-			mode: options.mode,
-			rewriteUrl: function(global, url) {
-				if(parserOptions.url){
-                    url = url.trim();
-
-					if(!url.replace(/\s/g, '').length || !loaderUtils.isUrlRequest(url)) {
-						return url;
-					}
-					if(global) {
-						return loaderUtils.urlToRequest(url);
-					}
-				}
-				return url;
-			}
-		}),
-		extractImports(),
-		modulesScope({
-			generateScopedName: function generateScopedName (exportName) {
-				return customGetLocalIdent(options.loaderContext, localIdentName, exportName, {
-					regExp: localIdentRegExp,
-					hashPrefix: query.hashPrefix || "",
-					context: context
-				});
-			}
-		}),
-		parserPlugin(parserOptions)
-	]);
-
-	pipeline.process(inputSource, {
-		// we need a prefix to avoid path rewriting of PostCSS
-		from: "/css-loader!" + options.from,
-		to: options.to,
-		map: options.sourceMap ? {
-			prev: inputMap,
-			sourcesContent: true,
-			inline: false,
-			annotation: false
-		} : null
-	}).then(function(result) {
-		callback(null, {
-			source: result.css,
-			map: result.map && result.map.toJSON(),
-			exports: parserOptions.exports,
-			importItems: parserOptions.importItems,
-			importItemRegExpG: /___CSS_LOADER_IMPORT___([0-9]+)___/g,
-			importItemRegExp: /___CSS_LOADER_IMPORT___([0-9]+)___/,
-			urlItems: parserOptions.urlItems,
-			urlItemRegExpG: /___CSS_LOADER_URL___([0-9]+)___/g,
-			urlItemRegExp: /___CSS_LOADER_URL___([0-9]+)___/
-		});
-	}).catch(function(err) {
-		if (err.name === 'CssSyntaxError') {
-			var wrappedError = new CSSLoaderError(
-				'Syntax Error',
-				err.reason,
-				err.line != null && err.column != null
-					? {line: err.line, column: err.column}
-					: null,
-				err.input.source
-			);
-			callback(wrappedError);
-		} else {
-			callback(err);
-		}
-	});
-};
-
-function formatMessage(message, loc, source) {
-	var formatted = message;
-	if (loc) {
-		formatted = formatted
-			+ ' (' + loc.line + ':' + loc.column + ')';
-	}
-	if (loc && source) {
-		formatted = formatted
-			+ '\n\n' + formatCodeFrame(source, loc.line, loc.column) + '\n';
-	}
-	return formatted;
-}
-
-function CSSLoaderError(name, message, loc, source, error) {
-	Error.call(this);
-	Error.captureStackTrace(this, CSSLoaderError);
-	this.name = name;
-	this.error = error;
-	this.message = formatMessage(message, loc, source);
-	this.hideStack = true;
-}
-
-CSSLoaderError.prototype = Object.create(Error.prototype);
-CSSLoaderError.prototype.constructor = CSSLoaderError;

package/lib/url/escape.js

@@ -1,16 +0,0 @@
-module.exports = function escape(url) {
-    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)) {
-        return '"' + url.replace(/"/g, '\\"').replace(/\n/g, '\\n') + '"'
-    }
-
-    return url
-}

package/locals.js

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