├── .eslintrc
├── .gitignore
├── .npmignore
├── .travis.yml
├── README.md
├── example
    ├── README.md
    ├── dist
    │   └── app.js
    ├── index.css
    ├── index.html
    ├── index.js
    ├── package.json
    ├── second.css
    └── webpack.config.js
├── index.js
├── lib
    ├── compile-exports.js
    ├── css-base.js
    ├── getImportPrefix.js
    ├── getLocalIdent.js
    ├── loader.js
    ├── localsLoader.js
    └── processCss.js
├── locals.js
├── package.json
└── test
    ├── camelCaseTest.js
    ├── cssBaseTest.js
    ├── helpers.js
    ├── importTest.js
    ├── localTest.js
    ├── localsTest.js
    ├── moduleMinimizeTest.js
    ├── moduleMinimizeTestCases
        └── keyframes-and-animation
        │   ├── expected.css
        │   └── source.css
    ├── moduleTest.js
    ├── moduleTestCases
        ├── class-names
        │   ├── expected.css
        │   └── source.css
        ├── comments
        │   ├── expected.css
        │   └── source.css
        ├── keyframes-and-animation
        │   ├── expected.css
        │   └── source.css
        ├── leak-scope
        │   ├── expected.css
        │   └── source.css
        ├── simple
        │   ├── expected.css
        │   └── source.css
        ├── urls
        │   ├── expected.css
        │   └── source.css
        └── values
        │   ├── expected.css
        │   └── source.css
    ├── rtlTest.js
    ├── simpleTest.js
    ├── sourceMapTest.js
    ├── urlTest.js
    └── valuesTest.js


/.eslintrc:
--------------------------------------------------------------------------------
 1 | {
 2 | 	"env": {
 3 | 		"node": true
 4 | 	},
 5 | 	"rules": {
 6 | 		"strict": 0,
 7 | 		"curly": 0,
 8 | 		"quotes": 0
 9 | 	}
10 | }
11 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | coverage


--------------------------------------------------------------------------------
/.npmignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | coverage
3 | test
4 | example
5 | 


--------------------------------------------------------------------------------
/.travis.yml:
--------------------------------------------------------------------------------
 1 | sudo: false
 2 | language: node_js
 3 | node_js:
 4 |   - "0.12"
 5 |   - "node"
 6 |   - "iojs"
 7 | 
 8 | notifications:
 9 |   email: false
