123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312 |
- 'use strict';
- exports.__esModule = true;
- var _jsBase = require('js-base64');
- var _sourceMap = require('source-map');
- var _sourceMap2 = _interopRequireDefault(_sourceMap);
- var _path = require('path');
- var _path2 = _interopRequireDefault(_path);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
- var MapGenerator = function () {
- function MapGenerator(stringify, root, opts) {
- _classCallCheck(this, MapGenerator);
- this.stringify = stringify;
- this.mapOpts = opts.map || {};
- this.root = root;
- this.opts = opts;
- }
- MapGenerator.prototype.isMap = function isMap() {
- if (typeof this.opts.map !== 'undefined') {
- return !!this.opts.map;
- } else {
- return this.previous().length > 0;
- }
- };
- MapGenerator.prototype.previous = function previous() {
- var _this = this;
- if (!this.previousMaps) {
- this.previousMaps = [];
- this.root.walk(function (node) {
- if (node.source && node.source.input.map) {
- var map = node.source.input.map;
- if (_this.previousMaps.indexOf(map) === -1) {
- _this.previousMaps.push(map);
- }
- }
- });
- }
- return this.previousMaps;
- };
- MapGenerator.prototype.isInline = function isInline() {
- if (typeof this.mapOpts.inline !== 'undefined') {
- return this.mapOpts.inline;
- }
- var annotation = this.mapOpts.annotation;
- if (typeof annotation !== 'undefined' && annotation !== true) {
- return false;
- }
- if (this.previous().length) {
- return this.previous().some(function (i) {
- return i.inline;
- });
- } else {
- return true;
- }
- };
- MapGenerator.prototype.isSourcesContent = function isSourcesContent() {
- if (typeof this.mapOpts.sourcesContent !== 'undefined') {
- return this.mapOpts.sourcesContent;
- }
- if (this.previous().length) {
- return this.previous().some(function (i) {
- return i.withContent();
- });
- } else {
- return true;
- }
- };
- MapGenerator.prototype.clearAnnotation = function clearAnnotation() {
- if (this.mapOpts.annotation === false) return;
- var node = void 0;
- for (var i = this.root.nodes.length - 1; i >= 0; i--) {
- node = this.root.nodes[i];
- if (node.type !== 'comment') continue;
- if (node.text.indexOf('# sourceMappingURL=') === 0) {
- this.root.removeChild(i);
- }
- }
- };
- MapGenerator.prototype.setSourcesContent = function setSourcesContent() {
- var _this2 = this;
- var already = {};
- this.root.walk(function (node) {
- if (node.source) {
- var from = node.source.input.from;
- if (from && !already[from]) {
- already[from] = true;
- var relative = _this2.relative(from);
- _this2.map.setSourceContent(relative, node.source.input.css);
- }
- }
- });
- };
- MapGenerator.prototype.applyPrevMaps = function applyPrevMaps() {
- for (var _iterator = this.previous(), _isArray = Array.isArray(_iterator), _i = 0, _iterator = _isArray ? _iterator : _iterator[Symbol.iterator]();;) {
- var _ref;
- if (_isArray) {
- if (_i >= _iterator.length) break;
- _ref = _iterator[_i++];
- } else {
- _i = _iterator.next();
- if (_i.done) break;
- _ref = _i.value;
- }
- var prev = _ref;
- var from = this.relative(prev.file);
- var root = prev.root || _path2.default.dirname(prev.file);
- var map = void 0;
- if (this.mapOpts.sourcesContent === false) {
- map = new _sourceMap2.default.SourceMapConsumer(prev.text);
- if (map.sourcesContent) {
- map.sourcesContent = map.sourcesContent.map(function () {
- return null;
- });
- }
- } else {
- map = prev.consumer();
- }
- this.map.applySourceMap(map, from, this.relative(root));
- }
- };
- MapGenerator.prototype.isAnnotation = function isAnnotation() {
- if (this.isInline()) {
- return true;
- } else if (typeof this.mapOpts.annotation !== 'undefined') {
- return this.mapOpts.annotation;
- } else if (this.previous().length) {
- return this.previous().some(function (i) {
- return i.annotation;
- });
- } else {
- return true;
- }
- };
- MapGenerator.prototype.addAnnotation = function addAnnotation() {
- var content = void 0;
- if (this.isInline()) {
- content = 'data:application/json;base64,' + _jsBase.Base64.encode(this.map.toString());
- } else if (typeof this.mapOpts.annotation === 'string') {
- content = this.mapOpts.annotation;
- } else {
- content = this.outputFile() + '.map';
- }
- var eol = '\n';
- if (this.css.indexOf('\r\n') !== -1) eol = '\r\n';
- this.css += eol + '/*# sourceMappingURL=' + content + ' */';
- };
- MapGenerator.prototype.outputFile = function outputFile() {
- if (this.opts.to) {
- return this.relative(this.opts.to);
- } else if (this.opts.from) {
- return this.relative(this.opts.from);
- } else {
- return 'to.css';
- }
- };
- MapGenerator.prototype.generateMap = function generateMap() {
- this.generateString();
- if (this.isSourcesContent()) this.setSourcesContent();
- if (this.previous().length > 0) this.applyPrevMaps();
- if (this.isAnnotation()) this.addAnnotation();
- if (this.isInline()) {
- return [this.css];
- } else {
- return [this.css, this.map];
- }
- };
- MapGenerator.prototype.relative = function relative(file) {
- if (file.indexOf('<') === 0) return file;
- if (/^\w+:\/\//.test(file)) return file;
- var from = this.opts.to ? _path2.default.dirname(this.opts.to) : '.';
- if (typeof this.mapOpts.annotation === 'string') {
- from = _path2.default.dirname(_path2.default.resolve(from, this.mapOpts.annotation));
- }
- file = _path2.default.relative(from, file);
- if (_path2.default.sep === '\\') {
- return file.replace(/\\/g, '/');
- } else {
- return file;
- }
- };
- MapGenerator.prototype.sourcePath = function sourcePath(node) {
- if (this.mapOpts.from) {
- return this.mapOpts.from;
- } else {
- return this.relative(node.source.input.from);
- }
- };
- MapGenerator.prototype.generateString = function generateString() {
- var _this3 = this;
- this.css = '';
- this.map = new _sourceMap2.default.SourceMapGenerator({ file: this.outputFile() });
- var line = 1;
- var column = 1;
- var lines = void 0,
- last = void 0;
- this.stringify(this.root, function (str, node, type) {
- _this3.css += str;
- if (node && type !== 'end') {
- if (node.source && node.source.start) {
- _this3.map.addMapping({
- source: _this3.sourcePath(node),
- generated: { line: line, column: column - 1 },
- original: {
- line: node.source.start.line,
- column: node.source.start.column - 1
- }
- });
- } else {
- _this3.map.addMapping({
- source: '<no source>',
- original: { line: 1, column: 0 },
- generated: { line: line, column: column - 1 }
- });
- }
- }
- lines = str.match(/\n/g);
- if (lines) {
- line += lines.length;
- last = str.lastIndexOf('\n');
- column = str.length - last;
- } else {
- column += str.length;
- }
- if (node && type !== 'start') {
- if (node.source && node.source.end) {
- _this3.map.addMapping({
- source: _this3.sourcePath(node),
- generated: { line: line, column: column - 1 },
- original: {
- line: node.source.end.line,
- column: node.source.end.column
- }
- });
- } else {
- _this3.map.addMapping({
- source: '<no source>',
- original: { line: 1, column: 0 },
- generated: { line: line, column: column - 1 }
- });
- }
- }
- });
- };
- MapGenerator.prototype.generate = function generate() {
- this.clearAnnotation();
- if (this.isMap()) {
- return this.generateMap();
- } else {
- var result = '';
- this.stringify(this.root, function (i) {
- result += i;
- });
- return [result];
- }
- };
- return MapGenerator;
- }();
- exports.default = MapGenerator;
- module.exports = exports['default'];
|