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.1.12 to 1.1.13

39

package.json
{
"name": "react-json-view",
"description": "interactive json viewer wrapped up in a react component",
"version": "1.1.12",
"version": "1.1.13",
"main": "dist/main.js",
"files": [
"dist/"
],
"devDependencies": {

@@ -31,3 +34,2 @@ "babel-core": "^6.21.0",

"ignore-styles": "^5.0.1",
"jsdom": "^8.0.1",
"mocha": "^2.4.5",

@@ -41,2 +43,3 @@ "node-sass": "^3.8.0",

"react-hot-loader": "^3.0.0-beta.6",
"react-icons": "^2.2.3",
"react-style-proptype": "^2.0.1",

@@ -50,5 +53,3 @@ "resolve-url-loader": "1.6.1",

},
"dependencies": {
"mdi": "^1.8.36"
},
"dependencies": {},
"scripts": {

@@ -68,16 +69,24 @@ "start": "node server.js",

"keywords": [
"react-component",
"react",
"component",
"interactive",
"interactive-json",
"json",
"json-component",
"json-display",
"json-tree",
"json-view",
"json-viewer",
"pretty",
"pretty-print",
"print",
"print-json",
"react",
"reactjs",
"react-component",
"responsive",
"responsive-json",
"interactive-json",
"json",
"viewer",
"responsive",
"interactive",
"pretty",
"react-component"
"view",
"viewer"
],
"license": "ISC",
"license": "MIT",
"author": "Mac Gainor",

@@ -84,0 +93,0 @@ "bugs": {

# react-json-view
Interactive JSON display wrapped up in a react component.
## Example Component Display:
This component provides a responsive interface for displaying JSON in a web browser. NPM offers a distribution of the source that's transpiled to ES5; so you can include this component with *any javascript application*.
* Check out an [interactive demo here](http://htmlpreview.github.io/?https://raw.githubusercontent.com/mac-s-g/react-json-view/master/example/example.html).
* Check out a [React implementation example here](https://github.com/mac-s-g/react-json-view/blob/master/example/example.js).
* Check out an [ES5 implementation example here](https://github.com/mac-s-g/react-json-view/blob/master/example/example.html).
* [Installation instructions](#intallation-instructions) are listed below.
### Example Component Display:
![alt text](https://github.com/mac-s-g/react-json-view/blob/master/doc/output-example-3.png?raw=true "Output Example")
## Implementation Example:
### Implementation Example:
![alt text](https://github.com/mac-s-g/react-json-view/blob/master/doc/source-example-5.png?raw=true "Usage Example")
## Intallation
### Intallation Instructions
Install this package with npm:

@@ -22,11 +29,11 @@ ```

## Features
### Features
* Object nodes can be collapsed and expanded
* Different classes are applied to different types for style interaction.
## Customizing Style
### Customizing Style
update or override `src/style/_variables.scss` to apply your own theme.
## Working with the source code:
You can use Docker to run the source code in your browser:
### Working with the source code:
You can use Docker to run the source code in a local development environment:
1. Clone this repo

@@ -50,3 +57,3 @@ 2. Make sure docker is installed

## ToDo's
### ToDo's
1. Add Tests!

@@ -53,0 +60,0 @@ 2. move each data type into it's own component

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

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