github/less.js
1
1
Fork 0
mirror of https://github.com/less/less.js.git synced 2026-02-03 19:45:00 -05:00
Code Issues Packages Projects Releases Wiki Activity

(new) auto stylesheet refreshing with '#!refresh'

Browse Source
This commit is contained in:
cloudhead
2010-06-06 18:23:55 -04:00
parent 652f1110d3
commit d8289eb59b
1 changed files with 49 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
lib/less/browser.js
View File

@@ -3,39 +3,66 @@
//
var sheets = [];
if (!document.querySelectorAll && typeof(jQuery) === "undefined") {
log("No selector method found");
} else {
sheets = (document.querySelectorAll || jQuery).call(document, 'link[rel="stylesheet/less"]');
}
less.env = location.hostname == '127.0.0.1' ||
location.hostname == '0.0.0.0' ||
location.hostname == 'localhost' ||
location.protocol == 'file:' ? 'development'
: 'production';
for (var i = 0; i < sheets.length; i++) {
(function (sheet) { // Because the functions here are async, we need to create a closure
var css = typeof(localStorage) !== "undefined" && localStorage.getItem(sheet.href);
var styles = css && JSON.parse(css);
xhr(sheet.href, function (data, lastModified) {
if (styles && (new(Date)(lastModified).valueOf() ===
new(Date)(styles.timestamp).valueOf())) {
// Use local copy
createCSS(styles.css, sheet);
// Load the stylesheets when the body is ready
var readyTimer = setInterval(function () {
if (document.body) {
if (!document.querySelectorAll && typeof(jQuery) === "undefined") {
log("No selector method found");
} else {
sheets = (document.querySelectorAll || jQuery).call(document, 'link[rel="stylesheet/less"]');
}
clearInterval(readyTimer);
loadStyleSheets(function (sheet, env) {
if (env.local) {
log("less: loading " + sheet.href + " from local storage.");
} else {
// Use remote copy (re-parse)
new(less.Parser)({ optimization: 3 }).parse(data, function (e, root) {
if (e) { return error(e, sheet.href) }
createCSS(root.toCSS(), sheet, lastModified);
log("less: parsed " + sheet.href + " successfully.");
});
log("less: parsed " + sheet.href + " successfully.");
}
});
})(sheets[i]);
}
}, 10);
//
// Auto-refresh
//
if (less.env === 'development') {
refreshTimer = setInterval(function () {
if (/!refresh/.test(location.hash)) {
loadStyleSheets(function () {});
}
}, 1000);
}
function loadStyleSheets(callback) {
for (var i = 0; i < sheets.length; i++) {
(function (sheet) { // Because the functions here are async, we need to create a closure
var css = typeof(localStorage) !== "undefined" && localStorage.getItem(sheet.href);
var styles = css && JSON.parse(css);
xhr(sheet.href, function (data, lastModified) {
if (styles && (new(Date)(lastModified).valueOf() ===
new(Date)(styles.timestamp).valueOf())) {
// Use local copy
createCSS(styles.css, sheet);
callback(sheet, {local: true})
} else {
// Use remote copy (re-parse)
new(less.Parser)({ optimization: 3 }).parse(data, function (e, root) {
if (e) { return error(e, sheet.href) }
createCSS(root.toCSS(), sheet, lastModified);
callback(sheet, {local: false})
});
}
});
})(sheets[i]);
}
}
function createCSS(styles, sheet, lastModified) {