New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

differentiate

Package Overview
Dependencies
Maintainers
1
Versions
31
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

differentiate - npm Package Compare versions

Comparing version 0.0.4 to 0.0.5

differentiate-0.0.5.tgz

2

package.json
{
"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")
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc