Show diff after sorting

[muuvmuuv]

Would be nice to show the difference between the original and the formatted package.json.

https://www.npmjs.com/package/diff

[keithamus]

PRs welcome!

[miwashutaro0611]

@keithamus
Hi!
I would like to work on this issues, is that OK?

The following modifications are expected.
Is this a problem?

Sample Projects

$ tree
.
├── package-lock.json
├── package.json
├── project1
│   └── package.json
└── project2
    └── package.json

File Contents

package.json

{
  "name": "sort-pack-test-root",
  "version": "1.0.0",
  "description": "",
  "keywords": [],
  "license": "ISC",
  "author": "hoge <hoge@gmail.com> (https://github.com/hoge)",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "dependencies": {
    "colors": "^1.4.0",
    "diff": "^5.1.0",
    "sort-package-json": "^1.57.0"
  }
}

project1/package.json

{
  "author": "hoge <hoge@gmail.com> (https://github.com/hoge)",
  "main": "index.js",
  "name": "sort-pack-test-project1",
  "version": "1.0.0",
  "description": "",
  "keywords": [],
  "license": "ISC",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  }
}

project2/package.json

{
  "name": "sort-pack-test-project2",
  "version": "1.0.0",
  "description": "",
  "keywords": [],
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "license": "ISC",
  "author": "hoge <hoge@gmail.com> (https://github.com/hoge)",
  "main": "index.js"
}

Result

diff-result.mov