UNPKG

react-saasify-chrisvxd

Version:

React components for Saasify web clients.

159 lines (130 loc) 4.66 kB
"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); }