You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
40 lines
1.0 KiB
JavaScript
40 lines
1.0 KiB
JavaScript
10 months ago
|
"use strict";
|
||
|
|
Object.defineProperty(exports, "__esModule", { value: true });
|
||
|
|
exports.transform = void 0;
|
||
|
|
const load_module_1 = require("../../../utils/load-module");
|
||
|
|
function transform(node, text, context, type) {
|
||
|
|
const sass = loadSass(context);
|
||
|
|
if (!sass) {
|
||
|
|
return null;
|
||
|
|
}
|
||
|
|
let inputRange;
|
||
|
|
if (node.endTag) {
|
||
|
|
inputRange = [node.startTag.range[1], node.endTag.range[0]];
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
inputRange = [node.startTag.range[1], node.range[1]];
|
||
|
|
}
|
||
|
|
const code = text.slice(...inputRange);
|
||
|
|
try {
|
||
|
|
const output = sass.compileString(code, {
|
||
|
|
sourceMap: true,
|
||
|
|
syntax: type === 'sass' ? 'indented' : undefined
|
||
|
|
});
|
||
|
|
if (!output) {
|
||
|
|
return null;
|
||
|
|
}
|
||
|
|
return {
|
||
|
|
inputRange,
|
||
|
|
output: output.css,
|
||
|
|
mappings: output.sourceMap.mappings
|
||
|
|
};
|
||
|
|
}
|
||
|
|
catch (_e) {
|
||
|
|
return null;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
exports.transform = transform;
|
||
|
|
function loadSass(context) {
|
||
|
|
return (0, load_module_1.loadModule)(context, 'sass');
|
||
|
|
}
|