Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

react-jplaylist

Package Overview
Dependencies
Maintainers
1
Versions
13
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-jplaylist - npm Package Compare versions

Comparing version 1.0.2 to 1.0.3

4

lib/components/jPlaylist/jPlaylistContainer.js

@@ -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

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