10 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # (rtl) css loader for webpack [![Build Status](https://img.shields.io/travis/romainberger/rtl-css-loader/master.svg?style=flat-square)](https://travis-ci.org/romainberger/rtl-css-loader)
 2 | 
 3 | Fork of the [css loader](https://github.com/webpack/css-loader), improved for rtl.
 4 | 
 5 | Drop-in replacement of the css-loader, it simply checks the `dir` attribute on the `html` tag on the page, then injects either the regular css or the rtl'ized css.
 6 | 
 7 | Uses [rtlcss](https://github.com/MohammadYounes/rtlcss) under the hood.
 8 | 
 9 | **Warning** This module should only be used for development. The processing of your css being done server-side, the bundle will include both the regular css and the rtl version, which can make your bundle a lot bigger. If you're using the `extract-text-webpack-plugin`, check out the [webpack-rtl-plugin](https://github.com/romainberger/webpack-rtl-plugin).
10 | 
11 | Check out the [webpack-rtl-example](https://github.com/romainberger/webpack-rtl-example) to see an example of an app using the rtl-css-loader and webpack-rtl-plugin.
12 | 
13 | ## installation
14 | 
15 | `npm install rtl-css-loader --save-dev`
16 | 
17 | ## Usage
18 | 
19 | Use it exactly like the [css-loader](https://github.com/webpack/css-loader):
20 | 
21 | ``` javascript
22 | module.exports = {
23 |   module: {
24 |     loaders: [
25 |       {
26 |         test: /\.css$/,
27 |         loaders: ['style', 'rtl-css']
28 |       },
29 |     ]
30 |   }
31 | };
32 | ```
33 | 
34 | ## License
35 | 
36 | [MIT](http://www.opensource.org/licenses/mit-license.php)
37 | 


--------------------------------------------------------------------------------
/example/README.md:
--------------------------------------------------------------------------------
 1 | # rtl-css-loader example
 2 | 
 3 | # Usage
 4 | 
 5 | ```shell
 6 | # install the module dependencies
 7 | cd ..
 8 | npm install
 9 | 
10 | # install the example dependencies
11 | cd example
12 | npm install
13 | 
14 | # run the webpack compilation
15 | npm run webpack
16 | 
17 | # start the development server (uses python)
18 | npm start
19 | ```
20 | 
21 | Then open your browser at [http://localhost:3000](http://localhost:3000).
22 | 
23 | To see how the module works, open `index.html` then change the `dir` attribute on the `html` tag.
24 | 


--------------------------------------------------------------------------------
/example/dist/app.js:
--------------------------------------------------------------------------------
  1 | /******/ (function(modules) { // webpackBootstrap
  2 | /******/ 	// The module cache
  3 | /******/ 	var installedModules = {};
  4 | 
  5 | /******/ 	// The require function
  6 | /******/ 	function __webpack_require__(moduleId) {
  7 | 
  8 | /******/ 		// Check if module is in cache
  9 | /******/ 		if(installedModules[moduleId])
 10 | /******/ 			return installedModules[moduleId].exports;
 11 | 
 12 | /******/ 		// Create a new module (and put it into the cache)
 13 | /******/ 		var module = installedModules[moduleId] = {
 14 | /******/ 			exports: {},
 15 | /******/ 			id: moduleId,
 16 | /******/ 			loaded: false
 17 | /******/ 		};
 18 | 
 19 | /******/ 		// Execute the module function
 20 | /******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
 21 | 
 22 | /******/ 		// Flag the module as loaded
 23 | /******/ 		module.loaded = true;
 24 | 
 25 | /******/ 		// Return the exports of the module
 26 | /******/ 		return module.exports;
 27 | /******/ 	}
 28 | 
 29 | 
 30 | /******/ 	// expose the modules object (__webpack_modules__)
 31 | /******/ 	__webpack_require__.m = modules;
 32 | 
 33 | /******/ 	// expose the module cache
 34 | /******/ 	__webpack_require__.c = installedModules;
 35 | 
 36 | /******/ 	// __webpack_public_path__
 37 | /******/ 	__webpack_require__.p = "";
 38 | 
 39 | /******/ 	// Load entry module and return exports
 40 | /******/ 	return __webpack_require__(0);
 41 | /******/ })
 42 | /************************************************************************/
 43 | /******/ ([
 44 | /* 0 */
 45 | /***/ function(module, exports, __webpack_require__) {
 46 | 
 47 | 	__webpack_require__(1)
 48 | 	console.log('Hey wassup')
 49 | 
 50 | 
 51 | /***/ },
 52 | /* 1 */
 53 | /***/ function(module, exports, __webpack_require__) {
 54 | 
 55 | 	// style-loader: Adds some css to the DOM by adding a <style> tag
 56 | 
 57 | 	// load the styles
 58 | 	var content = __webpack_require__(2);
 59 | 	if(typeof content === 'string') content = [[module.id, content, '']];
 60 | 	// add the styles to the DOM
 61 | 	var update = __webpack_require__(5)(content, {});
 62 | 	if(content.locals) module.exports = content.locals;
 63 | 	// Hot Module Replacement
 64 | 	if(false) {
 65 | 		// When the styles change, update the <style> tags
 66 | 		if(!content.locals) {
 67 | 			module.hot.accept("!!./../index.js!./index.css", function() {
 68 | 				var newContent = require("!!./../index.js!./index.css");
 69 | 				if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
 70 | 				update(newContent);
 71 | 			});
 72 | 		}
 73 | 		// When the module is disposed, remove the <style> tags
 74 | 		module.hot.dispose(function() { update(); });
 75 | 	}
 76 | 
 77 | /***/ },
 78 | /* 2 */
 79 | /***/ function(module, exports, __webpack_require__) {
 80 | 
 81 | 	exports = module.exports = __webpack_require__(3)();
 82 | 	// imports
 83 | 	exports.i(__webpack_require__(4), "");
 84 | 
 85 | 	// module
 86 | 	exports.push([module.id, document.getElementsByTagName('html')[0].getAttribute('dir') === 'rtl' ? "body {\n    background: #eee;\n}\n\n#root {\n    position: absolute;\n    right: 50px;\n}\n" : "body {\n    background: #eee;\n}\n\n#root {\n    position: absolute;\n    left: 50px;\n}\n", ""]);
 87 | 
 88 | 	// exports
 89 | 
 90 | 
 91 | /***/ },
 92 | /* 3 */
 93 | /***/ function(module, exports) {
 94 | 
 95 | 	/*
 96 | 		MIT License http://www.opensource.org/licenses/mit-license.php
 97 | 		Author Tobias Koppers @sokra
 98 | 	*/
 99 | 	// css base code, injected by the css-loader
100 | 	module.exports = function() {
101 | 		var list = [];
102 | 
103 | 		// return the list of modules as css string
104 | 		list.toString = function toString() {
105 | 			var result = [];
106 | 			for(var i = 0; i < this.length; i++) {
107 | 				var item = this[i];
108 | 				if(item[2]) {
109 | 					result.push("@media " + item[2] + "{" + item[1] + "}");
110 | 				} else {
111 | 					result.push(item[1]);
112 | 				}
113 | 			}
114 | 			return result.join("");
115 | 		};
116 | 
117 | 		// import a list of modules into the list
118 | 		list.i = function(modules, mediaQuery) {
119 | 			if(typeof modules === "string")
120 | 				modules = [[null, modules, ""]];
121 | 			var alreadyImportedModules = {};
122 | 			for(var i = 0; i < this.length; i++) {
123 | 				var id = this[i][0];
124 | 				if(typeof id === "number")
125 | 					alreadyImportedModules[id] = true;
126 | 			}
127 | 			for(i = 0; i < modules.length; i++) {
128 | 				var item = modules[i];
129 | 				// skip already imported module
130 | 				// this implementation is not 100% perfect for weird media query combinations
131 | 				//  when a module is imported multiple times with different media queries.
132 | 				//  I hope this will never occur (Hey this way we have smaller bundles)
133 | 				if(typeof item[0] !== "number" || !alreadyImportedModules[item[0]]) {
134 | 					if(mediaQuery && !item[2]) {
135 | 						item[2] = mediaQuery;
136 | 					} else if(mediaQuery) {
137 | 						item[2] = "(" + item[2] + ") and (" + mediaQuery + ")";
138 | 					}
139 | 					list.push(item);
140 | 				}
141 | 			}
142 | 		};
143 | 		return list;
144 | 	};
145 | 
146 | 
147 | /***/ },
148 | /* 4 */
149 | /***/ function(module, exports, __webpack_require__) {
150 | 
151 | 	exports = module.exports = __webpack_require__(3)();
152 | 	// imports
153 | 
154 | 
155 | 	// module
156 | 	exports.push([module.id, document.getElementsByTagName('html')[0].getAttribute('dir') === 'rtl' ? "body {\n    color: #00f;\n}\n" : "body {\n    color: #00f;\n}\n", ""]);
157 | 
158 | 	// exports
159 | 
160 | 
161 | /***/ },
162 | /* 5 */
163 | /***/ function(module, exports, __webpack_require__) {
164 | 
165 | 	/*
166 | 		MIT License http://www.opensource.org/licenses/mit-license.php
167 | 		Author Tobias Koppers @sokra
168 | 	*/
169 | 	var stylesInDom = {},
170 | 		memoize = function(fn) {
171 | 			var memo;
172 | 			return function () {
173 | 				if (typeof memo === "undefined") memo = fn.apply(this, arguments);
174 | 				return memo;
175 | 			};
176 | 		},
177 | 		isOldIE = memoize(function() {
178 | 			return /msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase());
179 | 		}),
180 | 		getHeadElement = memoize(function () {
181 | 			return document.head || document.getElementsByTagName("head")[0];
182 | 		}),
183 | 		singletonElement = null,
184 | 		singletonCounter = 0,
185 | 		styleElementsInsertedAtTop = [];
186 | 
187 | 	module.exports = function(list, options) {
188 | 		if(false) {
189 | 			if(typeof document !== "object") throw new Error("The style-loader cannot be used in a non-browser environment");
190 | 		}
191 | 
192 | 		options = options || {};
193 | 		// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>
194 | 		// tags it will allow on a page
195 | 		if (typeof options.singleton === "undefined") options.singleton = isOldIE();
196 | 
197 | 		// By default, add <style> tags to the bottom of <head>.
198 | 		if (typeof options.insertAt === "undefined") options.insertAt = "bottom";
199 | 
200 | 		var styles = listToStyles(list);
201 | 		addStylesToDom(styles, options);
202 | 
203 | 		return function update(newList) {
204 | 			var mayRemove = [];
205 | 			for(var i = 0; i < styles.length; i++) {
206 | 				var item = styles[i];
207 | 				var domStyle = stylesInDom[item.id];
208 | 				domStyle.refs--;
209 | 				mayRemove.push(domStyle);
210 | 			}
211 | 			if(newList) {
212 | 				var newStyles = listToStyles(newList);
213 | 				addStylesToDom(newStyles, options);
214 | 			}
215 | 			for(var i = 0; i < mayRemove.length; i++) {
216 | 				var domStyle = mayRemove[i];
217 | 				if(domStyle.refs === 0) {
218 | 					for(var j = 0; j < domStyle.parts.length; j++)
219 | 						domStyle.parts[j]();
220 | 					delete stylesInDom[domStyle.id];
221 | 				}
222 | 			}
223 | 		};
224 | 	}
225 | 
226 | 	function addStylesToDom(styles, options) {
227 | 		for(var i = 0; i < styles.length; i++) {
228 | 			var item = styles[i];
229 | 			var domStyle = stylesInDom[item.id];
230 | 			if(domStyle) {
231 | 				domStyle.refs++;
232 | 				for(var j = 0; j < domStyle.parts.length; j++) {
233 | 					domStyle.parts[j](item.parts[j]);
234 | 				}
235 | 				for(; j < item.parts.length; j++) {
236 | 					domStyle.parts.push(addStyle(item.parts[j], options));
237 | 				}
238 | 			} else {
239 | 				var parts = [];
240 | 				for(var j = 0; j < item.parts.length; j++) {
241 | 					parts.push(addStyle(item.parts[j], options));
242 | 				}
243 | 				stylesInDom[item.id] = {id: item.id, refs: 1, parts: parts};
244 | 			}
245 | 		}
246 | 	}
247 | 
248 | 	function listToStyles(list) {
249 | 		var styles = [];
250 | 		var newStyles = {};
251 | 		for(var i = 0; i < list.length; i++) {
252 | 			var item = list[i];
253 | 			var id = item[0];
254 | 			var css = item[1];
255 | 			var media = item[2];
256 | 			var sourceMap = item[3];
257 | 			var part = {css: css, media: media, sourceMap: sourceMap};
258 | 			if(!newStyles[id])
259 | 				styles.push(newStyles[id] = {id: id, parts: [part]});
260 | 			else
261 | 				newStyles[id].parts.push(part);
262 | 		}
263 | 		return styles;
264 | 	}
265 | 
266 | 	function insertStyleElement(options, styleElement) {
267 | 		var head = getHeadElement();
268 | 		var lastStyleElementInsertedAtTop = styleElementsInsertedAtTop[styleElementsInsertedAtTop.length - 1];
269 | 		if (options.insertAt === "top") {
270 | 			if(!lastStyleElementInsertedAtTop) {
271 | 				head.insertBefore(styleElement, head.firstChild);
272 | 			} else if(lastStyleElementInsertedAtTop.nextSibling) {
273 | 				head.insertBefore(styleElement, lastStyleElementInsertedAtTop.nextSibling);
274 | 			} else {
275 | 				head.appendChild(styleElement);
276 | 			}
277 | 			styleElementsInsertedAtTop.push(styleElement);
278 | 		} else if (options.insertAt === "bottom") {
279 | 			head.appendChild(styleElement);
280 | 		} else {
281 | 			throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");
282 | 		}
283 | 	}
284 | 
285 | 	function removeStyleElement(styleElement) {
286 | 		styleElement.parentNode.removeChild(styleElement);
287 | 		var idx = styleElementsInsertedAtTop.indexOf(styleElement);
288 | 		if(idx >= 0) {
289 | 			styleElementsInsertedAtTop.splice(idx, 1);
290 | 		}
291 | 	}
292 | 
293 | 	function createStyleElement(options) {
294 | 		var styleElement = document.createElement("style");
295 | 		styleElement.type = "text/css";
296 | 		insertStyleElement(options, styleElement);
297 | 		return styleElement;
298 | 	}
299 | 
300 | 	function createLinkElement(options) {
301 | 		var linkElement = document.createElement("link");
302 | 		linkElement.rel = "stylesheet";
303 | 		insertStyleElement(options, linkElement);
304 | 		return linkElement;
305 | 	}
306 | 
307 | 	function addStyle(obj, options) {
308 | 		var styleElement, update, remove;
309 | 
310 | 		if (options.singleton) {
311 | 			var styleIndex = singletonCounter++;
312 | 			styleElement = singletonElement || (singletonElement = createStyleElement(options));
313 | 			update = applyToSingletonTag.bind(null, styleElement, styleIndex, false);
314 | 			remove = applyToSingletonTag.bind(null, styleElement, styleIndex, true);
315 | 		} else if(obj.sourceMap &&
316 | 			typeof URL === "function" &&
317 | 			typeof URL.createObjectURL === "function" &&
318 | 			typeof URL.revokeObjectURL === "function" &&
319 | 			typeof Blob === "function" &&
320 | 			typeof btoa === "function") {
321 | 			styleElement = createLinkElement(options);
322 | 			update = updateLink.bind(null, styleElement);
323 | 			remove = function() {
324 | 				removeStyleElement(styleElement);
325 | 				if(styleElement.href)
326 | 					URL.revokeObjectURL(styleElement.href);
327 | 			};
328 | 		} else {
329 | 			styleElement = createStyleElement(options);
330 | 			update = applyToTag.bind(null, styleElement);
331 | 			remove = function() {
332 | 				removeStyleElement(styleElement);
333 | 			};
334 | 		}
335 | 
336 | 		update(obj);
337 | 
338 | 		return function updateStyle(newObj) {
339 | 			if(newObj) {
340 | 				if(newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap)
341 | 					return;
342 | 				update(obj = newObj);
343 | 			} else {
344 | 				remove();
345 | 			}
346 | 		};
347 | 	}
348 | 
349 | 	var replaceText = (function () {
350 | 		var textStore = [];
351 | 
352 | 		return function (index, replacement) {
353 | 			textStore[index] = replacement;
354 | 			return textStore.filter(Boolean).join('\n');
355 | 		};
356 | 	})();
357 | 
358 | 	function applyToSingletonTag(styleElement, index, remove, obj) {
359 | 		var css = remove ? "" : obj.css;
360 | 
361 | 		if (styleElement.styleSheet) {
362 | 			styleElement.styleSheet.cssText = replaceText(index, css);
363 | 		} else {
364 | 			var cssNode = document.createTextNode(css);
365 | 			var childNodes = styleElement.childNodes;
366 | 			if (childNodes[index]) styleElement.removeChild(childNodes[index]);
367 | 			if (childNodes.length) {
368 | 				styleElement.insertBefore(cssNode, childNodes[index]);
369 | 			} else {
370 | 				styleElement.appendChild(cssNode);
371 | 			}
372 | 		}
373 | 	}
374 | 
375 | 	function applyToTag(styleElement, obj) {
376 | 		var css = obj.css;
377 | 		var media = obj.media;
378 | 
379 | 		if(media) {
380 | 			styleElement.setAttribute("media", media)
381 | 		}
382 | 
383 | 		if(styleElement.styleSheet) {
384 | 			styleElement.styleSheet.cssText = css;
385 | 		} else {
386 | 			while(styleElement.firstChild) {
387 | 				styleElement.removeChild(styleElement.firstChild);
388 | 			}
389 | 			styleElement.appendChild(document.createTextNode(css));
390 | 		}
391 | 	}
392 | 
393 | 	function updateLink(linkElement, obj) {
394 | 		var css = obj.css;
395 | 		var sourceMap = obj.sourceMap;
396 | 
397 | 		if(sourceMap) {
398 | 			// http://stackoverflow.com/a/26603875
399 | 			css += "\n/*# sourceMappingURL=data:application/json;base64," + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + " */";
400 | 		}
401 | 
402 | 		var blob = new Blob([css], { type: "text/css" });
403 | 
404 | 		var oldSrc = linkElement.href;
405 | 
406 | 		linkElement.href = URL.createObjectURL(blob);
407 | 
408 | 		if(oldSrc)
409 | 			URL.revokeObjectURL(oldSrc);
410 | 	}
411 | 
412 | 
413 | /***/ }
414 | /******/ ]);


--------------------------------------------------------------------------------
/example/index.css:
--------------------------------------------------------------------------------
 1 | @import "./second.css";
 2 | 
 3 | body {
 4 |     background: #eee;
 5 | }
 6 | 
 7 | #root {
 8 |     position: absolute;
 9 |     left: 50px;
10 | }
11 | 


--------------------------------------------------------------------------------
/example/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html dir="ltr">
 3 | <head>
 4 |     <title></title>
 5 | </head>
 6 | <body>
 7 |     <div id="root">Extradited to the gods of chance, the deities of all things random</div>
 8 |     <script src="dist/app.js"></script>
 9 | </body>
10 | </html>
11 | 


--------------------------------------------------------------------------------
/example/index.js:
--------------------------------------------------------------------------------
1 | require('./index.css')
2 | console.log('Hey wassup')
3 | 


--------------------------------------------------------------------------------
/example/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "rtl-css-loader-example",
 3 |   "version": "1.0.0",
 4 |   "description": "",
 5 |   "scripts": {
 6 |     "start": "python -m SimpleHTTPServer",
 7 |     "webpack": "webpack"
 8 |   },
 9 |   "author": "Romain Berger <romain@romainberger.com>",
10 |   "license": "MIT",
11 |   "dependencies": {
12 |     "css-loader": "^0.23.1",
13 |     "style-loader": "^0.13.1",
14 |     "webpack": "^1.13.1"
15 |   }
16 | }
17 | 


--------------------------------------------------------------------------------
/example/second.css:
--------------------------------------------------------------------------------
1 | body {
2 |     color: #00f;
3 | }
4 | 


--------------------------------------------------------------------------------
/example/webpack.config.js:
--------------------------------------------------------------------------------
 1 | const path = require('path')
 2 | 
 3 | module.exports = {
 4 |     entry: {
 5 |         app: path.join(__dirname, 'index.js')
 6 |     },
 7 |     output: {
 8 |         path: path.join(__dirname, 'dist'),
 9 |         filename: '[name].js'
10 |     },
11 |     module: {
12 |         loaders: [
13 |             {
14 |                 test: /\.css$/,
15 |                 loaders: ['style', 'rtl-css'],
16 |             }
17 |         ]
18 |     },
19 |     resolveLoader: {
20 |         alias: {
21 |             'rtl-css': path.join(__dirname, './../')
22 |         }
23 |     }
24 | }
25 | 


--------------------------------------------------------------------------------
/index.js:
--------------------------------------------------------------------------------
1 | /*
2 | 	MIT License http://www.opensource.org/licenses/mit-license.php
3 | 	Author Tobias Koppers @sokra
4 | */
5 | module.exports = require("./lib/loader");
6 | 


--------------------------------------------------------------------------------
/lib/compile-exports.js:
--------------------------------------------------------------------------------
 1 | var camelCase = require("lodash.camelcase");
 2 | 
 3 | function dashesCamelCase(str) {
 4 |   return str.replace(/-(\w)/g, function(match, firstLetter) {
 5 |     return firstLetter.toUpperCase();
 6 |   });
 7 | }
 8 | 
 9 | module.exports = function compileExports(result, importItemMatcher, camelCaseKeys) {
10 |   if (!Object.keys(result.exports).length) {
11 |     return "";
12 |   }
13 | 
14 |   var exportJs = Object.keys(result.exports).reduce(function(res, key) {
15 |     var valueAsString = JSON.stringify(result.exports[key]);
16 |     valueAsString = valueAsString.replace(result.importItemRegExpG, importItemMatcher);
17 |     res.push("\t" + JSON.stringify(key) + ": " + valueAsString);
18 | 
19 |     if (camelCaseKeys === true) {
20 |       res.push("\t" + JSON.stringify(camelCase(key)) + ": " + valueAsString);
21 |     } else if (camelCaseKeys === 'dashes') {
22 |       res.push("\t" + JSON.stringify(dashesCamelCase(key)) + ": " + valueAsString);
23 |     }
24 | 
25 |     return res;
26 |   }, []).join(",\n");
27 | 
28 |   return "{\n" + exportJs + "\n}";
29 | };
30 | 


--------------------------------------------------------------------------------
/lib/css-base.js:
--------------------------------------------------------------------------------
 1 | /*
 2 | 	MIT License http://www.opensource.org/licenses/mit-license.php
 3 | 	Author Tobias Koppers @sokra
 4 | */
 5 | // css base code, injected by the css-loader
 6 | module.exports = function() {
 7 | 	var list = [];
 8 | 
 9 | 	// return the list of modules as css string
10 | 	list.toString = function toString() {
11 | 		var result = [];
12 | 		for(var i = 0; i < this.length; i++) {
13 | 			var item = this[i];
14 | 			if(item[2]) {
15 | 				result.push("@media " + item[2] + "{" + item[1] + "}");
16 | 			} else {
17 | 				result.push(item[1]);
18 | 			}
19 | 		}
20 | 		return result.join("");
21 | 	};
22 | 
23 | 	// import a list of modules into the list
24 | 	list.i = function(modules, mediaQuery) {
25 | 		if(typeof modules === "string")
26 | 			modules = [[null, modules, ""]];
27 | 		var alreadyImportedModules = {};
28 | 		for(var i = 0; i < this.length; i++) {
29 | 			var id = this[i][0];
30 | 			if(typeof id === "number")
31 | 				alreadyImportedModules[id] = true;
32 | 		}
33 | 		for(i = 0; i < modules.length; i++) {
34 | 			var item = modules[i];
35 | 			// skip already imported module
36 | 			// this implementation is not 100% perfect for weird media query combinations
37 | 			//  when a module is imported multiple times with different media queries.
38 | 			//  I hope this will never occur (Hey this way we have smaller bundles)
39 | 			if(typeof item[0] !== "number" || !alreadyImportedModules[item[0]]) {
40 | 				if(mediaQuery && !item[2]) {
41 | 					item[2] = mediaQuery;
42 | 				} else if(mediaQuery) {
43 | 					item[2] = "(" + item[2] + ") and (" + mediaQuery + ")";
44 | 				}
45 | 				list.push(item);
46 | 			}
47 | 		}
48 | 	};
49 | 	return list;
50 | };
51 | 


--------------------------------------------------------------------------------
/lib/getImportPrefix.js:
--------------------------------------------------------------------------------
 1 | /*
 2 | 	MIT License http://www.opensource.org/licenses/mit-license.php
 3 | 	Author Tobias Koppers @sokra
 4 | */
 5 | module.exports = function getImportPrefix(loaderContext, query) {
 6 | 	if(query.importLoaders === false)
 7 | 		return "";
 8 | 	var importLoaders = parseInt(query.importLoaders, 10) || 0;
 9 | 	var loadersRequest = loaderContext.loaders.slice(
10 | 		loaderContext.loaderIndex,
11 | 		loaderContext.loaderIndex + 1 + importLoaders
12 | 	).map(function(x) { return x.request; }).join("!");
13 | 	return "-!" + loadersRequest + "!";
14 | };
15 | 


--------------------------------------------------------------------------------
/lib/getLocalIdent.js:
--------------------------------------------------------------------------------
 1 | /*
 2 | 	MIT License http://www.opensource.org/licenses/mit-license.php
 3 | 	Author Tobias Koppers @sokra
 4 | */
 5 | var loaderUtils = require("loader-utils");
 6 | var path = require("path");
 7 | 
 8 | module.exports = function getLocalIdent(loaderContext, localIdentName, localName, options) {
 9 | 	if(!options.context)
10 | 		options.context = loaderContext.options && typeof loaderContext.options.context === "string" ? loaderContext.options.context : loaderContext.context;
11 | 	var request = path.relative(options.context, loaderContext.resourcePath);
12 | 	options.content = options.hashPrefix + request + "+" + localName;
13 | 	localIdentName = localIdentName.replace(/\[local\]/gi, localName);
14 | 	var hash = loaderUtils.interpolateName(loaderContext, localIdentName, options);
15 | 	return hash.replace(new RegExp("[^a-zA-Z0-9\\-_\u00A0-\uFFFF]", "g"), "-").replace(/^([^a-zA-Z_])/, "_$1");
16 | };
17 | 


--------------------------------------------------------------------------------
/lib/loader.js:
--------------------------------------------------------------------------------
  1 | /*
  2 | 	MIT License http://www.opensource.org/licenses/mit-license.php
  3 | 	Author Tobias Koppers @sokra
  4 | */
  5 | var path = require("path");
  6 | var loaderUtils = require("loader-utils");
  7 | var rtlcss = require('rtlcss');
  8 | var processCss = require("./processCss");
  9 | var getImportPrefix = require("./getImportPrefix");
 10 | var compileExports = require("./compile-exports");
 11 | 
 12 | 
 13 | module.exports = function(content, map) {
 14 | 	if(this.cacheable) this.cacheable();
 15 | 	var callback = this.async();
 16 | 	var query = loaderUtils.parseQuery(this.query);
 17 | 	var root = query.root;
 18 | 	var moduleMode = query.modules || query.module;
 19 | 	var camelCaseKeys = query.camelCase || query.camelcase;
 20 | 
 21 | 	if(map !== null && typeof map !== "string") {
 22 | 		map = JSON.stringify(map);
 23 | 	}
 24 | 
 25 | 	processCss(content, map, {
 26 | 		mode: moduleMode ? "local" : "global",
 27 | 		from: loaderUtils.getRemainingRequest(this),
 28 | 		to: loaderUtils.getCurrentRequest(this),
 29 | 		query: query,
 30 | 		minimize: this.minimize,
 31 | 		loaderContext: this
 32 | 	}, function(err, result) {
 33 | 		if(err) return callback(err);
 34 | 
 35 | 		var cssAsString = JSON.stringify(result.source);
 36 | 		var rtlcssAsString = JSON.stringify(rtlcss.process(result.source));
 37 | 
 38 | 		// for importing CSS
 39 | 		var importUrlPrefix = getImportPrefix(this, query);
 40 | 
 41 | 		var alreadyImported = {};
 42 | 		var importJs = result.importItems.filter(function(imp) {
 43 | 			if(!imp.mediaQuery) {
 44 | 				if(alreadyImported[imp.url])
 45 | 					return false;
 46 | 				alreadyImported[imp.url] = true;
 47 | 			}
 48 | 			return true;
 49 | 		}).map(function(imp) {
 50 | 			if(!loaderUtils.isUrlRequest(imp.url, root)) {
 51 | 				return "exports.push([module.id, " +
 52 | 					JSON.stringify("@import url(" + imp.url + ");") + ", " +
 53 | 					JSON.stringify(imp.mediaQuery) + "]);";
 54 | 			} else {
 55 | 				var importUrl = importUrlPrefix + imp.url;
 56 | 				return "exports.i(require(" + loaderUtils.stringifyRequest(this, importUrl) + "), " + JSON.stringify(imp.mediaQuery) + ");";
 57 | 			}
 58 | 		}, this).join("\n");
 59 | 
 60 | 		function importItemMatcher(item) {
 61 | 			var match = result.importItemRegExp.exec(item);
 62 | 			var idx = +match[1];
 63 | 			var importItem = result.importItems[idx];
 64 | 			var importUrl = importUrlPrefix + importItem.url;
 65 | 			return "\" + require(" + loaderUtils.stringifyRequest(this, importUrl) + ").locals" +
 66 | 				"[" + JSON.stringify(importItem.export) + "] + \"";
 67 | 		}
 68 | 
 69 | 		cssAsString = cssAsString.replace(result.importItemRegExpG, importItemMatcher.bind(this));
 70 | 		if(query.url !== false) {
 71 | 			cssAsString = cssAsString.replace(result.urlItemRegExpG, function(item) {
 72 | 				var match = result.urlItemRegExp.exec(item);
 73 | 				var idx = +match[1];
 74 | 				var urlItem = result.urlItems[idx];
 75 | 				var url = urlItem.url;
 76 | 				idx = url.indexOf("?#");
 77 | 				if(idx < 0) idx = url.indexOf("#");
 78 | 				var urlRequest;
 79 | 				if(idx > 0) { // idx === 0 is catched by isUrlRequest
 80 | 					// in cases like url('webfont.eot?#iefix')
 81 | 					urlRequest = url.substr(0, idx);
 82 | 					return "\" + require(" + loaderUtils.stringifyRequest(this, urlRequest) + ") + \"" +
 83 | 							url.substr(idx);
 84 | 				}
 85 | 				urlRequest = url;
 86 | 				return "\" + require(" + loaderUtils.stringifyRequest(this, urlRequest) + ") + \"";
 87 | 			}.bind(this));
 88 | 		}
 89 | 
 90 | 		rtlcssAsString = rtlcssAsString.replace(result.importItemRegExpG, importItemMatcher.bind(this));
 91 | 		if(query.url !== false) {
 92 | 			rtlcssAsString = rtlcssAsString.replace(result.urlItemRegExpG, function(item) {
 93 | 				var match = result.urlItemRegExp.exec(item);
 94 | 				var idx = +match[1];
 95 | 				var urlItem = result.urlItems[idx];
 96 | 				var url = urlItem.url;
 97 | 				idx = url.indexOf("?#");
 98 | 				if(idx < 0) idx = url.indexOf("#");
 99 | 				var urlRequest;
100 | 				if(idx > 0) { // idx === 0 is catched by isUrlRequest
101 | 					// in cases like url('webfont.eot?#iefix')
102 | 					urlRequest = url.substr(0, idx);
103 | 					return "\" + require(" + loaderUtils.stringifyRequest(this, urlRequest) + ") + \"" +
104 | 							url.substr(idx);
105 | 				}
106 | 				urlRequest = url;
107 | 				return "\" + require(" + loaderUtils.stringifyRequest(this, urlRequest) + ") + \"";
108 | 			}.bind(this));
109 | 		}
110 | 
111 | 
112 | 		var exportJs = compileExports(result, importItemMatcher.bind(this), camelCaseKeys);
113 | 		if (exportJs) {
114 | 			exportJs = "exports.locals = " + exportJs + ";";
115 | 		}
116 | 
117 | 		var cssString = "typeof document !== 'undefined' && document.getElementsByTagName('html')[0].getAttribute('dir') === 'rtl' ? " + rtlcssAsString + " : " + cssAsString;
118 | 
119 | 		var moduleJs;
120 | 		if(query.sourceMap && result.map) {
121 | 			// add a SourceMap
122 | 			map = result.map;
123 | 			if(map.sources) {
124 | 				map.sources = map.sources.map(function(source) {
125 | 					source = source.split("!").pop();
126 | 					var p = path.relative(query.context || this.options.context, source).replace(/\\/g, "/");
127 | 					if(p.indexOf("../") !== 0)
128 | 						p = "./" + p;
129 | 					return "/" + p;
130 | 				}, this);
131 | 				map.sourceRoot = "webpack://";
132 | 			}
133 | 			map.file = map.file.split("!").pop();
134 | 			map = JSON.stringify(map);
135 | 			moduleJs = "exports.push([module.id, " + cssString + ", \"\", " + map + "]);";
136 | 		} else {
137 | 			moduleJs = "exports.push([module.id, " + cssString + ", \"\"]);";
138 | 		}
139 | 
140 | 		// embed runtime
141 | 		callback(null, "exports = module.exports = require(" + loaderUtils.stringifyRequest(this, require.resolve("./css-base.js")) + ")();\n" +
142 | 			"// imports\n" +
143 | 			importJs + "\n\n" +
144 | 			"// module\n" +
145 | 			moduleJs + "\n\n" +
146 | 			"// exports\n" +
147 | 			exportJs);
148 | 	}.bind(this));
149 | };
150 | 


--------------------------------------------------------------------------------
/lib/localsLoader.js:
--------------------------------------------------------------------------------
 1 | /*
 2 | 	MIT License http://www.opensource.org/licenses/mit-license.php
 3 | 	Author Tobias Koppers @sokra
 4 | */
 5 | var loaderUtils = require("loader-utils");
 6 | var processCss = require("./processCss");
 7 | var getImportPrefix = require("./getImportPrefix");
 8 | var compileExports = require("./compile-exports");
 9 | 
10 | 
11 | module.exports = function(content) {
12 | 	if(this.cacheable) this.cacheable();
13 | 	var callback = this.async();
14 | 	var query = loaderUtils.parseQuery(this.query);
15 | 	var moduleMode = query.modules || query.module;
16 | 	var camelCaseKeys = query.camelCase || query.camelcase;
17 | 
18 | 	processCss(content, null, {
19 | 		mode: moduleMode ? "local" : "global",
20 | 		query: query,
21 | 		minimize: this.minimize,
22 | 		loaderContext: this
23 | 	}, function(err, result) {
24 | 		if(err) return callback(err);
25 | 
26 | 		// for importing CSS
27 | 		var importUrlPrefix = getImportPrefix(this, query);
28 | 
29 | 		function importItemMatcher(item) {
30 | 			var match = result.importItemRegExp.exec(item);
31 | 			var idx = +match[1];
32 | 			var importItem = result.importItems[idx];
33 | 			var importUrl = importUrlPrefix + importItem.url;
34 | 			return "\" + require(" + loaderUtils.stringifyRequest(this, importUrl) + ")" +
35 | 				"[" + JSON.stringify(importItem.export) + "] + \"";
36 | 		}
37 | 
38 | 		var exportJs = compileExports(result, importItemMatcher.bind(this), camelCaseKeys);
39 | 		if (exportJs) {
40 | 			exportJs = "module.exports = " + exportJs + ";";
41 | 		}
42 | 
43 | 
44 | 		callback(null, exportJs);
45 | 	}.bind(this));
46 | };
47 | 


--------------------------------------------------------------------------------
/lib/processCss.js:
--------------------------------------------------------------------------------
  1 | /*
  2 | 	MIT License http://www.opensource.org/licenses/mit-license.php
  3 | 	Author Tobias Koppers @sokra
  4 | */
  5 | var Tokenizer = require("css-selector-tokenizer");
  6 | var postcss = require("postcss");
  7 | var loaderUtils = require("loader-utils");
  8 | var assign = require("object-assign");
  9 | var getLocalIdent = require("./getLocalIdent");
 10 | 
 11 | var localByDefault = require("postcss-modules-local-by-default");
 12 | var extractImports = require("postcss-modules-extract-imports");
 13 | var modulesScope = require("postcss-modules-scope");
 14 | var modulesValues = require("postcss-modules-values");
 15 | var cssnano = require("cssnano");
 16 | 
 17 | var parserPlugin = postcss.plugin("css-loader-parser", function(options) {
 18 | 	return function(css) {
 19 | 		var imports = {};
 20 | 		var exports = {};
 21 | 		var importItems = [];
 22 | 		var urlItems = [];
 23 | 
 24 | 		function replaceImportsInString(str) {
 25 | 			if(options.import) {
 26 | 				var tokens = str.split(/(\S+)/);
 27 | 				tokens = tokens.map(function (token) {
 28 | 					var importIndex = imports["$" + token];
 29 | 					if(typeof importIndex === "number") {
 30 | 						return "___CSS_LOADER_IMPORT___" + importIndex + "___";
 31 | 					}
 32 | 					return token;
 33 | 				});
 34 | 				return tokens.join("");
 35 | 			}
 36 | 			return str;
 37 | 		}
 38 | 
 39 | 		if(options.import) {
 40 | 			css.walkAtRules("import", function(rule) {
 41 | 				var values = Tokenizer.parseValues(rule.params);
 42 | 				var url = values.nodes[0].nodes[0];
 43 | 				if(url.type === "url") {
 44 | 					url = url.url;
 45 | 				} else if(url.type === "string") {
 46 | 					url = url.value;
 47 | 				} else throw rule.error("Unexpected format" + rule.params);
 48 | 				values.nodes[0].nodes.shift();
 49 | 				var mediaQuery = Tokenizer.stringifyValues(values);
 50 | 				if(loaderUtils.isUrlRequest(url, options.root) && options.mode === "global") {
 51 | 					url = loaderUtils.urlToRequest(url, options.root);
 52 | 				}
 53 | 				importItems.push({
 54 | 					url: url,
 55 | 					mediaQuery: mediaQuery
 56 | 				});
 57 | 				rule.remove();
 58 | 			});
 59 | 		}
 60 | 
 61 | 		css.walkRules(function(rule) {
 62 | 			if(rule.selector === ":export") {
 63 | 				rule.walkDecls(function(decl) {
 64 | 					exports[decl.prop] = decl.value;
 65 | 				});
 66 | 				rule.remove();
 67 | 			} else if(/^:import\(.+\)$/.test(rule.selector)) {
 68 | 				var match = /^:import\((.+)\)$/.exec(rule.selector);
 69 | 				var url = loaderUtils.parseString(match[1]);
 70 | 				rule.walkDecls(function(decl) {
 71 | 					imports["$" + decl.prop] = importItems.length;
 72 | 					importItems.push({
 73 | 						url: url,
 74 | 						export: decl.value
 75 | 					});
 76 | 				});
 77 | 				rule.remove();
 78 | 			}
 79 | 		});
 80 | 
 81 | 		Object.keys(exports).forEach(function(exportName) {
 82 | 			exports[exportName] = replaceImportsInString(exports[exportName]);
 83 | 		});
 84 | 
 85 | 		function processNode(item) {
 86 | 			switch (item.type) {
 87 | 				case "value":
 88 | 					item.nodes.forEach(processNode);
 89 | 					break;
 90 | 				case "nested-item":
 91 | 					item.nodes.forEach(processNode);
 92 | 					break;
 93 | 				case "item":
 94 | 					var importIndex = imports["$" + item.name];
 95 | 					if (typeof importIndex === "number") {
 96 | 						item.name = "___CSS_LOADER_IMPORT___" + importIndex + "___";
 97 | 					}
 98 | 					break;
 99 | 				case "url":
100 | 					if (options.url && !/^#/.test(item.url) && loaderUtils.isUrlRequest(item.url, options.root)) {
101 | 						item.stringType = "";
102 | 						delete item.innerSpacingBefore;
103 | 						delete item.innerSpacingAfter;
104 | 						var url = item.url;
105 | 						item.url = "___CSS_LOADER_URL___" + urlItems.length + "___";
106 | 						urlItems.push({
107 | 							url: url
108 | 						});
109 | 					}
110 | 					break;
111 | 			}
112 | 		}
113 | 
114 | 		css.walkDecls(function(decl) {
115 | 			var values = Tokenizer.parseValues(decl.value);
116 | 			values.nodes.forEach(function(value) {
117 | 				value.nodes.forEach(processNode);
118 | 			});
119 | 			decl.value = Tokenizer.stringifyValues(values);
120 | 		});
121 | 		css.walkAtRules(function(atrule) {
122 | 			if(typeof atrule.params === "string") {
123 | 				atrule.params = replaceImportsInString(atrule.params);
124 | 			}
125 | 		});
126 | 
127 | 		options.importItems = importItems;
128 | 		options.urlItems = urlItems;
129 | 		options.exports = exports;
130 | 	};
131 | });
132 | 
133 | module.exports = function processCss(inputSource, inputMap, options, callback) {
134 | 
135 | 	var query = options.query;
136 | 	var root = query.root;
137 | 	var context = query.context;
138 | 	var localIdentName = query.localIdentName || "[hash:base64]";
139 | 	var localIdentRegExp = query.localIdentRegExp;
140 | 	var forceMinimize = query.minimize;
141 | 	var minimize = typeof forceMinimize !== "undefined" ? !!forceMinimize : options.minimize;
142 | 
143 | 	var parserOptions = {
144 | 		root: root,
145 | 		mode: options.mode,
146 | 		url: query.url !== false,
147 | 		import: query.import !== false
148 | 	};
149 | 
150 | 	var pipeline = postcss([
151 | 		localByDefault({
152 | 			mode: options.mode,
153 | 			rewriteUrl: function(global, url) {
154 | 				if(parserOptions.url){
155 | 					if(!loaderUtils.isUrlRequest(url, root)) {
156 | 						return url;
157 | 					}
158 | 					if(global) {
159 | 						return loaderUtils.urlToRequest(url, root);
160 | 					}
161 | 				}
162 | 				return url;
163 | 			}
164 | 		}),
165 | 		extractImports(),
166 | 		modulesValues,
167 | 		modulesScope({
168 | 			generateScopedName: function(exportName) {
169 | 				return getLocalIdent(options.loaderContext, localIdentName, exportName, {
170 | 					regExp: localIdentRegExp,
171 | 					hashPrefix: query.hashPrefix || "",
172 | 					context: context
173 | 				});
174 | 			}
175 | 		}),
176 | 		parserPlugin(parserOptions)
177 | 	]);
178 | 
179 | 	if(minimize) {
180 | 		var minimizeOptions = assign({}, query);
181 | 		["zindex", "normalizeUrl", "discardUnused", "mergeIdents", "reduceIdents"].forEach(function(name) {
182 | 			if(typeof minimizeOptions[name] === "undefined")
183 | 				minimizeOptions[name] = false;
184 | 		});
185 | 		pipeline.use(cssnano(minimizeOptions));
186 | 	}
187 | 
188 | 	pipeline.process(inputSource, {
189 | 		// we need a prefix to avoid path rewriting of PostCSS
190 | 		from: "/css-loader!" + options.from,
191 | 		to: options.to,
192 | 		map: {
193 | 			prev: inputMap,
194 | 			sourcesContent: true,
195 | 			inline: false,
196 | 			annotation: false
197 | 		}
198 | 	}).then(function(result) {
199 | 		callback(null, {
200 | 			source: result.css,
201 | 			map: result.map && result.map.toJSON(),
202 | 			exports: parserOptions.exports,
203 | 			importItems: parserOptions.importItems,
204 | 			importItemRegExpG: /___CSS_LOADER_IMPORT___([0-9]+)___/g,
205 | 			importItemRegExp: /___CSS_LOADER_IMPORT___([0-9]+)___/,
206 | 			urlItems: parserOptions.urlItems,
207 | 			urlItemRegExpG: /___CSS_LOADER_URL___([0-9]+)___/g,
208 | 			urlItemRegExp: /___CSS_LOADER_URL___([0-9]+)___/
209 | 		});
210 | 	}).catch(function(err) {
211 | 		callback(err);
212 | 	});
213 | };
214 | 


--------------------------------------------------------------------------------
/locals.js:
--------------------------------------------------------------------------------
1 | /*
2 | 	MIT License http://www.opensource.org/licenses/mit-license.php
3 | 	Author Tobias Koppers @sokra
4 | */
5 | module.exports = require("./lib/localsLoader");
6 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "rtl-css-loader",
 3 |   "version": "1.0.1",
 4 |   "author": "Romain Berger",
 5 |   "description": "rtl css loader module for webpack",
 6 |   "engines": {
 7 |     "node": ">=0.12.0"
 8 |   },
 9 |   "dependencies": {
10 |     "css-selector-tokenizer": "^0.5.1",
11 |     "cssnano": ">=2.6.1 <4",
12 |     "loader-utils": "~0.2.2",
13 |     "lodash.camelcase": "^3.0.1",
14 |     "object-assign": "^4.0.1",
15 |     "postcss": "^5.0.6",
16 |     "postcss-modules-extract-imports": "^1.0.0",
17 |     "postcss-modules-local-by-default": "^1.0.1",
18 |     "postcss-modules-scope": "^1.0.0",
19 |     "postcss-modules-values": "^1.1.0",
20 |     "rtlcss": "^2.0.5",
21 |     "source-list-map": "^0.1.4"
22 |   },
23 |   "devDependencies": {
24 |     "codecov.io": "^0.1.2",
25 |     "coveralls": "^2.11.2",
26 |     "istanbul": "^0.3.13",
27 |     "mocha": "^2.2.4",
28 |     "should": "^7.0.1"
29 |   },
30 |   "scripts": {
31 |     "test": "mocha",
32 |     "travis": "npm run cover -- --report lcovonly",
33 |     "cover": "istanbul cover node_modules/mocha/bin/_mocha",
34 |     "publish-patch": "mocha && npm version patch && git push && git push --tags && npm publish"
35 |   },
36 |   "repository": {
37 |     "type": "git",
38 |     "url": "git@github.com:romainberger/css-loader.git"
39 |   },
40 |   "license": "MIT"
41 | }
42 | 


--------------------------------------------------------------------------------
/test/camelCaseTest.js:
--------------------------------------------------------------------------------
 1 | /*globals describe */
 2 | 
 3 | var test = require("./helpers").test;
 4 | 
 5 | describe("camelCase", function() {
 6 | 	var css = ".btn-info_is-disabled { color: blue; }";
 7 | 	var exports = {
 8 | 		with: [
 9 | 			[1, "._1L-rnCOXCE_7H94L5XT4uB { color: blue; }", ""]
10 | 		],
11 | 		without: [
12 | 			[1, "._1L-rnCOXCE_7H94L5XT4uB { color: blue; }", ""]
13 | 		],
14 | 		dashes: [
15 | 			[1, "._1L-rnCOXCE_7H94L5XT4uB { color: blue; }", ""]
16 | 		]
17 | 	};
18 | 	exports.with.locals = {'btn-info_is-disabled': '_1L-rnCOXCE_7H94L5XT4uB'};
19 | 	exports.without.locals = {btnInfoIsDisabled: '_1L-rnCOXCE_7H94L5XT4uB', 'btn-info_is-disabled': '_1L-rnCOXCE_7H94L5XT4uB'};
20 | 	exports.dashes.locals = {btnInfo_isDisabled: '_1L-rnCOXCE_7H94L5XT4uB', 'btn-info_is-disabled': '_1L-rnCOXCE_7H94L5XT4uB'};
21 | 	test("with", css, exports.with, "?modules");
22 | 	test("without", css, exports.without, "?modules&camelCase");
23 | 	test("dashes", css, exports.dashes, "?modules&camelCase=dashes");
24 | });
25 | 


--------------------------------------------------------------------------------
/test/cssBaseTest.js:
--------------------------------------------------------------------------------
 1 | /*globals describe it*/
 2 | 
 3 | var base = require("../lib/css-base");
 4 | 
 5 | describe("css-base", function() {
 6 | 	it("should toString a single module", function() {
 7 | 		var m = base();
 8 | 		m.push([1, "body { a: 1; }", ""]);
 9 | 		m.toString().should.be.eql("body { a: 1; }");
10 | 	});
11 | 	it("should toString multiple modules", function() {
12 | 		var m = base();
13 | 		m.push([2, "body { b: 2; }", ""]);
14 | 		m.push([1, "body { a: 1; }", ""]);
15 | 		m.toString().should.be.eql("body { b: 2; }body { a: 1; }");
16 | 	});
17 | 	it("should toString with media query", function() {
18 | 		var m = base();
19 | 		m.push([1, "body { a: 1; }", "screen"]);
20 | 		m.toString().should.be.eql("@media screen{body { a: 1; }}");
21 | 	});
22 | 	it("should import modules", function() {
23 | 		var m = base();
24 | 		var m1 = [1, "body { a: 1; }", "screen"];
25 | 		var m2 = [2, "body { b: 2; }", ""];
26 | 		var m3 = [3, "body { c: 3; }", ""];
27 | 		var m4 = [4, "body { d: 4; }", ""];
28 | 		m.i([m2, m3], "");
29 | 		m.i([m2], "");
30 | 		m.i([m2, m4], "print");
31 | 		m.push(m1);
32 | 		m.toString().should.be.eql("body { b: 2; }" +
33 | 			"body { c: 3; }" +
34 | 			"@media print{body { d: 4; }}" +
35 | 			"@media screen{body { a: 1; }}");
36 | 	});
37 | });
38 | 


--------------------------------------------------------------------------------
/test/helpers.js:
--------------------------------------------------------------------------------
  1 | /*globals it */
  2 | 
  3 | require("should");
  4 | var cssLoader = require("../index.js");
  5 | var cssLoaderLocals = require("../locals.js");
  6 | var vm = require("vm");
  7 | 
  8 | function getEvaluated(output, modules) {
  9 | 	try {
 10 | 		var fn = vm.runInThisContext("(function(module, exports, require) {" + output + "})", "testcase.js");
 11 | 		var m = { exports: {}, id: 1 };
 12 | 		fn(m, m.exports, function(module) {
 13 | 			if(module.indexOf("css-base") >= 0)
 14 | 				return require("../lib/css-base");
 15 | 			if(module.indexOf("-!/path/css-loader!") === 0)
 16 | 				module = module.substr(19);
 17 | 			if(modules && modules[module])
 18 | 				return modules[module];
 19 | 			return "{" + module + "}";
 20 | 		});
 21 | 	} catch(e) {
 22 | 		console.error(output);
 23 | 		throw e;
 24 | 	}
 25 | 	delete m.exports.toString;
 26 | 	delete m.exports.i;
 27 | 	return m.exports;
 28 | }
 29 | 
 30 | function assetEvaluated(output, result, modules) {
 31 | 	var exports = getEvaluated(output, modules);
 32 | 	exports.should.be.eql(result);
 33 | }
 34 | 
 35 | function runLoader(loader, input, map, addOptions, callback) {
 36 | 	var opt = {
 37 | 		options: {
 38 | 			context: ""
 39 | 		},
 40 | 		callback: callback,
 41 | 		async: function() {
 42 | 			return callback;
 43 | 		},
 44 | 		loaders: [{request: "/path/css-loader"}],
 45 | 		loaderIndex: 0,
 46 | 		context: "",
 47 | 		resource: "test.css",
 48 | 		resourcePath: "test.css",
 49 | 		request: "css-loader!test.css",
 50 | 		emitError: function(message) {
 51 | 			throw new Error(message);
 52 | 		}
 53 | 	};
 54 | 	Object.keys(addOptions).forEach(function(key) {
 55 | 		opt[key] = addOptions[key];
 56 | 	});
 57 | 	loader.call(opt, input, map);
 58 | }
 59 | 
 60 | exports.test = function test(name, input, result, query, modules) {
 61 | 	it(name, function(done) {
 62 | 		runLoader(cssLoader, input, undefined, !query || typeof query === "string" ? {
 63 | 			query: query
 64 | 		} : query, function(err, output) {
 65 | 			if(err) return done(err);
 66 | 			assetEvaluated(output, result, modules);
 67 | 			done();
 68 | 		});
 69 | 	});
 70 | };
 71 | 
 72 | exports.testWithMap = function test(name, input, map, result, query, modules) {
 73 | 	it(name, function(done) {
 74 | 		runLoader(cssLoader, input, map, {
 75 | 			query: query
 76 | 		}, function(err, output) {
 77 | 			if(err) return done(err);
 78 | 			assetEvaluated(output, result, modules);
 79 | 			done();
 80 | 		});
 81 | 	});
 82 | };
 83 | 
 84 | exports.testMap = function test(name, input, map, addOptions, result, modules) {
 85 | 	it(name, function(done) {
 86 | 		runLoader(cssLoader, input, map, addOptions, function(err, output) {
 87 | 			if(err) return done(err);
 88 | 			assetEvaluated(output, result, modules);
 89 | 			done();
 90 | 		});
 91 | 	});
 92 | };
 93 | 
 94 | exports.testLocals = function testLocals(name, input, result, query, modules) {
 95 | 	it(name, function(done) {
 96 | 		runLoader(cssLoaderLocals, input, undefined, {
 97 | 			query: query
 98 | 		}, function(err, output) {
 99 | 			if(err) return done(err);
100 | 			assetEvaluated(output, result, modules);
101 | 			done();
102 | 		});
103 | 	});
104 | };
105 | 
106 | exports.testSingleItem = function testSingleItem(name, input, result, query, modules) {
107 | 	it(name, function(done) {
108 | 		runLoader(cssLoader, input, undefined, {
109 | 			query: query
110 | 		}, function(err, output) {
111 | 			if(err) return done(err);
112 | 			var exports = getEvaluated(output, modules);
113 | 			Array.isArray(exports).should.be.eql(true);
114 | 			(exports.length).should.be.eql(1);
115 | 			(exports[0].length >= 3).should.be.eql(true);
116 | 			(exports[0][0]).should.be.eql(1);
117 | 			(exports[0][2]).should.be.eql("");
118 | 			(exports[0][1]).should.be.eql(result);
119 | 			done();
120 | 		});
121 | 	});
122 | };
123 | 
124 | exports.testMinimize = function testMinimize(name, input, result, query, modules) {
125 | 	it(name, function(done) {
126 | 		runLoader(cssLoader, input, undefined, {
127 | 			minimize: true,
128 | 			query: query
129 | 		}, function(err, output) {
130 | 			if(err) return done(err);
131 | 			assetEvaluated(output, result, modules);
132 | 			done();
133 | 		});
134 | 	});
135 | };
136 | 


--------------------------------------------------------------------------------
/test/importTest.js:
--------------------------------------------------------------------------------
 1 | /*globals describe */
 2 | 
 3 | var test = require("./helpers").test;
 4 | 
 5 | describe("import", function() {
 6 | 	test("import", "@import url(test.css);\n.class { a: b c d; }", [
 7 | 		[2, ".test{a: b}", ""],
 8 | 		[1, ".class { a: b c d; }", ""]
 9 | 	], "", {
10 | 		"./test.css": [[2, ".test{a: b}", ""]]
11 | 	});
12 | 	test("import with string", "@import \"test.css\";\n.class { a: b c d; }", [
13 | 		[2, ".test{a: b}", ""],
14 | 		[1, ".class { a: b c d; }", ""]
15 | 	], "", {
16 | 		"./test.css": [[2, ".test{a: b}", ""]]
17 | 	});
18 | 	test("import 2", "@import url('test.css');\n.class { a: b c d; }", [
19 | 		[2, ".test{a: b}", "screen"],
20 | 		[1, ".class { a: b c d; }", ""]
21 | 	], "", {
22 | 		"./test.css": [[2, ".test{a: b}", "screen"]]
23 | 	});
24 | 	test("import with media", "@import url('~test/css') screen and print;\n.class { a: b c d; }", [
25 | 		[3, ".test{a: b}", "((min-width: 100px)) and (screen and print)"],
26 | 		[2, ".test{c: d}", "screen and print"],
27 | 		[1, ".class { a: b c d; }", ""]
28 | 	], "", {
29 | 		"test/css": [
30 | 			[3, ".test{a: b}", "(min-width: 100px)"],
31 | 			[2, ".test{c: d}", ""]
32 | 		]
33 | 	});
34 | 	test("import external", "@import url(http://example.com/style.css);\n@import url(\"//example.com/style.css\");", [
35 | 		[1, "@import url(http://example.com/style.css);", ""],
36 | 		[1, "@import url(//example.com/style.css);", ""],
37 | 		[1, "", ""]
38 | 	]);
39 | 	test("import disabled", "@import url(test.css);\n.class { a: b c d; }", [
40 | 		[1, "@import url(test.css);\n.class { a: b c d; }", ""]
41 | 	], "?-import");
42 | });
43 | 


--------------------------------------------------------------------------------
/test/localTest.js:
--------------------------------------------------------------------------------
  1 | /*globals describe */
  2 | 
  3 | var test = require("./helpers").test;
  4 | var testMinimize = require("./helpers").testMinimize;
  5 | 
  6 | function testLocal(name, input, result, localsResult, query, modules) {
  7 | 	result.locals = localsResult;
  8 | 	test(name, input, result, query, modules);
  9 | }
 10 | 
 11 | function testLocalMinimize(name, input, result, localsResult, query, modules) {
 12 | 	result.locals = localsResult;
 13 | 	testMinimize(name, input, result, query, modules);
 14 | }
 15 | 
 16 | describe("local", function() {
 17 | 	testLocal("locals-format", ":local(.test) { background: red; }", [
 18 | 		[1, ".test-2_pBx { background: red; }", ""]
 19 | 	], {
 20 | 		test: "test-2_pBx"
 21 | 	}, "?localIdentName=[local]-[hash:base64:5]");
 22 | 	testLocal("locals", ":local(.className) { background: red; }\n:local(#someId) { background: green; }\n" +
 23 | 		":local(.className .subClass) { color: green; }\n:local(#someId .subClass) { color: blue; }", [
 24 | 		[1, "._23J0282swY7bwvI2X4fHiV { background: red; }\n#_3vpqN0v_IxlO3TzQjbpB33 { background: green; }\n" +
 25 | 			"._23J0282swY7bwvI2X4fHiV ._1s1VsToXFz17cPAltMg7jz { color: green; }\n#_3vpqN0v_IxlO3TzQjbpB33 ._1s1VsToXFz17cPAltMg7jz { color: blue; }", ""]
 26 | 	], {
 27 | 		className: "_23J0282swY7bwvI2X4fHiV",
 28 | 		someId: "_3vpqN0v_IxlO3TzQjbpB33",
 29 | 		subClass: "_1s1VsToXFz17cPAltMg7jz"
 30 | 	});
 31 | 	testLocalMinimize("minimized plus local", ":local(.localClass) { background: red; }\n:local .otherClass { background: red; }\n:local(.empty) { }", [
 32 | 		[1, "._localClass,._otherClass{background:red}", ""]
 33 | 	], {
 34 | 		localClass: "_localClass",
 35 | 		otherClass: "_otherClass",
 36 | 		empty: "_empty"
 37 | 	}, "?localIdentName=_[local]");
 38 | 	testLocal("mode switching", ".c1 :local .c2 .c3 :global .c4 :local .c5, .c6 :local .c7 { background: red; }\n.c8 { background: red; }", [
 39 | 		[1, ".c1 ._c2 ._c3 .c4 ._c5, .c6 ._c7 { background: red; }\n.c8 { background: red; }", ""]
 40 | 	], {
 41 | 		c2: "_c2",
 42 | 		c3: "_c3",
 43 | 		c5: "_c5",
 44 | 		c7: "_c7"
 45 | 	}, "?localIdentName=_[local]");
 46 | 	testLocal("comment in local", ":local(.c1/*.c2*/.c3) { background: red; }", [
 47 | 		[1, "._c1._c3 { background: red; }", ""]
 48 | 	], {
 49 | 		c1: "_c1",
 50 | 		c3: "_c3"
 51 | 	}, "?localIdentName=_[local]");
 52 | 	testLocal("comment in local", ":local(.c1/*.c2*/.c3) { background: red; }", [
 53 | 		[1, "._c1._c3 { background: red; }", ""]
 54 | 	], {
 55 | 		c1: "_c1",
 56 | 		c3: "_c3"
 57 | 	}, "?localIdentName=_[local]");
 58 | 	testLocal("strings in local", ":local(.c1[data-attr=\".c2)]'\"]:not(.c3):not(.c4)) { background: red; }", [
 59 | 		[1, "._c1[data-attr=\".c2)]'\"]:not(._c3):not(._c4) { background: red; }", ""]
 60 | 	], {
 61 | 		c1: "_c1",
 62 | 		c3: "_c3",
 63 | 		c4: "_c4"
 64 | 	}, "?localIdentName=_[local]");
 65 | 
 66 | 	testLocal("composes class simple", ":local(.c1) { a: 1; }\n:local(.c2) { composes: c1; b: 1; }", [
 67 | 		[1, "._c1 { a: 1; }\n._c2 { b: 1; }", ""]
 68 | 	], {
 69 | 		c1: "_c1",
 70 | 		c2: "_c2 _c1"
 71 | 	}, "?localIdentName=_[local]");
 72 | 	testLocal("composes class from module", [
 73 | 		":local(.c1) { composes: c2 from \"./module\"; b: 1; }",
 74 | 		":local(.c3) { composes: c1; b: 3; }",
 75 | 		":local(.c5) { composes: c2 c4 from \"./module\"; b: 5; }"
 76 | 	].join("\n"), [
 77 | 		[2, ".test{c: d}", ""],
 78 | 		[1, [
 79 | 			"._c1 { b: 1; }",
 80 | 			"._c3 { b: 3; }",
 81 | 			"._c5 { b: 5; }"
 82 | 		].join("\n"), ""]
 83 | 	], {
 84 | 		c1: "_c1 imported-c2",
 85 | 		c3: "_c3 _c1 imported-c2",
 86 | 		c5: "_c5 imported-c2 imported-c4"
 87 | 	}, "?localIdentName=_[local]", {
 88 | 		"./module": (function() {
 89 | 			var r = [
 90 | 				[2, ".test{c: d}", ""]
 91 | 			];
 92 | 			r.locals = {
 93 | 				c2: "imported-c2",
 94 | 				c4: "imported-c4"
 95 | 			};
 96 | 			return r;
 97 | 		}())
 98 | 	});
 99 | 	testLocal("composes class with hyphen from module", [
100 | 		":local(.c1) { composes: c-2 from \"./module\"; b: 1; }",
101 | 		":local(.c3) { composes: c1; b: 3; }",
102 | 		":local(.c5) { composes: c-2 c4 from \"./module\"; b: 5; }"
103 | 	].join("\n"), [
104 | 		[2, ".test{c: d}", ""],
105 | 		[1, [
106 | 			"._c1 { b: 1; }",
107 | 			"._c3 { b: 3; }",
108 | 			"._c5 { b: 5; }"
109 | 		].join("\n"), ""]
110 | 	], {
111 | 		c1: "_c1 imported-c-2",
112 | 		c3: "_c3 _c1 imported-c-2",
113 | 		c5: "_c5 imported-c-2 imported-c4"
114 | 	}, "?localIdentName=_[local]", {
115 | 		"./module": (function() {
116 | 			var r = [
117 | 				[2, ".test{c: d}", ""]
118 | 			];
119 | 			r.locals = {
120 | 				"c-2": "imported-c-2",
121 | 				c4: "imported-c4"
122 | 			};
123 | 			return r;
124 | 		}())
125 | 	});
126 | 	testLocal("composes class from module with import", [
127 | 		"@import url(\"module\");",
128 | 		":local(.c1) { composes: c2 c3 from \"./module\"; composes: c4 from \"./module\"; b: 1; }"
129 | 	].join("\n"), [
130 | 		[2, ".test{c: d}", ""],
131 | 		[1, "._c1 { b: 1; }", ""]
132 | 	], {
133 | 		c1: "_c1 imported-c2 imported-c3 imported-c4"
134 | 	}, "?localIdentName=_[local]", {
135 | 		"./module": (function() {
136 | 			var r = [
137 | 				[2, ".test{c: d}", ""]
138 | 			];
139 | 			r.locals = {
140 | 				c2: "imported-c2",
141 | 				c3: "imported-c3",
142 | 				c4: "imported-c4"
143 | 			};
144 | 			return r;
145 | 		}())
146 | 	});
147 | 	testLocal("module mode", ".className { background: url(./file.png); }\n#someId { background: url('module/file.jpg'); }\n" +
148 | 		".className .subClass { font-size: 5.5pt; }\n#someId .subClass { color: blue; }", [
149 | 		[1, "._23J0282swY7bwvI2X4fHiV { background: url({./file.png}); }\n#_3vpqN0v_IxlO3TzQjbpB33 { background: url({module/file.jpg}); }\n" +
150 | 			"._23J0282swY7bwvI2X4fHiV ._1s1VsToXFz17cPAltMg7jz { font-size: 5.5pt; }\n#_3vpqN0v_IxlO3TzQjbpB33 ._1s1VsToXFz17cPAltMg7jz { color: blue; }", ""]
151 | 	], {
152 | 		className: "_23J0282swY7bwvI2X4fHiV",
153 | 		someId: "_3vpqN0v_IxlO3TzQjbpB33",
154 | 		subClass: "_1s1VsToXFz17cPAltMg7jz"
155 | 	}, "?module");
156 | 	testLocal("class name parsing", ".-a0-34a___f { color: red; }", [
157 | 		[1, "._3ZMCqVa1XidxdqbX65hZ5D { color: red; }", ""]
158 | 	], {
159 | 		"-a0-34a___f": "_3ZMCqVa1XidxdqbX65hZ5D"
160 | 	}, "?module");
161 | 	testLocal("imported values in decl", ".className { color: IMPORTED_NAME; }\n" +
162 | 		":import(\"./vars.css\") { IMPORTED_NAME: primary-color; }", [
163 | 		[1, "._className { color: red; }", ""]
164 | 	], {
165 | 		"className": "_className"
166 | 	}, "?module&localIdentName=_[local]", {
167 | 		"./vars.css": {
168 | 			locals: {
169 | 				"primary-color": "red"
170 | 			}
171 | 		}
172 | 	});
173 | 	testLocal("issue-109", ".bar-1 { color: red; }", [
174 | 		[1, ".file--bar-1--2JvfJ { color: red; }", ""]
175 | 	], {
176 | 		"bar-1": "file--bar-1--2JvfJ"
177 | 	}, "?modules&importLoaders=1&localIdentName=[name]--[local]--[hash:base64:5]");
178 | 	testLocal("path naming", ".bar { color: red; }", [
179 | 		[1, ".path-to--file--bar { color: red; }", ""]
180 | 	], {
181 | 		"bar": "path-to--file--bar"
182 | 	}, {
183 | 		query: "?modules&localIdentName=[path]-[name]--[local]",
184 | 		resourcePath: "/root/path/to/file.css",
185 | 		options: {
186 | 			context: "/root/"
187 | 		}
188 | 	});
189 | 	testLocal("path naming with context", ".bar { color: red; }", [
190 | 		[1, ".to--file--bar { color: red; }", ""]
191 | 	], {
192 | 		"bar": "to--file--bar"
193 | 	}, {
194 | 		query: "?modules&localIdentName=[path]-[name]--[local]&context=/root/path",
195 | 		resourcePath: "/root/path/to/file.css",
196 | 		options: {
197 | 			context: "/root/"
198 | 		}
199 | 	});
200 | 	testLocal("hash prefix", ".bar { color: red; }", [
201 | 		[1, ".bar--58a3b08b9195a6af0de7431eaf3427c7 { color: red; }", ""]
202 | 	], {
203 | 		"bar": "bar--58a3b08b9195a6af0de7431eaf3427c7"
204 | 	}, "?modules&localIdentName=[local]--[hash]&hashPrefix=x");
205 | });
206 | 


--------------------------------------------------------------------------------
/test/localsTest.js:
--------------------------------------------------------------------------------
 1 | /*globals describe */
 2 | 
 3 | var testLocals = require("./helpers").testLocals;
 4 | 
 5 | describe("locals", function() {
 6 | 	testLocals("should return only locals",
 7 | 		".abc :local(.def) { color: red; } :local .ghi .jkl { color: blue; }",
 8 | 		{
 9 | 			def: "_def",
10 | 			ghi: "_ghi",
11 | 			jkl: "_jkl"
12 | 		},
13 | 		"?localIdentName=_[local]"
14 | 	);
15 | 	testLocals("should return only locals with composing",
16 | 		":local(.abc) { color: red; } :local(.def) { composes: abc; background: green; }",
17 | 		{
18 | 			abc: "_abc",
19 | 			def: "_def _abc"
20 | 		},
21 | 		"?localIdentName=_[local]"
22 | 	);
23 | 	testLocals("should return only locals with importing",
24 | 		":local(.abc) { composes: def from \"./module.css\"; }",
25 | 		{
26 | 			abc: "_abc imported_def imported_ghi"
27 | 		},
28 | 		"?localIdentName=_[local]",
29 | 		{
30 | 			"./module.css": {
31 | 				def: "imported_def imported_ghi",
32 | 				ghi: "imported_ghi"
33 | 			}
34 | 		}
35 | 	);
36 | 	testLocals("should return only locals with importing",
37 | 		":local(.abc) { composes: def from \"./module1.css\"; composes: def from \"./module2.css\"; }",
38 | 		{
39 | 			abc: "_abc imported_def1 imported_ghi1 imported_def2"
40 | 		},
41 | 		"?localIdentName=_[local]",
42 | 		{
43 | 			"./module1.css": {
44 | 				def: "imported_def1 imported_ghi1",
45 | 				ghi: "imported_ghi1"
46 | 			},
47 | 			"./module2.css": {
48 | 				def: "imported_def2"
49 | 			}
50 | 		}
51 | 	);
52 | });
53 | 


--------------------------------------------------------------------------------
/test/moduleMinimizeTest.js:
--------------------------------------------------------------------------------
 1 | /*globals describe */
 2 | 
 3 | var test = require("./helpers").testSingleItem;
 4 | 
 5 | var path = require("path");
 6 | var fs = require("fs");
 7 | var testCasesPath = path.join(__dirname, "moduleMinimizeTestCases");
 8 | var testCases = fs.readdirSync(testCasesPath);
 9 | 
10 | describe("module minimize", function() {
11 | 	testCases.forEach(function(name) {
12 | 		var source = fs.readFileSync(path.join(testCasesPath, name, "source.css"), "utf-8");
13 | 		var expected = fs.readFileSync(path.join(testCasesPath, name, "expected.css"), "utf-8");
14 | 
15 | 		test(name, source, expected, "?module&minimize&sourceMap&-discardComments&localIdentName=_[local]_");
16 | 	});
17 | });
18 | 


--------------------------------------------------------------------------------
/test/moduleMinimizeTestCases/keyframes-and-animation/expected.css:
--------------------------------------------------------------------------------
1 | @keyframes _bounce_{0%{transform:translateY(-100%);opacity:0}5%{transform:translateY(-50%);opacity:1}}@keyframes _bounce2_{0%{transform:translateY(-100%);opacity:0}50%{transform:translateY(-50%);opacity:1}}
2 | 
3 | /* comment */._bounce_{animation-name:_bounce_;animation:_bounce2_ 1s ease;z-index:1442}


--------------------------------------------------------------------------------
/test/moduleMinimizeTestCases/keyframes-and-animation/source.css:
--------------------------------------------------------------------------------
 1 | @keyframes bounce {
 2 | 	0% {
 3 | 		transform: translateY(-100%);
 4 | 		opacity: 0;
 5 | 	}
 6 | 	5% {
 7 | 		transform: translateY(-50%);
 8 | 		opacity: 1;
 9 | 	}
10 | }
11 | 
12 | @keyframes bounce2 {
13 | 	0% {
14 | 		transform: translateY(-100%);
15 | 		opacity: 0;
16 | 	}
17 | 	50% {
18 | 		transform: translateY(-50%);
19 | 		opacity: 1;
20 | 	}
21 | }
22 | 
23 | /* comment */
24 | .bounce {
25 | 	animation-name: bounce;
26 | 	animation: bounce2 1s ease;
27 | 	z-index: 1442;
28 | }
29 | 


--------------------------------------------------------------------------------
/test/moduleTest.js:
--------------------------------------------------------------------------------
 1 | /*globals describe */
 2 | 
 3 | var test = require("./helpers").testSingleItem;
 4 | 
 5 | var path = require("path");
 6 | var fs = require("fs");
 7 | var testCasesPath = path.join(__dirname, "moduleTestCases");
 8 | var testCases = fs.readdirSync(testCasesPath);
 9 | 
10 | describe("module", function() {
11 | 	testCases.forEach(function(name) {
12 | 		var source = fs.readFileSync(path.join(testCasesPath, name, "source.css"), "utf-8");
13 | 		var expected = fs.readFileSync(path.join(testCasesPath, name, "expected.css"), "utf-8");
14 | 
15 | 		test(name, source, expected, "?module&sourceMap&localIdentName=_[local]_");
16 | 	});
17 | });
18 | 


--------------------------------------------------------------------------------
/test/moduleTestCases/class-names/expected.css:
--------------------------------------------------------------------------------
1 | ._class-1_, ._class-10_ ._bar-1_ {
2 | 	color: green;
3 | }
4 | 


--------------------------------------------------------------------------------
/test/moduleTestCases/class-names/source.css:
--------------------------------------------------------------------------------
1 | .class-1, .class-10 .bar-1 {
2 | 	color: green;
3 | }
4 | 


--------------------------------------------------------------------------------
/test/moduleTestCases/comments/expected.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  * a ' above
 3 |  */
 4 | 
 5 | ._bg_ {
 6 |   background-image: url({bg.jpg});
 7 | }
 8 | 
 9 | /*
10 |  * a ' below
11 |  */


--------------------------------------------------------------------------------
/test/moduleTestCases/comments/source.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  * a ' above
 3 |  */
 4 | 
 5 | .bg {
 6 |   background-image: url(bg.jpg);
 7 | }
 8 | 
 9 | /*
10 |  * a ' below
11 |  */


--------------------------------------------------------------------------------
/test/moduleTestCases/keyframes-and-animation/expected.css:
--------------------------------------------------------------------------------
 1 | ._a_ {
 2 | 	color: green;
 3 | }
 4 | 
 5 | @keyframes _bounce_ {
 6 | 	0% {
 7 | 		transform: translateY(-100%);
 8 | 		opacity: 0;
 9 | 	}
10 | 	5% {
11 | 		transform: translateY(-100%);
12 | 		opacity: 0;
13 | 	}
14 | }
15 | 
16 | @-webkit-keyframes _bounce2_ {
17 | 	0% {
18 | 		transform: translateY(-100%);
19 | 		opacity: 0;
20 | 	}
21 | 	5% {
22 | 		transform: translateY(-100%);
23 | 		opacity: 0;
24 | 	}
25 | }
26 | 
27 | ._bounce_ {
28 | 	animation-name: _bounce_;
29 | 	animation: _bounce2_ 1s ease;
30 | }
31 | 
32 | ._bounce2_ {
33 | 	color: green;
34 | 	animation: _bounce_ 1s ease;
35 | 	animation-name: _bounce2_;
36 | }
37 | 
38 | ._bounce3_ {
39 | 	animation: _bounce_ 1s ease, _bounce2_
40 | }
41 | 
42 | ._bounce4_ {
43 | 	animation: _bounce_ 1s ease, _bounce2_;
44 | }
45 | 
46 | ._b_ {
47 | 	color: green;
48 | }
49 | 


--------------------------------------------------------------------------------
/test/moduleTestCases/keyframes-and-animation/source.css:
--------------------------------------------------------------------------------
 1 | .a {
 2 | 	color: green;
 3 | }
 4 | 
 5 | @keyframes bounce {
 6 | 	0% {
 7 | 		transform: translateY(-100%);
 8 | 		opacity: 0;
 9 | 	}
10 | 	5% {
11 | 		transform: translateY(-100%);
12 | 		opacity: 0;
13 | 	}
14 | }
15 | 
16 | @-webkit-keyframes bounce2 {
17 | 	0% {
18 | 		transform: translateY(-100%);
19 | 		opacity: 0;
20 | 	}
21 | 	5% {
22 | 		transform: translateY(-100%);
23 | 		opacity: 0;
24 | 	}
25 | }
26 | 
27 | .bounce {
28 | 	animation-name: bounce;
29 | 	animation: bounce2 1s ease;
30 | }
31 | 
32 | .bounce2 {
33 | 	color: green;
34 | 	animation: bounce 1s ease;
35 | 	animation-name: bounce2;
36 | }
37 | 
38 | .bounce3 {
39 | 	animation: bounce 1s ease, bounce2
40 | }
41 | 
42 | .bounce4 {
43 | 	animation: bounce 1s ease, bounce2;
44 | }
45 | 
46 | .b {
47 | 	color: green;
48 | }
49 | 


--------------------------------------------------------------------------------
/test/moduleTestCases/leak-scope/expected.css:
--------------------------------------------------------------------------------
 1 | ._a_ {
 2 | 	color: green;
 3 | 	animation: _a_;
 4 | }
 5 | 
 6 | @keyframes _b_ {
 7 | 	0% { left: 10px; }
 8 | 	100% { left: 20px; }
 9 | }
10 | 
11 | ._b_ {
12 | 	animation: _b_;
13 | }
14 | 
15 | @keyframes c {
16 | 	0% { left: 10px; }
17 | 	100% { left: 20px; }
18 | }
19 | 
20 | ._c_ {
21 | 	animation: _c1_;
22 | 	animation: _c2_, _c3_, _c4_;
23 | }
24 | 
25 | @keyframes d {
26 | 	0% { left: 10px; }
27 | 	100% { left: 20px; }
28 | }
29 | 
30 | .d1 {
31 | 	animation: d1;
32 | 	animation: d2, d3, d4;
33 | }
34 | 
35 | .d2 {
36 | 	animation: _d2_;
37 | }
38 | 


--------------------------------------------------------------------------------
/test/moduleTestCases/leak-scope/source.css:
--------------------------------------------------------------------------------
 1 | .a {
 2 | 	color: green;
 3 | 	animation: a;
 4 | }
 5 | 
 6 | @keyframes b {
 7 | 	0% { left: 10px; }
 8 | 	100% { left: 20px; }
 9 | }
10 | 
11 | .b {
12 | 	animation: b;
13 | }
14 | 
15 | @keyframes :global(c) {
16 | 	0% { left: 10px; }
17 | 	100% { left: 20px; }
18 | }
19 | 
20 | .c {
21 | 	animation: c1;
22 | 	animation: c2, c3, c4;
23 | }
24 | 
25 | @keyframes :global(d) {
26 | 	0% { left: 10px; }
27 | 	100% { left: 20px; }
28 | }
29 | 
30 | :global .d1 {
31 | 	animation: d1;
32 | 	animation: d2, d3, d4;
33 | }
34 | 
35 | :global(.d2) {
36 | 	animation: d2;
37 | }
38 | 


--------------------------------------------------------------------------------
/test/moduleTestCases/simple/expected.css:
--------------------------------------------------------------------------------
 1 | ._a_ ._b_, ._c_ ._d_, #_id_ {
 2 | 	color: green;
 3 | 	font-size: 1.5pt;
 4 | }
 5 | a[href="#b.c"]._x_._y_ {
 6 | 	color: green;
 7 | 	font-size: 1.5pt;
 8 | }
 9 | @keyframes _z_ {
10 |   2.5% {color: green;}
11 | }
12 | 


--------------------------------------------------------------------------------
/test/moduleTestCases/simple/source.css:
--------------------------------------------------------------------------------
 1 | .a .b, .c .d, #id {
 2 | 	color: green;
 3 | 	font-size: 1.5pt;
 4 | }
 5 | a[href="#b.c"].x.y {
 6 | 	color: green;
 7 | 	font-size: 1.5pt;
 8 | }
 9 | @keyframes z {
10 |   2.5% {color: green;}
11 | }
12 | 


