/
compile-less.js
72 lines (63 loc) · 2.34 KB
/
compile-less.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
var fs = Npm.require('fs');
var path = Npm.require('path');
var less = Npm.require('less');
var Future = Npm.require('fibers/future');
Plugin.registerSourceHandler("less", function (compileStep) {
// XXX annoying that this is replicated in .css, .less, and .styl
if (! compileStep.archMatches('browser')) {
// XXX in the future, might be better to emit some kind of a
// warning if a stylesheet is included on the server, rather than
// silently ignoring it. but that would mean you can't stick .css
// at the top level of your app, which is kind of silly.
return;
}
var source = compileStep.read().toString('utf8');
var options = {
// Use fs.readFileSync to process @imports. This is the bundler, so
// that's not going to cause concurrency issues, and it means that (a)
// we don't have to use Futures and (b) errors thrown by bugs in less
// actually get caught.
syncImport: true,
paths: [path.dirname(compileStep._fullInputPath)] // for @import
};
var parser = new(less.Parser)(options);
var astFuture = new Future;
var ast, css;
try {
parser.parse(source, astFuture.resolver());
ast = astFuture.wait();
} catch (e) {
// less.render() is supposed to report any errors via its
// callback. But sometimes, it throws them instead. This is
// probably a bug in less. Be prepared for either behavior.
compileStep.error({
message: "Less compiler error: " + e.message,
sourcePath: e.filename || compileStep.inputPath,
line: e.line - 1, // dunno why, but it matches
column: e.column + 1
});
return;
}
var cssFuture = new Future;
css = ast.toCSS({
sourceMap: Boolean(true),
writeSourceMap: function (sourceMap) {
cssFuture.return(sourceMap);
}
});
sourceMap = JSON.parse(cssFuture.wait());
sourceMap.sources = [compileStep.inputPath];
sourceMap.sourcesContent = [source];
compileStep.addStylesheet({
path: compileStep.inputPath + ".css",
data: css,
sourceMap: JSON.stringify(sourceMap)
});
});;
// Register import.less files with the dependency watcher, without actually
// processing them. There is a similar rule in the stylus package.
Plugin.registerSourceHandler("import.less", function () {
// Do nothing
});
// Backward compatibility with Meteor 0.7
Plugin.registerSourceHandler("lessimport", function () {});