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

Comparing version 0.11.0-canary.0-2fbb2c1 to 0.11.0-canary.0-61f10d3

dist/cjs.json

@@ -20,3 +20,3 @@ {
     "src/index.tsx": {
-      "bytes": 3611,
+      "bytes": 3842,
       "imports": [
@@ -57,3 +57,3 @@ {
       "inputs": {},
-      "bytes": 8344
+      "bytes": 8672
     },
@@ -87,3 +87,3 @@ "dist/index.cjs.js": {
         "src/index.tsx": {
-          "bytesInOutput": 2123
+          "bytesInOutput": 2210
         },
@@ -97,5 +97,5 @@ "src/use-combined-refs.ts": {
       },
-      "bytes": 2983
+      "bytes": 3070
     }
   }
 }

dist/esm.json

@@ -20,3 +20,3 @@ {
     "src/index.tsx": {
-      "bytes": 3611,
+      "bytes": 3842,
       "imports": [
@@ -57,3 +57,3 @@ {
       "inputs": {},
-      "bytes": 8497
+      "bytes": 8826
     },
@@ -85,2 +85,3 @@ "dist/index.mjs": {
         "default",
+        "generatePlayerInitTime",
         "playerSoftwareName",
@@ -95,3 +96,3 @@ "playerSoftwareVersion"
         "src/index.tsx": {
-          "bytesInOutput": 1727
+          "bytesInOutput": 1762
         },
@@ -102,5 +103,5 @@ "src/env.ts": {
       },
-      "bytes": 2089
+      "bytes": 2152
     }
   }
 }

dist/index.cjs.js

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

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

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

dist/types/index.d.ts

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

package.json

 {
   "name": "@mux/mux-audio-react",
-  "version": "0.11.0-canary.0-2fbb2c1",
+  "version": "0.11.0-canary.0-61f10d3",
   "description": "A custom mux audio element for React that Just Works™",
@@ -71,3 +71,3 @@ "keywords": [
   "dependencies": {
-    "@mux/playback-core": "0.27.0-canary.0-2fbb2c1",
+    "@mux/playback-core": "0.27.0",
     "prop-types": "^15.7.2"
@@ -74,0 +74,0 @@ },

No alert changes

Improved metrics

Total package byte prevSize

66532

increased by1.44%

Lines of code

266

increased by1.53%

Dependency changes

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

• - Removed@mux/playback-core@0.27.0-canary.0-2fbb2c1(transitive)

• Updated@mux/playback-core@0.27.0