react-spotify-player
Advanced tools
+18
-11
@@ -11,9 +11,10 @@ 'use strict'; | ||
| var _propTypes = require('prop-types'); | ||
| var _propTypes2 = _interopRequireDefault(_propTypes); | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
| // Dimension prop type | ||
| var dimensionPropType = _react2.default.PropTypes.oneOfType([_react2.default.PropTypes.number, _react2.default.PropTypes.string]); | ||
| // Size presets, defined by Spotify | ||
| /** | ||
@@ -26,2 +27,5 @@ * Spotify player iframe widget | ||
| var dimensionPropType = _propTypes2.default.oneOfType([_propTypes2.default.number, _propTypes2.default.string]); | ||
| // Size presets, defined by Spotify | ||
| var sizePresets = { | ||
@@ -44,2 +48,3 @@ large: { | ||
| // ------------------------------------------------------ | ||
@@ -52,6 +57,6 @@ // Component specs & lifecycle | ||
| // Spotify URI | ||
| uri: _react2.default.PropTypes.string.isRequired, | ||
| uri: _propTypes2.default.string.isRequired, | ||
| // Size as either a preset or as custom dimensions | ||
| size: _react2.default.PropTypes.oneOfType([_react2.default.PropTypes.oneOf(['large', 'compact']), _react2.default.PropTypes.shape({ | ||
| size: _propTypes2.default.oneOfType([_propTypes2.default.oneOf(['large', 'compact']), _propTypes2.default.shape({ | ||
| width: dimensionPropType, | ||
@@ -62,6 +67,6 @@ height: dimensionPropType | ||
| // View | ||
| view: _react2.default.PropTypes.oneOf(['list', 'coverart']), | ||
| view: _propTypes2.default.oneOf(['list', 'coverart']), | ||
| // Theme | ||
| theme: _react2.default.PropTypes.oneOf(['black', 'white']) | ||
| theme: _propTypes2.default.oneOf(['black', 'white']) | ||
| }, | ||
@@ -77,2 +82,3 @@ | ||
| // ------------------------------------------------------ | ||
@@ -83,8 +89,9 @@ // Render | ||
| render: function render() { | ||
| var _props = this.props; | ||
| var uri = _props.uri; | ||
| var view = _props.view; | ||
| var theme = _props.theme; | ||
| var _props = this.props, | ||
| uri = _props.uri, | ||
| view = _props.view, | ||
| theme = _props.theme; | ||
| var size = this.props.size; | ||
| if (typeof size === 'string') { | ||
@@ -91,0 +98,0 @@ size = sizePresets[size]; |
+7
-3
| { | ||
| "name": "react-spotify-player", | ||
| "version": "1.0.1", | ||
| "version": "1.0.2", | ||
| "description": "Spotify player widget in React", | ||
@@ -22,2 +22,3 @@ "main": "dist/SpotifyPlayer.js", | ||
| "keywords": [ | ||
| "react-component", | ||
| "spotify", | ||
@@ -35,5 +36,7 @@ "widget", | ||
| "homepage": "https://github.com/alexanderwallin/react-spotify-player#readme", | ||
| "peerDependencies": { | ||
| "prop-types": "^15.5.10" | ||
| }, | ||
| "devDependencies": { | ||
| "babel": "^6.3.13", | ||
| "babel-cli": "^6.3.17", | ||
| "babel-cli": "^6.24.1", | ||
| "babel-preset-es2015": "^6.3.13", | ||
@@ -45,2 +48,3 @@ "babel-preset-react": "^6.3.13", | ||
| "eslint-plugin-react": "^3.12.0", | ||
| "prop-types": "^15.5.10", | ||
| "react": "^0.14.3", | ||
@@ -47,0 +51,0 @@ "react-dom": "^0.14.3", |
+1
-1
@@ -31,3 +31,3 @@ # react-spotify-player | ||
| theme={theme} | ||
| > | ||
| /> | ||
| ``` | ||
@@ -34,0 +34,0 @@ |
@@ -10,5 +10,6 @@ | ||
| import React from 'react'; | ||
| import PropTypes from 'prop-types'; | ||
| // Dimension prop type | ||
| const dimensionPropType = React.PropTypes.oneOfType([React.PropTypes.number, React.PropTypes.string]); | ||
| const dimensionPropType = PropTypes.oneOfType([PropTypes.number, PropTypes.string]); | ||
@@ -39,8 +40,8 @@ // Size presets, defined by Spotify | ||
| // Spotify URI | ||
| uri: React.PropTypes.string.isRequired, | ||
| uri: PropTypes.string.isRequired, | ||
| // Size as either a preset or as custom dimensions | ||
| size: React.PropTypes.oneOfType([ | ||
| React.PropTypes.oneOf(['large', 'compact']), | ||
| React.PropTypes.shape({ | ||
| size: PropTypes.oneOfType([ | ||
| PropTypes.oneOf(['large', 'compact']), | ||
| PropTypes.shape({ | ||
| width: dimensionPropType, | ||
@@ -52,6 +53,6 @@ height: dimensionPropType, | ||
| // View | ||
| view: React.PropTypes.oneOf(['list', 'coverart']), | ||
| view: PropTypes.oneOf(['list', 'coverart']), | ||
| // Theme | ||
| theme: React.PropTypes.oneOf(['black', 'white']), | ||
| theme: PropTypes.oneOf(['black', 'white']), | ||
| }, | ||
@@ -58,0 +59,0 @@ |
6799
1.72%151
2.03%1
Infinity%