less.registerStylesheets() promise

Author: levithomason

lib/less-browser/index.js

@@ -223,16 +223,28 @@ 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) {
+        console.log('called register');
+        var links = document.getElementsByTagName('link');
+        less.sheets = [];
+
+        for (var i = 0; i < links.length; i++) {
+            console.log(links[i].rel);
+            if (links[i].rel === 'stylesheet/less' || (links[i].rel.match(/stylesheet/) &&
+                (links[i].type.match(typePattern)))) {
+                less.sheets.push(links[i]);
+                console.log(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]);
-    }
-}
+            if (i === links.length - 1) {
+                console.log(i);
+                console.log('resolve register');
+                resolve();
+            }
+        }
+    });
+};
 
 //
 // With this function, it's possible to alter variables and re-render
@@ -243,7 +255,9 @@ less.modifyVars = function(record) {
 };
 
 less.refresh = function (reload, modifyVars) {
+    console.log('called refresh');
     less.hasFinished = new PromiseConstructor(function (resolve, reject) {
+        console.log('promising to refresh');
         var startTime, endTime, totalMilliseconds;
         startTime = endTime = new Date();
 
@@ -273,7 +287,7 @@ less.refresh = function (reload, modifyVars) {
             }
             endTime = new Date();
         }, reload, modifyVars);
-    
+
         loadStyles(modifyVars);
     });
 
@@ -282,4 +296,8 @@ less.refresh = function (reload, modifyVars) {
 
 less.refreshStyles = loadStyles;
 
-less.refresh(less.env === 'development');
+less.registerStylesheets().then(
+    function () {
+        less.refresh(less.env === 'development');
+    }
+);