less.registerStylesheets() promise

squash logs

Author: levithomason

lib/less-browser/index.js

@@ -223,16 +223,23 @@ if (/!watch/.test(location.hash)) {
 //
 // Get all <link> tags with the 'rel' attribute set to "stylesheet/less"
 //
-var links = document.getElementsByTagName('link');
-
-less.sheets = [];
+less.registerStylesheets = function(callback) {
+    return new PromiseConstructor(function(resolve, reject) {
+        var links = document.getElementsByTagName('link');
+        less.sheets = [];
+
+        for (var i = 0; i < links.length; i++) {
+            if (links[i].rel === 'stylesheet/less' || (links[i].rel.match(/stylesheet/) &&
+                (links[i].type.match(typePattern)))) {
+                less.sheets.push(links[i]);
+            }
 
-for (var i = 0; i < links.length; i++) {
-    if (links[i].rel === 'stylesheet/less' || (links[i].rel.match(/stylesheet/) &&
-       (links[i].type.match(typePattern)))) {
-        less.sheets.push(links[i]);
-    }
-}
+            if (i === links.length - 1) {
+                resolve();
+            }
+        }
+    });
+};
 
 //
 // With this function, it's possible to alter variables and re-render
@@ -273,7 +280,7 @@ less.refresh = function (reload, modifyVars) {
             }
             endTime = new Date();
         }, reload, modifyVars);
-    
+
         loadStyles(modifyVars);
     });
 
@@ -282,4 +289,8 @@ less.refresh = function (reload, modifyVars) {
 
 less.refreshStyles = loadStyles;
 
-less.refresh(less.env === 'development');
+less.registerStylesheets().then(
+    function () {
+        less.refresh(less.env === 'development');
+    }
+);