@u-wave/react-youtube - npm Package Compare versions

Comparing version 0.7.1 to 0.7.2

CHANGELOG.md

@@ -7,2 +7,6 @@ # @u-wave/react-youtube change log
 
+## 0.7.2 - 2020-10-21
+ * Allow React 17 in peerDependency range.
+ * Test with React 16 and React 17 on CI.
+
 ## 0.7.1 - 2020-04-01
@@ -9,0 +13,0 @@ * Set `sideEffects: false` in package.json.

dist/react-youtube.js

@@ -5,8 +5,11 @@ 'use strict';
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
 var React = require('react');
-var PropTypes = _interopDefault(require('prop-types'));
-var loadScript = _interopDefault(require('load-script2'));
+var PropTypes = require('prop-types');
+var loadScript = require('load-script2');
 
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var loadScript__default = /*#__PURE__*/_interopDefaultLegacy(loadScript);
+
 function _inheritsLoose(subClass, superClass) {
@@ -40,3 +43,3 @@ subClass.prototype = Object.create(superClass.prototype);
 
-    loadScript('https://www.youtube.com/iframe_api', function (err) {
+    loadScript__default['default']('https://www.youtube.com/iframe_api', function (err) {
       if (err) {
@@ -340,3 +343,3 @@ reject(err);
      */
-    video: PropTypes.string,
+    video: PropTypes__default['default'].string,
 
@@ -346,3 +349,3 @@ /**
      */
-    id: PropTypes.string,
+    id: PropTypes__default['default'].string,
 
@@ -352,3 +355,3 @@ /**
      */
-    className: PropTypes.string,
+    className: PropTypes__default['default'].string,
 
@@ -358,3 +361,3 @@ /**
      */
-    style: PropTypes.object,
+    style: PropTypes__default['default'].object,
     // eslint-disable-line react/forbid-prop-types
@@ -365,3 +368,3 @@
      */
-    width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+    width: PropTypes__default['default'].oneOfType([PropTypes__default['default'].number, PropTypes__default['default'].string]),
 
@@ -371,3 +374,3 @@ /**
      */
-    height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+    height: PropTypes__default['default'].oneOfType([PropTypes__default['default'].number, PropTypes__default['default'].string]),
 
@@ -377,3 +380,3 @@ /**
      */
-    paused: PropTypes.bool,
+    paused: PropTypes__default['default'].bool,
     // eslint-disable-line react/no-unused-prop-types
@@ -387,3 +390,3 @@ // Player parameters
      */
-    autoplay: PropTypes.bool,
+    autoplay: PropTypes__default['default'].bool,
 
@@ -395,3 +398,3 @@ /**
      */
-    showCaptions: PropTypes.bool,
+    showCaptions: PropTypes__default['default'].bool,
 
@@ -403,3 +406,3 @@ /**
      */
-    controls: PropTypes.bool,
+    controls: PropTypes__default['default'].bool,
 
@@ -411,3 +414,3 @@ /**
      */
-    disableKeyboard: PropTypes.bool,
+    disableKeyboard: PropTypes__default['default'].bool,
 
@@ -419,3 +422,3 @@ /**
      */
-    allowFullscreen: PropTypes.bool,
+    allowFullscreen: PropTypes__default['default'].bool,
 
@@ -428,3 +431,3 @@ /**
      */
-    lang: PropTypes.string,
+    lang: PropTypes__default['default'].string,
 
@@ -436,3 +439,3 @@ /**
      */
-    annotations: PropTypes.bool,
+    annotations: PropTypes__default['default'].bool,
 
@@ -444,3 +447,3 @@ /**
      */
-    startSeconds: PropTypes.number,
+    startSeconds: PropTypes__default['default'].number,
 
@@ -452,3 +455,3 @@ /**
      */
-    endSeconds: PropTypes.number,
+    endSeconds: PropTypes__default['default'].number,
 
@@ -460,3 +463,3 @@ /**
      */
-    modestBranding: PropTypes.bool,
+    modestBranding: PropTypes__default['default'].bool,
 
@@ -468,3 +471,3 @@ /**
      */
-    playsInline: PropTypes.bool,
+    playsInline: PropTypes__default['default'].bool,
 
@@ -476,3 +479,3 @@ /**
      */
-    showRelatedVideos: PropTypes.bool,
+    showRelatedVideos: PropTypes__default['default'].bool,
 
@@ -487,3 +490,3 @@ /**
      */
-    showInfo: PropTypes.bool,
+    showInfo: PropTypes__default['default'].bool,
 
@@ -493,3 +496,3 @@ /**
      */
-    volume: PropTypes.number,
+    volume: PropTypes__default['default'].number,
 
@@ -499,3 +502,3 @@ /**
      */
-    muted: PropTypes.bool,
+    muted: PropTypes__default['default'].bool,
 
@@ -507,3 +510,3 @@ /**
      */
-    suggestedQuality: PropTypes.string,
+    suggestedQuality: PropTypes__default['default'].string,
 
@@ -515,3 +518,3 @@ /**
      */
-    playbackRate: PropTypes.number,
+    playbackRate: PropTypes__default['default'].number,
     // Events
@@ -524,3 +527,3 @@
      */
-    onReady: PropTypes.func,
+    onReady: PropTypes__default['default'].func,
 
@@ -530,3 +533,3 @@ /**
      */
-    onError: PropTypes.func,
+    onError: PropTypes__default['default'].func,
 
@@ -536,3 +539,3 @@ /**
      */
-    onCued: PropTypes.func,
+    onCued: PropTypes__default['default'].func,
 
@@ -542,3 +545,3 @@ /**
      */
-    onBuffering: PropTypes.func,
+    onBuffering: PropTypes__default['default'].func,
 
@@ -548,3 +551,3 @@ /**
      */
-    onPlaying: PropTypes.func,
+    onPlaying: PropTypes__default['default'].func,
 
@@ -554,3 +557,3 @@ /**
      */
-    onPause: PropTypes.func,
+    onPause: PropTypes__default['default'].func,
 
@@ -560,6 +563,6 @@ /**
      */
-    onEnd: PropTypes.func,
-    onStateChange: PropTypes.func,
-    onPlaybackRateChange: PropTypes.func,
-    onPlaybackQualityChange: PropTypes.func
+    onEnd: PropTypes__default['default'].func,
+    onStateChange: PropTypes__default['default'].func,
+    onPlaybackRateChange: PropTypes__default['default'].func,
+    onPlaybackQualityChange: PropTypes__default['default'].func
     /* eslint-enable react/no-unused-prop-types */
@@ -566,0 +569,0 @@

package.json

 {
-	"name": "@u-wave/react-youtube",
-	"description": "YouTube player component for React.",
-	"version": "0.7.1",
-	"author": "Renée Kooi <[e-mail]>",
-	"bugs": {
-		"url": "https://github.com/u-wave/react-youtube/issues"
-	},
-	"dependencies": {
-		"@types/react": "^16.9.17",
-		"@types/youtube": "0.0.38",
-		"load-script2": "^1.0.1",
-		"prop-types": "^15.7.2"
-	},
-	"devDependencies": {
-		"@babel/core": "^7.8.3",
-		"@babel/plugin-transform-modules-commonjs": "^7.8.3",
-		"@babel/preset-env": "^7.8.3",
-		"@babel/preset-react": "^7.8.3",
-		"@babel/register": "^7.8.3",
-		"cross-env": "^7.0.0",
-		"doctrine": "^3.0.0",
-		"eslint": "^6.8.0",
-		"eslint-config-airbnb": "^18.0.1",
-		"eslint-plugin-import": "^2.20.0",
-		"eslint-plugin-jsx-a11y": "^6.2.3",
-		"eslint-plugin-react": "^7.17.0",
-		"eslint-plugin-react-hooks": "^2.3.0",
-		"expect": "^1.20.2",
-		"min-react-env": "^1.0.1",
-		"mocha": "^7.0.0",
-		"proxyquire": "^2.1.3",
-		"react": "^16.12.0",
-		"react-docgen": "^5.1.0",
-		"react-dom": "^16.12.0",
-		"react-test-renderer": "^16.12.0",
-		"rollup": "^2.0.2",
-		"rollup-plugin-babel": "^4.3.3",
-		"tsd": "^0.11.0"
-	},
-	"homepage": "https://github.com/u-wave/react-youtube#readme",
-	"keywords": [
-		"player",
-		"react",
-		"react-component",
-		"video",
-		"youtube"
-	],
-	"license": "MIT",
-	"main": "dist/react-youtube.js",
-	"module": "dist/react-youtube.es.js",
-	"peerDependencies": {
-		"react": "^0.14.0 || ^15.0.0 || ^16.0.0"
-	},
-	"repository": {
-		"type": "git",
-		"url": "git+https://github.com/u-wave/react-youtube.git"
-	},
-	"scripts": {
-		"build": "rollup -c",
-		"docs": "node tools/generate-docs.js > generated-docs.md",
-		"example": "npm install && cd example && npm install",
-		"prepare": "npm run build",
-		"test": "npm run test:types && npm run test:mocha && npm run test:lint",
-		"test:lint": "eslint --cache --fix .",
-		"test:mocha": "cross-env NODE_ENV=test mocha",
-		"test:types": "tsd"
-	},
-	"sideEffects": false
+  "name": "@u-wave/react-youtube",
+  "description": "YouTube player component for React.",
+  "version": "0.7.2",
+  "author": "Renée Kooi <[e-mail]>",
+  "bugs": {
+    "url": "https://github.com/u-wave/react-youtube/issues"
+  },
+  "dependencies": {
+    "@types/react": "^16.9.17",
+    "@types/youtube": "0.0.39",
+    "load-script2": "^1.0.1",
+    "prop-types": "^15.7.2"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.8.3",
+    "@babel/plugin-transform-modules-commonjs": "^7.8.3",
+    "@babel/preset-env": "^7.8.3",
+    "@babel/preset-react": "^7.8.3",
+    "@babel/register": "^7.8.3",
+    "@rollup/plugin-babel": "^5.0.4",
+    "cross-env": "^7.0.0",
+    "eslint": "^7.4.0",
+    "eslint-config-airbnb": "^18.2.0",
+    "eslint-plugin-import": "^2.22.0",
+    "eslint-plugin-jsx-a11y": "^6.3.1",
+    "eslint-plugin-react": "^7.20.3",
+    "eslint-plugin-react-hooks": "^4.0.5",
+    "expect": "^1.20.2",
+    "md-insert": "^1.0.1",
+    "min-react-env": "^1.0.1",
+    "mocha": "^8.0.1",
+    "prop-types-table": "^1.0.0",
+    "proxyquire": "^2.1.3",
+    "react": "^17.0.0",
+    "react-dom": "^17.0.0",
+    "react-test-renderer": "^17.0.0",
+    "rollup": "^2.0.2",
+    "tsd": "^0.13.1"
+  },
+  "homepage": "https://github.com/u-wave/react-youtube#readme",
+  "keywords": [
+    "player",
+    "react",
+    "react-component",
+    "video",
+    "youtube"
+  ],
+  "license": "MIT",
+  "main": "dist/react-youtube.js",
+  "module": "dist/react-youtube.es.js",
+  "peerDependencies": {
+    "react": "^0.14.0 || ^15.0.0 || ^16.0.0 || ^17.0.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/u-wave/react-youtube.git"
+  },
+  "scripts": {
+    "build": "rollup -c",
+    "docs": "prop-types-table src/index.js | md-insert README.md --header Props -i",
+    "example": "npm install && cd example && npm install",
+    "prepare": "npm run build",
+    "test": "npm run test:types && npm run test:mocha && npm run test:lint",
+    "test:lint": "eslint --cache --fix .",
+    "test:mocha": "cross-env NODE_ENV=test mocha --require @babel/register test/*.js",
+    "test:types": "tsd"
+  },
+  "sideEffects": false
 }

README.md

@@ -27,3 +27,2 @@ # @u-wave/react-youtube
 ## Props
-
 | Name | Type | Default | Description |
@@ -34,2 +33,3 @@ |:-----|:-----|:-----|:-----|
 | className | string |  | CSS className for the player element. |
+| style | object |  | Inline style for container element. |
 | width | number, string |  | Width of the player element. |
@@ -66,2 +66,3 @@ | height | number, string |  | Height of the player element. |
 
+
 ## Related
@@ -68,0 +69,0 @@

rollup.config.js

@@ -1,2 +0,2 @@
-import babel from 'rollup-plugin-babel';
+import babel from '@rollup/plugin-babel';
 
@@ -15,4 +15,6 @@ const meta = require('./package.json');
   plugins: [
-    babel(),
+    babel({
+      babelHelpers: 'bundled',
+    }),
   ],
 };

No alert changes

Improved metrics

Total package byte prevSize

77669

increased by14.83%

Lines of code

2350

increased by23.95%

Number of lines in readme file

84

increased by1.2%

Worsened metrics

Number of package files

23

decreased by-4.17%

Number of low supply chain risk alerts

4

increased by33.33%

Dependency changes

• + Added@types/youtube@0.0.39(transitive)

• + Addedreact@17.0.2(transitive)

• - Removed@types/youtube@0.0.38(transitive)

• - Removedreact@16.14.0(transitive)

• Updated@types/youtube@0.0.39