--------------------------------------------------------------------------------
/test/moduleTestCases/urls/expected.css:
--------------------------------------------------------------------------------
 1 | ._a_ {
 2 | 	background: url({./module});
 3 | 	background: url({./module});
 4 | 	background: url({./module});
 5 | 	background: url({./module}#?iefix);
 6 | 	background: url("#hash");
 7 | 	background: url("#");
 8 | 	background: url(data:image/png;base64,AAA);
 9 | 	background: url(http://example.com/image.jpg);
10 | 	background: url(//example.com/image.png);
11 | 	background: green url(data:image/png;base64,AAA) url(http://example.com/image.jpg) url(//example.com/image.png) url({./module}) xyz;
12 | }
13 | 


--------------------------------------------------------------------------------
/test/moduleTestCases/urls/source.css:
--------------------------------------------------------------------------------
 1 | .a {
 2 | 	background: url(./module);
 3 | 	background: url("./module");
 4 | 	background: url('./module');
 5 | 	background: url("./module#?iefix");
 6 | 	background: url("#hash");
 7 | 	background: url("#");
 8 | 	background: url(data:image/png;base64,AAA);
 9 | 	background: url(http://example.com/image.jpg);
10 | 	background: url(//example.com/image.png);
11 | 	background: green url(data:image/png;base64,AAA) url(http://example.com/image.jpg) url(//example.com/image.png) url(./module) xyz;
12 | }
13 | 


--------------------------------------------------------------------------------
/test/moduleTestCases/values/expected.css:
--------------------------------------------------------------------------------
1 | ._a_ {
2 | 	background: red;
3 | 	background: green;
4 | 	background: red;
5 | }
6 | 


--------------------------------------------------------------------------------
/test/moduleTestCases/values/source.css:
--------------------------------------------------------------------------------
 1 | @value aaa: red;
 2 | @value bbb: green;
 3 | @value ccc: aaa;
 4 | 
 5 | .a {
 6 | 	background: aaa;
 7 | 	background: bbb;
 8 | 	background: ccc;
 9 | }
10 | 


--------------------------------------------------------------------------------
/test/rtlTest.js:
--------------------------------------------------------------------------------
 1 | /*globals describe */
 2 | 
 3 | var test = require("./helpers").test;
 4 | var testMinimize = require("./helpers").testMinimize;
 5 | 
 6 | describe("rtlcss", function() {
 7 |     var _document;
 8 |     before(function() {
 9 |         _document = global.document;
10 |         global.document = {
11 |             getElementsByTagName: function() {
12 |                 return [{
13 |                     getAttribute: function() {
14 |                         return 'rtl';
15 |                     }
16 |                 }];
17 |             }
18 |         };
19 |     });
20 | 
21 |     after(function() {
22 |         global.document = _document;
23 |     });
24 | 
25 |     test("basic property", ".class { right: 10px; }", [
26 |         [1, ".class { left: 10px; }", ""]
27 |     ]);
28 |     test("multiple properties", ".class { border-left: 10px; padding-right: 5px; background: red; }", [
29 |         [1, ".class { border-right: 10px; padding-left: 5px; background: red; }", ""]
30 |     ]);
31 |     test("ignore", ".class { /*rtl:begin:ignore*/border-right: 10px;/*rtl:end:ignore*/ left: 10px; }", [
32 |         [1, ".class {border-right: 10px; right: 10px; }", ""]
33 |     ]);
34 | });
35 | 


--------------------------------------------------------------------------------
/test/simpleTest.js:
--------------------------------------------------------------------------------
 1 | /*globals describe */
 2 | 
 3 | var test = require("./helpers").test;
 4 | var testMinimize = require("./helpers").testMinimize;
 5 | 
 6 | describe("simple", function() {
 7 | 	test("empty", "", [
 8 | 		[1, "", ""]
 9 | 	]);
10 | 	testMinimize("empty minimized", "", [
11 | 		[1, "", ""]
12 | 	]);
13 | 	test("simple", ".class { a: b c d; }", [
14 | 		[1, ".class { a: b c d; }", ""]
15 | 	]);
16 | 	test("simple2", ".class { a: b c d; }\n.two {}", [
17 | 		[1, ".class { a: b c d; }\n.two {}", ""]
18 | 	]);
19 | 	testMinimize("minimized simple", ".class { a: b c d; }", [
20 | 		[1, ".class{a:b c d}", ""]
21 | 	]);
22 | });
23 | 


--------------------------------------------------------------------------------
/test/sourceMapTest.js:
--------------------------------------------------------------------------------
 1 | /*globals describe */
 2 | 
 3 | var testWithMap = require("./helpers").testWithMap;
 4 | var testMap = require("./helpers").testMap;
 5 | 
 6 | describe("source maps", function() {
 7 | 	testWithMap("falsy: null map doesn't cause an error", ".class { a: b c d; }", null, [
 8 | 		[1, ".class { a: b c d; }", ""]
 9 | 	]);
10 | 	testWithMap("falsy: undefined map doesn't cause an error", ".class { a: b c d; }", undefined, [
11 | 		[1, ".class { a: b c d; }", ""]
12 | 	]);
13 | 	testMap("generate sourceMap (1 loader)", ".class { a: b c d; }", undefined, {
14 | 		loaders: [{request: "/path/css-loader"}],
15 | 		options: { context: "/" },
16 | 		resource: "/folder/test.css",
17 | 		request: "/path/css-loader!/folder/test.css",
18 | 		query: "?sourceMap"
19 | 	}, [
20 | 		[1, ".class { a: b c d; }", "", {
21 | 			file: 'test.css',
22 | 			mappings: 'AAAA,SAAS,SAAS,EAAE',
23 | 			names: [],
24 | 			sourceRoot: 'webpack://',
25 | 			sources: [ '/./folder/test.css' ],
26 | 			sourcesContent: [ '.class { a: b c d; }' ],
27 | 			version: 3
28 | 		}]
29 | 	]);
30 | 	testMap("generate sourceMap (1 loader, relative)", ".class { a: b c d; }", undefined, {
31 | 		loaders: [{request: "/path/css-loader"}],
32 | 		options: { context: "/other-folder/sub" },
33 | 		resource: "/folder/test.css",
34 | 		request: "/path/css-loader!/folder/test.css",
35 | 		query: "?sourceMap"
36 | 	}, [
37 | 		[1, ".class { a: b c d; }", "", {
38 | 			file: 'test.css',
39 | 			mappings: 'AAAA,SAAS,SAAS,EAAE',
40 | 			names: [],
41 | 			sourceRoot: 'webpack://',
42 | 			sources: [ '/../../folder/test.css' ],
43 | 			sourcesContent: [ '.class { a: b c d; }' ],
44 | 			version: 3
45 | 		}]
46 | 	]);
47 | 	testMap("generate sourceMap (2 loaders)", ".class { a: b c d; }", undefined, {
48 | 		loaders: [{request: "/path/css-loader"}, {request: "/path/sass-loader"}],
49 | 		options: { context: "/" },
50 | 		resource: "/folder/test.scss",
51 | 		request: "/path/css-loader!/path/sass-loader!/folder/test.scss",
52 | 		query: "?sourceMap"
53 | 	}, [
54 | 		[1, ".class { a: b c d; }", "", {
55 | 			file: 'test.scss',
56 | 			mappings: 'AAAA,SAAS,SAAS,EAAE',
57 | 			names: [],
58 | 			sourceRoot: 'webpack://',
59 | 			sources: [ '/./folder/test.scss' ],
60 | 			sourcesContent: [ '.class { a: b c d; }' ],
61 | 			version: 3
62 | 		}]
63 | 	]);
64 | });
65 | 


--------------------------------------------------------------------------------
/test/urlTest.js:
--------------------------------------------------------------------------------
  1 | /*globals describe */
  2 | 
  3 | var test = require("./helpers").test;
  4 | 
  5 | describe("url", function() {
  6 | 	test("background img", ".class { background: green url( \"img.png\" ) xyz }", [
  7 | 		[1, ".class { background: green url({./img.png}) xyz }", ""]
  8 | 	]);
  9 | 	test("background img 2", ".class { background: green url(~img/png) url(aaa) xyz }", [
 10 | 		[1, ".class { background: green url({img/png}) url({./aaa}) xyz }", ""]
 11 | 	]);
 12 | 	test("background img 3", ".class { background: green url( 'img.png' ) xyz }", [
 13 | 		[1, ".class { background: green url({./img.png}) xyz }", ""]
 14 | 	]);
 15 | 	test("background img absolute", ".class { background: green url(/img.png) xyz }", [
 16 | 		[1, ".class { background: green url(/img.png) xyz }", ""]
 17 | 	]);
 18 | 	test("background img absolute with root", ".class { background: green url(/img.png) xyz }", [
 19 | 		[1, ".class { background: green url({./img.png}) xyz }", ""]
 20 | 	], "?root=.");
 21 | 	test("background img external",
 22 | 		".class { background: green url(data:image/png;base64,AAA) url(http://example.com/image.jpg) url(//example.com/image.png) xyz }", [
 23 | 		[1, ".class { background: green url(data:image/png;base64,AAA) url(http://example.com/image.jpg) url(//example.com/image.png) xyz }", ""]
 24 | 	]);
 25 | 	test("background img external data",
 26 | 		".class { background-image: url(\"data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42 26' fill='%23007aff'><rect width='4' height='4'/><rect x='8' y='1' width='34' height='2'/><rect y='11' width='4' height='4'/><rect x='8' y='12' width='34' height='2'/><rect y='22' width='4' height='4'/><rect x='8' y='23' width='34' height='2'/></svg>\") }", [
 27 | 		[1, ".class { background-image: url(\"data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42 26' fill='%23007aff'><rect width='4' height='4'/><rect x='8' y='1' width='34' height='2'/><rect y='11' width='4' height='4'/><rect x='8' y='12' width='34' height='2'/><rect y='22' width='4' height='4'/><rect x='8' y='23' width='34' height='2'/></svg>\") }", ""]
 28 | 	]);
 29 | 	test("data url in filter",
 30 | 		".class { filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\"><filter id=\"filter\"><feGaussianBlur in=\"SourceAlpha\" stdDeviation=\"0\" /><feOffset dx=\"1\" dy=\"2\" result=\"offsetblur\" /><feFlood flood-color=\"rgba(255,255,255,1)\" /><feComposite in2=\"offsetblur\" operator=\"in\" /><feMerge><feMergeNode /><feMergeNode in=\"SourceGraphic\" /></feMerge></filter></svg>#filter'); }", [
 31 | 		[1, ".class { filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\"><filter id=\"filter\"><feGaussianBlur in=\"SourceAlpha\" stdDeviation=\"0\" /><feOffset dx=\"1\" dy=\"2\" result=\"offsetblur\" /><feFlood flood-color=\"rgba(255,255,255,1)\" /><feComposite in2=\"offsetblur\" operator=\"in\" /><feMerge><feMergeNode /><feMergeNode in=\"SourceGraphic\" /></feMerge></filter></svg>#filter'); }", ""]
 32 | 	]);
 33 | 	test("filter hash",
 34 | 		".highlight { filter: url(#highlight); }", [
 35 | 		[1, ".highlight { filter: url(#highlight); }", ""]
 36 | 	]);
 37 | 	test("filter hash quotation marks",
 38 | 		".highlight { filter: url('#line-marker'); }", [
 39 | 		[1, ".highlight { filter: url('#line-marker'); }", ""]
 40 | 	]);
 41 | 	test("font face", "@font-face { src: url(regular.woff) format('woff'), url(~truetype/regular.ttf) format('truetype') }", [
 42 | 		[1, "@font-face { src: url({./regular.woff}) format('woff'), url({truetype/regular.ttf}) format('truetype') }", ""]
 43 | 	]);
 44 | 	test("media query", "@media (min-width: 500px) { body { background: url(image.png); } }", [
 45 | 		[1, "@media (min-width: 500px) { body { background: url({./image.png}); } }", ""]
 46 | 	]);
 47 | 	test("url in string", "a { content: \"do not use url(path)\"; } b { content: 'do not \"use\" url(path)'; }", [
 48 | 		[1, "a { content: \"do not use url(path)\"; } b { content: 'do not \"use\" url(path)'; }", ""]
 49 | 	]);
 50 | 	test("keyframe background img", "@keyframes anim { background: green url('img.png') xyz }", [
 51 | 		[1, "@keyframes anim { background: green url({./img.png}) xyz }", ""]
 52 | 	]);
 53 | 	test("-webkit-image-set", ".a { background-image: -webkit-image-set(url('url1x.png') 1x, url('url2x.png') 2x) }", [
 54 | 		[1, ".a { background-image: -webkit-image-set(url({./url1x.png}) 1x, url({./url2x.png}) 2x) }", ""]
 55 | 	]);
 56 | 
 57 | 	test("background img with url", ".class { background: green url( \"img.png\" ) xyz }", [
 58 | 		[1, ".class { background: green url( \"img.png\" ) xyz }", ""]
 59 | 	], "?-url");
 60 | 	test("background img 2 with url", ".class { background: green url(~img/png) url(aaa) xyz }", [
 61 | 		[1, ".class { background: green url(~img/png) url(aaa) xyz }", ""]
 62 | 	], "?-url");
 63 | 	test("background img 3 with url", ".class { background: green url( 'img.png' ) xyz }", [
 64 | 		[1, ".class { background: green url( 'img.png' ) xyz }", ""]
 65 | 	], "?-url");
 66 | 	test("background img absolute with url", ".class { background: green url(/img.png) xyz }", [
 67 | 		[1, ".class { background: green url(/img.png) xyz }", ""]
 68 | 	], "?-url");
 69 | 	test("background img external with url",
 70 | 		".class { background: green url(data:image/png;base64,AAA) url(http://example.com/image.jpg) url(//example.com/image.png) xyz }", [
 71 | 		[1, ".class { background: green url(data:image/png;base64,AAA) url(http://example.com/image.jpg) url(//example.com/image.png) xyz }", ""]
 72 | 	], "?-url");
 73 | 	test("background img external data with url",
 74 | 		".class { background-image: url(\"data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42 26' fill='%23007aff'><rect width='4' height='4'/><rect x='8' y='1' width='34' height='2'/><rect y='11' width='4' height='4'/><rect x='8' y='12' width='34' height='2'/><rect y='22' width='4' height='4'/><rect x='8' y='23' width='34' height='2'/></svg>\") }", [
 75 | 		[1, ".class { background-image: url(\"data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42 26' fill='%23007aff'><rect width='4' height='4'/><rect x='8' y='1' width='34' height='2'/><rect y='11' width='4' height='4'/><rect x='8' y='12' width='34' height='2'/><rect y='22' width='4' height='4'/><rect x='8' y='23' width='34' height='2'/></svg>\") }", ""]
 76 | 	], "?-url");
 77 | 	test("data url in filter with url",
 78 | 		".class { filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\"><filter id=\"filter\"><feGaussianBlur in=\"SourceAlpha\" stdDeviation=\"0\" /><feOffset dx=\"1\" dy=\"2\" result=\"offsetblur\" /><feFlood flood-color=\"rgba(255,255,255,1)\" /><feComposite in2=\"offsetblur\" operator=\"in\" /><feMerge><feMergeNode /><feMergeNode in=\"SourceGraphic\" /></feMerge></filter></svg>#filter'); }", [
 79 | 		[1, ".class { filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\"><filter id=\"filter\"><feGaussianBlur in=\"SourceAlpha\" stdDeviation=\"0\" /><feOffset dx=\"1\" dy=\"2\" result=\"offsetblur\" /><feFlood flood-color=\"rgba(255,255,255,1)\" /><feComposite in2=\"offsetblur\" operator=\"in\" /><feMerge><feMergeNode /><feMergeNode in=\"SourceGraphic\" /></feMerge></filter></svg>#filter'); }", ""]
 80 | 	], "?-url");
 81 | 	test("filter hash with url",
 82 | 		".highlight { filter: url(#highlight); }", [
 83 | 		[1, ".highlight { filter: url(#highlight); }", ""]
 84 | 	], "?-url");
 85 | 	test("filter hash quotation marks with url",
 86 | 		".highlight { filter: url('#line-marker'); }", [
 87 | 		[1, ".highlight { filter: url('#line-marker'); }", ""]
 88 | 	], "?-url");
 89 | 	test("font face with url", "@font-face { src: url(regular.woff) format('woff'), url(~truetype/regular.ttf) format('truetype') }", [
 90 | 		[1, "@font-face { src: url(regular.woff) format('woff'), url(~truetype/regular.ttf) format('truetype') }", ""]
 91 | 	], "?-url");
 92 | 	test("media query with url", "@media (min-width: 500px) { body { background: url(image.png); } }", [
 93 | 		[1, "@media (min-width: 500px) { body { background: url(image.png); } }", ""]
 94 | 	], "?-url");
 95 | 	test("url in string with url", "a { content: \"do not use url(path)\"; } b { content: 'do not \"use\" url(path)'; }", [
 96 | 		[1, "a { content: \"do not use url(path)\"; } b { content: 'do not \"use\" url(path)'; }", ""]
 97 | 	], "?-url");
 98 | 	test("keyframe background img with url", "@keyframes anim { background: green url('img.png') xyz }", [
 99 | 		[1, "@keyframes anim { background: green url('img.png') xyz }", ""]
100 | 	], "?-url");
101 | });
102 | 


--------------------------------------------------------------------------------
/test/valuesTest.js:
--------------------------------------------------------------------------------
 1 | /*globals describe */
 2 | 
 3 | var testLocals = require("./helpers").testLocals;
 4 | var test = require("./helpers").test;
 5 | 
 6 | function testLocal(name, input, result, localsResult, query, modules) {
 7 | 	result.locals = localsResult;
 8 | 	test(name, input, result, query, modules);
 9 | }
10 | 
11 | describe("values", function() {
12 | 	testLocals("should export values",
13 | 		"@value def: red; @value ghi: 1px solid black",
14 | 		{
15 | 			def: "red",
16 | 			ghi: "1px solid black"
17 | 		},
18 | 		""
19 | 	);
20 | 	testLocals("should export values and locals",
21 | 		"@value def: red; .ghi { color: def; }",
22 | 		{
23 | 			def: "red",
24 | 			ghi: "_ghi"
25 | 		},
26 | 		"?modules&localIdentName=_[local]"
27 | 	);
28 | 	testLocal("should import values from other module",
29 | 		"@value def from './file'; .ghi { color: def; }", [
30 | 			[ 2, "", "" ],
31 | 			[ 1, ".ghi { color: red; }", "" ]
32 | 		], {
33 | 			def: "red"
34 | 		}, "", {
35 | 			"./file": (function() {
36 | 				var a =  [[2, "", ""]];
37 | 				a.locals = {
38 | 					def: "red"
39 | 				};
40 | 				return a;
41 | 			})()
42 | 		}
43 | 	);
44 | 	testLocal("should import values with renaming",
45 | 		"@value def as aaa from './file1'; @value def as bbb from './file2'; .ghi { background: aaa, bbb, def; }", [
46 | 			[ 2, "", "" ],
47 | 			[ 3, "", "" ],
48 | 			[ 1, ".ghi { background: red, green, def; }", "" ]
49 | 		], {
50 | 			aaa: "red",
51 | 			bbb: "green"
52 | 		}, "", {
53 | 			"./file1": (function() {
54 | 				var a =  [[2, "", ""]];
55 | 				a.locals = {
56 | 					def: "red"
57 | 				};
58 | 				return a;
59 | 			})(),
60 | 			"./file2": (function() {
61 | 				var a =  [[3, "", ""]];
62 | 				a.locals = {
63 | 					def: "green"
64 | 				};
65 | 				return a;
66 | 			})()
67 | 		}
68 | 	);
69 | });
70 | 


--------------------------------------------------------------------------------