react-saasify-chrisvxd
Version:
React components for Saasify web clients.
159 lines (130 loc) • 4.66 kB
JavaScript
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);
}
;