Use ES6 promise in css plugin

Author: clmath

README.md

@@ -35,6 +35,8 @@ Then install dependencies with bower (or manually from github if you prefer to):
 	$ cd requirejs-dplugins
 	$ bower install
 
+Of course, to use the jQuery plugin you will need to install jquery in your app via `bower install jquery` or
+via a script tag (ex: `<script src="https://code.jquery.com/jquery-2.1.1.min.js">`). 
 
 ## css
 This plugin will load and wait for a css file. CSS loaded with this plugin can be overwritten by

bower.json

@@ -3,11 +3,12 @@
 	"version": "0.4.2",
 	"description": "AMD plugins for RequireJS",
 	"dependencies": {
-		"jquery": ">=2.1",
 		"lie": ">=2.8",
 		"requirejs": "2.1.x"
 	},
-	"devDependencies": {},
+	"devDependencies": {
+		"jquery": ">=2.1"
+	},
 	"keywords": [
 		"requirejs",
 		"amd",

css.js

@@ -30,9 +30,9 @@
 
 define([
 	"./has",
-	"./jquery!deferred",
+	"./Promise!",
 	"module"
-], function (has, $, module) {
+], function (has, Promise, module) {
 	"use strict";
 
 	has.add("event-link-onload-api", function (global) {
@@ -49,30 +49,29 @@ define([
 	 * @private
 	 */
 	var listenOnLoad = function (link) {
-		var def = new $.Deferred(),
-			loadHandler = has("event-link-onload-api") ?
-				function () {
-					// We're using "readystatechange" because IE happily support both
-					link.onreadystatechange = link.onload = function () {
-						if (!link.readyState || link.readyState === "complete") {
-							link.onreadystatechange = link.onload = null;
-							def.resolve();
-						}
-					};
-				} :
-				function () {
+		return new Promise(function (resolve) {
+			if (has("event-link-onload-api")) {
+				// We're using "readystatechange" because IE happily support both
+				link.onreadystatechange = link.onload = function () {
+					if (!link.readyState || link.readyState === "complete") {
+						link.onreadystatechange = link.onload = null;
+						resolve();
+					}
+				};
+			} else {
+				var poll = function () {
 					// watches a stylesheet for loading signs.
 					var sheet = link.sheet || link.styleSheet,
 						styleSheets = document.styleSheets;
 					if (sheet && Array.prototype.lastIndexOf.call(styleSheets, sheet) !== -1) {
-						def.resolve();
+						resolve();
 					} else {
-						setTimeout(loadHandler, 25);
+						setTimeout(poll, 25);
 					}
 				};
-
-		loadHandler();
-		return def.promise();
+				poll();
+			}
+		});
 	};
 
 	var loadCss = {

docs/jquery.md

@@ -11,8 +11,7 @@ library via a `<script>` tag, in which case it just returns a pointer to the alr
 
 It's useful to avoid loading jQuery twice.
 
-When using this plugin, you can use the provided jquery (installed as a `requirejs-dplugins` bower dependency)
-or use your own version, either via `bower install jquery` or via
+When using this plugin, you must manually include jquery into your app via `bower install jquery` or via
 a script tag (ex: `<script src="https://code.jquery.com/jquery-2.1.1.min.js">`).
 
 ## Example

tests/functional/jqueryApp/Gruntfile.js

@@ -17,6 +17,7 @@ module.exports = function (grunt) {
 
 			paths: {
 				jquery: "bower_components/jquery",
+				lie: "bower_components/lie",
 				"requirejs-dplugins": "../../.."
 			},
 

tests/functional/jqueryApp/bower.json

@@ -3,6 +3,7 @@
 	"version": "0.1.0",
 	"description": "Test application using jquery! plugin",
 	"dependencies": {
+		"lie":  ">=2.8",
 		"jquery": ">=2.1",
 		"requirejs": "2.1.x"
 	}

tests/intern.js

@@ -95,5 +95,5 @@ define({
 	functionalSuites: ["requirejs-dplugins/tests/functional/all"],
 
 	// A regular expression matching URLs to files that should not be included in code coverage analysis
-	excludeInstrumentation: /(?:requirejs|jquery|tests|node_modules)(?:\/|\\)/
+	excludeInstrumentation: /(?:requirejs|lie|jquery|tests|node_modules)(?:\/|\\)/
 });

tests/unit/css.js

@@ -11,7 +11,8 @@ define([
 		//		to be able to access requirejs-dplugins sibling directories.
 		//		The last /requirejs-dplugins is here to allow to use css! directly instead of
 		//		requirejs-dplugins/css!
-		baseUrl: "../../../requirejs-dplugins"
+		baseUrl: "../../../requirejs-dplugins",
+		paths: {lie: "../lie"}
 	});
 
 	function getStyles() {