/* * * HtmlPrinter (html-printer.js) * Author: rtfpessoa * */ (function() { var diffParser = require('./diff-parser.js').DiffParser; var printerUtils = require('./printer-utils.js').PrinterUtils; var utils = require('./utils.js').Utils; var Rematch = require('./rematch.js').Rematch; function SideBySidePrinter() { } SideBySidePrinter.prototype.generateSideBySideJsonHtml = function(diffFiles, config) { var that = this; return '
\n' + diffFiles.map(function(file) { var diffs; if (file.blocks.length) { diffs = that.generateSideBySideFileHtml(file, config); } else { diffs = that.generateEmptyDiff(); } return '
\n' + '
\n' + '
\n' + ' ' + ' +' + file.addedLines + '\n' + ' \n' + ' ' + ' -' + file.deletedLines + '\n' + ' \n' + '
\n' + '
' + printerUtils.getDiffName(file) + '
\n' + '
\n' + '
\n' + '
\n' + '
\n' + ' \n' + ' \n' + ' ' + diffs.left + ' \n' + '
\n' + '
\n' + '
\n' + '
\n' + '
\n' + ' \n' + ' \n' + ' ' + diffs.right + ' \n' + '
\n' + '
\n' + '
\n' + '
\n' + '
\n'; }).join('\n') + '
\n'; }; var matcher = Rematch.rematch(function(a, b) { var amod = a.content.substr(1), bmod = b.content.substr(1); return Rematch.distance(amod, bmod); }); SideBySidePrinter.prototype.generateSideBySideFileHtml = function(file, config) { var that = this; var fileHtml = {}; fileHtml.left = ''; fileHtml.right = ''; file.blocks.forEach(function(block) { fileHtml.left += '\n' + ' \n' + ' ' + '
' + ' ' + utils.escape(block.header) + '
' + ' \n' + '\n'; fileHtml.right += '\n' + ' \n' + ' ' + '
' + ' \n' + '\n'; var oldLines = []; var newLines = []; function processChangeBlock() { var matches; var insertType; var deleteType; var doMatching = config.matching === 'lines' || config.matching === 'words'; if (doMatching) { matches = matcher(oldLines, newLines); insertType = diffParser.LINE_TYPE.INSERT_CHANGES; deleteType = diffParser.LINE_TYPE.DELETE_CHANGES; } else { matches = [[oldLines, newLines]]; insertType = diffParser.LINE_TYPE.INSERTS; deleteType = diffParser.LINE_TYPE.DELETES; } matches.forEach(function(match) { oldLines = match[0]; newLines = match[1]; var common = Math.min(oldLines.length, newLines.length); var max = Math.max(oldLines.length, newLines.length); for (var j = 0; j < common; j++) { var oldLine = oldLines[j]; var newLine = newLines[j]; config.isCombined = file.isCombined; var diff = printerUtils.diffHighlight(oldLine.content, newLine.content, config); fileHtml.left += that.generateSingleLineHtml(deleteType, oldLine.oldNumber, diff.first.line, diff.first.prefix); fileHtml.right += that.generateSingleLineHtml(insertType, newLine.newNumber, diff.second.line, diff.second.prefix); } if (max > common) { var oldSlice = oldLines.slice(common); var newSlice = newLines.slice(common); var tmpHtml = that.processLines(oldSlice, newSlice); fileHtml.left += tmpHtml.left; fileHtml.right += tmpHtml.right; } }); oldLines = []; newLines = []; } for (var i = 0; i < block.lines.length; i++) { var line = block.lines[i]; var prefix = line[0]; var escapedLine = utils.escape(line.content.substr(1)); if (line.type !== diffParser.LINE_TYPE.INSERTS && (newLines.length > 0 || (line.type !== diffParser.LINE_TYPE.DELETES && oldLines.length > 0))) { processChangeBlock(); } if (line.type === diffParser.LINE_TYPE.CONTEXT) { fileHtml.left += that.generateSingleLineHtml(line.type, line.oldNumber, escapedLine, prefix); fileHtml.right += that.generateSingleLineHtml(line.type, line.newNumber, escapedLine, prefix); } else if (line.type === diffParser.LINE_TYPE.INSERTS && !oldLines.length) { fileHtml.left += that.generateSingleLineHtml(diffParser.LINE_TYPE.CONTEXT, '', '', ''); fileHtml.right += that.generateSingleLineHtml(line.type, line.newNumber, escapedLine, prefix); } else if (line.type === diffParser.LINE_TYPE.DELETES) { oldLines.push(line); } else if (line.type === diffParser.LINE_TYPE.INSERTS && Boolean(oldLines.length)) { newLines.push(line); } else { console.error('unknown state in html side-by-side generator'); processChangeBlock(); } } processChangeBlock(); }); return fileHtml; }; SideBySidePrinter.prototype.processLines = function(oldLines, newLines) { var that = this; var fileHtml = {}; fileHtml.left = ''; fileHtml.right = ''; var maxLinesNumber = Math.max(oldLines.length, newLines.length); for (var i = 0; i < maxLinesNumber; i++) { var oldLine = oldLines[i]; var newLine = newLines[i]; var oldContent; var newContent; var oldPrefix; var newPrefix; if (oldLine) { oldContent = utils.escape(oldLine.content.substr(1)); oldPrefix = oldLine.content[0]; } if (newLine) { newContent = utils.escape(newLine.content.substr(1)); newPrefix = newLine.content[0]; } if (oldLine && newLine) { fileHtml.left += that.generateSingleLineHtml(oldLine.type, oldLine.oldNumber, oldContent, oldPrefix); fileHtml.right += that.generateSingleLineHtml(newLine.type, newLine.newNumber, newContent, newPrefix); } else if (oldLine) { fileHtml.left += that.generateSingleLineHtml(oldLine.type, oldLine.oldNumber, oldContent, oldPrefix); fileHtml.right += that.generateSingleLineHtml(diffParser.LINE_TYPE.CONTEXT, '', '', ''); } else if (newLine) { fileHtml.left += that.generateSingleLineHtml(diffParser.LINE_TYPE.CONTEXT, '', '', ''); fileHtml.right += that.generateSingleLineHtml(newLine.type, newLine.newNumber, newContent, newPrefix); } else { console.error('How did it get here?'); } } return fileHtml; }; SideBySidePrinter.prototype.generateSingleLineHtml = function(type, number, content, prefix) { var htmlPrefix = ''; if (prefix) { htmlPrefix = '' + prefix + ''; } var htmlContent = ''; if (content) { htmlContent = '' + content + ''; } return '\n' + ' ' + number + '\n' + ' ' + '
' + htmlPrefix + htmlContent + '
' + ' \n' + ' \n'; }; SideBySidePrinter.prototype.generateEmptyDiff = function() { var fileHtml = {}; fileHtml.right = ''; fileHtml.left = '\n' + ' ' + '
' + 'File without changes' + '
' + ' \n' + '\n'; return fileHtml; }; module.exports.SideBySidePrinter = new SideBySidePrinter(); })();