Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add source map generation to bin/jsx #833

Closed
wants to merge 1 commit into from
Closed
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
62 changes: 56 additions & 6 deletions bin/jsx
Original file line number Diff line number Diff line change
Expand Up @@ -4,21 +4,71 @@

var visitors = require('../vendor/fbtransform/visitors');
var transform = require('jstransform').transform;
var commoner = require('commoner');
var path = require('path');
var Buffer = require('buffer').Buffer;

require('commoner').version(
commoner.version(
require('../package.json').version
).resolve(function(id) {
return this.readModuleP(id);
}).option(
).option(
'--source-map-inline',
'Generate inline JavaScript source maps'
).option(
'--source-map-files',
'Generate JavaScript source map files'
).option(
'--harmony',
'Turns on JS transformations such as ES6 Classes etc.'
).process(function(id, source) {
).resolve(function(id) {
return this.readModuleP(id);
}).process(function(id, source) {
// This is where JSX, ES6, etc. desugaring happens.
var visitorList;
if (this.options.harmony) {
visitorList = visitors.getAllVisitors();
} else {
visitorList = visitors.transformVisitors.react;
}
return transform(visitorList, source).code;
var wantSourceMaps = this.options.sourceMapInline || this.options.sourceMapFiles;
var transformed = transform(
visitorList,
source,
{ sourceMap: wantSourceMaps }
);
var code = transformed.code;
var sourceMap = wantSourceMaps
? sourceMapJSON(transformed.sourceMap, source, id + '.' + this.preferredFileExtension.extension)
: null;

var result = {};
if (this.options.sourceMapInline) {
result['.js'] = code + '\n' + inlineSourceMap(sourceMap);

} else if (this.options.sourceMapFiles) {
var sourceMapFileUrl = id + '.js.map';
result['.js'] = code + '\n' + sourceMapComment(sourceMapFileUrl);
result['.js.map'] = JSON.stringify(sourceMap);

} else {
result['.js'] = code;
}

return result;
});

function inlineSourceMap(json) {
var base64 = Buffer(JSON.stringify(json)).toString('base64');
var url = 'data:application/json;base64,' + base64;
return sourceMapComment(url);
}

function sourceMapComment(url) {
return '//# sourceMappingURL=' + url;
}

function sourceMapJSON(sourceMap, sourceCode, sourceFilename) {
var json = sourceMap.toJSON();
json.sources = [ sourceFilename ];
json.sourcesContent = [ sourceCode ];
return json;
}