New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@mux/mux-player-react

Package Overview
Dependencies
Maintainers
1
Versions
600
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

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

Comparing version 3.0.0 to 3.1.0-canary.0-192aa79

CHANGELOG.md
dist/-6C2FGIUL.mjs
dist/-6C2FGIUL.mjs.map
dist/cjs.json
dist/esm.json

16

dist/esm.lazy.json

@@ -69,3 +69,3 @@ {

"src/index.tsx": {
"bytes": 10208,
"bytes": 10274,
"imports": [

@@ -177,3 +177,3 @@ {

{
"path": "dist/-QEWOA6LP.mjs",
"path": "dist/-6C2FGIUL.mjs",
"kind": "dynamic-import"

@@ -202,9 +202,9 @@ }

},
"dist/-QEWOA6LP.mjs.map": {
"dist/-6C2FGIUL.mjs.map": {
"imports": [],
"exports": [],
"inputs": {},
"bytes": 22497
"bytes": 22565
},
"dist/-QEWOA6LP.mjs": {
"dist/-6C2FGIUL.mjs": {
"imports": [

@@ -247,3 +247,5 @@ {

"RenditionOrder",
"default"
"default",
"playerSoftwareName",
"playerSoftwareVersion"
],

@@ -268,5 +270,5 @@ "entryPoint": "src/index.tsx",

},
"bytes": 3530
"bytes": 3583
}
}
}

2

dist/index.cjs.js

@@ -1,2 +0,2 @@

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

4

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

@@ -69,2 +69,4 @@ import React from 'react';

programEndTime?: number;
assetStartTime?: number;
assetEndTime?: number;
metadataVideoId?: string;

@@ -115,3 +117,5 @@ metadataVideoTitle?: string;

} & Partial<MuxMediaPropTypes> & Partial<VideoApiAttributes>;
export declare const playerSoftwareVersion: string;
export declare const playerSoftwareName = "mux-player-react";
declare const MuxPlayer: React.ForwardRefExoticComponent<Pick<MuxPlayerProps, Exclude<keyof MuxPlayerProps, "playerSoftwareName" | "playerSoftwareVersion">> & React.RefAttributes<MuxPlayerElement>>;
export default MuxPlayer;

4

dist/types/index.d.ts

@@ -69,2 +69,4 @@ import React from 'react';

programEndTime?: number;
assetStartTime?: number;
assetEndTime?: number;
metadataVideoId?: string;

@@ -115,3 +117,5 @@ metadataVideoTitle?: string;

} & Partial<MuxMediaPropTypes> & Partial<VideoApiAttributes>;
export declare const playerSoftwareVersion: string;
export declare const playerSoftwareName = "mux-player-react";
declare const MuxPlayer: React.ForwardRefExoticComponent<Omit<MuxPlayerProps, "playerSoftwareName" | "playerSoftwareVersion"> & React.RefAttributes<MuxPlayerElement>>;
export default MuxPlayer;

27

package.json
{
"name": "@mux/mux-player-react",
"version": "3.0.0",
"version": "3.1.0-canary.0-192aa79",
"description": "An open source Mux player for React that Just Works™",

@@ -43,11 +43,11 @@ "homepage": "https://mux.com/player",

"require": "./dist/index.cjs.js",
"default": "./dist/index.cjs.js",
"types@<4.3.5": "./dist/types-ts3.4/index.d.ts",
"types": "./dist/types/index.d.ts"
"types": "./dist/types/index.d.ts",
"default": "./dist/index.cjs.js"
},
"./lazy": {
"import": "./dist/lazy.mjs",
"default": "./dist/lazy.mjs",
"types@<4.3.5": "./dist/types-ts3.4/lazy.d.ts",
"types": "./dist/types/lazy.d.ts"
"types": "./dist/types/lazy.d.ts",
"default": "./dist/lazy.mjs"
},

@@ -57,5 +57,5 @@ "./themes/*": {

"require": "./dist/themes/*.cjs.js",
"default": "./dist/themes/*.cjs.js",
"types@<4.3.5": "./dist/types-ts3.4/themes/*.d.ts",
"types": "./dist/types/themes/*.d.ts"
"types": "./dist/types/themes/*.d.ts",
"default": "./dist/themes/*.cjs.js"
}

@@ -90,5 +90,5 @@ },

"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"
},

@@ -104,4 +104,4 @@ "peerDependenciesMeta": {

"dependencies": {
"@mux/mux-player": "3.0.0",
"@mux/playback-core": "0.26.0",
"@mux/mux-player": "3.1.0-canary.0-192aa79",
"@mux/playback-core": "0.27.0-canary.0-192aa79",
"prop-types": "^15.7.2"

@@ -120,4 +120,3 @@ },

"typescript": "^5.5.4"
},
"gitHead": "5ae58b9de16ae2dcd807276bb6539c1f8cfab800"
}
}

8

README.md

@@ -8,6 +8,10 @@ <p align="center">

# New release: 2.0
# New release: 3.0
Mux Player has recently released 2.0. See the [[https://github.com/muxinc/elements/blob/packages/mux-player/UPGRADING_V1_to_V2.md](https://github.com/muxinc/elements/blob/main/packages/mux-player/UPGRADING_V1_to_V2.md) and the [blog post announcement](https://www.mux.com/blog/mux-player-2-0-for-web-and-coming-soon-for-ios-and-android).
Mux Player recently released 3.0. The most visible change in this is new tooltips that are enabled by default, as well as [other fixes and changes](https://docs.mux.com/guides/player-releases-web#300).
## Previous version: 2.0
For changes relating to the previous major release, 2.0, see the [V1 to V2 upgrade guide](https://github.com/muxinc/elements/blob/main/packages/mux-player/UPGRADING_V1_to_V2.md) and the [blog post announcement](https://www.mux.com/blog/mux-player-2-0-for-web-and-coming-soon-for-ios-and-android).
# Introduction

@@ -14,0 +18,0 @@ 

dist/-QEWOA6LP.mjs
dist/-QEWOA6LP.mjs.map
LICENSE
dist/index.cjs.js.map

Sorry, the diff of this file is not supported yet

dist/index.mjs

Sorry, the diff of this file is not supported yet

dist/index.mjs.map

Sorry, the diff of this file is not supported yet

dist/lazy.mjs

Sorry, the diff of this file is not supported yet

dist/tsconfig.tsbuildinfo

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc