Use prettier

Author: nndio

LICENSE.md

@@ -2,7 +2,6 @@ The MIT License (MIT)
 
 Copyright (c) 2015 Shusaku Uesugi, (c) 2016-present Alexander Kuznetsov
 
-
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
 in the Software without restriction, including without limitation the rights

README.md

@@ -33,6 +33,7 @@ Check out [examples](examples) directory for more details.
 ### Theming
 
 This component now uses [react-base16-styling](https://github.com/alexkuz/react-base16-styling) module, which allows to customize component via `theme` property, which can be the following:
+
 - [base16](http://chriskempson.github.io/base16) theme data. [The example theme data can be found here](https://github.com/gaearon/redux-devtools/tree/75322b15ee7ba03fddf10ac3399881e302848874/src/react/themes).
 - object that contains style objects, strings (that treated as classnames) or functions. A function is used to extend its first argument `{ style, className }` and should return an object with the same structure. Other arguments depend on particular context (and should be described here). See [createStylingFromTheme.js](https://github.com/alexkuz/react-json-tree/blob/feature-refactor-styling/src/createStylingFromTheme.js) for the list of styling object keys. Also, this object can extend `base16` theme via `extend` property.
 
@@ -62,8 +63,7 @@ const theme = {
 
 <div>
   <JSONTree data={data} theme={theme} invertTheme={false} />
-</div>
-
+</div>;
 ```
 
 #### Result (Monokai theme, dark background):
@@ -74,21 +74,24 @@ const theme = {
 
 ```jsx
 <div>
-  <JSONTree data={data} theme={{
-    extend: theme,
-    // underline keys for literal values
-    valueLabel: {
-      textDecoration: 'underline'
-    },
-    // switch key for objects to uppercase when object is expanded.
-    // `nestedNodeLabel` receives additional arguments `expanded` and `keyPath`
-    nestedNodeLabel: ({ style }, nodeType, expanded) => ({
-      style: {
-        ...style,
-        textTransform: expanded ? 'uppercase' : style.textTransform
-      }
-    })
-  }} />
+  <JSONTree
+    data={data}
+    theme={{
+      extend: theme,
+      // underline keys for literal values
+      valueLabel: {
+        textDecoration: 'underline'
+      },
+      // switch key for objects to uppercase when object is expanded.
+      // `nestedNodeLabel` receives additional arguments `expanded` and `keyPath`
+      nestedNodeLabel: ({ style }, nodeType, expanded) => ({
+        style: {
+          ...style,
+          textTransform: expanded ? 'uppercase' : style.textTransform
+        }
+      })
+    }}
+  />
 </div>
 ```
 
@@ -120,8 +123,8 @@ You can pass the following properties to customize rendered labels and values:
 
 ```jsx
 <JSONTree
-    labelRenderer={raw => <strong>{raw}</strong>}
-    valueRenderer={raw => <em>{raw}</em>}
+  labelRenderer={raw => <strong>{raw}</strong>}
+  valueRenderer={raw => <em>{raw}</em>}
 />
 ```
 

examples/README.md

@@ -1,5 +1,4 @@
-react-hot-boilerplate
-=====================
+# react-hot-boilerplate
 
 The minimal dev environment to enable live-editing React components.
 
@@ -32,16 +31,16 @@ This boilerplate is purposefully simple to show the minimal configuration for Re
 
 ### Dependencies
 
-* React
-* Webpack
-* [webpack-dev-server](https://github.com/webpack/webpack-dev-server)
-* [babel-loader](https://github.com/babel/babel-loader)
-* [react-hot-loader](https://github.com/gaearon/react-hot-loader)
+- React
+- Webpack
+- [webpack-dev-server](https://github.com/webpack/webpack-dev-server)
+- [babel-loader](https://github.com/babel/babel-loader)
+- [react-hot-loader](https://github.com/gaearon/react-hot-loader)
 
 ### Resources
 
-* [Demo video](http://vimeo.com/100010922)
-* [react-hot-loader on Github](https://github.com/gaearon/react-hot-loader)
-* [Integrating JSX live reload into your workflow](http://gaearon.github.io/react-hot-loader/getstarted/)
-* [Troubleshooting guide](https://github.com/gaearon/react-hot-loader/blob/master/docs/Troubleshooting.md)
-* Ping dan_abramov on Twitter or #reactjs IRC
+- [Demo video](http://vimeo.com/100010922)
+- [react-hot-loader on Github](https://github.com/gaearon/react-hot-loader)
+- [Integrating JSX live reload into your workflow](http://gaearon.github.io/react-hot-loader/getstarted/)
+- [Troubleshooting guide](https://github.com/gaearon/react-hot-loader/blob/master/docs/Troubleshooting.md)
+- Ping dan_abramov on Twitter or #reactjs IRC

examples/index.html

@@ -3,15 +3,14 @@
     <title>Sample App</title>
     <style>
       body {
-        font-family: SF UI Text,Roboto,Helvetica Neue,Helvetica,sans-serif;
+        font-family: SF UI Text, Roboto, Helvetica Neue, Helvetica, sans-serif;
         font-size: 18px;
         line-height: 1.5;
       }
     </style>
   </head>
   <body>
-    <div id='root'>
-    </div>
+    <div id="root"></div>
     <script src="/static/bundle.js"></script>
   </body>
 </html>

examples/server.js

@@ -7,7 +7,7 @@ new WebpackDevServer(webpack(config), {
   publicPath: config.output.publicPath,
   hot: true,
   historyApiFallback: true
-}).listen(3000, 'localhost', function (err) {
+}).listen(3000, 'localhost', function(err) {
   if (err) {
     console.log(err);
   }

examples/webpack.config.js

@@ -23,29 +23,33 @@ module.exports = {
     }),
     new webpack.HotModuleReplacementPlugin(),
     new webpack.NoEmitOnErrorsPlugin(),
-    isProduction && new webpack.optimize.UglifyJsPlugin({
-      compress: { warnings: false },
-      output: { comments: false },
-      sourceMap: true
-    })
+    isProduction &&
+      new webpack.optimize.UglifyJsPlugin({
+        compress: { warnings: false },
+        output: { comments: false },
+        sourceMap: true
+      })
   ].filter(Boolean),
   resolve: {
     alias: {
       'react-json-tree/lib': path.join(__dirname, '..', 'src'),
       'react-json-tree': path.join(__dirname, '..', 'src'),
-      'react': path.join(__dirname, 'node_modules', 'react')
+      react: path.join(__dirname, 'node_modules', 'react')
     },
     extensions: ['.js']
   },
   module: {
-    loaders: [{
-      test: /\.js$/,
-      loaders: ['babel-loader'].filter(Boolean),
-      include: path.join(__dirname, 'src')
-    }, {
-      test: /\.js$/,
-      loaders: ['babel-loader'].filter(Boolean),
-      include: path.join(__dirname, '..', 'src')
-    }]
+    loaders: [
+      {
+        test: /\.js$/,
+        loaders: ['babel-loader'].filter(Boolean),
+        include: path.join(__dirname, 'src')
+      },
+      {
+        test: /\.js$/,
+        loaders: ['babel-loader'].filter(Boolean),
+        include: path.join(__dirname, '..', 'src')
+      }
+    ]
   }
 };

package.json

@@ -22,7 +22,10 @@
     "type": "git",
     "url": "https://github.com/reduxjs/redux-devtools.git"
   },
-  "keywords": ["react", "json viewer"],
+  "keywords": [
+    "react",
+    "json viewer"
+  ],
   "author": "Shu Uesugi <shu@chibicode.com> (http://github.com/chibicode)",
   "contributors": [
     "Alexander Kuznetsov <alexkuz@gmail.com> (http://kuzya.org/)",
@@ -55,7 +58,7 @@
     "terser-webpack-plugin": "^1.2.1",
     "webpack": "^4.27.1",
     "webpack-cli": "^3.2.0"
-},
+  },
   "peerDependencies": {
     "react": "^15.0.0 || ^16.0.0",
     "react-dom": "^15.0.0 || ^16.0.0"

src/JSONNode.js

@@ -86,7 +86,10 @@ const JSONNode = ({
       return <JSONValueNode {...simpleNodeProps} />;
     default:
       return (
-        <JSONValueNode {...simpleNodeProps} valueGetter={() => `<${nodeType}>`} />
+        <JSONValueNode
+          {...simpleNodeProps}
+          valueGetter={() => `<${nodeType}>`}
+        />
       );
   }
 };

src/index.js

@@ -117,11 +117,10 @@ export default class JSONTree extends React.Component {
   }
 
   shouldComponentUpdate(nextProps) {
-    return !!Object.keys(nextProps).find(
-      k =>
-        k === 'keyPath'
-          ? nextProps[k].join('/') !== this.props[k].join('/')
-          : nextProps[k] !== this.props[k]
+    return !!Object.keys(nextProps).find(k =>
+      k === 'keyPath'
+        ? nextProps[k].join('/') !== this.props[k].join('/')
+        : nextProps[k] !== this.props[k]
     );
   }
 

src/objType.js

@@ -4,7 +4,11 @@ export default function objType(obj) {
     return 'Iterable';
   }
 
-  if (type === 'Custom' && obj.constructor !== Object && obj instanceof Object) {
+  if (
+    type === 'Custom' &&
+    obj.constructor !== Object &&
+    obj instanceof Object
+  ) {
     // For projects implementing objects overriding `.prototype[Symbol.toStringTag]`
     return 'Object';
   }

webpack.config.umd.js

@@ -1,53 +1,51 @@
 const path = require('path');
 const TerserPlugin = require('terser-webpack-plugin');
 
-module.exports = (env = {}) => (
-  {
-    mode: 'production',
-    entry: {
-      app: ['./src/index.js']
-    },
-    output: {
-      library: 'ReactJsonTree',
-      libraryTarget: 'umd',
-      path: path.resolve(__dirname, 'umd'),
-      filename: env.minimize ? 'react-json-tree.min.js' : 'react-json-tree.js'
-    },
-    module: {
-      rules: [
-        {
-          test: /\.js$/,
-          loader: 'babel-loader',
-          exclude: /node_modules/
-        }
-      ]
-    },
-    externals: {
-      react: {
-        root: 'React',
-        commonjs2: 'react',
-        commonjs: 'react',
-        amd: 'react'
-      },
-      'react-dom': {
-        root: 'ReactDOM',
-        commonjs2: 'react-dom',
-        commonjs: 'react-dom',
-        amd: 'react-dom'
+module.exports = (env = {}) => ({
+  mode: 'production',
+  entry: {
+    app: ['./src/index.js']
+  },
+  output: {
+    library: 'ReactJsonTree',
+    libraryTarget: 'umd',
+    path: path.resolve(__dirname, 'umd'),
+    filename: env.minimize ? 'react-json-tree.min.js' : 'react-json-tree.js'
+  },
+  module: {
+    rules: [
+      {
+        test: /\.js$/,
+        loader: 'babel-loader',
+        exclude: /node_modules/
       }
+    ]
+  },
+  externals: {
+    react: {
+      root: 'React',
+      commonjs2: 'react',
+      commonjs: 'react',
+      amd: 'react'
     },
-    optimization: {
-      minimize: !!env.minimize,
-      minimizer: [
-        new TerserPlugin({
-          terserOptions: {
-            safari10: true
-          }
-        })
-      ]
-    },
-    performance: {
-      hints: false
+    'react-dom': {
+      root: 'ReactDOM',
+      commonjs2: 'react-dom',
+      commonjs: 'react-dom',
+      amd: 'react-dom'
     }
+  },
+  optimization: {
+    minimize: !!env.minimize,
+    minimizer: [
+      new TerserPlugin({
+        terserOptions: {
+          safari10: true
+        }
+      })
+    ]
+  },
+  performance: {
+    hints: false
   }
-);
+});