mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-10-01 01:38:07 +08:00
These packages will be used to dynamically optimize SVG images during the build. R=jacktfranklin@chromium.org Bug: 1216402 Change-Id: I04e95aa7d79c9d67beaf8a7861182c52b16b7d0f Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2939992 Reviewed-by: Jack Franklin <jacktfranklin@chromium.org> Commit-Queue: Tim van der Lippe <tvanderlippe@chromium.org>
96 lines
2.6 KiB
JavaScript
96 lines
2.6 KiB
JavaScript
var SourceMapGenerator = require('source-map/lib/source-map-generator').SourceMapGenerator;
|
|
var trackNodes = {
|
|
Atrule: true,
|
|
Selector: true,
|
|
Declaration: true
|
|
};
|
|
|
|
module.exports = function generateSourceMap(handlers) {
|
|
var map = new SourceMapGenerator();
|
|
var line = 1;
|
|
var column = 0;
|
|
var generated = {
|
|
line: 1,
|
|
column: 0
|
|
};
|
|
var original = {
|
|
line: 0, // should be zero to add first mapping
|
|
column: 0
|
|
};
|
|
var sourceMappingActive = false;
|
|
var activatedGenerated = {
|
|
line: 1,
|
|
column: 0
|
|
};
|
|
var activatedMapping = {
|
|
generated: activatedGenerated
|
|
};
|
|
|
|
var handlersNode = handlers.node;
|
|
handlers.node = function(node) {
|
|
if (node.loc && node.loc.start && trackNodes.hasOwnProperty(node.type)) {
|
|
var nodeLine = node.loc.start.line;
|
|
var nodeColumn = node.loc.start.column - 1;
|
|
|
|
if (original.line !== nodeLine ||
|
|
original.column !== nodeColumn) {
|
|
original.line = nodeLine;
|
|
original.column = nodeColumn;
|
|
|
|
generated.line = line;
|
|
generated.column = column;
|
|
|
|
if (sourceMappingActive) {
|
|
sourceMappingActive = false;
|
|
if (generated.line !== activatedGenerated.line ||
|
|
generated.column !== activatedGenerated.column) {
|
|
map.addMapping(activatedMapping);
|
|
}
|
|
}
|
|
|
|
sourceMappingActive = true;
|
|
map.addMapping({
|
|
source: node.loc.source,
|
|
original: original,
|
|
generated: generated
|
|
});
|
|
}
|
|
}
|
|
|
|
handlersNode.call(this, node);
|
|
|
|
if (sourceMappingActive && trackNodes.hasOwnProperty(node.type)) {
|
|
activatedGenerated.line = line;
|
|
activatedGenerated.column = column;
|
|
}
|
|
};
|
|
|
|
var handlersChunk = handlers.chunk;
|
|
handlers.chunk = function(chunk) {
|
|
for (var i = 0; i < chunk.length; i++) {
|
|
if (chunk.charCodeAt(i) === 10) { // \n
|
|
line++;
|
|
column = 0;
|
|
} else {
|
|
column++;
|
|
}
|
|
}
|
|
|
|
handlersChunk(chunk);
|
|
};
|
|
|
|
var handlersResult = handlers.result;
|
|
handlers.result = function() {
|
|
if (sourceMappingActive) {
|
|
map.addMapping(activatedMapping);
|
|
}
|
|
|
|
return {
|
|
css: handlersResult(),
|
|
map: map
|
|
};
|
|
};
|
|
|
|
return handlers;
|
|
};
|