Made modules loadable via node commonjs

Author: marcj

README.md

@@ -61,6 +61,22 @@ Include the javascript files at the bottom and you're good to go. No custom java
 <script src="src/ElementQueries.js"></script>
 ```
 
+## Module Loader
+
+If you're using a module loader you need to trigger the event listening or initialization yourself:
+
+```javascript
+var EQ = require('node_modules/css-element-queries/ElementQueries');
+
+ //attaches to DOMLoadContent
+EQ.listen();
+
+//or if you want to trigger it yourself.
+// Parse all available CSS and attach ResizeSensor to those elements which have rules attached
+// (make sure this is called after 'load' event, because CSS files are not ready when domReady is fired.
+EQ.init();
+```
+
 Issues
 ------
 

src/ElementQueries.js

@@ -5,6 +5,13 @@
  */
 ;
 (function() {
+
+    var ResizeSensor = window.ResizeSensor;
+
+    if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {
+        ResizeSensor = require('./ResizeSensor');
+    }
+
     /**
      *
      * @type {Function}
@@ -350,11 +357,16 @@
         else window.onload = callback;
     };
 
-    if (window.addEventListener) {
-        window.addEventListener('load', ElementQueries.init, false);
-    } else {
-        window.attachEvent('onload', ElementQueries.init);
-    }
-    domLoaded(ElementQueries.init);
+    ElementQueries.listen = function() {
+        domLoaded(ElementQueries.init);
+    };
 
+    // make available to common module loader
+    if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {
+        module.exports = ElementQueries;
+    }
+    else {
+        window.ElementQueries = ElementQueries;
+        ElementQueries.listen();
+    }
 })();

src/ResizeSensor.js

@@ -14,7 +14,7 @@
      *
      * @constructor
      */
-    this.ResizeSensor = function(element, callback) {
+    var ResizeSensor = function(element, callback) {
         /**
          *
          * @constructor
@@ -120,7 +120,7 @@
                   changed();
               }
               reset();
-            }
+            };
 
             addEvent(expand, 'scroll', onScroll);
             addEvent(shrink, 'scroll', onScroll);
@@ -155,12 +155,20 @@
         };
     };
 
-    this.ResizeSensor.detach = function(element) {
+    ResizeSensor.detach = function(element) {
         if (element.resizeSensor) {
             element.removeChild(element.resizeSensor);
             delete element.resizeSensor;
             delete element.resizedAttached;
         }
     };
 
+    // make available to common module loader
+    if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {
+        module.exports = ResizeSensor;
+    }
+    else {
+        window.ResizeSensor = ResizeSensor;
+    }
+
 })();