Socket
Socket
Sign inDemoInstall

react-inspector

Package Overview
Dependencies
Maintainers
2
Versions
41
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-inspector - npm Package Compare versions

Comparing version 1.1.2 to 2.0.0

.eslintrc.js
README.md

6

HISTORY.md

@@ -0,1 +1,7 @@

## 2.0.0 (05/12/2017)
- [#25](https://github.com/xyc/react-inspector/issues/25)
- **breaking** remove lib and build from source control
- new linting
- **breaking** updated dependencies
## 1.1.1 (10/28/2016)

@@ -2,0 +8,0 @@ - #14

37

karma.conf.js
// Karma configuration
// Generated on Sun Sep 13 2015 21:58:59 GMT-0700 (PDT)
var path = require('path');

@@ -11,6 +10,8 @@

{
test: /\.(js|jsx)$/, loader: 'babel', include: [path.resolve('./src'), path.resolve('./test')],
test: /\.(js|jsx)$/,
loader: 'babel',
include: [path.resolve('./src'), path.resolve('./test')],
},
]
}
],
},
};

@@ -20,7 +21,5 @@

config.set({
// base path that will be used to resolve all patterns (eg. files, exclude)
basePath: '',
// frameworks to use

@@ -30,16 +29,11 @@ // available frameworks: https://npmjs.org/browse/keyword/karma-adapter

// list of files / patterns to load in the browser
files: [
'test/index.js'
],
files: ['test/index.js'],
// list of files to exclude
exclude: [
],
exclude: [],
webpack: webpackConfig,
webpackMiddleware: {
noInfo: true
noInfo: true,
},

@@ -57,6 +51,5 @@

'karma-firefox-launcher',
require("karma-webpack")
require('karma-webpack'),
],
// test results reporter to use

@@ -67,11 +60,8 @@ // possible values: 'dots', 'progress'

// web server port
port: 9876,
// enable / disable colors in the output (reporters and logs)
colors: true,
// level of logging

@@ -81,7 +71,5 @@ // possible values: config.LOG_DISABLE || config.LOG_ERROR || config.LOG_WARN || config.LOG_INFO || config.LOG_DEBUG

// enable / disable watching file and executing tests whenever any file changes
autoWatch: true,
// start these browsers

@@ -91,7 +79,6 @@ // available browser launchers: https://npmjs.org/browse/keyword/karma-launcher

// Continuous Integration mode
// if true, Karma captures browsers, runs the tests and exits
singleRun: false
})
}
singleRun: false,
});
};

13

lib/dom-inspector/DOMInspector.js

@@ -35,2 +35,6 @@ 'use strict';

var _propTypes = require('prop-types');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _DOMNodePreview = require('./DOMNodePreview');

@@ -132,3 +136,3 @@

(0, _classCallCheck3.default)(this, DOMInspector);
return (0, _possibleConstructorReturn3.default)(this, Object.getPrototypeOf(DOMInspector).apply(this, arguments));
return (0, _possibleConstructorReturn3.default)(this, (DOMInspector.__proto__ || Object.getPrototypeOf(DOMInspector)).apply(this, arguments));
}

@@ -144,6 +148,3 @@

{ theme: this.props.theme },
_react2.default.createElement(_TreeView2.default, (0, _extends3.default)({
nodeRenderer: nodeRenderer,
dataIterator: domIterator
}, this.props))
_react2.default.createElement(_TreeView2.default, (0, _extends3.default)({ nodeRenderer: nodeRenderer, dataIterator: domIterator }, this.props))
);

@@ -157,3 +158,3 @@ }

/** The DOM Node to inspect */
data: _react.PropTypes.object.isRequired
data: _propTypes2.default.object.isRequired
};

