Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

react-json-view

Package Overview
Dependencies
Maintainers
1
Versions
111
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-json-view - npm Package Compare versions

Comparing version 1.6.1 to 1.7.0

25

package.json
{
"name": "react-json-view",
"description": "interactive json viewer wrapped up in a react component",
"version": "1.6.1",
"version": "1.7.0",
"main": "dist/main.js",

@@ -34,5 +34,7 @@ "files": [

"node-sass": "^3.8.0",
"radium":"^0.18.2",
"react": "^15.4.2",
"react-addons-css-transition-group": "^15.4.2",
"react-addons-test-utils": "^15.4.1",
"react-base16-styling": "^0.5.3",
"react-dom": "^15.4.2",

@@ -62,23 +64,6 @@ "react-hot-loader": "^3.0.0-beta.6",

"keywords": [
"component",
"interactive",
"interactive-json",
"json",
"json-component",
"json-display",
"json-tree",
"json-view",
"array-viewer",
"json-viewer",
"pretty",
"pretty-print",
"print",
"print-json",
"react",
"reactjs",
"react-component",
"react-json",
"responsive",
"responsive-json",
"view",
"viewer"
"react"
],

@@ -85,0 +70,0 @@ "license": "MIT",

25

README.md

@@ -17,3 +17,3 @@ ![alt text](https://github.com/mac-s-g/react-json-view/blob/master/doc/rjv-icon-alt.png?raw=true)

### Example Component Display:
![alt text](https://github.com/mac-s-g/react-json-view/blob/master/doc/output-example-8.png?raw=true "Output Example")
![alt text](https://github.com/mac-s-g/react-json-view/blob/master/doc/output-example-10.png?raw=true "Output Example")

@@ -38,2 +38,3 @@ ### Intallation Instructions

`collapsed`|`boolean`|`false`|When set to `true`, all nodes will be collapsed by default
`theme`|`string`|"rjv-default"|RJV supports base-16 themes. Check out the [list of supported themes here](https://github.com/gaearon/base16-js/tree/master/src). A custom "rjv-default" theme applies by default.
`indentWidth`|`integer`|4|Set the indent-width for nested objects

@@ -48,7 +49,19 @@ `enableClipboard`|`boolean`|`true`|When set to `true`, the user can copy objects and arrays to clipboard

* Object and array nodes support a "Copy to Clipboard" feature
* Different classes are applied to different types for style interaction
* Base-16 Theme Support
### Customizing Style
update or override `src/style/_variables.scss` to apply your own theme.
RJV now supports base-16 themes!
You can specify a `theme` prop when you instantiate your rjv component.
```
<ReactJson src={my_important_json} theme="monokai" />
```
Check out the [list of supported themes here](https://github.com/gaearon/base16-js/tree/master/src).
#### Monokai theme example
![alt text](https://github.com/mac-s-g/react-json-view/blob/master/doc/output-example-monokai.png?raw=true "Base-16 Theme Example")
#### Solarized theme example
![alt text](https://github.com/mac-s-g/react-json-view/blob/master/doc/output-example-solarized.png?raw=true "Base-16 Theme Example")
### Contributing to the source code:

@@ -78,3 +91,3 @@ #### Standard Workflow

* `cd react-json-view`
* `./docker/server.sh`
* `./docker/dev-server.sh`
* *note:* you may need to use `sudo` to run the server file

@@ -92,4 +105,2 @@ 5. Open port 2000 in your browser

1. Add Tests!
2. improve customizability
* allow specific keys to be expanded/collapsed by default
* add a few different themes on top of `_variables.scss`
2. Add some pretty badges to the github index.

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is not supported yet

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