react-json-view
Advanced tools
Comparing version 1.6.1 to 1.7.0
{ | ||
"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", |
@@ -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
3177598
13801
102
40