313 lines
31 KiB
JavaScript
313 lines
31 KiB
JavaScript
|
'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'];
|
||
|
|
//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1hcC1nZW5lcmF0b3IuZXM2Il0sIm5hbWVzIjpbIk1hcEdlbmVyYXRvciIsInN0cmluZ2lmeSIsInJvb3QiLCJvcHRzIiwibWFwT3B0cyIsIm1hcCIsImlzTWFwIiwicHJldmlvdXMiLCJsZW5ndGgiLCJwcmV2aW91c01hcHMiLCJ3YWxrIiwibm9kZSIsInNvdXJjZSIsImlucHV0IiwiaW5kZXhPZiIsInB1c2giLCJpc0lubGluZSIsImlubGluZSIsImFubm90YXRpb24iLCJzb21lIiwiaSIsImlzU291cmNlc0NvbnRlbnQiLCJzb3VyY2VzQ29udGVudCIsIndpdGhDb250ZW50IiwiY2xlYXJBbm5vdGF0aW9uIiwibm9kZXMiLCJ0eXBlIiwidGV4dCIsInJlbW92ZUNoaWxkIiwic2V0U291cmNlc0NvbnRlbnQiLCJhbHJlYWR5IiwiZnJvbSIsInJlbGF0aXZlIiwic2V0U291cmNlQ29udGVudCIsImNzcyIsImFwcGx5UHJldk1hcHMiLCJwcmV2IiwiZmlsZSIsImRpcm5hbWUiLCJTb3VyY2VNYXBDb25zdW1lciIsImNvbnN1bWVyIiwiYXBwbHlTb3VyY2VNYXAiLCJpc0Fubm90YXRpb24iLCJhZGRBbm5vdGF0aW9uIiwiY29udGVudCIsImVuY29kZSIsInRvU3RyaW5nIiwib3V0cHV0RmlsZSIsImVvbCIsInRvIiwiZ2VuZXJhdGVNYXAiLCJnZW5lcmF0ZVN0cmluZyIsInRlc3QiLCJyZXNvbHZlIiwic2VwIiwicmVwbGFjZSIsInNvdXJjZVBhdGgiLCJTb3VyY2VNYXBHZW5lcmF0b3IiLCJsaW5lIiwiY29sdW1uIiwibGluZXMiLCJsYXN0Iiwic3RyIiwic3RhcnQiLCJhZGRNYXBwaW5nIiwiZ2VuZXJhdGVkIiwib3JpZ2luYWwiLCJtYXRjaCIsImxhc3RJbmRleE9mIiwiZW5kIiwiZ2VuZXJhdGUiLCJyZXN1bHQiXSwibWFwcGluZ3MiOiI7Ozs7QUFBQTs7QUFDQTs7OztBQUNBOzs7Ozs7OztJQUVxQkEsWTtBQUVqQiwwQkFBWUMsU0FBWixFQUF1QkMs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
|