luciano/diff2html
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Makes SideBySidePrinter more object oriented

Browse source
This commit is contained in:
Paulo Bu 2015-12-21 14:34:16 +01:00
parent a6920cef82
commit a4cf385a7d
2 changed files with 29 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/html-printer.js
View file

@ -18,7 +18,9 @@
return lineByLinePrinter.generateLineByLineJsonHtml(diffFiles); return lineByLinePrinter.generateLineByLineJsonHtml(diffFiles);
}; };
HtmlPrinter.prototype.generateSideBySideJsonHtml = sideBySidePrinter.generateSideBySideJsonHtml; HtmlPrinter.prototype.generateSideBySideJsonHtml = function(diffFiles, config) {
return sideBySidePrinter.generateSideBySideJsonHtml(diffFiles, config);
};
module.exports.HtmlPrinter = new HtmlPrinter(); module.exports.HtmlPrinter = new HtmlPrinter();

49
src/side-by-side-printer.js
View file

@ -16,14 +16,15 @@
} }
SideBySidePrinter.prototype.generateSideBySideJsonHtml = function(diffFiles, config) { SideBySidePrinter.prototype.generateSideBySideJsonHtml = function(diffFiles, config) {
var that = this;
return '<div class="d2h-wrapper">\n' + return '<div class="d2h-wrapper">\n' +
diffFiles.map(function(file) { diffFiles.map(function(file) {
var diffs; var diffs;
if (file.blocks.length) { if (file.blocks.length) {
diffs = generateSideBySideFileHtml(file, config); diffs = that.generateSideBySideFileHtml(file, config);
} else { } else {
diffs = generateEmptyDiff(); diffs = that.generateEmptyDiff();
} }
return '<div id="' + printerUtils.getHtmlId(file) + '" class="d2h-file-wrapper" data-lang="' + file.language + '">\n' + return '<div id="' + printerUtils.getHtmlId(file) + '" class="d2h-file-wrapper" data-lang="' + file.language + '">\n' +
@ -69,7 +70,8 @@
return Rematch.distance(amod, bmod); return Rematch.distance(amod, bmod);
}); });
function generateSideBySideFileHtml(file, config) { SideBySidePrinter.prototype.generateSideBySideFileHtml = function(file, config) {
var that = this;
var fileHtml = {}; var fileHtml = {};
fileHtml.left = ''; fileHtml.left = '';
fileHtml.right = ''; fileHtml.right = '';
@ -127,10 +129,10 @@
var diff = printerUtils.diffHighlight(oldLine.content, newLine.content, config); var diff = printerUtils.diffHighlight(oldLine.content, newLine.content, config);
fileHtml.left += fileHtml.left +=
generateSingleLineHtml(deleteType, oldLine.oldNumber, that.generateSingleLineHtml(deleteType, oldLine.oldNumber,
diff.first.line, diff.first.prefix); diff.first.line, diff.first.prefix);
fileHtml.right += fileHtml.right +=
generateSingleLineHtml(insertType, newLine.newNumber, that.generateSingleLineHtml(insertType, newLine.newNumber,
diff.second.line, diff.second.prefix); diff.second.line, diff.second.prefix);
} }
@ -138,7 +140,7 @@
var oldSlice = oldLines.slice(common); var oldSlice = oldLines.slice(common);
var newSlice = newLines.slice(common); var newSlice = newLines.slice(common);
var tmpHtml = processLines(oldSlice, newSlice); var tmpHtml = that.processLines(oldSlice, newSlice);
fileHtml.left += tmpHtml.left; fileHtml.left += tmpHtml.left;
fileHtml.right += tmpHtml.right; fileHtml.right += tmpHtml.right;
} }
@ -159,11 +161,11 @@
} }
if (line.type === diffParser.LINE_TYPE.CONTEXT) { if (line.type === diffParser.LINE_TYPE.CONTEXT) {
fileHtml.left += generateSingleLineHtml(line.type, line.oldNumber, escapedLine, prefix); fileHtml.left += that.generateSingleLineHtml(line.type, line.oldNumber, escapedLine, prefix);
fileHtml.right += generateSingleLineHtml(line.type, line.newNumber, escapedLine, prefix); fileHtml.right += that.generateSingleLineHtml(line.type, line.newNumber, escapedLine, prefix);
} else if (line.type === diffParser.LINE_TYPE.INSERTS && !oldLines.length) { } else if (line.type === diffParser.LINE_TYPE.INSERTS && !oldLines.length) {
fileHtml.left += generateSingleLineHtml(diffParser.LINE_TYPE.CONTEXT, '', '', ''); fileHtml.left += that.generateSingleLineHtml(diffParser.LINE_TYPE.CONTEXT, '', '', '');
fileHtml.right += generateSingleLineHtml(line.type, line.newNumber, escapedLine, prefix); fileHtml.right += that.generateSingleLineHtml(line.type, line.newNumber, escapedLine, prefix);
} else if (line.type === diffParser.LINE_TYPE.DELETES) { } else if (line.type === diffParser.LINE_TYPE.DELETES) {
oldLines.push(line); oldLines.push(line);
} else if (line.type === diffParser.LINE_TYPE.INSERTS && Boolean(oldLines.length)) { } else if (line.type === diffParser.LINE_TYPE.INSERTS && Boolean(oldLines.length)) {
@ -178,9 +180,10 @@
}); });
return fileHtml; return fileHtml;
} };
function processLines(oldLines, newLines) { SideBySidePrinter.prototype.processLines = function(oldLines, newLines) {
var that = this;
var fileHtml = {}; var fileHtml = {};
fileHtml.left = ''; fileHtml.left = '';
fileHtml.right = ''; fileHtml.right = '';
@ -205,23 +208,23 @@
} }
if (oldLine && newLine) { if (oldLine && newLine) {
fileHtml.left += generateSingleLineHtml(oldLine.type, oldLine.oldNumber, oldContent, oldPrefix); fileHtml.left += that.generateSingleLineHtml(oldLine.type, oldLine.oldNumber, oldContent, oldPrefix);
fileHtml.right += generateSingleLineHtml(newLine.type, newLine.newNumber, newContent, newPrefix); fileHtml.right += that.generateSingleLineHtml(newLine.type, newLine.newNumber, newContent, newPrefix);
} else if (oldLine) { } else if (oldLine) {
fileHtml.left += generateSingleLineHtml(oldLine.type, oldLine.oldNumber, oldContent, oldPrefix); fileHtml.left += that.generateSingleLineHtml(oldLine.type, oldLine.oldNumber, oldContent, oldPrefix);
fileHtml.right += generateSingleLineHtml(diffParser.LINE_TYPE.CONTEXT, '', '', ''); fileHtml.right += that.generateSingleLineHtml(diffParser.LINE_TYPE.CONTEXT, '', '', '');
} else if (newLine) { } else if (newLine) {
fileHtml.left += generateSingleLineHtml(diffParser.LINE_TYPE.CONTEXT, '', '', ''); fileHtml.left += that.generateSingleLineHtml(diffParser.LINE_TYPE.CONTEXT, '', '', '');
fileHtml.right += generateSingleLineHtml(newLine.type, newLine.newNumber, newContent, newPrefix); fileHtml.right += that.generateSingleLineHtml(newLine.type, newLine.newNumber, newContent, newPrefix);
} else { } else {
console.error('How did it get here?'); console.error('How did it get here?');
} }
} }
return fileHtml; return fileHtml;
} };
function generateSingleLineHtml(type, number, content, prefix) { SideBySidePrinter.prototype.generateSingleLineHtml = function(type, number, content, prefix) {
var htmlPrefix = ''; var htmlPrefix = '';
if (prefix) { if (prefix) {
htmlPrefix = '<span class="d2h-code-line-prefix">' + prefix + '</span>'; htmlPrefix = '<span class="d2h-code-line-prefix">' + prefix + '</span>';
@ -238,9 +241,9 @@
' <div class="d2h-code-side-line ' + type + '">' + htmlPrefix + htmlContent + '</div>' + ' <div class="d2h-code-side-line ' + type + '">' + htmlPrefix + htmlContent + '</div>' +
' </td>\n' + ' </td>\n' +
' </tr>\n'; ' </tr>\n';
} };
function generateEmptyDiff() { SideBySidePrinter.prototype.generateEmptyDiff = function() {
var fileHtml = {}; var fileHtml = {};
fileHtml.right = ''; fileHtml.right = '';
@ -253,7 +256,7 @@
'</tr>\n'; '</tr>\n';
return fileHtml; return fileHtml;
} };
module.exports.SideBySidePrinter = new SideBySidePrinter(); module.exports.SideBySidePrinter = new SideBySidePrinter();