Merge pull request #38 from pbu88/more_object_oriented

A more object oriented approach
This commit is contained in:
Rodrigo Fernandes 2015-12-20 19:10:23 +00:00
commit af013f1951
2 changed files with 27 additions and 21 deletions

View file

@ -7,13 +7,16 @@
(function(ctx, undefined) { (function(ctx, undefined) {
var lineByLinePrinter = require('./line-by-line-printer.js').LineByLinePrinter; var LineByLinePrinter = require('./line-by-line-printer.js').LineByLinePrinter;
var sideBySidePrinter = require('./side-by-side-printer.js').SideBySidePrinter; var sideBySidePrinter = require('./side-by-side-printer.js').SideBySidePrinter;
function HtmlPrinter() { function HtmlPrinter() {
} }
HtmlPrinter.prototype.generateLineByLineJsonHtml = lineByLinePrinter.generateLineByLineJsonHtml; HtmlPrinter.prototype.generateLineByLineJsonHtml = function(diffFiles, config) {
var lineByLinePrinter = new LineByLinePrinter(config);
return lineByLinePrinter.generateLineByLineJsonHtml(diffFiles);
};
HtmlPrinter.prototype.generateSideBySideJsonHtml = sideBySidePrinter.generateSideBySideJsonHtml; HtmlPrinter.prototype.generateSideBySideJsonHtml = sideBySidePrinter.generateSideBySideJsonHtml;

View file

@ -12,18 +12,20 @@
var utils = require('./utils.js').Utils; var utils = require('./utils.js').Utils;
var Rematch = require('./rematch.js').Rematch; var Rematch = require('./rematch.js').Rematch;
function LineByLinePrinter() { function LineByLinePrinter(config) {
this.config = config;
} }
LineByLinePrinter.prototype.generateLineByLineJsonHtml = function(diffFiles, config) { LineByLinePrinter.prototype.generateLineByLineJsonHtml = function(diffFiles) {
self = 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 = generateFileHtml(file, config); diffs = self.generateFileHtml(file);
} else { } else {
diffs = generateEmptyDiff(); diffs = self.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' +
@ -58,7 +60,8 @@
return Rematch.distance(amod, bmod); return Rematch.distance(amod, bmod);
}); });
function generateFileHtml(file, config) { LineByLinePrinter.prototype.generateFileHtml = function(file) {
self = this;
return file.blocks.map(function(block) { return file.blocks.map(function(block) {
var lines = '<tr>\n' + var lines = '<tr>\n' +
@ -74,7 +77,7 @@
var matches; var matches;
var insertType; var insertType;
var deleteType; var deleteType;
var doMatching = config.matching === "lines" || config.matching === "words"; var doMatching = self.config.matching === "lines" || self.config.matching === "words";
if (doMatching) { if (doMatching) {
matches = matcher(oldLines, newLines); matches = matcher(oldLines, newLines);
insertType = diffParser.LINE_TYPE.INSERT_CHANGES; insertType = diffParser.LINE_TYPE.INSERT_CHANGES;
@ -97,19 +100,19 @@
oldLine = oldLines[j]; oldLine = oldLines[j];
newLine = newLines[j]; newLine = newLines[j];
config.isCombined = file.isCombined; self.config.isCombined = file.isCombined;
var diff = printerUtils.diffHighlight(oldLine.content, newLine.content, config); var diff = printerUtils.diffHighlight(oldLine.content, newLine.content, self.config);
processedOldLines += processedOldLines +=
generateLineHtml(deleteType, oldLine.oldNumber, oldLine.newNumber, self.generateLineHtml(deleteType, oldLine.oldNumber, oldLine.newNumber,
diff.first.line, diff.first.prefix); diff.first.line, diff.first.prefix);
processedNewLines += processedNewLines +=
generateLineHtml(insertType, newLine.oldNumber, newLine.newNumber, self.generateLineHtml(insertType, newLine.oldNumber, newLine.newNumber,
diff.second.line, diff.second.prefix); diff.second.line, diff.second.prefix);
} }
lines += processedOldLines + processedNewLines; lines += processedOldLines + processedNewLines;
lines += processLines(oldLines.slice(common), newLines.slice(common)); lines += self.processLines(oldLines.slice(common), newLines.slice(common));
processedOldLines = []; processedOldLines = [];
processedNewLines = []; processedNewLines = [];
@ -127,9 +130,9 @@
processChangeBlock(); processChangeBlock();
} }
if (line.type == diffParser.LINE_TYPE.CONTEXT) { if (line.type == diffParser.LINE_TYPE.CONTEXT) {
lines += generateLineHtml(line.type, line.oldNumber, line.newNumber, escapedLine); lines += self.generateLineHtml(line.type, line.oldNumber, line.newNumber, escapedLine);
} else if (line.type == diffParser.LINE_TYPE.INSERTS && !oldLines.length) { } else if (line.type == diffParser.LINE_TYPE.INSERTS && !oldLines.length) {
lines += generateLineHtml(line.type, line.oldNumber, line.newNumber, escapedLine); lines += self.generateLineHtml(line.type, line.oldNumber, line.newNumber, escapedLine);
} 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 && !!oldLines.length) { } else if (line.type == diffParser.LINE_TYPE.INSERTS && !!oldLines.length) {
@ -146,25 +149,25 @@
}).join('\n'); }).join('\n');
} }
function processLines(oldLines, newLines) { LineByLinePrinter.prototype.processLines = function(oldLines, newLines) {
var lines = ''; var lines = '';
for (j = 0; j < oldLines.length; j++) { for (j = 0; j < oldLines.length; j++) {
var oldLine = oldLines[j]; var oldLine = oldLines[j];
var oldEscapedLine = utils.escape(oldLine.content); var oldEscapedLine = utils.escape(oldLine.content);
lines += generateLineHtml(oldLine.type, oldLine.oldNumber, oldLine.newNumber, oldEscapedLine); lines += this.generateLineHtml(oldLine.type, oldLine.oldNumber, oldLine.newNumber, oldEscapedLine);
} }
for (j = 0; j < newLines.length; j++) { for (j = 0; j < newLines.length; j++) {
var newLine = newLines[j]; var newLine = newLines[j];
var newEscapedLine = utils.escape(newLine.content); var newEscapedLine = utils.escape(newLine.content);
lines += generateLineHtml(newLine.type, newLine.oldNumber, newLine.newNumber, newEscapedLine); lines += this.generateLineHtml(newLine.type, newLine.oldNumber, newLine.newNumber, newEscapedLine);
} }
return lines; return lines;
} }
function generateLineHtml(type, oldNumber, newNumber, content, prefix) { LineByLinePrinter.prototype.generateLineHtml = function(type, oldNumber, newNumber, 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>';
@ -186,7 +189,7 @@
'</tr>\n'; '</tr>\n';
} }
function generateEmptyDiff() { LineByLinePrinter.prototype.generateEmptyDiff = function() {
return '<tr>\n' + return '<tr>\n' +
' <td class="' + diffParser.LINE_TYPE.INFO + '">' + ' <td class="' + diffParser.LINE_TYPE.INFO + '">' +
' <div class="d2h-code-line ' + diffParser.LINE_TYPE.INFO + '">' + ' <div class="d2h-code-line ' + diffParser.LINE_TYPE.INFO + '">' +
@ -196,6 +199,6 @@
'</tr>\n'; '</tr>\n';
} }
module.exports['LineByLinePrinter'] = new LineByLinePrinter(); module.exports['LineByLinePrinter'] = LineByLinePrinter;
})(this); })(this);