@@ -160,0 +161,0 @@ DOMInspector.defaultProps = {

58

lib/dom-inspector/DOMNodePreview.js

@@ -11,2 +11,6 @@ 'use strict';

var _propTypes = require('prop-types');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _createStyles = require('../styles/createStyles');

@@ -23,5 +27,5 @@

var OpenTag = function OpenTag(_ref) {
var tagName = _ref.tagName;
var attributes = _ref.attributes;
var styles = _ref.styles;
var tagName = _ref.tagName,
attributes = _ref.attributes,
styles = _ref.styles;

@@ -69,6 +73,6 @@ return _react2.default.createElement(

var CloseTag = function CloseTag(_ref2) {
var tagName = _ref2.tagName;
var _ref2$isChildNode = _ref2.isChildNode;
var isChildNode = _ref2$isChildNode === undefined ? false : _ref2$isChildNode;
var styles = _ref2.styles;
var tagName = _ref2.tagName,
_ref2$isChildNode = _ref2.isChildNode,
isChildNode = _ref2$isChildNode === undefined ? false : _ref2$isChildNode,
styles = _ref2.styles;
return _react2.default.createElement(

@@ -88,16 +92,16 @@ 'span',

var nameByNodeType = {
1: "ELEMENT_NODE",
3: "TEXT_NODE",
7: "PROCESSING_INSTRUCTION_NODE",
8: "COMMENT_NODE",
9: "DOCUMENT_NODE",
10: "DOCUMENT_TYPE_NODE", // http://stackoverflow.com/questions/6088972/get-doctype-of-an-html-as-string-with-javascript
11: "DOCUMENT_FRAGMENT_NODE"
1: 'ELEMENT_NODE',
3: 'TEXT_NODE',
7: 'PROCESSING_INSTRUCTION_NODE',
8: 'COMMENT_NODE',
9: 'DOCUMENT_NODE',
10: 'DOCUMENT_TYPE_NODE', // http://stackoverflow.com/questions/6088972/get-doctype-of-an-html-as-string-with-javascript
11: 'DOCUMENT_FRAGMENT_NODE'
};
var DOMNodePreview = function DOMNodePreview(_ref3, _ref4) {
var isCloseTag = _ref3.isCloseTag;
var name = _ref3.name;
var data = _ref3.data;
var expanded = _ref3.expanded;
var isCloseTag = _ref3.isCloseTag,
name = _ref3.name,
data = _ref3.data,
expanded = _ref3.expanded;
var theme = _ref4.theme;

@@ -116,4 +120,8 @@

null,
_react2.default.createElement(OpenTag, { tagName: data.tagName, attributes: data.attributes, styles: styles.htmlOpenTag }),
(0, _shouldInline2.default)(data) ? data.textContent : !expanded && "…",
_react2.default.createElement(OpenTag, {
tagName: data.tagName,
attributes: data.attributes,
styles: styles.htmlOpenTag
}),
(0, _shouldInline2.default)(data) ? data.textContent : !expanded && '…',
!expanded && _react2.default.createElement(CloseTag, { tagName: data.tagName, styles: styles.htmlCloseTag })

@@ -175,15 +183,15 @@ );

/** If true, just render a close tag */
isCloseTag: _react.PropTypes.bool,
isCloseTag: _propTypes2.default.bool,
/** */
name: _react.PropTypes.string,
name: _propTypes2.default.string,
/** The DOM Node */
data: _react.PropTypes.object.isRequired,
data: _propTypes2.default.object.isRequired,
/** Whether the DOM node has been expanded. */
expanded: _react.PropTypes.bool.isRequired
expanded: _propTypes2.default.bool.isRequired
};
DOMNodePreview.contextTypes = {
theme: _react.PropTypes.oneOfType([_react.PropTypes.string, _react.PropTypes.object]).isRequired
theme: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.object]).isRequired
};
exports.default = DOMNodePreview;

18

lib/index.js

@@ -47,2 +47,6 @@ 'use strict';

var _propTypes = require('prop-types');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _isDom = require('is-dom');

@@ -65,6 +69,6 @@

var Inspector = function Inspector(_ref) {
var _ref$table = _ref.table;
var table = _ref$table === undefined ? false : _ref$table;
var data = _ref.data;
var rest = (0, _objectWithoutProperties3.default)(_ref, ['table', 'data']);
var _ref$table = _ref.table,
table = _ref$table === undefined ? false : _ref$table,
data = _ref.data,
rest = (0, _objectWithoutProperties3.default)(_ref, ['table', 'data']);

@@ -81,5 +85,5 @@ if (table) {

Inspector.propTypes = {
data: _react2.default.PropTypes.any,
name: _react2.default.PropTypes.string,
table: _react2.default.PropTypes.bool
data: _propTypes2.default.any,
name: _propTypes2.default.string,
table: _propTypes2.default.bool
};

@@ -86,0 +90,0 @@

165

lib/object-inspector/ObjectInspector.js

@@ -47,2 +47,6 @@ 'use strict';

var _propTypes = require('prop-types');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _TreeView = require('../tree-view/TreeView');

@@ -85,3 +89,3 @@

if (!(!Array.isArray(data) && data[Symbol.iterator])) {
_context.next = 42;
_context.next = 40;
break;

@@ -99,3 +103,3 @@ }

if (_iteratorNormalCompletion = (_step = _iterator.next()).done) {
_context.next = 26;
_context.next = 24;
break;

@@ -107,10 +111,8 @@ }

if (!(Array.isArray(entry) && entry.length === 2)) {
_context.next = 20;
_context.next = 18;
break;
}
_entry = (0, _slicedToArray3.default)(entry, 2);
k = _entry[0];
v = _entry[1];
_context.next = 18;
_entry = (0, _slicedToArray3.default)(entry, 2), k = _entry[0], v = _entry[1];
_context.next = 16;
return {

@@ -121,8 +123,8 @@ name: k,

case 18:
_context.next = 22;
case 16:
_context.next = 20;
break;
case 20:
_context.next = 22;
case 18:
_context.next = 20;
return {

@@ -133,6 +135,6 @@ name: i.toString(),

case 22:
case 20:
i++;
case 23:
case 21:
_iteratorNormalCompletion = true;

@@ -142,8 +144,8 @@ _context.next = 10;

case 26:
_context.next = 32;
case 24:
_context.next = 30;
break;
case 28:
_context.prev = 28;
case 26:
_context.prev = 26;
_context.t0 = _context['catch'](8);

@@ -153,5 +155,5 @@ _didIteratorError = true;

case 32:
_context.prev = 32;
_context.prev = 33;
case 30:
_context.prev = 30;
_context.prev = 31;

@@ -162,7 +164,7 @@ if (!_iteratorNormalCompletion && _iterator.return) {

case 35:
_context.prev = 35;
case 33:
_context.prev = 33;
if (!_didIteratorError) {
_context.next = 38;
_context.next = 36;
break;

@@ -173,13 +175,13 @@ }

case 38:
return _context.finish(35);
case 36:
return _context.finish(33);
case 39:
return _context.finish(32);
case 37:
return _context.finish(30);
case 40:
_context.next = 83;
case 38:
_context.next = 81;
break;
case 42:
case 40:
keys = Object.getOwnPropertyNames(data);

@@ -194,8 +196,8 @@

_iteratorError2 = undefined;
_context.prev = 47;
_context.prev = 45;
_iterator2 = keys[Symbol.iterator]();
case 49:
case 47:
if (_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done) {
_context.next = 66;
_context.next = 64;
break;

@@ -207,3 +209,3 @@ }

if (!data.propertyIsEnumerable(propertyName)) {
_context.next = 57;
_context.next = 55;
break;

@@ -213,3 +215,3 @@ }

propertyValue = data[propertyName];
_context.next = 55;
_context.next = 53;
return {

@@ -220,9 +222,9 @@ name: propertyName,

case 55:
_context.next = 63;
case 53:
_context.next = 61;
break;
case 57:
case 55:
if (!showNonenumerable) {
_context.next = 63;
_context.next = 61;
break;

@@ -243,7 +245,7 @@ }

if (!(_propertyValue !== undefined)) {
_context.next = 63;
_context.next = 61;
break;
}
_context.next = 63;
_context.next = 61;
return {

@@ -255,20 +257,20 @@ name: propertyName,

case 63:
case 61:
_iteratorNormalCompletion2 = true;
_context.next = 49;
_context.next = 47;
break;
case 66:
_context.next = 72;
case 64:
_context.next = 70;
break;
case 68:
_context.prev = 68;
_context.t1 = _context['catch'](47);
case 66:
_context.prev = 66;
_context.t1 = _context['catch'](45);
_didIteratorError2 = true;
_iteratorError2 = _context.t1;
case 72:
_context.prev = 72;
_context.prev = 73;
case 70:
_context.prev = 70;
_context.prev = 71;

@@ -279,7 +281,7 @@ if (!_iteratorNormalCompletion2 && _iterator2.return) {

case 75:
_context.prev = 75;
case 73:
_context.prev = 73;
if (!_didIteratorError2) {
_context.next = 78;
_context.next = 76;
break;

@@ -290,15 +292,15 @@ }

case 78:
return _context.finish(75);
case 76:
return _context.finish(73);
case 79:
return _context.finish(72);
case 77:
return _context.finish(70);
case 80:
case 78:
if (!(showNonenumerable && data !== Object.prototype /* already added */)) {
_context.next = 83;
_context.next = 81;
break;
}
_context.next = 83;
_context.next = 81;
return {

@@ -310,3 +312,3 @@ name: '__proto__',

case 83:
case 81:
case 'end':

@@ -316,3 +318,3 @@ return _context.stop();

}
}, objectIterator, this, [[8, 28, 32, 40], [33,, 35, 39], [47, 68, 72, 80], [73,, 75, 79]]);
}, objectIterator, this, [[8, 26, 30, 38], [31,, 33, 37], [45, 66, 70, 78], [71,, 73, 77]]);
});

@@ -324,6 +326,6 @@

var nodeRenderer = function nodeRenderer(_ref) {
var depth = _ref.depth;
var name = _ref.name;
var data = _ref.data;
var isNonenumerable = _ref.isNonenumerable;
var depth = _ref.depth,
name = _ref.name,
data = _ref.data,
isNonenumerable = _ref.isNonenumerable;
return depth === 0 ? _react2.default.createElement(_ObjectRootLabel2.default, { name: name, data: data }) : _react2.default.createElement(_ObjectLabel2.default, { name: name, data: data, isNonenumerable: isNonenumerable });

@@ -341,3 +343,3 @@ };

(0, _classCallCheck3.default)(this, ObjectInspector);
return (0, _possibleConstructorReturn3.default)(this, Object.getPrototypeOf(ObjectInspector).apply(this, arguments));
return (0, _possibleConstructorReturn3.default)(this, (ObjectInspector.__proto__ || Object.getPrototypeOf(ObjectInspector)).apply(this, arguments));
}

@@ -348,6 +350,6 @@

value: function render() {
var _props = this.props;
var showNonenumerable = _props.showNonenumerable;
var sortObjectKeys = _props.sortObjectKeys;
var rest = (0, _objectWithoutProperties3.default)(_props, ['showNonenumerable', 'sortObjectKeys']);
var _props = this.props,
showNonenumerable = _props.showNonenumerable,
sortObjectKeys = _props.sortObjectKeys,
rest = (0, _objectWithoutProperties3.default)(_props, ['showNonenumerable', 'sortObjectKeys']);

@@ -359,6 +361,3 @@ var dataIterator = createIterator(showNonenumerable, sortObjectKeys);

{ theme: this.props.theme },
_react2.default.createElement(_TreeView2.default, (0, _extends3.default)({
nodeRenderer: nodeRenderer,
dataIterator: dataIterator
}, rest))
_react2.default.createElement(_TreeView2.default, (0, _extends3.default)({ nodeRenderer: nodeRenderer, dataIterator: dataIterator }, rest))
);

@@ -377,18 +376,18 @@ }

/** An integer specifying to which level the tree should be initially expanded. */
expandLevel: _react.PropTypes.number,
expandLevel: _propTypes2.default.number,
/** An array containing all the paths that should be expanded when the component is initialized, or a string of just one path */
expandPaths: _react.PropTypes.oneOfType([_react.PropTypes.string, _react.PropTypes.array]),
expandPaths: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.array]),
name: _react.PropTypes.string,
name: _propTypes2.default.string,
/** Not required prop because we also allow undefined value */
data: _react.PropTypes.any,
data: _propTypes2.default.any,
/** A known theme or theme object */
theme: _react.PropTypes.oneOfType([_react.PropTypes.string, _react.PropTypes.object]),
theme: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.object]),
/** Show non-enumerable properties */
showNonenumerable: _react.PropTypes.bool,
showNonenumerable: _propTypes2.default.bool,
/** Sort object keys with optional compare function. */
sortObjectKeys: _react.PropTypes.oneOfType([_react.PropTypes.bool, _react.PropTypes.func])
sortObjectKeys: _propTypes2.default.oneOfType([_propTypes2.default.bool, _propTypes2.default.func])
};
exports.default = ObjectInspector;

