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

Comparing version 0.11.4 to 0.12.0-canary.0-27b6858

dist/index.cjs.js

@@ -1,2 +0,2 @@
-"use strict";"use client";var k=Object.create;var p=Object.defineProperty;var j=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var L=Object.getPrototypeOf,w=Object.prototype.hasOwnProperty;var H=(t,r)=>{for(var o in r)p(t,o,{get:r[o],enumerable:!0})},M=(t,r,o,c)=>{if(r&&typeof r=="object"||typeof r=="function")for(let s of S(r))!w.call(t,s)&&s!==o&&p(t,s,{get:()=>r[s],enumerable:!(c=j(r,s))||c.enumerable});return t};var O=(t,r,o)=>(o=t!=null?k(L(t)):{},M(r||!t||!t.__esModule?p(o,"default",{value:t,enumerable:!0}):o,t)),I=t=>M(p({},"__esModule",{value:!0}),t);var W={};H(W,{default:()=>U});module.exports=I(W);var f=require("react"),P=(...t)=>{let r=(0,f.useRef)(null);return(0,f.useEffect)(()=>{t.forEach(o=>{o&&(typeof o=="function"?o(r.current):o.current=r.current)})},[t]),r};var a=O(require("react")),e=O(require("prop-types")),n=require("@mux/playback-core");var h=()=>{try{return"0.11.4"}catch{}return"UNKNOWN"},N=h(),g=()=>N;var A=g(),D="mux-video-react",y=a.default.forwardRef((t,r)=>{var R;let{playbackId:o,src:c,children:s,autoPlay:d,preload:m,...E}=t,x=Object.fromEntries(Object.entries(E).filter(([i])=>!Object.keys(y.propTypes).includes(i))),[C]=(0,a.useState)((0,n.generatePlayerInitTime)()),[b,v]=(0,a.useState)((R=(0,n.toMuxVideoURL)(t))!=null?R:c),l=(0,a.useRef)(void 0),V=(0,a.useRef)(null),T=P(V,r);return(0,a.useEffect)(()=>{var i;v((i=(0,n.toMuxVideoURL)(t))!=null?i:c)},[c,o]),(0,a.useEffect)(()=>{let i={...t,src:b,playerInitTime:C,playerSoftwareName:D,playerSoftwareVersion:A,autoplay:d},u=T.current;return u&&(l.current=(0,n.initialize)(i,u,l.current)),()=>{(0,n.teardown)(u,l.current),u=void 0,l.current=void 0}},[b]),(0,a.useEffect)(()=>{var i;(i=l.current)==null||i.setAutoplay(d)},[d]),(0,a.useEffect)(()=>{var i;(i=l.current)==null||i.setPreload(m)},[m]),a.default.createElement("video",{ref:T,...x},s)});y.propTypes={_hlsConfig:e.default.any,beaconCollectionDomain:e.default.string,customDomain:e.default.string,debug:e.default.bool,disableCookies:e.default.bool,disableTracking:e.default.bool,envKey:e.default.string,errorTranslator:e.default.any,liveEdgeStart:e.default.number,maxResolution:e.default.oneOf(["720p","1080p","1440p","2160p"]),metadata:e.default.any,minResolution:e.default.oneOf(["480p","540p","720p","1080p","1440p","2160p"]),playbackId:e.default.string,playerInitTime:e.default.number,preferCmcd:e.default.oneOf(Object.values(n.CmcdTypes)),preferPlayback:e.default.oneOf(Object.values(n.PlaybackTypes)),programStartTime:e.default.number,programEndTime:e.default.number,renditionOrder:e.default.oneOf(["desc"]),startTime:e.default.number,streamType:e.default.oneOf(Object.values(n.StreamTypes)),targetLiveWindow:e.default.number,tokens:e.default.any,type:e.default.oneOf(n.allMediaTypes)};var U=y;
+"use strict";"use client";var S=Object.create;var l=Object.defineProperty;var L=Object.getOwnPropertyDescriptor;var w=Object.getOwnPropertyNames;var H=Object.getPrototypeOf,I=Object.prototype.hasOwnProperty;var h=(t,r)=>{for(var o in r)l(t,o,{get:r[o],enumerable:!0})},M=(t,r,o,c)=>{if(r&&typeof r=="object"||typeof r=="function")for(let s of w(r))!I.call(t,s)&&s!==o&&l(t,s,{get:()=>r[s],enumerable:!(c=L(r,s))||c.enumerable});return t};var O=(t,r,o)=>(o=t!=null?S(H(t)):{},M(r||!t||!t.__esModule?l(o,"default",{value:t,enumerable:!0}):o,t)),N=t=>M(l({},"__esModule",{value:!0}),t);var W={};h(W,{default:()=>U,playerSoftwareName:()=>E,playerSoftwareVersion:()=>k});module.exports=N(W);var d=require("react"),P=(...t)=>{let r=(0,d.useRef)(null);return(0,d.useEffect)(()=>{t.forEach(o=>{o&&(typeof o=="function"?o(r.current):o.current=r.current)})},[t]),r};var a=O(require("react")),e=O(require("prop-types")),n=require("@mux/playback-core");var A=()=>{try{return"0.12.0"}catch{}return"UNKNOWN"},D=A(),g=()=>D;var k=g(),E="mux-video-react",m=a.default.forwardRef((t,r)=>{var R;let{playbackId:o,src:c,children:s,autoPlay:f,preload:y,tokens:_,playbackToken:K,drmToken:z,...x}=t,C=Object.fromEntries(Object.entries(x).filter(([i])=>!Object.keys(m.propTypes).includes(i))),[v]=(0,a.useState)((0,n.generatePlayerInitTime)()),[b,V]=(0,a.useState)((R=(0,n.toMuxVideoURL)(t))!=null?R:c),p=(0,a.useRef)(void 0),j=(0,a.useRef)(null),T=P(j,r);return(0,a.useEffect)(()=>{var i;V((i=(0,n.toMuxVideoURL)(t))!=null?i:c)},[c,o]),(0,a.useEffect)(()=>{let i={...t,src:b,playerInitTime:v,playerSoftwareName:E,playerSoftwareVersion:k,autoplay:f},u=T.current;return u&&(p.current=(0,n.initialize)(i,u,p.current)),()=>{(0,n.teardown)(u,p.current),u=void 0,p.current=void 0}},[b]),(0,a.useEffect)(()=>{var i;(i=p.current)==null||i.setAutoplay(f)},[f]),(0,a.useEffect)(()=>{var i;(i=p.current)==null||i.setPreload(y)},[y]),a.default.createElement("video",{ref:T,...C},s)});m.propTypes={_hlsConfig:e.default.any,beaconCollectionDomain:e.default.string,customDomain:e.default.string,debug:e.default.bool,disableCookies:e.default.bool,disableTracking:e.default.bool,drmToken:e.default.string,envKey:e.default.string,errorTranslator:e.default.func,liveEdgeStart:e.default.number,maxResolution:e.default.oneOf(["720p","1080p","1440p","2160p"]),metadata:e.default.any,minResolution:e.default.oneOf(["480p","540p","720p","1080p","1440p","2160p"]),playbackId:e.default.string,playbackToken:e.default.string,playerInitTime:e.default.number,preferCmcd:e.default.oneOf(Object.values(n.CmcdTypes)),preferPlayback:e.default.oneOf(Object.values(n.PlaybackTypes)),programStartTime:e.default.number,programEndTime:e.default.number,assetStartTime:e.default.number,assetEndTime:e.default.number,renditionOrder:e.default.oneOf(["desc"]),startTime:e.default.number,streamType:e.default.oneOf(Object.values(n.StreamTypes)),targetLiveWindow:e.default.number,tokens:e.default.object,type:e.default.oneOf(n.allMediaTypes)};var U=m;
 //# sourceMappingURL=index.cjs.js.map

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

 import React from 'react';
 import { MuxMediaProps } from '@mux/playback-core';
 export type Props = Pick<React.DetailedHTMLProps<React.VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, Exclude<keyof React.DetailedHTMLProps<React.VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, 'autoPlay'>> & MuxMediaProps;
