159 lines
No EOL
4.5 KiB
JavaScript
159 lines
No EOL
4.5 KiB
JavaScript
"use strict";
|
|
|
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
|
|
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
|
|
const Asset = require('../Asset');
|
|
|
|
const localRequire = require('../utils/localRequire');
|
|
|
|
const _require = require('@parcel/utils'),
|
|
promisify = _require.promisify;
|
|
|
|
const path = require('path');
|
|
|
|
const os = require('os');
|
|
|
|
const Resolver = require('../Resolver');
|
|
|
|
const parseCSSImport = require('../utils/parseCSSImport');
|
|
|
|
class SASSAsset extends Asset {
|
|
constructor(name, options) {
|
|
super(name, options);
|
|
this.type = 'css';
|
|
}
|
|
|
|
parse(code) {
|
|
var _this = this;
|
|
|
|
return (0, _asyncToGenerator2.default)(function* () {
|
|
// node-sass or dart-sass should be installed locally in the module that's being required
|
|
let sass = yield getSassRuntime(_this.name);
|
|
let render = promisify(sass.render.bind(sass));
|
|
const resolver = new Resolver({
|
|
extensions: ['.scss', '.sass'],
|
|
rootDir: _this.options.rootDir
|
|
});
|
|
let opts = (yield _this.getConfig(['.sassrc', '.sassrc.js'], {
|
|
packageKey: 'sass'
|
|
})) || {};
|
|
opts.includePaths = (opts.includePaths ? opts.includePaths.map(includePath => path.resolve(includePath)) : []).concat(path.dirname(_this.name));
|
|
opts.data = opts.data ? opts.data + os.EOL + code : code;
|
|
let type = _this.options.rendition ? _this.options.rendition.type : path.extname(_this.name).toLowerCase().replace('.', '');
|
|
opts.indentedSyntax = typeof opts.indentedSyntax === 'boolean' ? opts.indentedSyntax : type === 'sass';
|
|
opts.importer = opts.importer || [];
|
|
opts.importer = Array.isArray(opts.importer) ? opts.importer : [opts.importer];
|
|
opts.importer.push((url, prev, done) => {
|
|
url = url.replace(/^file:\/\//, '');
|
|
url = parseCSSImport(url);
|
|
resolver.resolve(url, prev === 'stdin' ? _this.name : prev).then(resolved => resolved.path).catch(() => url).then(file => done({
|
|
file
|
|
})).catch(err => done(normalizeError(err)));
|
|
});
|
|
|
|
if (_this.options.sourceMaps) {
|
|
opts.sourceMap = true;
|
|
opts.file = _this.name;
|
|
opts.outFile = _this.name;
|
|
opts.omitSourceMapUrl = true;
|
|
opts.sourceMapContents = true;
|
|
}
|
|
|
|
try {
|
|
return yield render(opts);
|
|
} catch (err) {
|
|
// Format the error so it can be handled by parcel's prettyError
|
|
if (err.formatted) {
|
|
throw sassToCodeFrame(err);
|
|
} // Throw original error if there is no codeFrame
|
|
|
|
|
|
throw err;
|
|
}
|
|
})();
|
|
}
|
|
|
|
collectDependencies() {
|
|
var _iteratorNormalCompletion = true;
|
|
var _didIteratorError = false;
|
|
var _iteratorError = undefined;
|
|
|
|
try {
|
|
for (var _iterator = this.ast.stats.includedFiles[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
|
|
let dep = _step.value;
|
|
this.addDependency(dep, {
|
|
includedInParent: true
|
|
});
|
|
}
|
|
} catch (err) {
|
|
_didIteratorError = true;
|
|
_iteratorError = err;
|
|
} finally {
|
|
try {
|
|
if (!_iteratorNormalCompletion && _iterator.return != null) {
|
|
_iterator.return();
|
|
}
|
|
} finally {
|
|
if (_didIteratorError) {
|
|
throw _iteratorError;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
generate() {
|
|
return [{
|
|
type: 'css',
|
|
value: this.ast ? this.ast.css.toString() : '',
|
|
map: this.ast && this.ast.map ? JSON.parse(this.ast.map.toString()) : undefined
|
|
}];
|
|
}
|
|
|
|
}
|
|
|
|
module.exports = SASSAsset;
|
|
|
|
function getSassRuntime(_x) {
|
|
return _getSassRuntime.apply(this, arguments);
|
|
}
|
|
|
|
function _getSassRuntime() {
|
|
_getSassRuntime = (0, _asyncToGenerator2.default)(function* (searchPath) {
|
|
try {
|
|
return yield localRequire('node-sass', searchPath, true);
|
|
} catch (e) {
|
|
// If node-sass is not used locally, install dart-sass, as this causes no freezing issues
|
|
return localRequire('sass', searchPath);
|
|
}
|
|
});
|
|
return _getSassRuntime.apply(this, arguments);
|
|
}
|
|
|
|
function sassToCodeFrame(err) {
|
|
let error = new Error(err.message);
|
|
error.codeFrame = err.formatted;
|
|
error.stack = err.stack;
|
|
error.fileName = err.file;
|
|
error.loc = {
|
|
line: err.line,
|
|
column: err.column
|
|
};
|
|
return error;
|
|
} // Ensures an error inherits from Error
|
|
|
|
|
|
function normalizeError(err) {
|
|
let message = 'Unknown error';
|
|
|
|
if (err) {
|
|
if (err instanceof Error) {
|
|
return err;
|
|
}
|
|
|
|
message = err.stack || err.message || err;
|
|
}
|
|
|
|
return new Error(message);
|
|
} |