initial 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"])
+};

package.json

@@ -0,0 +1,31 @@
+{
+  "name": "react-diff-component",
+  "version": "1.0.0",
+  "description": "Highlight differences between inputs",
+  "main": "index.js",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/actuallydan/react-diff-component.git"
+  },
+  "keywords": [
+    "react",
+    "diff",
+    "component"
+  ],
+  "author": "Dan Kral <dankral01@gmail.com>",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/actuallydan/react-diff-component/issues"
+  },
+  "homepage": "https://github.com/actuallydan/react-diff-component",
+  "peerDependencies": {
+    "react": ">=0.12.0"
+  },
+  "dependencies": {
+    "diff": "^1.2.0",
+    "prop-types": "^15.7.2"
+  },
+  "devDependencies": {
+    "babel": "^5.1.10"
+  }
+}