12

lib/object-inspector/ObjectLabel.js

@@ -11,2 +11,6 @@ 'use strict';

var _propTypes = require('prop-types');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _ObjectName = require('../object/ObjectName');

@@ -26,5 +30,5 @@

var ObjectLabel = function ObjectLabel(_ref) {
var name = _ref.name;
var data = _ref.data;
var isNonenumerable = _ref.isNonenumerable;
var name = _ref.name,
data = _ref.data,
isNonenumerable = _ref.isNonenumerable;

@@ -48,3 +52,3 @@ var object = data;

/** Non enumerable object property will be dimmed */
isNonenumerable: _react.PropTypes.bool
isNonenumerable: _propTypes2.default.bool
};

@@ -51,0 +55,0 @@

18

lib/object-inspector/ObjectPreview.js

@@ -15,2 +15,6 @@ 'use strict';

var _propTypes = require('prop-types');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _ObjectValue = require('../object/ObjectValue');

@@ -48,4 +52,4 @@

var ObjectPreview = function ObjectPreview(_ref) {
var data = _ref.data;
var maxProperties = _ref.maxProperties;
var data = _ref.data,
maxProperties = _ref.maxProperties;

@@ -65,3 +69,3 @@ var object = data;

return _react2.default.createElement(_ObjectValue2.default, { key: index, object: element });
}), ", "),
}), ', '),
']'

@@ -79,3 +83,3 @@ );

{ key: 'ellipsis' },
'…'
'\u2026'
);

@@ -87,3 +91,3 @@ }

_react2.default.createElement(_ObjectName2.default, { name: propertyName }),
': ',
':\xA0',
_react2.default.createElement(_ObjectValue2.default, { object: propertyValue }),

@@ -100,3 +104,3 @@ ellipsis

object.constructor.name + ' {',
intersperse(propertyNodes, ", "),
intersperse(propertyNodes, ', '),
'}'

@@ -111,3 +115,3 @@ );

*/
maxProperties: _react.PropTypes.number
maxProperties: _propTypes2.default.number
};

