Angular JSDiffLib

ngJsdifflib.js

'use strict';

angular.module('ngJsdifflib', []);
angular.module('ngJsdifflib').directive('jsdifflib', function () {

    return {
        restrict: 'E',
        scope: {
            previous: '=',
            current: '='
        },
        link: function ($scope, element, attrs) {

            $scope.$watchGroup(['previous', 'current'], function (values) {

                values.forEach(function (val, key) {
                    val = JSON.parse(val);
                    val = JSON.stringify(val, null, 2);
                    values[key] = difflib.stringAsLines(val);
                });

                var previous = values[0],
                    current = values[1];

                if (!previous || !current) {
                    console.error('jsdifflib: Please provide a value for both previous and current.');
                    return;
                }

                var sm = new difflib.SequenceMatcher(previous, current);
                var opcodes = sm.get_opcodes();

                var view = diffview.buildView({
                    baseTextLines: previous,
                    newTextLines: current,
                    opcodes: opcodes,
                    baseTextName: "Original",
                    newTextName: "Overlay",
                    contextSize: null,
                    viewType: 0
                });

                angular.element(element).append(view.diffOutput);

            });

        }
    };
});