+export declare const playerSoftwareVersion: string;
+export declare const playerSoftwareName = "mux-video-react";
 declare const MuxVideo: React.ForwardRefExoticComponent<Pick<Partial<Props>, Exclude<keyof Partial<Props>, "ref">> & React.RefAttributes<HTMLVideoElement | undefined>>;
 export default MuxVideo;

dist/types/index.d.ts

 import React from 'react';
 import { MuxMediaProps } from '@mux/playback-core';
 export type Props = Omit<React.DetailedHTMLProps<React.VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, 'autoPlay'> & MuxMediaProps;
+export declare const playerSoftwareVersion: string;
+export declare const playerSoftwareName = "mux-video-react";
 declare const MuxVideo: React.ForwardRefExoticComponent<Omit<Partial<Props>, "ref"> & React.RefAttributes<HTMLVideoElement | undefined>>;
 export default MuxVideo;

package.json

 {
   "name": "@mux/mux-video-react",
-  "version": "0.11.4",
+  "version": "0.12.0-canary.0-27b6858",
   "description": "A custom mux video element for React that Just Works™",
@@ -59,5 +59,5 @@ "keywords": [
   "peerDependencies": {
-    "@types/react": "^17.0.0 || ^18 || ^19",
-    "react": "^17.0.2 || ^18 || ^19",
-    "react-dom": "^17.0.2 || ^18 || ^19"
+    "@types/react": "^17.0.0 || ^17.0.0-0 || ^18 || ^18.0.0-0 || ^19 || ^19.0.0-0",
+    "react": "^17.0.2 || ^17.0.0-0 || ^18 || ^18.0.0-0 || ^19 || ^19.0.0-0",
+    "react-dom": "^17.0.2 || ^17.0.2-0 || ^18 || ^18.0.0-0 || ^19 || ^19.0.0-0"
   },
@@ -73,3 +73,3 @@ "peerDependenciesMeta": {
   "dependencies": {
-    "@mux/playback-core": "0.26.0",
+    "@mux/playback-core": "0.27.0-canary.0-27b6858",
     "prop-types": "^15.7.2"
@@ -91,4 +91,3 @@ },
     "typescript": "^5.5.4"
-  },
-  "gitHead": "5ae58b9de16ae2dcd807276bb6539c1f8cfab800"
+  }
 }

New alerts

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

Total package byte prevSize

67663

increased by50.51%

Number of package files

16

increased by14.29%

Lines of code

262

increased by344.07%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Added@mux/playback-core@0.27.0-canary.0-27b6858(transitive)

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

• Updated@mux/playback-core@0.27.0-canary.0-27b6858