@@ -114,0 +118,0 @@ ObjectPreview.defaultProps = {

8

lib/object-inspector/ObjectRootLabel.js

@@ -11,2 +11,6 @@ 'use strict';

var _propTypes = require('prop-types');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _ObjectName = require('../object/ObjectName');

@@ -23,4 +27,4 @@

var ObjectRootLabel = function ObjectRootLabel(_ref) {
var name = _ref.name;
var data = _ref.data;
var name = _ref.name,
data = _ref.data;

@@ -27,0 +31,0 @@ if (typeof name === 'string') {

14

lib/object/ObjectName.js

@@ -15,2 +15,6 @@ 'use strict';

var _propTypes = require('prop-types');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _createStyles = require('../styles/createStyles');

@@ -32,4 +36,4 @@

var ObjectName = function ObjectName(_ref, _ref2) {
var name = _ref.name;
var dimmed = _ref.dimmed;
var name = _ref.name,
dimmed = _ref.dimmed;
var theme = _ref2.theme;

@@ -47,5 +51,5 @@

/** Property name */
name: _react.PropTypes.string,
name: _propTypes2.default.string,
/** Should property name be dimmed */
dimmed: _react.PropTypes.bool
dimmed: _propTypes2.default.bool
};

@@ -58,5 +62,5 @@

ObjectName.contextTypes = {
theme: _react2.default.PropTypes.oneOfType([_react.PropTypes.string, _react.PropTypes.object])
theme: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.object])
};
exports.default = ObjectName;

10

lib/object/ObjectValue.js

@@ -15,2 +15,6 @@ 'use strict';

var _propTypes = require('prop-types');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _createStyles = require('../styles/createStyles');

@@ -106,3 +110,3 @@

{ style: styles.objectValueFunctionName },
' ',
'\xA0',
object.name,

@@ -125,9 +129,9 @@ '()'

/** the object to describe */
object: _react.PropTypes.any
object: _propTypes2.default.any
};
ObjectValue.contextTypes = {
theme: _react.PropTypes.oneOfType([_react.PropTypes.string, _react.PropTypes.object])
theme: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.object])
};
exports.default = ObjectValue;

10

lib/object/ObjectValue.spec.js

@@ -7,2 +7,6 @@ 'use strict';

var _propTypes = require('prop-types');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _reactAddonsTestUtils = require('react-addons-test-utils');

@@ -44,3 +48,3 @@

it('should render string with quotes', function () {
renderer.render(_react2.default.createElement(_ObjectValue2.default, { object: "octocat" }));
renderer.render(_react2.default.createElement(_ObjectValue2.default, { object: 'octocat' }));
var tree = renderer.getRenderOutput();

@@ -96,3 +100,3 @@ (0, _expect2.default)(tree.type).toBe('span');

it('should render a simple object', function () {
renderer.render(_react2.default.createElement(_ObjectValue2.default, { object: { 'k': 'v' } }));
renderer.render(_react2.default.createElement(_ObjectValue2.default, { object: { k: 'v' } }));
var tree = renderer.getRenderOutput();

@@ -137,3 +141,3 @@ (0, _expect2.default)(tree.type).toBe('span');

it('should render a symbol', function () {
renderer.render(_react2.default.createElement(_ObjectValue2.default, { object: Symbol("foo") }));
renderer.render(_react2.default.createElement(_ObjectValue2.default, { object: Symbol('foo') }));
var tree = renderer.getRenderOutput();

@@ -140,0 +144,0 @@ (0, _expect2.default)(tree.type).toBe('span');

16

lib/styles/base.js

@@ -1,2 +0,2 @@

"use strict";
'use strict';

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {

var _extends2 = require("babel-runtime/helpers/extends");
var _extends2 = require('babel-runtime/helpers/extends');
var _extends3 = _interopRequireDefault(_extends2);
var _unselectable = require("./unselectable");
var _unselectable = require('./unselectable');

@@ -27,3 +27,3 @@ var _unselectable2 = _interopRequireDefault(_unselectable);

color: theme.HTML_TAGNAME_COLOR,
textTransform: "lowercase"
textTransform: 'lowercase'
},

@@ -47,3 +47,3 @@ htmlAttributeName: {

color: theme.HTML_TAGNAME_COLOR,
textTransform: "lowercase"
textTransform: 'lowercase'
}

@@ -150,3 +150,3 @@ },

position: 'relative',
border: "1px solid " + theme.TABLE_BORDER_COLOR,
border: '1px solid ' + theme.TABLE_BORDER_COLOR,
fontFamily: theme.BASE_FONT_FAMILY,

@@ -236,3 +236,3 @@ fontSize: theme.BASE_FONT_SIZE,

backgroundColor: theme.TABLE_TH_BACKGROUND_COLOR,
borderBottom: "1px solid " + theme.TABLE_BORDER_COLOR,
borderBottom: '1px solid ' + theme.TABLE_BORDER_COLOR,
fontWeight: 'normal',

@@ -267,3 +267,3 @@ verticalAlign: 'middle',

solid: {
borderLeft: "1px solid " + theme.TABLE_BORDER_COLOR
borderLeft: '1px solid ' + theme.TABLE_BORDER_COLOR
}

@@ -270,0 +270,0 @@ },

8

lib/styles/ThemeProvider.js

@@ -27,2 +27,6 @@ 'use strict';

var _propTypes = require('prop-types');
var _propTypes2 = _interopRequireDefault(_propTypes);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

@@ -35,3 +39,3 @@

(0, _classCallCheck3.default)(this, ThemeProvider);
return (0, _possibleConstructorReturn3.default)(this, Object.getPrototypeOf(ThemeProvider).apply(this, arguments));
return (0, _possibleConstructorReturn3.default)(this, (ThemeProvider.__proto__ || Object.getPrototypeOf(ThemeProvider)).apply(this, arguments));
}

@@ -59,5 +63,5 @@

ThemeProvider.childContextTypes = {
theme: _react.PropTypes.oneOfType([_react.PropTypes.string, _react.PropTypes.object])
theme: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.object])
};
exports.default = ThemeProvider;

12

lib/table-inspector/DataContainer.js

@@ -19,2 +19,6 @@ 'use strict';

var _propTypes = require('prop-types');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _createStyles = require('../styles/createStyles');

@@ -31,5 +35,5 @@

var DataContainer = function DataContainer(_ref, _ref2) {
var rows = _ref.rows;
var columns = _ref.columns;
var rowsData = _ref.rowsData;
var rows = _ref.rows,
columns = _ref.columns,
rowsData = _ref.rowsData;
var theme = _ref2.theme;

@@ -89,5 +93,5 @@

DataContainer.contextTypes = {
theme: _react.PropTypes.oneOfType([_react.PropTypes.string, _react.PropTypes.object]).isRequired
theme: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.object]).isRequired
};
exports.default = DataContainer;

