inital commit

Author: actuallydan

.gitignore

@@ -0,0 +1,4 @@
+.idea
+*.iml
+node_modules/
+.DS_Store

.npmignore

@@ -0,0 +1,8 @@
+**/.*
+example
+script
+specs
+bower.json
+karma.conf.js
+webpack.config.js
+.DS_Store

README.md

@@ -0,0 +1,30 @@
+# react-diff
+
+NOTE: I stole this lib from [cezary/react-diff](https://github.com/cezary/react-diff)
+
+Highlights differences between two strings, uses the [diff](https://www.npmjs.com/package/diff) module
+
+## Installation
+
+```
+npm install react-diff
+```
+
+## Demo
+
+http://cezary.github.io/react-diff/
+
+## Example
+
+```javascript
+import React from "react";
+import Diff from "react-diff";
+
+const MyComponent = () => {
+  return <Diff inputA="gogol" inputB="google" type="chars" />;
+};
+```
+
+## License
+
+MIT

index.js

@@ -0,0 +1,35 @@
+import PropTypes from "prop-types";
+import React from "react";
+import jsdiff from "diff";
+
+const fnMap = {
+  chars: jsdiff.diffChars,
+  words: jsdiff.diffWords,
+  sentences: jsdiff.diffSentences,
+  json: jsdiff.diffJson
+};
+
+export default function Diff({ inputA = "", inputB = "", type = "chars" }) {
+  var diff = fnMap[type](inputA, inputB);
+  var result = diff.map(function(part, index) {
+    var spanStyle = {
+      backgroundColor: part.added
+        ? "lightgreen"
+        : part.removed
+        ? "salmon"
+        : "lightgrey"
+    };
+    return (
+      <span key={index} style={spanStyle}>
+        {part.value}
+      </span>
+    );
+  });
+  return <pre className="diff-result">{result}</pre>;
+}
+
+Diff.propTypes = {
+  inputA: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
+  inputB: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
+  type: PropTypes.oneOf(["chars", "words", "sentences", "json"])
+};