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

Comparing version 0.7.2 to 0.7.3

.babelrc.js

@@ -9,6 +9,2 @@ module.exports = (api) => {
 
-  if (process.env.NODE_ENV === 'cjs') {
-    envOptions.modules = 'commonjs';
-  }
-
   if (process.env.NODE_ENV === 'test') {
@@ -15,0 +11,0 @@ envOptions.modules = 'commonjs';

.eslintrc.js

@@ -10,2 +10,7 @@ module.exports = {
     'react/state-in-constructor': 'off',
+    // I disagree
+    'react/function-component-definition': ['error', {
+      namedComponents: 'function-declaration',
+      unnamedComponents: 'arrow-function',
+    }],
     'import/no-extraneous-dependencies': ['error', { devDependencies: true }],
@@ -12,0 +17,0 @@ 'jsx-a11y/label-has-for': ['error', {

CHANGELOG.md

@@ -7,2 +7,6 @@ # @u-wave/react-youtube change log
 
+## 0.7.3 - 2022-04-04
+ * Allow React 18 in peerDependency range.
+ * Test with React 16, 17, and 18 on CI.
+
 ## 0.7.2 - 2020-10-21
@@ -9,0 +13,0 @@ * Allow React 17 in peerDependency range.

dist/react-youtube.es.js

@@ -1,2 +0,2 @@
-import { createElement, Component } from 'react';
+import * as React from 'react';
 import PropTypes from 'prop-types';
@@ -8,5 +8,15 @@ import loadScript from 'load-script2';
   subClass.prototype.constructor = subClass;
-  subClass.__proto__ = superClass;
+
+  _setPrototypeOf(subClass, superClass);
 }
 
+function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+    o.__proto__ = p;
+    return o;
+  };
+
+  return _setPrototypeOf(o, p);
+}
+
 function _assertThisInitialized(self) {
@@ -317,3 +327,3 @@ if (self === void 0) {
         style = _this$props3.style;
-    return /*#__PURE__*/createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       id: id,
@@ -327,3 +337,3 @@ className: className,
   return YouTube;
-}(Component);
+}(React.Component);
 
@@ -552,2 +562,2 @@ if (process.env.NODE_ENV !== 'production') {
 
-export default YouTube;
+export { YouTube as default };

dist/react-youtube.js

@@ -11,2 +11,21 @@ 'use strict';
 
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
@@ -18,5 +37,15 @@ var loadScript__default = /*#__PURE__*/_interopDefaultLegacy(loadScript);
   subClass.prototype.constructor = subClass;
-  subClass.__proto__ = superClass;
+
+  _setPrototypeOf(subClass, superClass);
 }
 
+function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+    o.__proto__ = p;
+    return o;
+  };
+
+  return _setPrototypeOf(o, p);
+}
+
 function _assertThisInitialized(self) {
@@ -44,3 +73,3 @@ if (self === void 0) {
 
-    loadScript__default['default']('https://www.youtube.com/iframe_api', function (err) {
+    loadScript__default["default"]('https://www.youtube.com/iframe_api', function (err) {
       if (err) {
@@ -328,3 +357,3 @@ reject(err);
         style = _this$props3.style;
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React__namespace.createElement("div", {
       id: id,
@@ -338,3 +367,3 @@ className: className,
   return YouTube;
-}(React.Component);
+}(React__namespace.Component);
 
@@ -346,3 +375,3 @@ if (process.env.NODE_ENV !== 'production') {
      */
-    video: PropTypes__default['default'].string,
+    video: PropTypes__default["default"].string,
 
@@ -352,3 +381,3 @@ /**
      */
-    id: PropTypes__default['default'].string,
+    id: PropTypes__default["default"].string,
 
@@ -358,3 +387,3 @@ /**
      */
-    className: PropTypes__default['default'].string,
+    className: PropTypes__default["default"].string,
 
@@ -364,3 +393,3 @@ /**
      */
-    style: PropTypes__default['default'].object,
+    style: PropTypes__default["default"].object,
     // eslint-disable-line react/forbid-prop-types
@@ -371,3 +400,3 @@
      */
-    width: PropTypes__default['default'].oneOfType([PropTypes__default['default'].number, PropTypes__default['default'].string]),
+    width: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].string]),
 
@@ -377,3 +406,3 @@ /**
      */
-    height: PropTypes__default['default'].oneOfType([PropTypes__default['default'].number, PropTypes__default['default'].string]),
+    height: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].string]),
 
@@ -383,3 +412,3 @@ /**
      */
-    paused: PropTypes__default['default'].bool,
+    paused: PropTypes__default["default"].bool,
     // eslint-disable-line react/no-unused-prop-types
@@ -393,3 +422,3 @@ // Player parameters
      */
-    autoplay: PropTypes__default['default'].bool,
+    autoplay: PropTypes__default["default"].bool,
 
@@ -401,3 +430,3 @@ /**
      */
-    showCaptions: PropTypes__default['default'].bool,
+    showCaptions: PropTypes__default["default"].bool,
 
@@ -409,3 +438,3 @@ /**
      */
-    controls: PropTypes__default['default'].bool,
+    controls: PropTypes__default["default"].bool,
 
@@ -417,3 +446,3 @@ /**
      */
-    disableKeyboard: PropTypes__default['default'].bool,
+    disableKeyboard: PropTypes__default["default"].bool,
 
@@ -425,3 +454,3 @@ /**
      */
-    allowFullscreen: PropTypes__default['default'].bool,
+    allowFullscreen: PropTypes__default["default"].bool,
 
@@ -434,3 +463,3 @@ /**
      */
-    lang: PropTypes__default['default'].string,
+    lang: PropTypes__default["default"].string,
 
@@ -442,3 +471,3 @@ /**
      */
-    annotations: PropTypes__default['default'].bool,
+    annotations: PropTypes__default["default"].bool,
 
@@ -450,3 +479,3 @@ /**
      */
-    startSeconds: PropTypes__default['default'].number,
+    startSeconds: PropTypes__default["default"].number,
 
@@ -458,3 +487,3 @@ /**
      */
-    endSeconds: PropTypes__default['default'].number,
+    endSeconds: PropTypes__default["default"].number,
 
@@ -466,3 +495,3 @@ /**
      */
-    modestBranding: PropTypes__default['default'].bool,
+    modestBranding: PropTypes__default["default"].bool,
 
@@ -474,3 +503,3 @@ /**
      */
-    playsInline: PropTypes__default['default'].bool,
+    playsInline: PropTypes__default["default"].bool,
 
@@ -482,3 +511,3 @@ /**
      */
-    showRelatedVideos: PropTypes__default['default'].bool,
+    showRelatedVideos: PropTypes__default["default"].bool,
 
@@ -493,3 +522,3 @@ /**
      */
-    showInfo: PropTypes__default['default'].bool,
+    showInfo: PropTypes__default["default"].bool,
 
@@ -499,3 +528,3 @@ /**
      */
-    volume: PropTypes__default['default'].number,
+    volume: PropTypes__default["default"].number,
 
@@ -505,3 +534,3 @@ /**
      */
-    muted: PropTypes__default['default'].bool,
+    muted: PropTypes__default["default"].bool,
 
@@ -513,3 +542,3 @@ /**
      */
-    suggestedQuality: PropTypes__default['default'].string,
+    suggestedQuality: PropTypes__default["default"].string,
 
@@ -521,3 +550,3 @@ /**
      */
-    playbackRate: PropTypes__default['default'].number,
+    playbackRate: PropTypes__default["default"].number,
     // Events
@@ -530,3 +559,3 @@
      */
-    onReady: PropTypes__default['default'].func,
+    onReady: PropTypes__default["default"].func,
 
@@ -536,3 +565,3 @@ /**
      */
-    onError: PropTypes__default['default'].func,
+    onError: PropTypes__default["default"].func,
 
@@ -542,3 +571,3 @@ /**
      */
-    onCued: PropTypes__default['default'].func,
+    onCued: PropTypes__default["default"].func,
 
@@ -548,3 +577,3 @@ /**
      */
-    onBuffering: PropTypes__default['default'].func,
+    onBuffering: PropTypes__default["default"].func,
 
@@ -554,3 +583,3 @@ /**
      */
-    onPlaying: PropTypes__default['default'].func,
+    onPlaying: PropTypes__default["default"].func,
 
@@ -560,3 +589,3 @@ /**
      */
-    onPause: PropTypes__default['default'].func,
+    onPause: PropTypes__default["default"].func,
 
@@ -566,6 +595,6 @@ /**
      */
-    onEnd: PropTypes__default['default'].func,
-    onStateChange: PropTypes__default['default'].func,
-    onPlaybackRateChange: PropTypes__default['default'].func,
-    onPlaybackQualityChange: PropTypes__default['default'].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 */
@@ -594,2 +623,2 @@
 
-exports.default = YouTube;
+exports["default"] = YouTube;

package.json

 {
   "name": "@u-wave/react-youtube",
   "description": "YouTube player component for React.",
-  "version": "0.7.2",
+  "version": "0.7.3",
   "author": "Renée Kooi <[e-mail]>",
@@ -10,4 +10,4 @@ "bugs": {
   "dependencies": {
-    "@types/react": "^16.9.17",
-    "@types/youtube": "0.0.39",
+    "@types/react": "^17.0.0",
+    "@types/youtube": "0.0.46",
     "load-script2": "^1.0.1",
@@ -24,4 +24,4 @@ "prop-types": "^15.7.2"
     "cross-env": "^7.0.0",
-    "eslint": "^7.4.0",
-    "eslint-config-airbnb": "^18.2.0",
+    "eslint": "^8.2.0",
+    "eslint-config-airbnb": "^19.0.0",
     "eslint-plugin-import": "^2.22.0",
@@ -34,10 +34,9 @@ "eslint-plugin-jsx-a11y": "^6.3.1",
     "min-react-env": "^1.0.1",
-    "mocha": "^8.0.1",
+    "mocha": "^9.0.0",
     "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",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
     "rollup": "^2.0.2",
-    "tsd": "^0.13.1"
+    "tsd": "^0.20.0"
   },
@@ -55,4 +54,5 @@ "homepage": "https://github.com/u-wave/react-youtube#readme",
   "module": "dist/react-youtube.es.js",
+  "types": "index.d.ts",
   "peerDependencies": {
-    "react": "^0.14.0 || ^15.0.0 || ^16.0.0 || ^17.0.0"
+    "react": "^0.14.0 || ^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0"
   },
@@ -66,10 +66,16 @@ "repository": {
     "docs": "prop-types-table src/index.js | md-insert README.md --header Props -i",
-    "example": "npm install && cd example && npm install",
+    "example": "npm run -w example build && npm run -w example start",
     "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"
+    "test": "npm run tsd && npm run tests-only && npm run lint",
+    "lint": "eslint --cache --fix .",
+    "tests-only": "cross-env NODE_ENV=test mocha --require @babel/register test/*.js",
+    "tsd": "tsd"
   },
+  "workspaces": {
+    "packages": [
+      ".",
+      "./example"
+    ]
+  },
   "sideEffects": false
 }

test/test.js

@@ -1,21 +0,5 @@
-import React from 'react';
-import { createRenderer } from 'react-test-renderer/shallow';
 import expect from 'expect';
 import render from './util/render';
-import createYouTube from './util/createYouTube';
 
 describe('YouTube', () => {
-  it('should render a div with an ID and className', () => {
-    const { YouTube } = createYouTube();
-    const renderer = createRenderer();
-    renderer.render(<YouTube id="myId" className="myClassName" />);
-    expect(renderer.getRenderOutput()).toMatch({
-      type: 'div',
-      props: {
-        id: 'myId',
-        className: 'myClassName',
-      },
-    });
-  });
-
   it('should create a YouTube player when mounted', async () => {
@@ -22,0 +6,0 @@ const { sdkMock } = await render({

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

Improved metrics

Dev dependency count

23

decreased by-4.17%

Number of low supply chain risk alerts

3

decreased by-25%

Worsened metrics

Total package byte prevSize

68292

decreased by-12.07%

Lines of code

1919

decreased by-18.34%

Dependency changes

• + Added@types/react@17.0.83(transitive)

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

• + Addedreact@18.3.1(transitive)

• - Removed@types/react@16.14.62(transitive)

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

• - Removedreact@17.0.2(transitive)

• Updated@types/react@^17.0.0

• Updated@types/youtube@0.0.46