11

lib/table-inspector/getHeaders.js

@@ -25,4 +25,2 @@ 'use strict';

Array.prototype.includes = function (searchElement /*, fromIndex*/) {
'use strict';
var O = Object(this);

@@ -63,8 +61,7 @@ var len = parseInt(O.length) || 0;

rowHeaders = [].concat((0, _toConsumableArray3.default)(Array(nRows).keys()));
} else if (data !== null) {
// is an object
// keys are row indexes
rowHeaders = Object.keys(data);
}
// is an object
else if (data !== null) {
// keys are row indexes
rowHeaders = Object.keys(data);
}

@@ -71,0 +68,0 @@ // Time: O(nRows * nCols)

52

lib/table-inspector/getHeaders.spec.js

@@ -28,10 +28,10 @@ 'use strict';

var data = [{
"login": "rafaelsachetto",
"id": 42780
login: 'rafaelsachetto',
id: 42780
}, {
"login": "tsnow",
"id": 48890
login: 'tsnow',
id: 48890
}];
var result = (0, _getHeaders2.default)(data);
(0, _expect2.default)(result).toEqual({ rowHeaders: [0, 1], colHeaders: ["login", "id"] });
(0, _expect2.default)(result).toEqual({ rowHeaders: [0, 1], colHeaders: ['login', 'id'] });
});

@@ -42,11 +42,23 @@ });

it('should work for objects whose keys are index numbers', function () {
var data = { 0: { firstName: "John", lastName: "Smith" }, 1: { firstName: "Martin", middleName: "Luther", lastName: "King" } };
var data = {
0: { firstName: 'John', lastName: 'Smith' },
1: { firstName: 'Martin', middleName: 'Luther', lastName: 'King' }
};
var result = (0, _getHeaders2.default)(data);
(0, _expect2.default)(result).toEqual({ rowHeaders: ['0', '1'], colHeaders: ['firstName', 'lastName', 'middleName'] });
(0, _expect2.default)(result).toEqual({
rowHeaders: ['0', '1'],
colHeaders: ['firstName', 'lastName', 'middleName']
});
});
it('should work for objects whose keys are index numbers', function () {
var data = { 0: { firstName: "John", lastName: "Smith" }, 1: { firstName: "Martin", middleName: "Luther", lastName: "King" } };
var data = {
0: { firstName: 'John', lastName: 'Smith' },
1: { firstName: 'Martin', middleName: 'Luther', lastName: 'King' }
};
var result = (0, _getHeaders2.default)(data);
(0, _expect2.default)(result).toEqual({ rowHeaders: ['0', '1'], colHeaders: ['firstName', 'lastName', 'middleName'] });
(0, _expect2.default)(result).toEqual({
rowHeaders: ['0', '1'],
colHeaders: ['firstName', 'lastName', 'middleName']
});
});

@@ -57,15 +69,27 @@

it('should work for objects whose keys are strings and values are of same lengths', function () {
var data = { "person1": { firstName: "John", lastName: "Smith" }, "person2": { firstName: "Martin", lastName: "King" } };
var data = {
person1: { firstName: 'John', lastName: 'Smith' },
person2: { firstName: 'Martin', lastName: 'King' }
};
var result = (0, _getHeaders2.default)(data);
(0, _expect2.default)(result).toEqual({ rowHeaders: ['person1', 'person2'], colHeaders: ['firstName', 'lastName'] });
(0, _expect2.default)(result).toEqual({
rowHeaders: ['person1', 'person2'],
colHeaders: ['firstName', 'lastName']
});
});
it('should work for objects whose keys are strings and values have different lengths', function () {
var data = { "person1": { firstName: "John", lastName: "Smith" }, "person2": { firstName: "Martin", middleName: "Luther", lastName: "King" } };
var data = {
person1: { firstName: 'John', lastName: 'Smith' },
person2: { firstName: 'Martin', middleName: 'Luther', lastName: 'King' }
};
var result = (0, _getHeaders2.default)(data);
(0, _expect2.default)(result).toEqual({ rowHeaders: ['person1', 'person2'], colHeaders: ['firstName', 'lastName', 'middleName'] });
(0, _expect2.default)(result).toEqual({
rowHeaders: ['person1', 'person2'],
colHeaders: ['firstName', 'lastName', 'middleName']
});
});
it('should work for objects whose values are mix of array and objects', function () {
var data = { 0: { firstName: "John" }, 1: [1, 2, 3] };
var data = { 0: { firstName: 'John' }, 1: [1, 2, 3] };
var result = (0, _getHeaders2.default)(data);

@@ -72,0 +96,0 @@ // Chrome has funny result: { rowHeaders: ['0', '1'], colHeaders: ['firstName', '0', '1', '2', 'length'] })

34

lib/table-inspector/HeaderContainer.js

@@ -11,2 +11,6 @@ 'use strict';

var _propTypes = require('prop-types');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _createStyles = require('../styles/createStyles');

@@ -23,10 +27,10 @@

var HeaderContainer = function HeaderContainer(_ref, _ref2) {
var indexColumnText = _ref.indexColumnText;
var columns = _ref.columns;
var sorted = _ref.sorted;
var sortIndexColumn = _ref.sortIndexColumn;
var sortColumn = _ref.sortColumn;
var sortAscending = _ref.sortAscending;
var onTHClick = _ref.onTHClick;
var onIndexTHClick = _ref.onIndexTHClick;
var indexColumnText = _ref.indexColumnText,
columns = _ref.columns,
sorted = _ref.sorted,
sortIndexColumn = _ref.sortIndexColumn,
sortColumn = _ref.sortColumn,
sortAscending = _ref.sortAscending,
onTHClick = _ref.onTHClick,
onIndexTHClick = _ref.onIndexTHClick;
var theme = _ref2.theme;

@@ -50,6 +54,8 @@

_TH2.default,
{ borderStyle: borderStyles.none,
{
borderStyle: borderStyles.none,
sorted: sorted && sortIndexColumn,
sortAscending: sortAscending,
onClick: onIndexTHClick },
onClick: onIndexTHClick
},
indexColumnText

@@ -60,7 +66,9 @@ ),

_TH2.default,
{ borderStyle: borderStyles.solid,
{
borderStyle: borderStyles.solid,
key: column,
sorted: sorted && sortColumn === column,
sortAscending: sortAscending,
onClick: onTHClick.bind(undefined, column) },
onClick: onTHClick.bind(undefined, column)
},
column

@@ -81,5 +89,5 @@ );

HeaderContainer.contextTypes = {
theme: _react.PropTypes.oneOfType([_react.PropTypes.string, _react.PropTypes.object]).isRequired
theme: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.object]).isRequired
};
exports.default = HeaderContainer;

