@mux/mux-player-react - npm Package Compare versions

Comparing version 2.4.1 to 2.5.0

dist/esm.lazy.json

@@ -69,3 +69,3 @@ {
     "src/index.tsx": {
-      "bytes": 9768,
+      "bytes": 9796,
       "imports": [
@@ -116,3 +116,3 @@ {
     "src/lazy.tsx": {
-      "bytes": 4339,
+      "bytes": 4445,
       "imports": [
@@ -153,3 +153,3 @@ {
       "inputs": {},
-      "bytes": 8799
+      "bytes": 8924
     },
@@ -179,3 +179,3 @@ "dist/lazy.mjs": {
         {
-          "path": "dist/-CHFYCJO2.mjs",
+          "path": "dist/-2HUANLS7.mjs",
           "kind": "dynamic-import"
@@ -190,3 +190,3 @@ }
         "src/lazy.tsx": {
-          "bytesInOutput": 1674
+          "bytesInOutput": 1687
         },
@@ -203,11 +203,11 @@ "src/ConditionalSuspense.tsx": {
       },
-      "bytes": 2304
+      "bytes": 2317
     },
-    "dist/-CHFYCJO2.mjs.map": {
+    "dist/-2HUANLS7.mjs.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 21916
+      "bytes": 21945
     },
-    "dist/-CHFYCJO2.mjs": {
+    "dist/-2HUANLS7.mjs": {
       "imports": [
@@ -214,0 +214,0 @@ {

dist/index.cjs.js

@@ -1,2 +0,2 @@
-"use strict";var ne=Object.create;var c=Object.defineProperty;var te=Object.getOwnPropertyDescriptor;var re=Object.getOwnPropertyNames;var ae=Object.getPrototypeOf,oe=Object.prototype.hasOwnProperty;var ie=(e,n)=>{for(var t in n)c(e,t,{get:n[t],enumerable:!0})},E=(e,n,t,o)=>{if(n&&typeof n=="object"||typeof n=="function")for(let a of re(n))!oe.call(e,a)&&a!==t&&c(e,a,{get:()=>n[a],enumerable:!(o=te(n,a))||o.enumerable});return e};var se=(e,n,t)=>(t=e!=null?ne(ae(e)):{},E(n||!e||!e.__esModule?c(t,"default",{value:e,enumerable:!0}):t,e)),le=e=>E(c({},"__esModule",{value:!0}),e);var Ce={};ie(Ce,{MaxResolution:()=>d.MaxResolution,MediaError:()=>x.MediaError,MinResolution:()=>d.MinResolution,RenditionOrder:()=>d.RenditionOrder,default:()=>he});module.exports=le(Ce);var y=se(require("react")),d=require("@mux/playback-core"),x=require("@mux/mux-player");var g={className:"class",classname:"class",htmlFor:"for",crossOrigin:"crossorigin",viewBox:"viewBox",playsInline:"playsinline",autoPlay:"autoplay",playbackRate:"playbackrate"},ue=e=>e==null,ye=(e,n)=>ue(n)?!1:e in n,de=e=>e.replace(/[A-Z]/g,n=>`-${n.toLowerCase()}`),ce=(e,n)=>{if(!(typeof n=="boolean"&&!n)){if(ye(e,g))return g[e];if(typeof n!=null)return/[A-Z]/.test(e)?de(e):e}};var pe=(e,n)=>typeof e=="boolean"?"":e,f=(e={})=>Object.entries(e).reduce((n,[t,o])=>{let a=ce(t,o);if(!a)return n;let s=pe(o,t);return n[a]=s,n},{});var b=require("react");var p=require("react"),M=(...e)=>{let n=(0,p.useRef)(null);return(0,p.useEffect)(()=>{e.forEach(t=>{t&&(typeof t=="function"?t(n.current):t.current=n.current)})},[e]),n};var P=require("react"),me=Object.prototype.hasOwnProperty,Ee=(e,n)=>{if(Object.is(e,n))return!0;if(typeof e!="object"||e===null||typeof n!="object"||n===null)return!1;if(Array.isArray(e))return!Array.isArray(n)||e.length!==n.length?!1:e.some((a,s)=>n[s]===a);let t=Object.keys(e),o=Object.keys(n);if(t.length!==o.length)return!1;for(let a=0;a<t.length;a++)if(!me.call(n,t[a])||!Object.is(e[t[a]],n[t[a]]))return!1;return!0},m=(e,n,t)=>!Ee(n,e[t]),ge=(e,n,t)=>{e[t]=n},fe=(e,n,t,o=ge,a=m)=>(0,P.useEffect)(()=>{let s=t==null?void 0:t.current;s&&a(s,n,e)&&o(s,n,e)},[t==null?void 0:t.current,n]),i=fe;var Me=()=>{try{return"2.4.1"}catch{}return"UNKNOWN"},Pe=Me(),v=()=>Pe;var ve=y.default.forwardRef(({children:e,...n},t)=>y.default.createElement("mux-player",f({...n,ref:t}),e)),r=(e,n,t)=>(0,y.useEffect)(()=>{let o=n==null?void 0:n.current;if(!(!o||!t))return o.addEventListener(e,t),()=>{o.removeEventListener(e,t)}},[n==null?void 0:n.current,t]),xe=(e,n)=>{let{onAbort:t,onCanPlay:o,onCanPlayThrough:a,onEmptied:s,onLoadStart:R,onLoadedData:T,onLoadedMetadata:h,onProgress:C,onDurationChange:k,onVolumeChange:L,onRateChange:O,onResize:S,onWaiting:G,onPlay:w,onPlaying:V,onTimeUpdate:A,onPause:N,onSeeking:I,onSeeked:K,onStalled:D,onSuspend:U,onEnded:_,onError:H,onCuePointChange:j,onCuePointsChange:z,metadata:F,tokens:W,paused:Z,playbackId:q,playbackRates:J,currentTime:Y,themeProps:$,extraSourceParams:Q,_hlsConfig:X,...B}=n;return i("playbackRates",J,e),i("metadata",F,e),i("extraSourceParams",Q,e),i("_hlsConfig",X,e),i("themeProps",$,e),i("tokens",W,e),i("playbackId",q,e),i("paused",Z,e,(l,u)=>{u!=null&&(u?l.pause():l.play())},(l,u,ee)=>l.hasAttribute("autoplay")&&!l.hasPlayed?!1:m(l,u,ee)),i("currentTime",Y,e,(l,u)=>{u!=null&&(l.currentTime=u)}),r("abort",e,t),r("canplay",e,o),r("canplaythrough",e,a),r("emptied",e,s),r("loadstart",e,R),r("loadeddata",e,T),r("loadedmetadata",e,h),r("progress",e,C),r("durationchange",e,k),r("volumechange",e,L),r("ratechange",e,O),r("resize",e,S),r("waiting",e,G),r("play",e,w),r("playing",e,V),r("timeupdate",e,A),r("pause",e,N),r("seeking",e,I),r("seeked",e,K),r("stalled",e,D),r("suspend",e,U),r("ended",e,_),r("error",e,H),r("cuepointchange",e,j),r("cuepointschange",e,z),[B]},be=v(),Re="mux-player-react",Te=y.default.forwardRef((e,n)=>{let t=(0,b.useRef)(null),o=M(t,n),[a]=xe(t,e);return y.default.createElement(ve,{ref:o,playerSoftwareName:Re,playerSoftwareVersion:be,...a})}),he=Te;
+"use strict";var ne=Object.create;var c=Object.defineProperty;var te=Object.getOwnPropertyDescriptor;var ae=Object.getOwnPropertyNames;var re=Object.getPrototypeOf,oe=Object.prototype.hasOwnProperty;var ie=(e,n)=>{for(var t in n)c(e,t,{get:n[t],enumerable:!0})},E=(e,n,t,o)=>{if(n&&typeof n=="object"||typeof n=="function")for(let r of ae(n))!oe.call(e,r)&&r!==t&&c(e,r,{get:()=>n[r],enumerable:!(o=te(n,r))||o.enumerable});return e};var se=(e,n,t)=>(t=e!=null?ne(re(e)):{},E(n||!e||!e.__esModule?c(t,"default",{value:e,enumerable:!0}):t,e)),le=e=>E(c({},"__esModule",{value:!0}),e);var Ce={};ie(Ce,{MaxResolution:()=>d.MaxResolution,MediaError:()=>v.MediaError,MinResolution:()=>d.MinResolution,RenditionOrder:()=>d.RenditionOrder,default:()=>he});module.exports=le(Ce);var y=se(require("react")),d=require("@mux/playback-core"),v=require("@mux/mux-player");var g={className:"class",classname:"class",htmlFor:"for",crossOrigin:"crossorigin",viewBox:"viewBox",playsInline:"playsinline",autoPlay:"autoplay",playbackRate:"playbackrate"},ue=e=>e==null,ye=(e,n)=>ue(n)?!1:e in n,de=e=>e.replace(/[A-Z]/g,n=>`-${n.toLowerCase()}`),ce=(e,n)=>{if(!(typeof n=="boolean"&&!n)){if(ye(e,g))return g[e];if(typeof n!=null)return/[A-Z]/.test(e)?de(e):e}};var pe=(e,n)=>typeof e=="boolean"?"":e,f=(e={})=>Object.entries(e).reduce((n,[t,o])=>{let r=ce(t,o);if(!r)return n;let s=pe(o,t);return n[r]=s,n},{});var x=require("react");var p=require("react"),M=(...e)=>{let n=(0,p.useRef)(null);return(0,p.useEffect)(()=>{e.forEach(t=>{t&&(typeof t=="function"?t(n.current):t.current=n.current)})},[e]),n};var P=require("react"),me=Object.prototype.hasOwnProperty,Ee=(e,n)=>{if(Object.is(e,n))return!0;if(typeof e!="object"||e===null||typeof n!="object"||n===null)return!1;if(Array.isArray(e))return!Array.isArray(n)||e.length!==n.length?!1:e.some((r,s)=>n[s]===r);let t=Object.keys(e),o=Object.keys(n);if(t.length!==o.length)return!1;for(let r=0;r<t.length;r++)if(!me.call(n,t[r])||!Object.is(e[t[r]],n[t[r]]))return!1;return!0},m=(e,n,t)=>!Ee(n,e[t]),ge=(e,n,t)=>{e[t]=n},fe=(e,n,t,o=ge,r=m)=>(0,P.useEffect)(()=>{let s=t==null?void 0:t.current;s&&r(s,n,e)&&o(s,n,e)},[t==null?void 0:t.current,n]),i=fe;var Me=()=>{try{return"2.5.0"}catch{}return"UNKNOWN"},Pe=Me(),b=()=>Pe;var be=y.default.forwardRef(({children:e,...n},t)=>y.default.createElement("mux-player",f({...n,ref:t}),e)),a=(e,n,t)=>(0,y.useEffect)(()=>{let o=n==null?void 0:n.current;if(!(!o||!t))return o.addEventListener(e,t),()=>{o.removeEventListener(e,t)}},[n==null?void 0:n.current,t]),ve=(e,n)=>{let{onAbort:t,onCanPlay:o,onCanPlayThrough:r,onEmptied:s,onLoadStart:T,onLoadedData:R,onLoadedMetadata:h,onProgress:C,onDurationChange:k,onVolumeChange:L,onRateChange:O,onResize:S,onWaiting:G,onPlay:w,onPlaying:V,onTimeUpdate:A,onPause:N,onSeeking:I,onSeeked:K,onStalled:D,onSuspend:U,onEnded:_,onError:H,onCuePointChange:j,onCuePointsChange:z,metadata:F,tokens:W,paused:Z,playbackId:q,playbackRates:J,currentTime:Y,themeProps:$,extraSourceParams:Q,_hlsConfig:X,...B}=n;return i("playbackRates",J,e),i("metadata",F,e),i("extraSourceParams",Q,e),i("_hlsConfig",X,e),i("themeProps",$,e),i("tokens",W,e),i("playbackId",q,e),i("paused",Z,e,(l,u)=>{u!=null&&(u?l.pause():l.play())},(l,u,ee)=>l.hasAttribute("autoplay")&&!l.hasPlayed?!1:m(l,u,ee)),i("currentTime",Y,e,(l,u)=>{u!=null&&(l.currentTime=u)}),a("abort",e,t),a("canplay",e,o),a("canplaythrough",e,r),a("emptied",e,s),a("loadstart",e,T),a("loadeddata",e,R),a("loadedmetadata",e,h),a("progress",e,C),a("durationchange",e,k),a("volumechange",e,L),a("ratechange",e,O),a("resize",e,S),a("waiting",e,G),a("play",e,w),a("playing",e,V),a("timeupdate",e,A),a("pause",e,N),a("seeking",e,I),a("seeked",e,K),a("stalled",e,D),a("suspend",e,U),a("ended",e,_),a("error",e,H),a("cuepointchange",e,j),a("cuepointschange",e,z),[B]},xe=b(),Te="mux-player-react",Re=y.default.forwardRef((e,n)=>{let t=(0,x.useRef)(null),o=M(t,n),[r]=ve(t,e);return y.default.createElement(be,{ref:o,playerSoftwareName:Te,playerSoftwareVersion:xe,...r})}),he=Re;
 //# sourceMappingURL=index.cjs.js.map

dist/types-ts3.4/ConditionalSuspense.d.ts

@@ -7,3 +7,3 @@ import React from 'react';
 };
-declare const ConditionalSuspense: ({ condition, fallback, children, ...rest }: Props) => JSX.Element;
+declare const ConditionalSuspense: ({ condition, fallback, children, ...rest }: Props) => React.JSX.Element;
 export default ConditionalSuspense;

dist/types-ts3.4/index.d.ts

@@ -33,2 +33,3 @@ import React from 'react';
     debug: boolean;
+    disableTracking: boolean;
     disableCookies: boolean;
@@ -35,0 +36,0 @@ disablePictureInPicture?: boolean;

dist/types-ts3.4/lazy.d.ts

 import React from 'react';
-import { DetailedHTMLProps, HTMLAttributes } from 'react';
 import { ValueOf } from '@mux/playback-core';
 import { MuxPlayerProps } from './index';
-interface MuxPlayerElement extends DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> {
-    nohotkeys?: boolean | undefined;
+import MuxPlayerElement from '@mux/mux-player';
+interface MuxPlayerElementReact extends Partial<Pick<MuxPlayerElement, Exclude<keyof MuxPlayerElement, 'style' | 'children'>>> {
+    ref: React.MutableRefObject<MuxPlayerElement | null> | null | undefined;
+    style: React.CSSProperties;
+    children?: React.ReactNode;
 }
@@ -11,3 +13,3 @@ declare global {
         interface IntrinsicElements {
-            'mux-player': MuxPlayerElement;
+            'mux-player': MuxPlayerElementReact;
         }
@@ -24,3 +26,3 @@ }
 }
-declare const MuxPlayer: React.ForwardRefExoticComponent<MuxPlayerLazyProps & React.RefAttributes<import("@mux/mux-player/.").default>>;
+declare const MuxPlayer: React.ForwardRefExoticComponent<MuxPlayerLazyProps & React.RefAttributes<MuxPlayerElement>>;
 export default MuxPlayer;

dist/types/ConditionalSuspense.d.ts

@@ -7,3 +7,3 @@ import React from 'react';
 };
-declare const ConditionalSuspense: ({ condition, fallback, children, ...rest }: Props) => JSX.Element;
+declare const ConditionalSuspense: ({ condition, fallback, children, ...rest }: Props) => React.JSX.Element;
 export default ConditionalSuspense;

dist/types/index.d.ts

@@ -33,2 +33,3 @@ import React from 'react';
     debug: boolean;
+    disableTracking: boolean;
     disableCookies: boolean;
@@ -35,0 +36,0 @@ disablePictureInPicture?: boolean;

dist/types/lazy.d.ts

 import React from 'react';
-import type { DetailedHTMLProps, HTMLAttributes } from 'react';
 import type { ValueOf } from '@mux/playback-core';
 import type { MuxPlayerProps } from './index';
-interface MuxPlayerElement extends DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> {
-    nohotkeys?: boolean | undefined;
+import type MuxPlayerElement from '@mux/mux-player';
+interface MuxPlayerElementReact extends Partial<Omit<MuxPlayerElement, 'style' | 'children'>> {
+    ref: React.MutableRefObject<MuxPlayerElement | null> | null | undefined;
+    style: React.CSSProperties;
+    children?: React.ReactNode;
 }
@@ -11,3 +13,3 @@ declare global {
         interface IntrinsicElements {
-            'mux-player': MuxPlayerElement;
+            'mux-player': MuxPlayerElementReact;
         }
@@ -24,3 +26,3 @@ }
 }
-declare const MuxPlayer: React.ForwardRefExoticComponent<MuxPlayerLazyProps & React.RefAttributes<import("@mux/mux-player/.").default>>;
+declare const MuxPlayer: React.ForwardRefExoticComponent<MuxPlayerLazyProps & React.RefAttributes<MuxPlayerElement>>;
 export default MuxPlayer;

package.json

 {
   "name": "@mux/mux-player-react",
-  "version": "2.4.1",
+  "version": "2.5.0",
   "description": "An open source Mux player for React that Just Works™",
@@ -101,19 +101,19 @@ "homepage": "https://mux.com/player",
   "dependencies": {
-    "@mux/mux-player": "2.4.1",
-    "@mux/playback-core": "0.22.4",
+    "@mux/mux-player": "2.5.0",
+    "@mux/playback-core": "0.23.0",
     "prop-types": "^15.7.2"
   },
   "devDependencies": {
-    "@types/prop-types": "^15.7.5",
-    "@types/react": "^17.0.37",
-    "@types/react-dom": "^17.0.11",
+    "@types/prop-types": "^15.7.12",
+    "@types/react": "^18.2.79",
+    "@types/react-dom": "^18.2.25",
     "downlevel-dts": "^0.11.0",
     "esbuild": "^0.19.8",
     "npm-run-all": "^4.1.5",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "shx": "^0.3.4",
     "typescript": "^4.9.4"
   },
-  "gitHead": "5a89efb3810c498dc27ddb2520c34d6371c8c43b"
+  "gitHead": "587a5aef1f87e731cb5894546966599d47673faa"
 }

No alert changes

Improved metrics

Total package byte prevSize

146838

increased by0.25%

Lines of code

740

increased by0.82%

Published versions last year

145

increased by0.69%

Dependency changes

• + Added@mux/mux-player@2.5.0(transitive)

• + Added@mux/mux-video@0.18.0(transitive)

• + Added@mux/playback-core@0.23.0(transitive)

• + Addedhls.js@1.5.20(transitive)

• + Addedmedia-chrome@3.2.5(transitive)

• + Addedmux-embed@5.2.1(transitive)

• - Removed@mux/mux-player@2.4.1(transitive)

• - Removed@mux/mux-video@0.17.5(transitive)

• - Removed@mux/playback-core@0.22.4(transitive)

• - Removedhls.js@1.4.14(transitive)

• - Removedmedia-chrome@3.1.1(transitive)

• - Removedmux-embed@4.30.0(transitive)

• Updated@mux/mux-player@2.5.0

• Updated@mux/playback-core@0.23.0