68 lines
1.8 KiB
JavaScript
68 lines
1.8 KiB
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, document */
|
||
|
|
|
||
|
|
// TODO - consider switching this out for a recommendation for this polyfill?
|
||
|
|
// <script src="https://cdn.polyfill.io/v2/polyfill.min.js"></script>
|
||
|
|
// Browsers have good Promise support
|
||
|
|
require("promise/polyfill");
|
||
|
|
|
||
|
|
var options = require('../less/default-options')();
|
||
|
|
|
||
|
|
if (window.less) {
|
||
|
|
for (key in window.less) {
|
||
|
|
if (window.less.hasOwnProperty(key)) {
|
||
|
|
options[key] = window.less[key];
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
require("./add-default-options")(window, options);
|
||
|
|
|
||
|
|
options.plugins = options.plugins || [];
|
||
|
|
|
||
|
|
if (window.LESS_PLUGINS) {
|
||
|
|
options.plugins = options.plugins.concat(window.LESS_PLUGINS);
|
||
|
|
}
|
||
|
|
|
||
|
|
var less = module.exports = require("./index")(window, options);
|
||
|
|
|
||
|
|
window.less = less;
|
||
|
|
|
||
|
|
var css, head, style;
|
||
|
|
|
||
|
|
// Always restore page visibility
|
||
|
|
function resolveOrReject(data) {
|
||
|
|
if (data.filename) {
|
||
|
|
console.warn(data);
|
||
|
|
}
|
||
|
|
if (!options.async) {
|
||
|
|
head.removeChild(style);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
if (options.onReady) {
|
||
|
|
if (/!watch/.test(window.location.hash)) {
|
||
|
|
less.watch();
|
||
|
|
}
|
||
|
|
// Simulate synchronous stylesheet loading by hiding page rendering
|
||
|
|
if (!options.async) {
|
||
|
|
css = 'body { display: none !important }';
|
||
|
|
head = document.head || document.getElementsByTagName('head')[0];
|
||
|
|
style = document.createElement('style');
|
||
|
|
|
||
|
|
style.type = 'text/css';
|
||
|
|
if (style.styleSheet) {
|
||
|
|
style.styleSheet.cssText = css;
|
||
|
|
} else {
|
||
|
|
style.appendChild(document.createTextNode(css));
|
||
|
|
}
|
||
|
|
|
||
|
|
head.appendChild(style);
|
||
|
|
}
|
||
|
|
less.registerStylesheetsImmediately();
|
||
|
|
less.pageLoadFinished = less.refresh(less.env === 'development').then(resolveOrReject, resolveOrReject);
|
||
|
|
}
|