56

lib/table-inspector/TableInspector.js

@@ -31,2 +31,6 @@ 'use strict';

var _propTypes = require('prop-types');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _ThemeProvider = require('../styles/ThemeProvider');

@@ -54,8 +58,2 @@

/**
* Specs:
* https://developer.chrome.com/devtools/docs/commandline-api#tabledata-columns
* https://developer.mozilla.org/en-US/docs/Web/API/Console/table
*/
var TableInspector = function (_Component) {

@@ -67,3 +65,3 @@ (0, _inherits3.default)(TableInspector, _Component);

var _this = (0, _possibleConstructorReturn3.default)(this, Object.getPrototypeOf(TableInspector).call(this, props));
var _this = (0, _possibleConstructorReturn3.default)(this, (TableInspector.__proto__ || Object.getPrototypeOf(TableInspector)).call(this, props));

@@ -74,4 +72,3 @@ _this.state = {

sortColumn: undefined, // which column is sorted?
sortAscending: false // is sorting ascending or descending?
};
sortAscending: false };
return _this;

@@ -115,10 +112,10 @@ }

var _getHeaders = (0, _getHeaders3.default)(data);
var _getHeaders = (0, _getHeaders3.default)(data),
rowHeaders = _getHeaders.rowHeaders,
colHeaders = _getHeaders.colHeaders;
var rowHeaders = _getHeaders.rowHeaders;
var colHeaders = _getHeaders.colHeaders;
// columns to be displayed are specified
// NOTE: there's some space for optimization here
if (columns !== undefined) {

@@ -143,3 +140,4 @@ colHeaders = columns;

// normalize rowData
if ((typeof rowData === 'undefined' ? 'undefined' : (0, _typeof3.default)(rowData)) === 'object' && rowData !== null /*&& rowData.hasOwnProperty(sortColumn)*/) {
if ((typeof rowData === 'undefined' ? 'undefined' : (0, _typeof3.default)(rowData)) === 'object' && rowData !== null /*&& rowData.hasOwnProperty(sortColumn)*/
) {
var columnData = rowData[sortColumn];

@@ -181,3 +179,11 @@ return [columnData, index];

// order of different types
var order = { 'string': 0, 'number': 1, 'object': 2, 'symbol': 3, 'boolean': 4, 'undefined': 5, 'function': 6 };
var order = {
string: 0,
number: 1,
object: 2,
symbol: 3,
boolean: 4,
undefined: 5,
function: 6
};
result = lt(order[type1], order[type2]);

@@ -209,3 +215,4 @@ }

{ style: styles.base },
_react2.default.createElement(_HeaderContainer2.default, { columns: colHeaders
_react2.default.createElement(_HeaderContainer2.default, {
columns: colHeaders
/* for sorting */

@@ -217,6 +224,5 @@ , sorted: this.state.sorted,

onTHClick: this.handleTHClick.bind(this),
onIndexTHClick: this.handleIndexTHClick.bind(this) }),
_react2.default.createElement(_DataContainer2.default, { rows: rowHeaders,
columns: colHeaders,
rowsData: rowsData })
onIndexTHClick: this.handleIndexTHClick.bind(this)
}),
_react2.default.createElement(_DataContainer2.default, { rows: rowHeaders, columns: colHeaders, rowsData: rowsData })
)

@@ -227,3 +233,7 @@ );

return TableInspector;
}(_react.Component);
}(_react.Component); /**
* Specs:
* https://developer.chrome.com/devtools/docs/commandline-api#tabledata-columns
* https://developer.mozilla.org/en-US/docs/Web/API/Console/table
*/

@@ -237,7 +247,7 @@ exports.default = TableInspector;

*/
data: _react2.default.PropTypes.oneOfType([_react2.default.PropTypes.array, _react2.default.PropTypes.object]),
data: _propTypes2.default.oneOfType([_propTypes2.default.array, _propTypes2.default.object]),
/**
* An array of the names of the columns you'd like to display in the table
*/
columns: _react2.default.PropTypes.array
columns: _propTypes2.default.array
};

@@ -244,0 +254,0 @@

27

lib/table-inspector/TH.js

@@ -31,2 +31,6 @@ 'use strict';

var _propTypes = require('prop-types');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _createStyles = require('../styles/createStyles');

@@ -41,3 +45,4 @@

'div',
{ style: {
{
style: {
position: 'absolute',

@@ -49,3 +54,4 @@ top: 1,

alignItems: 'center'
} },
}
},
props.children

@@ -69,3 +75,3 @@ );

SortIcon.contextTypes = {
theme: _react.PropTypes.oneOfType([_react.PropTypes.string, _react.PropTypes.object]).isRequired
theme: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.object]).isRequired
};

@@ -77,3 +83,3 @@

function TH() {
var _Object$getPrototypeO;
var _ref3;

@@ -88,3 +94,3 @@ var _temp, _this, _ret;

return _ret = (_temp = (_this = (0, _possibleConstructorReturn3.default)(this, (_Object$getPrototypeO = Object.getPrototypeOf(TH)).call.apply(_Object$getPrototypeO, [this].concat(args))), _this), _this.state = { hovered: false }, _temp), (0, _possibleConstructorReturn3.default)(_this, _ret);
return _ret = (_temp = (_this = (0, _possibleConstructorReturn3.default)(this, (_ref3 = TH.__proto__ || Object.getPrototypeOf(TH)).call.apply(_ref3, [this].concat(args))), _this), _this.state = { hovered: false }, _temp), (0, _possibleConstructorReturn3.default)(_this, _ret);
}

@@ -101,5 +107,5 @@

// either not sorted, sort ascending or sort descending
var _props = this.props;
var sorted = _props.sorted;
var sortAscending = _props.sortAscending;
var _props = this.props,
sorted = _props.sorted,
sortAscending = _props.sortAscending;
var theme = this.context.theme;

@@ -115,3 +121,4 @@

