differentiate
Advanced tools
Comparing version 0.0.4 to 0.0.5
{ | ||
"name": "differentiate", | ||
"version": "0.0.4", | ||
"version": "0.0.5", | ||
"license": "MIT", | ||
@@ -5,0 +5,0 @@ "scripts": { |
@@ -1,7 +0,11 @@ | ||
# Differentiate | ||
# Welcome to Differentiate Objects! | ||
Have you ever needed to compare two JSON objects and make a determination on what is changed deep in the object hierarchy and be able to see any change on either objects on the fly as the change occurs? | ||
Would you like to know how it can be done? Take a look at the demo and enjoy the ride... | ||
## How it can be done? | ||
[Live Demo](https://diffrenciate.stackblitz.io) | ||
[Source code](https://github.com/msalehisedeh/differentiate) | ||
## So... How it can be done? | ||
Run `npm install differentiate` in your application. and do the following: | ||
@@ -16,3 +20,3 @@ | ||
Initiate / create both **leftJSONtree** and **rightJSONtree** in your component. At anytime if any one of the objects updated, the difference will be evaluated and displayed immediatly. | ||
Initiate / create both **leftJSONtree** and **rightJSONtree** in your component. If at any time one of the objects updated, Differentiate re-evaluate and displayed the difference immediately. | ||
@@ -44,3 +48,4 @@ Include the **DifferentiateModule** module in your App module. | ||
Sample view of the component at work! (You can create dropdowns and JSON log views to manipulate the **diffrentiate** component...) | ||
![alt text](https://raw.githubusercontent.com/msalehisedeh/differentiate/master/sample.png "What you would see when a comparison is performed") | ||
Sample view of the component at work! (You can create drop-downs and JSON log views to manipulate the **diffrentiate** component...) | ||
![alt text](https://raw.githubusercontent.com/msalehisedeh/differentiate/master/sample.png "What you would see when a comparison is performed") | ||
282215
50