react-jplaylist
Advanced tools
Comparing version 1.0.2 to 1.0.3
@@ -21,2 +21,4 @@ 'use strict'; | ||
var _reactJplayer2 = _interopRequireDefault(_reactJplayer); | ||
var _reactJplayerUtils = require('react-jplayer-utils'); | ||
@@ -200,3 +202,3 @@ | ||
return _react2.default.createElement( | ||
_reactJplayer.JPlayer, | ||
_reactJplayer2.default, | ||
_extends({ | ||
@@ -203,0 +205,0 @@ customStates: this.props.customStates, keyBindings: this.props.keyBindings |
@@ -6,3 +6,3 @@ 'use strict'; | ||
}); | ||
exports.Title = exports.Poster = exports.MediaLink = exports.Remove = exports.TogglePlaylist = exports.Repeat = exports.Next = exports.Previous = exports.Shuffle = exports.Playlist = exports.JPlaylist = exports.connect = exports.actions = exports.reducer = exports.initialState = undefined; | ||
exports.Title = exports.Poster = exports.MediaLink = exports.Remove = exports.TogglePlaylist = exports.Repeat = exports.Next = exports.Previous = exports.Shuffle = exports.Playlist = exports.connect = exports.actions = exports.reducer = exports.initialState = undefined; | ||
@@ -73,2 +73,3 @@ var _initialState = require('./initialState/initialState'); | ||
exports.default = _jPlaylistContainer2.default; | ||
exports.initialState = _initialState2.default; | ||
@@ -78,3 +79,2 @@ exports.reducer = _reducer2.default; | ||
exports.connect = _connect2.default; | ||
exports.JPlaylist = _jPlaylistContainer2.default; | ||
exports.Playlist = _playlistContainer2.default; | ||
@@ -81,0 +81,0 @@ exports.Shuffle = _shuffleContainer2.default; |
{ | ||
"name": "react-jplaylist", | ||
"version": "1.0.2", | ||
"version": "1.0.3", | ||
"description": "Html5 audio and video playlist library for React that implements react-jPlayer", | ||
@@ -5,0 +5,0 @@ "author": "Martin Dawson <u1356770@gmail.com>", |
@@ -13,2 +13,3 @@ [![Build Status](https://travis-ci.org/MartinDawson/react-jPlaylist.svg?branch=master)](https://travis-ci.org/MartinDawson/react-jPlaylist) | ||
* [Live Demo](#live-demo) | ||
* [Examples](#examples) | ||
* [Installation](#installation) | ||
@@ -58,2 +59,5 @@ + [NPM](#npm) | ||
### Examples | ||
https://github.com/MartinDawson/react-jPlayerExamples | ||
### Installation | ||
@@ -67,5 +71,8 @@ #### NPM | ||
`<script src="./dist/js/jPlaylist.js"></script>` | ||
``` | ||
<link rel="stylesheet" type="text/css" href="./dist/css/controls/iconControls.css"> | ||
<link rel="stylesheet" type="text/css" href="./dist/css/sleek.css"> | ||
`<script src="./dist/css/sleek.css"></script>` | ||
<script src="./dist/js/jPlaylist.js"></script> | ||
``` | ||
@@ -85,3 +92,3 @@ Module is exported to a global variable called `ReactJPlaylist`. | ||
#### `initialState([jPlaylists])` : Required | ||
Deep merges the options that you passed into the [`connect`](https://github.com/MartinDawson/react-jPlaylist#connectjplaylist-options-jplaylistoptions--required) function with react-jPlayer's defaults. The result of this must be passed to your stores initial state. | ||
Deep merges the options that you passed into the [`connect`](https://github.com/MartinDawson/react-jPlaylist#connectjplaylist-options-jplaylistoptions--required) function with react-jPlaylist's default options. The result of this must be passed to your stores initial state. | ||
@@ -93,6 +100,6 @@ **Arguments** | ||
(object): The initial state for the jPlaylists(s) that needs to be passed to the Redux store. | ||
(object): The initial state for the jPlaylist(s) that needs to be passed to the Redux store. | ||
#### `reducer()` : Required | ||
The jPlaylist reducer that will be called whenever a jPlaylist function is dispatched. Must be passed to your store named 'jPlaylists'. | ||
The jPlaylist reducer that will be called whenever a jPlaylist function is dispatched. Must be passed to your store with the key named 'jPlaylists'. | ||
@@ -116,2 +123,6 @@ #### `connect(jPlaylist, options, jPlaylistOptions)` : Required | ||
**Renders** | ||
The connected jPlaylist. Any additional props that you passed in are passed through to your jPlaylist so you can use them as usual. | ||
### Props | ||
@@ -122,4 +133,4 @@ jPlaylist automatically passes the following properties in to your jPlaylist component: | ||
- [`[...actions]`](https://github.com/MartinDawson/react-jPlaylist#actions) (func): The actions that you can call to modify jPlaylist's properties at runtime. | ||
- `jPlayers` (object): All of the jPlayers options get passed in here. The names of the jPlayers are what you specified for each one in [`options.id`](https://github.com/MartinDawson/react-jPlayer#id-string--required). | ||
- `jPlaylists` (object): All of the jPlaylists options get passed in here. The names of the jPlaylists are what you specified for each one in [`options.id`](https://github.com/MartinDawson/react-jPlayer#id-string--required). | ||
- `jPlayers` (object): All of the jPlayers options get passed in here. The names of the jPlayers are what you specified for each one in [`options.id`]. | ||
- `jPlaylists` (object): All of the jPlaylists options get passed in here. The names of the jPlaylists are what you specified for each one in [`options.id`]. | ||
@@ -193,3 +204,3 @@ #### Actions | ||
#### Options | ||
Properties in this object are used to initialize the jPlaylist. They are deep merged with the default values. | ||
Properties in this object are used to initialize the jPlaylist. They are deep merged with the default jPlaylist options. | ||
@@ -196,0 +207,0 @@ ##### `playlist` (array: objects) : Required |
import React from 'react'; | ||
import merge from 'lodash.merge'; | ||
import { JPlayer, actions as jPlayerActions } from 'react-jplayer'; | ||
import JPlayer, { actions as jPlayerActions } from 'react-jplayer'; | ||
import { connectWithId } from 'react-jplayer-utils'; | ||
@@ -5,0 +5,0 @@ import PropTypes from 'prop-types'; |
@@ -17,2 +17,4 @@ import initialState from './initialState/initialState'; | ||
export default JPlaylist; | ||
export { | ||
@@ -23,3 +25,2 @@ initialState, | ||
connect, | ||
JPlaylist, | ||
Playlist, | ||
@@ -26,0 +27,0 @@ Shuffle, |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Uses eval
Supply chain riskPackage uses dynamic code execution (e.g., eval()), which is a dangerous practice. This can prevent the code from running in certain environments and increases the risk that the code may contain exploits or malicious behavior.
Found 1 instance in 1 package
Environment variable access
Supply chain riskPackage accesses environment variables, which may be a sign of credential stuffing or data theft.
Found 1 instance in 1 package
Minified code
QualityThis package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.
Found 1 instance in 1 package
1
271
27
0
557849
10371