onMouseLeave: this.toggleHovered.bind(this, false),
onClick: this.props.onClick }),
onClick: this.props.onClick
}),
_react2.default.createElement(

@@ -138,3 +145,3 @@ 'div',

TH.contextTypes = {
theme: _react.PropTypes.oneOfType([_react.PropTypes.string, _react.PropTypes.object]).isRequired
theme: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.object]).isRequired
};

@@ -141,0 +148,0 @@

9

lib/tree-view/pathUtils.js

@@ -25,5 +25,4 @@ 'use strict';

var getExpandedPaths = exports.getExpandedPaths = function getExpandedPaths(data, dataIterator, expandPaths, expandLevel) {
var initialState = arguments.length <= 4 || arguments[4] === undefined ? {} : arguments[4];
var initialState = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};
var wildcardPaths = [].concat(wildcardPathsFromLevel(expandLevel)).concat(expandPaths).filter(function (path) {

@@ -54,5 +53,5 @@ return typeof path === 'string';

for (var _iterator = dataIterator(curData)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
var _step$value = _step.value;
var name = _step$value.name;
var _data = _step$value.data;
var _ref2 = _step.value;
var name = _ref2.name,
_data = _ref2.data;

@@ -59,0 +58,0 @@ if (hasChildNodes(_data, dataIterator)) {

56

lib/tree-view/TreeNode.js

@@ -31,2 +31,6 @@ 'use strict';

var _propTypes = require('prop-types');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _createStyles = require('../styles/createStyles');

@@ -39,8 +43,8 @@

var Arrow = function Arrow(_ref) {
var expanded = _ref.expanded;
var styles = _ref.styles;
var expanded = _ref.expanded,
styles = _ref.styles;
return _react2.default.createElement(
'span',
{ style: (0, _extends3.default)({}, styles.base, expanded ? styles.expanded : styles.collapsed) },
'▶'
'\u25B6'
);

@@ -54,3 +58,3 @@ };

(0, _classCallCheck3.default)(this, TreeNode);
return (0, _possibleConstructorReturn3.default)(this, Object.getPrototypeOf(TreeNode).apply(this, arguments));
return (0, _possibleConstructorReturn3.default)(this, (TreeNode.__proto__ || Object.getPrototypeOf(TreeNode)).apply(this, arguments));
}

@@ -61,12 +65,12 @@

value: function render() {
var _props = this.props;
var name = _props.name;
var data = _props.data;
var expanded = _props.expanded;
var onClick = _props.onClick;
var children = _props.children;
var nodeRenderer = _props.nodeRenderer;
var title = _props.title;
var shouldShowArrow = _props.shouldShowArrow;
var shouldShowPlaceholder = _props.shouldShowPlaceholder;
var _props = this.props,
name = _props.name,
data = _props.data,
expanded = _props.expanded,
onClick = _props.onClick,
children = _props.children,
nodeRenderer = _props.nodeRenderer,
title = _props.title,
shouldShowArrow = _props.shouldShowArrow,
shouldShowPlaceholder = _props.shouldShowPlaceholder;
var theme = this.context.theme;

@@ -88,3 +92,3 @@

{ style: styles.treeNodePlaceholder },
' '
'\xA0'
),

@@ -105,12 +109,12 @@ renderedNode

TreeNode.propTypes = {
name: _react.PropTypes.string,
data: _react.PropTypes.any,
name: _propTypes2.default.string,
data: _propTypes2.default.any,
expanded: _react.PropTypes.bool,
shouldShowArrow: _react.PropTypes.bool,
shouldShowPlaceholder: _react.PropTypes.bool,
expanded: _propTypes2.default.bool,
shouldShowArrow: _propTypes2.default.bool,
shouldShowPlaceholder: _propTypes2.default.bool,
nodeRenderer: _react.PropTypes.func,
nodeRenderer: _propTypes2.default.func,
onClick: _react.PropTypes.func
onClick: _propTypes2.default.func
};

@@ -124,5 +128,5 @@

nodeRenderer: function nodeRenderer(_ref2) {
var name = _ref2.name;
var data = _ref2.data;
var expanded = _ref2.expanded;
var name = _ref2.name,
data = _ref2.data,
expanded = _ref2.expanded;
return _react2.default.createElement(

@@ -142,5 +146,5 @@ 'span',

TreeNode.contextTypes = {
theme: _react.PropTypes.oneOfType([_react.PropTypes.string, _react.PropTypes.object]).isRequired
theme: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.object]).isRequired
};
exports.default = TreeNode;

72

lib/tree-view/TreeView.js

@@ -39,2 +39,6 @@ 'use strict';

var _propTypes = require('prop-types');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _TreeNode = require('./TreeNode');

@@ -69,3 +73,3 @@

var _this = (0, _possibleConstructorReturn3.default)(this, Object.getPrototypeOf(ConnectedTreeNode).call(this, props));
var _this = (0, _possibleConstructorReturn3.default)(this, (ConnectedTreeNode.__proto__ || Object.getPrototypeOf(ConnectedTreeNode)).call(this, props));

@@ -105,10 +109,11 @@ _this.state = context.store.storeState;

for (var _iterator = dataIterator(parentData)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
var _step$value = _step.value;
var name = _step$value.name;
var data = _step$value.data;
var props = (0, _objectWithoutProperties3.default)(_step$value, ['name', 'data']);
var _ref2 = _step.value;
var name = _ref2.name,
data = _ref2.data,
props = (0, _objectWithoutProperties3.default)(_ref2, ['name', 'data']);
var key = name;
var path = parentPath + '.' + key;
childNodes.push(_react2.default.createElement(ConnectedTreeNode, (0, _extends3.default)({ name: name,
childNodes.push(_react2.default.createElement(ConnectedTreeNode, (0, _extends3.default)({
name: name,
data: data,

@@ -118,6 +123,4 @@ depth: depth + 1,

key: key,
dataIterator: dataIterator,
nodeRenderer: nodeRenderer
}, props)));

@@ -140,3 +143,2 @@ }

// props for nodeRenderer
return childNodes;

@@ -147,7 +149,7 @@ }

value: function render() {
var _props = this.props;
var data = _props.data;
var dataIterator = _props.dataIterator;
var path = _props.path;
var depth = _props.depth;
var _props = this.props,
data = _props.data,
dataIterator = _props.dataIterator,
path = _props.path,
depth = _props.depth;

@@ -172,8 +174,5 @@

, shouldShowPlaceholder: depth > 0
// Render a node from name and data (or possibly other props like isNonenumerable)
, nodeRenderer: nodeRenderer
}, this.props),
// only render if the node is expanded

@@ -188,14 +187,14 @@ expanded ? this.renderChildNodes(data, path) : undefined

ConnectedTreeNode.propTypes = {
name: _react.PropTypes.string,
data: _react.PropTypes.any,
dataIterator: _react.PropTypes.func,
name: _propTypes2.default.string,
data: _propTypes2.default.any,
dataIterator: _propTypes2.default.func,
depth: _react.PropTypes.number,
expanded: _react.PropTypes.bool,
depth: _propTypes2.default.number,
expanded: _propTypes2.default.bool,
nodeRenderer: _react.PropTypes.func
nodeRenderer: _propTypes2.default.func
};
ConnectedTreeNode.contextTypes = {
store: _react.PropTypes.any
store: _propTypes2.default.any
};

@@ -209,3 +208,3 @@

var _this2 = (0, _possibleConstructorReturn3.default)(this, Object.getPrototypeOf(TreeView).call(this, props));
var _this2 = (0, _possibleConstructorReturn3.default)(this, (TreeView.__proto__ || Object.getPrototypeOf(TreeView)).call(this, props));

@@ -239,6 +238,6 @@ _this2.store = {

value: function render() {
var _props2 = this.props;
var name = _props2.name;
var data = _props2.data;
var dataIterator = _props2.dataIterator;
var _props2 = this.props,
name = _props2.name,
data = _props2.data,
dataIterator = _props2.dataIterator;
var nodeRenderer = this.props.nodeRenderer;

@@ -249,9 +248,8 @@

return _react2.default.createElement(ConnectedTreeNode, { name: name,
return _react2.default.createElement(ConnectedTreeNode, {
name: name,
data: data,
dataIterator: dataIterator,
depth: 0,
path: rootPath,
nodeRenderer: nodeRenderer

@@ -269,3 +267,3 @@ });

TreeView.childContextTypes = {
store: _react.PropTypes.any
store: _propTypes2.default.any
};

@@ -275,7 +273,7 @@

TreeView.propTypes = {
name: _react.PropTypes.string,
data: _react.PropTypes.any,
dataIterator: _react.PropTypes.func,
name: _propTypes2.default.string,
data: _propTypes2.default.any,
dataIterator: _propTypes2.default.func,
nodeRenderer: _react.PropTypes.func
nodeRenderer: _propTypes2.default.func
};

@@ -282,0 +280,0 @@

65

package.json
{
"name": "react-inspector",
"version": "1.1.2",
"version": "2.0.0",
"description": "Power of Browser DevTools inspectors right inside your React app",

@@ -10,3 +10,3 @@ "main": "lib/index.js",

"build": "babel src --out-dir lib && webpack --config webpack.prod.config.js",
"lint": "eslint lib",
"lint": "eslint src --fix",
"test": "mocha src --compilers js:babel-register --recursive",

@@ -16,3 +16,3 @@ "test:watch": "npm run test -- --watch",

"prerelease": "npm run lint && npm run test && npm run clean && npm run build",
"release": "npm publish ."
"release": "npm publish . --access public"
},

@@ -48,29 +48,32 @@ "repository": {

"devDependencies": {
"@kadira/storybook": "^1.38.0",
"babel-cli": "^6.7.5",
"babel-core": "^6.0.0",
"babel-eslint": "^6.0.0-beta.1",
"babel-loader": "^6.0.0",
"babel-plugin-transform-runtime": "^6.9.0",
"babel-preset-es2015": "^6.0.0",
"babel-preset-react": "^6.0.0",
"babel-preset-stage-0": "^6.0.0",
"babel-register": "^6.6.0",
"core-js": "^1.1.4",
"css-loader": "^0.23.0",
"enzyme": "^2.2.0",
"eslint": "^1.7.1",
"eslint-plugin-react": "^2.3.0",
"expect": "^1.14.0",
"jasmine-core": "^2.3.4",
"mocha": "^2.4.5",
"react": "^15.0.2",
"react-addons-test-utils": "^15.0.2",
"react-dom": "^15.0.2",
"react-hot-loader": "^1.2.7",
"@kadira/storybook": "^2.35.3",
"babel-cli": "^6.24.1",
"babel-core": "^6.24.1",
"babel-eslint": "^7.2.3",
"babel-loader": "^7.0.0",
"babel-plugin-transform-runtime": "^6.23.0",
"babel-preset-es2015": "^6.24.1",
"babel-preset-react": "^6.24.1",
"babel-preset-stage-0": "^6.24.1",
"babel-register": "^6.24.1",
"core-js": "^2.4.1",
"css-loader": "^0.28.1",
"enzyme": "^2.8.2",
"eslint": "^3.19.0",
"eslint-plugin-react": "^7.0.0",
"eslint-plugin-prettier": "^2.0.1",
"expect": "^1.20.2",
"jasmine-core": "^2.6.1",
"mocha": "^3.3.0",
"prettier": "^1.3.0",
"prop-types": "^15.5.9",
"react": "^15.5.4",
"react-addons-test-utils": "^15.5.1",
"react-dom": "^15.5.4",
"react-hot-loader": "^1.3.1",
"rebug": "0.0.3",
"rimraf": "^2.4.4",
"style-loader": "^0.13.0",
"webpack": "^1.9.6",
"webpack-dev-server": "^1.8.2"
"rimraf": "^2.6.1",
"style-loader": "^0.17.0",
"webpack": "^2.5.1",
"webpack-dev-server": "^2.4.5"
},

@@ -81,5 +84,5 @@ "peerDependencies": {

"dependencies": {
"babel-runtime": "^6.9.2",
"is-dom": "^1.0.5"
"babel-runtime": "^6.23.0",
"is-dom": "^1.0.9"
}
}

13

webpack.prod.config.js

@@ -17,6 +17,7 @@ var path = require('path');

module: {
loaders: [{
test: /\.(js|jsx)/,
loader: 'babel',
},
rules: [
{
test: /\.(js|jsx)/,
loader: 'babel-loader',
},
],

@@ -26,6 +27,6 @@ },

resolve: {
extensions: ['', '.js', '.jsx'],
extensions: ['.js', '.jsx'],
},
externals: {
'react': {
react: {
root: 'React',

@@ -32,0 +33,0 @@ commonjs2: 'react',

.jshintrc
.travis.yml

Sorry, the diff of this file is not supported yet

LICENSE

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc