react-jplaylist - npm Package Compare versions

Comparing version 3.0.0 to 3.1.0

lib/components/jPlaylist/jPlaylist.js

@@ -34,3 +34,3 @@ 'use strict';
   );
-};
+}; /* eslint-disable react/forbid-prop-types */
 
@@ -37,0 +37,0 @@ JPlaylist.defaultProps = {

lib/components/jPlaylist/keyControl/keyControl.js

@@ -17,2 +17,4 @@ 'use strict';
 
+/* eslint-disable react/forbid-prop-types */
+
 var KeyControl = function KeyControl(_ref) {
@@ -19,0 +21,0 @@ var keyBindings = _ref.keyBindings,

package.json

 {
   "name": "react-jplaylist",
-  "version": "3.0.0",
+  "version": "3.1.0",
   "description": "Html5 audio and video playlist library for React that implements react-jPlayer",
@@ -140,9 +140,7 @@ "author": "Martin Dawson <[e-mail]>",
     "react": "^15.4.1",
-    "react-dom": "^15.4.1",
     "react-jplayer": "latest",
     "react-jplayer-utils": "latest",
     "react-redux": "^5.0.2",
-    "recompose": "^0.25.0",
-    "redux": "^3.6.0"
+    "recompose": "^0.25.0"
   }
 }

README.md

@@ -14,2 +14,4 @@ [![Build Status](https://travis-ci.org/jplayer/react-jPlaylist.svg?branch=master)](https://travis-ci.org/jplayer/react-jPlaylist)
   * [Installation](#installation)
+    + [NPM](#npm)
+    + [UMD](#umd)
   * [Features](#features)
@@ -55,4 +57,10 @@ * [Supported Browsers](#supported-browsers)
 ### Installation
+#### NPM
 `npm install --save react-jplaylist`
 
+#### UMD
+The recommended way to use this package is through npm and webpack. However if you insist on including the .js and .css files manually then both the unminified and minified versions are available from the `/dist/` folder. The dependencies of this package have been excluded for the UMD build so you will need to include them manually as shown in the react-jPlayer-example's [UMDPlaylist](https://github.com/jplayer/react-jPlayer-examples/tree/master/jPlaylists/UMDPlaylist).
+
+This module is exported to a variable called `ReactJPlaylist`.
+
 ### Features
@@ -59,0 +67,0 @@ * Cross compatible with many legacy different Html5 browsers

src/components/jPlaylist/jPlaylist.jsx

@@ -0,1 +1,3 @@
+/* eslint-disable react/forbid-prop-types */
+
 import React from 'react';
@@ -2,0 +4,0 @@ import PropTypes from 'prop-types';

src/components/jPlaylist/keyControl/keyControl.jsx

@@ -0,1 +1,3 @@
+/* eslint-disable react/forbid-prop-types */
+
 import React from 'react';
@@ -2,0 +4,0 @@ import PropTypes from 'prop-types';

src/components/jPlaylist/keyControl/keyControlContainer.spec.jsx

@@ -12,3 +12,3 @@ import React from 'react';
 const mockKeyControl = ({ keyBindings }) =>
-  <div onKeyDown={() => onKeyDown(keyBindings)} />;
+  <button onKeyDown={() => onKeyDown(keyBindings)} />;
 const keyControlContainer = proxyquire('./keyControlContainer', {
@@ -15,0 +15,0 @@ './keyControl': mockKeyControl,

src/components/mediaLink/mediaLinkContainer.spec.jsx

@@ -11,3 +11,3 @@ import React from 'react';
 const mockMediaLink = ({ play }) =>
-  <div onClick={play} />;
+  <button onClick={play} />;
 const MediaLinkContainer = proxyquire('./mediaLinkContainer', {
@@ -14,0 +14,0 @@ './mediaLink': mockMediaLink,

src/components/next/nextContainer.spec.jsx

@@ -11,3 +11,3 @@ import React from 'react';
 const mockNext = ({ next }) =>
-  <div onClick={next} />;
+  <button onClick={next} />;
 const NextContainer = proxyquire('./nextContainer', {
@@ -14,0 +14,0 @@ './next': mockNext,

src/components/previous/previousContainer.spec.jsx

@@ -11,3 +11,3 @@ import React from 'react';
 const mockPrevious = ({ previous }) =>
-  <div onClick={previous} />;
+  <button onClick={previous} />;
 const PreviousContainer = proxyquire('./previousContainer', {
@@ -14,0 +14,0 @@ './previous': mockPrevious,

src/components/remove/removeContainer.spec.jsx

@@ -11,3 +11,3 @@ import React from 'react';
 const mockRemove = ({ remove }) =>
-  <div onClick={remove} />;
+  <button onClick={remove} />;
 const RemoveContainer = proxyquire('./removeContainer', {
@@ -14,0 +14,0 @@ './remove': mockRemove,

src/components/repeat/repeatContainer.spec.jsx

@@ -9,3 +9,3 @@ import React from 'react';
 const mockRepeat = ({ loop }) =>
-  <div onClick={loop} />;
+  <button onClick={loop} />;
 const RepeatContainer = proxyquire('./repeatContainer', {
@@ -12,0 +12,0 @@ 'react-jplayer': { RepeatComponent: mockRepeat },

src/components/shuffle/shuffleContainer.spec.jsx

@@ -11,3 +11,3 @@ import React from 'react';
 const mockShuffle = ({ shuffle }) =>
-  <div onClick={shuffle} />;
+  <button onClick={shuffle} />;
 const ShuffleContainer = proxyquire('./shuffleContainer', {
@@ -14,0 +14,0 @@ './shuffle': mockShuffle,

src/components/togglePlaylist/togglePlaylistContainer.spec.jsx

@@ -11,3 +11,3 @@ import React from 'react';
 const mockTogglePlaylist = ({ togglePlaylist }) =>
-  <div onClick={togglePlaylist} />;
+  <button onClick={togglePlaylist} />;
 const TogglePlaylistContainer = proxyquire('./togglePlaylistContainer', {
@@ -14,0 +14,0 @@ './togglePlaylist': mockTogglePlaylist,

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This 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 risk

Package 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

Improved metrics

Dependency count

9

decreased by-18.18%

Number of lines in readme file

283

increased by2.91%

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Total package byte prevSize

209536

decreased by-54.46%

Lines of code

4841

decreased by-48.52%

Dependency changes

• + Addedredux@4.2.1(transitive)

• - Removedreact-dom@^15.4.1

• - Removedredux@^3.6.0

• - Removedlodash@4.17.21(transitive)

• - Removedlodash-es@4.17.21(transitive)

• - Removedreact-dom@15.7.0(transitive)

• - Removedredux@3.7.2(transitive)