mirror of
https://github.com/less/less.js.git
synced 2026-01-22 13:48:03 -05:00
f66757554f
Starting in 2.0, stylesheet loading became asynchronous, through the usage of promises for both calculating the list of stylesheets and the initial call to less.refresh(). This resulted in visual issues while loading on some browsers (noticed in Firefox and Safari), along with breakages of any custom JavaScript that depended on the computed style of elements on the page, due to race conditions. This change preserves the promise for initial page loading, in order to retain support for less.pageLoadFinished, but immediately executes the stylesheet scan (through a new less.registerStylesheetsImmediately function) and the less.refresh() call. That resulting behavior matches versions of less prior to 2.0. This unveiled a regression in registering functions, both in the browser and in unit tests, that was not previously noticed due to the asynchronous load. Registered functions would have a 'less' variable set to the less options, and not less itself, when not going through the asynchronous loading mode. This meant that both unit tests and real-world function registration would break when the sync page loading was fixed. Overriding window.less to point to the actual less module and not less.options during bootstrap fixes this. This fixes #2317.
26 lines
617 B
JavaScript
26 lines
617 B
JavaScript
/**
|
|
* Kicks off less and compiles any stylesheets
|
|
* used in the browser distributed version of less
|
|
* to kick-start less using the browser api
|
|
*/
|
|
/*global window */
|
|
|
|
// shim Promise if required
|
|
require('promise/polyfill.js');
|
|
|
|
var options = window.less || {};
|
|
require("./add-default-options")(window, options);
|
|
|
|
var less = module.exports = require("./index")(window, options);
|
|
|
|
window.less = less;
|
|
|
|
if (options.onReady) {
|
|
if (/!watch/.test(window.location.hash)) {
|
|
less.watch();
|
|
}
|
|
|
|
less.registerStylesheetsImmediately();
|
|
less.pageLoadFinished = less.refresh(less.env === 'development');
|
|
}
|