neighborhood999/react-gh-like-diff

import React from 'react';
import PropTypes from 'prop-types';
import diffHelper, { defaultOptions, genPrettyHtml } from './utils';
import {
  branch,
  compose,
  defaultProps,
  mapProps,
  onlyUpdateForPropTypes,
  setPropTypes
} from 'recompose';
import 'diff2html/bundles/css/diff2html.min.css';

const RenderDiffResult = ({ genDiffHTML }) => (
  <div dangerouslySetInnerHTML={{ __html: genDiffHTML }} />
);

const ReactGhLikeDiff = compose(
  defaultProps({
    diffString: '',
    past: '',
    current: '',
    options: defaultOptions
  }),
  onlyUpdateForPropTypes,
  setPropTypes({
    past: PropTypes.string,
    current: PropTypes.string,
    options: PropTypes.object,
    diffString: PropTypes.string
  }),
  branch(
    ({ diffString }) => diffString.length !== 0,
    () => props => <RenderDiffResult genDiffHTML={genPrettyHtml(props)} />,
    mapProps(props => ({
      genDiffHTML: diffHelper(props)
    }))
  )
)(RenderDiffResult);

RenderDiffResult.propTypes = {
  genDiffHTML: PropTypes.string
};

export { RenderDiffResult, ReactGhLikeDiff };