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

Comparing version 0.12.0-canary.0-e49e231 to 0.12.0-canary.0-ec52177

dist/cjs.json

@@ -20,3 +20,3 @@ {
     "src/index.tsx": {
-      "bytes": 3888,
+      "bytes": 3921,
       "imports": [
@@ -57,3 +57,3 @@ {
       "inputs": {},
-      "bytes": 8695
+      "bytes": 8828
     },
@@ -87,3 +87,3 @@ "dist/index.cjs.js": {
         "src/index.tsx": {
-          "bytesInOutput": 2161
+          "bytesInOutput": 2248
         },
@@ -97,5 +97,5 @@ "src/use-combined-refs.ts": {
       },
-      "bytes": 3021
+      "bytes": 3108
     }
   }
 }

dist/esm.json

@@ -20,3 +20,3 @@ {
     "src/index.tsx": {
-      "bytes": 3888,
+      "bytes": 3921,
       "imports": [
@@ -57,3 +57,3 @@ {
       "inputs": {},
-      "bytes": 8845
+      "bytes": 8973
     },
@@ -85,2 +85,3 @@ "dist/index.mjs": {
         "default",
+        "generatePlayerInitTime",
         "playerSoftwareName",
@@ -95,3 +96,3 @@ "playerSoftwareVersion"
         "src/index.tsx": {
-          "bytesInOutput": 1757
+          "bytesInOutput": 1793
         },
@@ -102,5 +103,5 @@ "src/env.ts": {
       },
-      "bytes": 2119
+      "bytes": 2184
     }
   }
 }

dist/index.cjs.js

@@ -1,2 +0,2 @@
-"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;
+"use strict";"use client";var L=Object.create;var u=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var I=Object.getOwnPropertyNames;var H=Object.getPrototypeOf,h=Object.prototype.hasOwnProperty;var N=(t,n)=>{for(var o in n)u(t,o,{get:n[o],enumerable:!0})},O=(t,n,o,c)=>{if(n&&typeof n=="object"||typeof n=="function")for(let s of I(n))!h.call(t,s)&&s!==o&&u(t,s,{get:()=>n[s],enumerable:!(c=w(n,s))||c.enumerable});return t};var P=(t,n,o)=>(o=t!=null?L(H(t)):{},O(n||!t||!t.__esModule?u(o,"default",{value:t,enumerable:!0}):o,t)),A=t=>O(u({},"__esModule",{value:!0}),t);var _={};N(_,{default:()=>W,generatePlayerInitTime:()=>r.generatePlayerInitTime,playerSoftwareName:()=>E,playerSoftwareVersion:()=>x});module.exports=A(_);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.12.0"}catch{}return"UNKNOWN"},U=D(),k=()=>U;var x=k(),E="mux-video-react";var m=a.default.forwardRef((t,n)=>{var R,M;let{playbackId:o,src:c,children:s,autoPlay:f,preload:y,tokens:K,playbackToken:z,drmToken:B,...C}=t,v=Object.fromEntries(Object.entries(C).filter(([i])=>!Object.keys(m.propTypes).includes(i))),[V]=(0,a.useState)((R=t.playerInitTime)!=null?R:(0,r.generatePlayerInitTime)()),[b,j]=(0,a.useState)((M=(0,r.toMuxVideoURL)(t))!=null?M:c),l=(0,a.useRef)(void 0),S=(0,a.useRef)(null),T=g(S,n);return(0,a.useEffect)(()=>{var i;j((i=(0,r.toMuxVideoURL)(t))!=null?i:c)},[c,o]),(0,a.useEffect)(()=>{let i={playerInitTime:V,...t,src:b,playerSoftwareName:E,playerSoftwareVersion:x,autoplay:f},p=T.current;return p&&(l.current=(0,r.initialize)(i,p,l.current)),()=>{(0,r.teardown)(p,l.current),p=void 0,l.current=void 0}},[b]),(0,a.useEffect)(()=>{var i;(i=l.current)==null||i.setAutoplay(f)},[f]),(0,a.useEffect)(()=>{var i;(i=l.current)==null||i.setPreload(y)},[y]),a.default.createElement("video",{ref:T,...v},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(r.CmcdTypes)),preferPlayback:e.default.oneOf(Object.values(r.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(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.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";
+export { generatePlayerInitTime };
 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';
+import { MuxMediaProps, generatePlayerInitTime } 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";
+export { generatePlayerInitTime };
 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.12.0-canary.0-e49e231",
+  "version": "0.12.0-canary.0-ec52177",
   "description": "A custom mux video element for React that Just Works™",
@@ -55,3 +55,2 @@ "keywords": [
     "build": "npm-run-all --parallel 'build:cjs --minify' 'build:esm --minify'",
-    "create-release-notes": "create-release-notes ./CHANGELOG.md",
     "publish-release": "../../scripts/publish.sh"
@@ -73,3 +72,3 @@ },
   "dependencies": {
-    "@mux/playback-core": "0.27.0-canary.0-e49e231",
+    "@mux/playback-core": "0.27.0",
     "prop-types": "^15.7.2"
@@ -76,0 +75,0 @@ },

No alert changes

Improved metrics

Total package byte prevSize

68145

increased by0.71%

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-e49e231(transitive)

• Updated@mux/playback-core@0.27.0