@mux/mux-audio-react 0.4.2-canary.4-e28c71e → 0.4.2-canary.42-eca1d4d

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.4.2](https://github.com/muxinc/elements/compare/@mux/mux-audio-react@0.4.1...@mux/mux-audio-react@0.4.2) (2022-08-31)
+
+**Note:** Version bump only for package @mux/mux-audio-react
+
 ## [0.4.1](https://github.com/muxinc/elements/compare/@mux/mux-audio-react@0.4.0...@mux/mux-audio-react@0.4.1) (2022-07-21)
 
 **Note:** Version bump only for package @mux/mux-audio-react

package/dist/cjs.json

@@ -0,0 +1,50 @@
+{
+  "inputs": {
+    "src/use-combined-refs.ts": {
+      "bytes": 697,
+      "imports": []
+    },
+    "src/env.ts": {
+      "bytes": 391,
+      "imports": []
+    },
+    "src/index.tsx": {
+      "bytes": 2742,
+      "imports": [
+        {
+          "path": "src/use-combined-refs.ts",
+          "kind": "import-statement"
+        },
+        {
+          "path": "src/env.ts",
+          "kind": "import-statement"
+        }
+      ]
+    }
+  },
+  "outputs": {
+    "dist/index.cjs.js.map": {
+      "imports": [],
+      "exports": [],
+      "inputs": {},
+      "bytes": 6734
+    },
+    "dist/index.cjs.js": {
+      "imports": [],
+      "exports": [],
+      "entryPoint": "src/index.tsx",
+      "inputs": {
+        "src/index.tsx": {
+          "bytesInOutput": 1290
+        },
+        "src/use-combined-refs.ts": {
+          "bytesInOutput": 175
+        },
+        "src/env.ts": {
+          "bytesInOutput": 67
+        }
+      },
+      "bytes": 2141
+    }
+  }
+}

package/dist/esm.json

@@ -0,0 +1,52 @@
+{
+  "inputs": {
+    "src/use-combined-refs.ts": {
+      "bytes": 697,
+      "imports": []
+    },
+    "src/env.ts": {
+      "bytes": 391,
+      "imports": []
+    },
+    "src/index.tsx": {
+      "bytes": 2742,
+      "imports": [
+        {
+          "path": "src/use-combined-refs.ts",
+          "kind": "import-statement"
+        },
+        {
+          "path": "src/env.ts",
+          "kind": "import-statement"
+        }
+      ]
+    }
+  },
+  "outputs": {
+    "dist/index.mjs.map": {
+      "imports": [],
+      "exports": [],
+      "inputs": {},
+      "bytes": 6959
+    },
+    "dist/index.mjs": {
+      "imports": [],
+      "exports": [
+        "default"
+      ],
+      "entryPoint": "src/index.tsx",
+      "inputs": {
+        "src/use-combined-refs.ts": {
+          "bytesInOutput": 178
+        },
+        "src/index.tsx": {
+          "bytesInOutput": 1064
+        },
+        "src/env.ts": {
+          "bytesInOutput": 67
+        }
+      },
+      "bytes": 1367
+    }
+  }
+}

package/dist/index.cjs.js

@@ -0,0 +1,2 @@
+"use strict";var k=Object.create;var c=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var H=Object.getOwnPropertyNames;var I=Object.getPrototypeOf,V=Object.prototype.hasOwnProperty;var N=(e,t)=>{for(var r in t)c(e,r,{get:t[r],enumerable:!0})},M=(e,t,r,y)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of H(t))!V.call(e,i)&&i!==r&&c(e,i,{get:()=>t[i],enumerable:!(y=w(t,i))||y.enumerable});return e};var P=(e,t,r)=>(r=e!=null?k(I(e)):{},M(t||!e||!e.__esModule?c(r,"default",{value:e,enumerable:!0}):r,e)),U=e=>M(c({},"__esModule",{value:!0}),e);var B={};N(B,{default:()=>z});module.exports=U(B);var l=require("react"),h=(...e)=>{let t=(0,l.useRef)(null);return(0,l.useEffect)(()=>{e.forEach(r=>{!r||(typeof r=="function"?r(t.current):r.current=t.current)})},[e]),t},g=h;var n=P(require("react")),a=P(require("prop-types")),o=require("@mux/playback-core");var D=()=>{try{return"0.4.2"}catch{}return"UNKNOWN"},K=D(),E=()=>K;var W=E(),_="mux-audio-react",x=n.default.forwardRef((e,t)=>{var R;let{envKey:r,debug:y,beaconCollectionDomain:i,playbackId:f,preferMse:Y,type:q,streamType:F,startTime:G,src:d,children:A,autoPlay:s,...O}=e,[S]=(0,n.useState)((0,o.generatePlayerInitTime)()),[T,C]=(0,n.useState)((R=(0,o.toMuxVideoURL)(f))!=null?R:d),m=(0,n.useRef)(void 0),L=(0,n.useRef)(null),b=g(L,t),J=(0,n.useRef)(void 0),[v,j]=(0,n.useState)(()=>u=>{});return(0,n.useEffect)(()=>{var p;let u=(p=(0,o.toMuxVideoURL)(f))!=null?p:d;C(u)},[d,f]),(0,n.useEffect)(()=>{let u={...e,src:T,playerInitTime:S,playerSoftwareName:_,playerSoftwareVersion:W,autoplay:s},p=(0,o.initialize)(u,b.current,m.current);m.current=p,j(()=>(0,o.setupAutoplay)(b.current,s,m.current))},[T]),(0,n.useEffect)(()=>{v(s)},[s]),n.default.createElement("audio",{ref:b,...O},A)});x.propTypes={envKey:a.default.string,debug:a.default.bool,metadata:a.default.any,beaconCollectionDomain:a.default.string,playbackId:a.default.string,playerInitTime:a.default.number,preferMse:a.default.bool,type:a.default.oneOf(o.allMediaTypes),streamType:a.default.oneOf(Object.values(o.StreamTypes)),startTime:a.default.number};var z=x;
+//# sourceMappingURL=index.cjs.js.map

package/dist/{index.js.map → index.cjs.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../src/index.tsx", "../src/use-combined-refs.ts", "../src/env.ts"],
   "sourcesContent": ["import useCombinedRefs from './use-combined-refs';\nimport React, { useEffect, useRef, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  allMediaTypes,\n  initialize,\n  type Autoplay,\n  type UpdateAutoplay,\n  setupAutoplay,\n  MuxMediaProps,\n  StreamTypes,\n  toMuxVideoURL,\n  PlaybackEngine,\n  generatePlayerInitTime,\n} from '@mux/playback-core';\nimport { getPlayerVersion } from './env';\n\nexport type Props = Omit<\n  React.DetailedHTMLProps<React.AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement>,\n  'autoPlay'\n> &\n  MuxMediaProps;\n\nconst playerSoftwareVersion = getPlayerVersion();\nconst playerSoftwareName = 'mux-audio-react';\n\nconst MuxAudio = React.forwardRef<HTMLAudioElement | undefined, Partial<Props>>((props, ref) => {\n  const {\n    envKey,\n    debug,\n    beaconCollectionDomain,\n    playbackId,\n    preferMse,\n    type,\n    streamType,\n    startTime,\n    src: outerSrc,\n    children,\n    autoPlay,\n    ...restProps\n  } = props;\n\n  const [playerInitTime] = useState(generatePlayerInitTime());\n\n  const [src, setSrc] = useState<MuxMediaProps['src']>(toMuxVideoURL(playbackId) ?? outerSrc);\n\n  const playbackEngineRef = useRef<PlaybackEngine | undefined>(undefined);\n  const innerMediaElRef = useRef<HTMLAudioElement>(null);\n\n  const mediaElRef = useCombinedRefs(innerMediaElRef, ref);\n  const updateAutoplayRef = useRef<UpdateAutoplay | undefined>(undefined);\n  const [updateAutoplay, setUpdateAutoplay] = useState(() => (x: any) => {});\n\n  useEffect(() => {\n    const src = toMuxVideoURL(playbackId) ?? outerSrc;\n    setSrc(src);\n  }, [outerSrc, playbackId]);\n\n  useEffect(() => {\n    const propsWithState = {\n      ...props,\n      src,\n      playerInitTime,\n      playerSoftwareName,\n      playerSoftwareVersion,\n      autoplay: autoPlay,\n    };\n    const nextPlaybackEngineRef = initialize(propsWithState, mediaElRef.current, playbackEngineRef.current);\n    playbackEngineRef.current = nextPlaybackEngineRef;\n    setUpdateAutoplay(() => setupAutoplay(mediaElRef.current, autoPlay, playbackEngineRef.current));\n  }, [src]);\n\n  useEffect(() => {\n    updateAutoplay(autoPlay);\n  }, [autoPlay]);\n\n  return (\n    <audio ref={mediaElRef} {...restProps}>\n      {children}\n    </audio>\n  );\n});\n\nMuxAudio.propTypes = {\n  envKey: PropTypes.string,\n  debug: PropTypes.bool,\n  // Improve this by adding a full shape() definition for all metadata props\n  // metadata: PropTypes.shape({}),\n  metadata: PropTypes.any,\n  beaconCollectionDomain: PropTypes.string,\n  playbackId: PropTypes.string,\n  playerInitTime: PropTypes.number,\n  preferMse: PropTypes.bool,\n  type: PropTypes.oneOf(allMediaTypes),\n  streamType: PropTypes.oneOf(Object.values(StreamTypes)),\n  startTime: PropTypes.number,\n};\n\nexport default MuxAudio;\n", "import { useEffect, useRef, MutableRefObject } from 'react';\n\ntype Maybe<T> = T | null | undefined;\ntype RefCb<T> = (instance: Maybe<T>) => void;\ntype RefObj<T> = MutableRefObject<Maybe<T>>;\ntype RefTypes<T> = RefObj<T> | RefCb<T>;\ninterface useCombinedRefs {\n  <T>(...refs: Maybe<RefTypes<T>>[]): RefObj<T>;\n}\n\nexport const useCombinedRefs: useCombinedRefs = (...refs) => {\n  const targetRef = useRef(null);\n\n  useEffect(() => {\n    refs.forEach((ref) => {\n      if (!ref) return;\n\n      if (typeof ref === 'function') {\n        ref(targetRef.current);\n      } else {\n        ref.current = targetRef.current;\n      }\n    });\n  }, [refs]);\n\n  return targetRef;\n};\n\nexport default useCombinedRefs;\n", "export const isMaybeBrowser = () => typeof window != 'undefined';\n// @ts-ignore\nexport const isMaybeServer = () => typeof global != 'undefined';\n\nconst getEnvPlayerVersion = () => {\n  try {\n    // @ts-ignore\n    return PLAYER_VERSION as string;\n  } catch {}\n  return 'UNKNOWN';\n};\n\nconst player_version: string = getEnvPlayerVersion();\n\nexport const getPlayerVersion = () => player_version;\n"],
-  "mappings": "mlBAAA,2BCAA,MAAoD,oBAUvC,EAAmC,IAAI,IAAS,CAC3D,GAAM,GAAY,aAAO,MAEzB,sBAAU,IAAM,CACd,EAAK,QAAQ,AAAC,GAAQ,CACpB,AAAI,CAAC,GAEL,CAAI,MAAO,IAAQ,WACjB,EAAI,EAAU,SAEd,EAAI,QAAU,EAAU,YAG3B,CAAC,IAEG,GAGF,EAAQ,ED3Bf,MAAmD,oBACnD,EAAsB,yBACtB,EAWO,iCEVP,GAAM,GAAsB,IAAM,CAChC,GAAI,CAEF,MAAO,8BACP,EACF,MAAO,WAGH,EAAyB,IAElB,EAAmB,IAAM,EFStC,GAAM,GAAwB,IACxB,EAAqB,kBAErB,EAAW,UAAM,WAAyD,CAAC,EAAO,IAAQ,CA1BhG,MA2BE,GAAM,CACJ,SACA,QACA,yBACA,aACA,YACA,OACA,aACA,YACA,IAAK,EACL,WACA,cACG,GACD,EAEE,CAAC,GAAkB,eAAS,gCAE5B,CAAC,EAAK,GAAU,eAA+B,uBAAc,KAAd,OAA6B,GAE5E,EAAoB,aAAmC,QACvD,EAAkB,aAAyB,MAE3C,EAAa,EAAgB,EAAiB,GAC9C,EAAoB,aAAmC,QACvD,CAAC,EAAgB,GAAqB,eAAS,IAAM,AAAC,GAAW,IAEvE,sBAAU,IAAM,CArDlB,MAsDI,GAAM,GAAM,uBAAc,KAAd,OAA6B,EACzC,EAAO,IACN,CAAC,EAAU,IAEd,gBAAU,IAAM,CACd,GAAM,GAAiB,IAClB,EACH,MACA,iBACA,qBACA,wBACA,SAAU,GAEN,EAAwB,iBAAW,EAAgB,EAAW,QAAS,EAAkB,SAC/F,EAAkB,QAAU,EAC5B,EAAkB,IAAM,oBAAc,EAAW,QAAS,EAAU,EAAkB,WACrF,CAAC,IAEJ,gBAAU,IAAM,CACd,EAAe,IACd,CAAC,IAGF,wBAAC,QAAD,CAAO,IAAK,KAAgB,GACzB,KAKP,EAAS,UAAY,CACnB,OAAQ,UAAU,OAClB,MAAO,UAAU,KAGjB,SAAU,UAAU,IACpB,uBAAwB,UAAU,OAClC,WAAY,UAAU,OACtB,eAAgB,UAAU,OAC1B,UAAW,UAAU,KACrB,KAAM,UAAU,MAAM,iBACtB,WAAY,UAAU,MAAM,OAAO,OAAO,gBAC1C,UAAW,UAAU,QAGvB,GAAO,GAAQ",
-  "names": []
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GCAA,IAAAI,EAAoD,iBAUvCC,EAAmC,IAAIC,IAAS,CAC3D,IAAMC,KAAY,UAAO,IAAI,EAE7B,sBAAU,IAAM,CACdD,EAAK,QAASE,GAAQ,CAChB,CAACA,IAED,OAAOA,GAAQ,WACjBA,EAAID,EAAU,OAAO,EAErBC,EAAI,QAAUD,EAAU,QAE5B,CAAC,CACH,EAAG,CAACD,CAAI,CAAC,EAEFC,CACT,EAEOE,EAAQJ,ED3Bf,IAAAK,EAAmD,oBACnDC,EAAsB,yBACtBC,EAWO,8BEVP,IAAMC,EAAsB,IAAM,CAChC,GAAI,CAEF,MAAO,OACT,MAAE,CAAO,CACT,MAAO,SACT,EAEMC,EAAyBD,EAAoB,EAEtCE,EAAmB,IAAMD,EFStC,IAAME,EAAwBC,EAAiB,EACzCC,EAAqB,kBAErBC,EAAW,EAAAC,QAAM,WAAyD,CAACC,EAAOC,IAAQ,CA1BhG,IAAAC,EA2BE,GAAM,CACJ,OAAAC,EACA,MAAAC,EACA,uBAAAC,EACA,WAAAC,EACA,UAAAC,EACA,KAAAC,EACA,WAAAC,EACA,UAAAC,EACA,IAAKC,EACL,SAAAC,EACA,SAAAC,KACGC,CACL,EAAId,EAEE,CAACe,CAAc,KAAI,eAAS,0BAAuB,CAAC,EAEpD,CAACC,EAAKC,CAAM,KAAI,aAA+Bf,KAAA,iBAAcI,CAAU,IAAxB,KAAAJ,EAA6BS,CAAQ,EAEpFO,KAAoB,UAAmC,MAAS,EAChEC,KAAkB,UAAyB,IAAI,EAE/CC,EAAaC,EAAgBF,EAAiBlB,CAAG,EACjDqB,KAAoB,UAAmC,MAAS,EAChE,CAACC,EAAgBC,CAAiB,KAAI,YAAS,IAAOC,GAAW,CAAC,CAAC,EAEzE,sBAAU,IAAM,CArDlB,IAAAvB,EAsDI,IAAMc,GAAMd,KAAA,iBAAcI,CAAU,IAAxB,KAAAJ,EAA6BS,EACzCM,EAAOD,CAAG,CACZ,EAAG,CAACL,EAAUL,CAAU,CAAC,KAEzB,aAAU,IAAM,CACd,IAAMoB,EAAiB,CACrB,GAAG1B,EACH,IAAAgB,EACA,eAAAD,EACA,mBAAAlB,EACA,sBAAAF,EACA,SAAUkB,CACZ,EACMc,KAAwB,cAAWD,EAAgBN,EAAW,QAASF,EAAkB,OAAO,EACtGA,EAAkB,QAAUS,EAC5BH,EAAkB,OAAM,iBAAcJ,EAAW,QAASP,EAAUK,EAAkB,OAAO,CAAC,CAChG,EAAG,CAACF,CAAG,CAAC,KAER,aAAU,IAAM,CACdO,EAAeV,CAAQ,CACzB,EAAG,CAACA,CAAQ,CAAC,EAGX,EAAAd,QAAA,cAAC,SAAM,IAAKqB,EAAa,GAAGN,GACzBF,CACH,CAEJ,CAAC,EAEDd,EAAS,UAAY,CACnB,OAAQ,EAAA8B,QAAU,OAClB,MAAO,EAAAA,QAAU,KAGjB,SAAU,EAAAA,QAAU,IACpB,uBAAwB,EAAAA,QAAU,OAClC,WAAY,EAAAA,QAAU,OACtB,eAAgB,EAAAA,QAAU,OAC1B,UAAW,EAAAA,QAAU,KACrB,KAAM,EAAAA,QAAU,MAAM,eAAa,EACnC,WAAY,EAAAA,QAAU,MAAM,OAAO,OAAO,aAAW,CAAC,EACtD,UAAW,EAAAA,QAAU,MACvB,EAEA,IAAOC,EAAQ/B",
+  "names": ["src_exports", "__export", "src_default", "__toCommonJS", "import_react", "useCombinedRefs", "refs", "targetRef", "ref", "use_combined_refs_default", "import_react", "import_prop_types", "import_playback_core", "getEnvPlayerVersion", "player_version", "getPlayerVersion", "playerSoftwareVersion", "getPlayerVersion", "playerSoftwareName", "MuxAudio", "React", "props", "ref", "_a", "envKey", "debug", "beaconCollectionDomain", "playbackId", "preferMse", "type", "streamType", "startTime", "outerSrc", "children", "autoPlay", "restProps", "playerInitTime", "src", "setSrc", "playbackEngineRef", "innerMediaElRef", "mediaElRef", "use_combined_refs_default", "updateAutoplayRef", "updateAutoplay", "setUpdateAutoplay", "x", "propsWithState", "nextPlaybackEngineRef", "PropTypes", "src_default"]
 }

package/dist/index.mjs

@@ -0,0 +1,2 @@
+import{useEffect as L,useRef as v}from"react";var j=(...t)=>{let n=v(null);return L(()=>{t.forEach(r=>{!r||(typeof r=="function"?r(n.current):r.current=n.current)})},[t]),n},b=j;import R,{useEffect as l,useRef as y,useState as f}from"react";import e from"prop-types";import{allMediaTypes as H,initialize as I,setupAutoplay as V,StreamTypes as N,toMuxVideoURL as M,generatePlayerInitTime as U}from"@mux/playback-core";var k=()=>{try{return"0.4.2"}catch{}return"UNKNOWN"},w=k(),T=()=>w;var h=T(),D="mux-audio-react",P=R.forwardRef((t,n)=>{var m;let{envKey:r,debug:K,beaconCollectionDomain:W,playbackId:s,preferMse:_,type:z,streamType:B,startTime:Y,src:u,children:g,autoPlay:o,...E}=t,[x]=f(U()),[d,A]=f((m=M(s))!=null?m:u),p=y(void 0),O=y(null),c=b(O,n),q=y(void 0),[S,C]=f(()=>a=>{});return l(()=>{var i;let a=(i=M(s))!=null?i:u;A(a)},[u,s]),l(()=>{let a={...t,src:d,playerInitTime:x,playerSoftwareName:D,playerSoftwareVersion:h,autoplay:o},i=I(a,c.current,p.current);p.current=i,C(()=>V(c.current,o,p.current))},[d]),l(()=>{S(o)},[o]),R.createElement("audio",{ref:c,...E},g)});P.propTypes={envKey:e.string,debug:e.bool,metadata:e.any,beaconCollectionDomain:e.string,playbackId:e.string,playerInitTime:e.number,preferMse:e.bool,type:e.oneOf(H),streamType:e.oneOf(Object.values(N)),startTime:e.number};var oe=P;export{oe as default};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/use-combined-refs.ts", "../src/index.tsx", "../src/env.ts"],
+  "sourcesContent": ["import { useEffect, useRef, MutableRefObject } from 'react';\n\ntype Maybe<T> = T | null | undefined;\ntype RefCb<T> = (instance: Maybe<T>) => void;\ntype RefObj<T> = MutableRefObject<Maybe<T>>;\ntype RefTypes<T> = RefObj<T> | RefCb<T>;\ninterface useCombinedRefs {\n  <T>(...refs: Maybe<RefTypes<T>>[]): RefObj<T>;\n}\n\nexport const useCombinedRefs: useCombinedRefs = (...refs) => {\n  const targetRef = useRef(null);\n\n  useEffect(() => {\n    refs.forEach((ref) => {\n      if (!ref) return;\n\n      if (typeof ref === 'function') {\n        ref(targetRef.current);\n      } else {\n        ref.current = targetRef.current;\n      }\n    });\n  }, [refs]);\n\n  return targetRef;\n};\n\nexport default useCombinedRefs;\n", "import useCombinedRefs from './use-combined-refs';\nimport React, { useEffect, useRef, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  allMediaTypes,\n  initialize,\n  type Autoplay,\n  type UpdateAutoplay,\n  setupAutoplay,\n  MuxMediaProps,\n  StreamTypes,\n  toMuxVideoURL,\n  PlaybackEngine,\n  generatePlayerInitTime,\n} from '@mux/playback-core';\nimport { getPlayerVersion } from './env';\n\nexport type Props = Omit<\n  React.DetailedHTMLProps<React.AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement>,\n  'autoPlay'\n> &\n  MuxMediaProps;\n\nconst playerSoftwareVersion = getPlayerVersion();\nconst playerSoftwareName = 'mux-audio-react';\n\nconst MuxAudio = React.forwardRef<HTMLAudioElement | undefined, Partial<Props>>((props, ref) => {\n  const {\n    envKey,\n    debug,\n    beaconCollectionDomain,\n    playbackId,\n    preferMse,\n    type,\n    streamType,\n    startTime,\n    src: outerSrc,\n    children,\n    autoPlay,\n    ...restProps\n  } = props;\n\n  const [playerInitTime] = useState(generatePlayerInitTime());\n\n  const [src, setSrc] = useState<MuxMediaProps['src']>(toMuxVideoURL(playbackId) ?? outerSrc);\n\n  const playbackEngineRef = useRef<PlaybackEngine | undefined>(undefined);\n  const innerMediaElRef = useRef<HTMLAudioElement>(null);\n\n  const mediaElRef = useCombinedRefs(innerMediaElRef, ref);\n  const updateAutoplayRef = useRef<UpdateAutoplay | undefined>(undefined);\n  const [updateAutoplay, setUpdateAutoplay] = useState(() => (x: any) => {});\n\n  useEffect(() => {\n    const src = toMuxVideoURL(playbackId) ?? outerSrc;\n    setSrc(src);\n  }, [outerSrc, playbackId]);\n\n  useEffect(() => {\n    const propsWithState = {\n      ...props,\n      src,\n      playerInitTime,\n      playerSoftwareName,\n      playerSoftwareVersion,\n      autoplay: autoPlay,\n    };\n    const nextPlaybackEngineRef = initialize(propsWithState, mediaElRef.current, playbackEngineRef.current);\n    playbackEngineRef.current = nextPlaybackEngineRef;\n    setUpdateAutoplay(() => setupAutoplay(mediaElRef.current, autoPlay, playbackEngineRef.current));\n  }, [src]);\n\n  useEffect(() => {\n    updateAutoplay(autoPlay);\n  }, [autoPlay]);\n\n  return (\n    <audio ref={mediaElRef} {...restProps}>\n      {children}\n    </audio>\n  );\n});\n\nMuxAudio.propTypes = {\n  envKey: PropTypes.string,\n  debug: PropTypes.bool,\n  // Improve this by adding a full shape() definition for all metadata props\n  // metadata: PropTypes.shape({}),\n  metadata: PropTypes.any,\n  beaconCollectionDomain: PropTypes.string,\n  playbackId: PropTypes.string,\n  playerInitTime: PropTypes.number,\n  preferMse: PropTypes.bool,\n  type: PropTypes.oneOf(allMediaTypes),\n  streamType: PropTypes.oneOf(Object.values(StreamTypes)),\n  startTime: PropTypes.number,\n};\n\nexport default MuxAudio;\n", "export const isMaybeBrowser = () => typeof window != 'undefined';\n// @ts-ignore\nexport const isMaybeServer = () => typeof global != 'undefined';\n\nconst getEnvPlayerVersion = () => {\n  try {\n    // @ts-ignore\n    return PLAYER_VERSION as string;\n  } catch {}\n  return 'UNKNOWN';\n};\n\nconst player_version: string = getEnvPlayerVersion();\n\nexport const getPlayerVersion = () => player_version;\n"],
+  "mappings": "AAAA,OAAS,aAAAA,EAAW,UAAAC,MAAgC,QAU7C,IAAMC,EAAmC,IAAIC,IAAS,CAC3D,IAAMC,EAAYH,EAAO,IAAI,EAE7B,OAAAD,EAAU,IAAM,CACdG,EAAK,QAASE,GAAQ,CAChB,CAACA,IAED,OAAOA,GAAQ,WACjBA,EAAID,EAAU,OAAO,EAErBC,EAAI,QAAUD,EAAU,QAE5B,CAAC,CACH,EAAG,CAACD,CAAI,CAAC,EAEFC,CACT,EAEOE,EAAQJ,EC3Bf,OAAOK,GAAS,aAAAC,EAAW,UAAAC,EAAQ,YAAAC,MAAgB,QACnD,OAAOC,MAAe,aACtB,OACE,iBAAAC,EACA,cAAAC,EAGA,iBAAAC,EAEA,eAAAC,EACA,iBAAAC,EAEA,0BAAAC,MACK,qBCVP,IAAMC,EAAsB,IAAM,CAChC,GAAI,CAEF,MAAO,OACT,MAAE,CAAO,CACT,MAAO,SACT,EAEMC,EAAyBD,EAAoB,EAEtCE,EAAmB,IAAMD,EDStC,IAAME,EAAwBC,EAAiB,EACzCC,EAAqB,kBAErBC,EAAWC,EAAM,WAAyD,CAACC,EAAOC,IAAQ,CA1BhG,IAAAC,EA2BE,GAAM,CACJ,OAAAC,EACA,MAAAC,EACA,uBAAAC,EACA,WAAAC,EACA,UAAAC,EACA,KAAAC,EACA,WAAAC,EACA,UAAAC,EACA,IAAKC,EACL,SAAAC,EACA,SAAAC,KACGC,CACL,EAAId,EAEE,CAACe,CAAc,EAAIC,EAASC,EAAuB,CAAC,EAEpD,CAACC,EAAKC,CAAM,EAAIH,GAA+Bd,EAAAkB,EAAcd,CAAU,IAAxB,KAAAJ,EAA6BS,CAAQ,EAEpFU,EAAoBC,EAAmC,MAAS,EAChEC,EAAkBD,EAAyB,IAAI,EAE/CE,EAAaC,EAAgBF,EAAiBtB,CAAG,EACjDyB,EAAoBJ,EAAmC,MAAS,EAChE,CAACK,EAAgBC,CAAiB,EAAIZ,EAAS,IAAOa,GAAW,CAAC,CAAC,EAEzE,OAAAC,EAAU,IAAM,CArDlB,IAAA5B,EAsDI,IAAMgB,GAAMhB,EAAAkB,EAAcd,CAAU,IAAxB,KAAAJ,EAA6BS,EACzCQ,EAAOD,CAAG,CACZ,EAAG,CAACP,EAAUL,CAAU,CAAC,EAEzBwB,EAAU,IAAM,CACd,IAAMC,EAAiB,CACrB,GAAG/B,EACH,IAAAkB,EACA,eAAAH,EACA,mBAAAlB,EACA,sBAAAF,EACA,SAAUkB,CACZ,EACMmB,EAAwBC,EAAWF,EAAgBP,EAAW,QAASH,EAAkB,OAAO,EACtGA,EAAkB,QAAUW,EAC5BJ,EAAkB,IAAMM,EAAcV,EAAW,QAASX,EAAUQ,EAAkB,OAAO,CAAC,CAChG,EAAG,CAACH,CAAG,CAAC,EAERY,EAAU,IAAM,CACdH,EAAed,CAAQ,CACzB,EAAG,CAACA,CAAQ,CAAC,EAGXd,EAAA,cAAC,SAAM,IAAKyB,EAAa,GAAGV,GACzBF,CACH,CAEJ,CAAC,EAEDd,EAAS,UAAY,CACnB,OAAQqC,EAAU,OAClB,MAAOA,EAAU,KAGjB,SAAUA,EAAU,IACpB,uBAAwBA,EAAU,OAClC,WAAYA,EAAU,OACtB,eAAgBA,EAAU,OAC1B,UAAWA,EAAU,KACrB,KAAMA,EAAU,MAAMC,CAAa,EACnC,WAAYD,EAAU,MAAM,OAAO,OAAOE,CAAW,CAAC,EACtD,UAAWF,EAAU,MACvB,EAEA,IAAOG,GAAQxC",
+  "names": ["useEffect", "useRef", "useCombinedRefs", "refs", "targetRef", "ref", "use_combined_refs_default", "React", "useEffect", "useRef", "useState", "PropTypes", "allMediaTypes", "initialize", "setupAutoplay", "StreamTypes", "toMuxVideoURL", "generatePlayerInitTime", "getEnvPlayerVersion", "player_version", "getPlayerVersion", "playerSoftwareVersion", "getPlayerVersion", "playerSoftwareName", "MuxAudio", "React", "props", "ref", "_a", "envKey", "debug", "beaconCollectionDomain", "playbackId", "preferMse", "type", "streamType", "startTime", "outerSrc", "children", "autoPlay", "restProps", "playerInitTime", "useState", "generatePlayerInitTime", "src", "setSrc", "toMuxVideoURL", "playbackEngineRef", "useRef", "innerMediaElRef", "mediaElRef", "use_combined_refs_default", "updateAutoplayRef", "updateAutoplay", "setUpdateAutoplay", "x", "useEffect", "propsWithState", "nextPlaybackEngineRef", "initialize", "setupAutoplay", "PropTypes", "allMediaTypes", "StreamTypes", "src_default"]
+}

package/dist/tsconfig.tsbuildinfo

@@ -1 +1 @@
-{"program":{"fileNames":["../../../node_modules/typescript/lib/lib.es5.d.ts","../../../node_modules/typescript/lib/lib.es2015.d.ts","../../../node_modules/typescript/lib/lib.es2016.d.ts","../../../node_modules/typescript/lib/lib.es2017.d.ts","../../../node_modules/typescript/lib/lib.es2018.d.ts","../../../node_modules/typescript/lib/lib.es2019.d.ts","../../../node_modules/typescript/lib/lib.dom.d.ts","../../../node_modules/typescript/lib/lib.dom.iterable.d.ts","../../../node_modules/typescript/lib/lib.webworker.importscripts.d.ts","../../../node_modules/typescript/lib/lib.scripthost.d.ts","../../../node_modules/typescript/lib/lib.es2015.core.d.ts","../../../node_modules/typescript/lib/lib.es2015.collection.d.ts","../../../node_modules/typescript/lib/lib.es2015.generator.d.ts","../../../node_modules/typescript/lib/lib.es2015.iterable.d.ts","../../../node_modules/typescript/lib/lib.es2015.promise.d.ts","../../../node_modules/typescript/lib/lib.es2015.proxy.d.ts","../../../node_modules/typescript/lib/lib.es2015.reflect.d.ts","../../../node_modules/typescript/lib/lib.es2015.symbol.d.ts","../../../node_modules/typescript/lib/lib.es2015.symbol.wellknown.d.ts","../../../node_modules/typescript/lib/lib.es2016.array.include.d.ts","../../../node_modules/typescript/lib/lib.es2017.object.d.ts","../../../node_modules/typescript/lib/lib.es2017.sharedmemory.d.ts","../../../node_modules/typescript/lib/lib.es2017.string.d.ts","../../../node_modules/typescript/lib/lib.es2017.intl.d.ts","../../../node_modules/typescript/lib/lib.es2017.typedarrays.d.ts","../../../node_modules/typescript/lib/lib.es2018.asyncgenerator.d.ts","../../../node_modules/typescript/lib/lib.es2018.asynciterable.d.ts","../../../node_modules/typescript/lib/lib.es2018.intl.d.ts","../../../node_modules/typescript/lib/lib.es2018.promise.d.ts","../../../node_modules/typescript/lib/lib.es2018.regexp.d.ts","../../../node_modules/typescript/lib/lib.es2019.array.d.ts","../../../node_modules/typescript/lib/lib.es2019.object.d.ts","../../../node_modules/typescript/lib/lib.es2019.string.d.ts","../../../node_modules/typescript/lib/lib.es2019.symbol.d.ts","../../../node_modules/typescript/lib/lib.es2019.full.d.ts","../src/env.ts","../../../node_modules/@types/react/global.d.ts","../../../node_modules/csstype/index.d.ts","../../../node_modules/@types/prop-types/index.d.ts","../../../node_modules/@types/scheduler/tracing.d.ts","../../../node_modules/@types/react/index.d.ts","../src/use-combined-refs.ts","../../../node_modules/hls.js/dist/hls.js.d.ts","../../playback-core/dist/types/autoplay.d.ts","../../playback-core/dist/types/errors.d.ts","../../playback-core/dist/types/tracks.d.ts","../../playback-core/dist/types/index.d.ts","../src/index.tsx","../../../types/media-chrome.d.ts","../../../types/mux-embed.d.ts","../../../types/mux.d.ts"],"fileInfos":[{"version":"3ac1b83264055b28c0165688fda6dfcc39001e9e7828f649299101c23ad0a0c3","affectsGlobalScope":true},"dc47c4fa66b9b9890cf076304de2a9c5201e94b740cffdf09f87296d877d71f6","7a387c58583dfca701b6c85e0adaf43fb17d590fb16d5b2dc0a2fbd89f35c467","8a12173c586e95f4433e0c6dc446bc88346be73ffe9ca6eec7aa63c8f3dca7f9","5f4e733ced4e129482ae2186aae29fde948ab7182844c3a5a51dd346182c7b06","e6b724280c694a9f588847f754198fb96c43d805f065c3a5b28bbc9594541c84",{"version":"72704b10d97777e15f1a581b73f88273037ef752d2e50b72287bd0a90af64fe6","affectsGlobalScope":true},{"version":"dbb73d4d99be496175cb432c74c2615f78c76f4272f1d83cba11ee0ed6dbddf0","affectsGlobalScope":true},{"version":"7fac8cb5fc820bc2a59ae11ef1c5b38d3832c6d0dfaec5acdb5569137d09a481","affectsGlobalScope":true},{"version":"097a57355ded99c68e6df1b738990448e0bf170e606707df5a7c0481ff2427cd","affectsGlobalScope":true},{"version":"d8996609230d17e90484a2dd58f22668f9a05a3bfe00bfb1d6271171e54a31fb","affectsGlobalScope":true},{"version":"43fb1d932e4966a39a41b464a12a81899d9ae5f2c829063f5571b6b87e6d2f9c","affectsGlobalScope":true},{"version":"cdccba9a388c2ee3fd6ad4018c640a471a6c060e96f1232062223063b0a5ac6a","affectsGlobalScope":true},{"version":"c5c05907c02476e4bde6b7e76a79ffcd948aedd14b6a8f56e4674221b0417398","affectsGlobalScope":true},{"version":"0d5f52b3174bee6edb81260ebcd792692c32c81fd55499d69531496f3f2b25e7","affectsGlobalScope":true},{"version":"810627a82ac06fb5166da5ada4159c4ec11978dfbb0805fe804c86406dab8357","affectsGlobalScope":true},{"version":"62d80405c46c3f4c527ee657ae9d43fda65a0bf582292429aea1e69144a522a6","affectsGlobalScope":true},{"version":"3013574108c36fd3aaca79764002b3717da09725a36a6fc02eac386593110f93","affectsGlobalScope":true},{"version":"75ec0bdd727d887f1b79ed6619412ea72ba3c81d92d0787ccb64bab18d261f14","affectsGlobalScope":true},{"version":"3be5a1453daa63e031d266bf342f3943603873d890ab8b9ada95e22389389006","affectsGlobalScope":true},{"version":"17bb1fc99591b00515502d264fa55dc8370c45c5298f4a5c2083557dccba5a2a","affectsGlobalScope":true},{"version":"7ce9f0bde3307ca1f944119f6365f2d776d281a393b576a18a2f2893a2d75c98","affectsGlobalScope":true},{"version":"6a6b173e739a6a99629a8594bfb294cc7329bfb7b227f12e1f7c11bc163b8577","affectsGlobalScope":true},{"version":"12a310447c5d23c7d0d5ca2af606e3bd08afda69100166730ab92c62999ebb9d","affectsGlobalScope":true},{"version":"b0124885ef82641903d232172577f2ceb5d3e60aed4da1153bab4221e1f6dd4e","affectsGlobalScope":true},{"version":"0eb85d6c590b0d577919a79e0084fa1744c1beba6fd0d4e951432fa1ede5510a","affectsGlobalScope":true},{"version":"da233fc1c8a377ba9e0bed690a73c290d843c2c3d23a7bd7ec5cd3d7d73ba1e0","affectsGlobalScope":true},{"version":"d154ea5bb7f7f9001ed9153e876b2d5b8f5c2bb9ec02b3ae0d239ec769f1f2ae","affectsGlobalScope":true},{"version":"bb2d3fb05a1d2ffbca947cc7cbc95d23e1d053d6595391bd325deb265a18d36c","affectsGlobalScope":true},{"version":"c80df75850fea5caa2afe43b9949338ce4e2de086f91713e9af1a06f973872b8","affectsGlobalScope":true},{"version":"9d57b2b5d15838ed094aa9ff1299eecef40b190722eb619bac4616657a05f951","affectsGlobalScope":true},{"version":"6c51b5dd26a2c31dbf37f00cfc32b2aa6a92e19c995aefb5b97a3a64f1ac99de","affectsGlobalScope":true},{"version":"6e7997ef61de3132e4d4b2250e75343f487903ddf5370e7ce33cf1b9db9a63ed","affectsGlobalScope":true},{"version":"2ad234885a4240522efccd77de6c7d99eecf9b4de0914adb9a35c0c22433f993","affectsGlobalScope":true},"1f03b495671c3a1bd24510f38b8947f0991dfd6bf0278c68eca14af15b306e1f","1ee6056d39213c8481cc8af4adb2b1dc373e15e8b2b9864739e6c0b2da60cf1d",{"version":"bbdf156fea2fabed31a569445835aeedcc33643d404fcbaa54541f06c109df3f","affectsGlobalScope":true},"ea0aa24a32c073b8639aa1f3130ba0add0f0f2f76b314d9ba988a5cb91d7e3c4","6a386ff939f180ae8ef064699d8b7b6e62bc2731a62d7fbf5e02589383838dea","f5a8b384f182b3851cec3596ccc96cb7464f8d3469f48c74bf2befb782a19de5",{"version":"0bcebfaf66be25c793d0281a8dce761bc078d203f02c573e6ee3b844a5ad7fbc","affectsGlobalScope":true},"2cc645fb9925522f7c230c3e152d7c518665ed8efb09361b70d5edbcb687aa34","ece0cccc693a3364f05f68d7feb4d472e05b9f2eaea80f19fc10b17a0a6aa14d","e19277f843527448cadd35fd674e358d0d2a7f261e9631026ecc82feb85ecec8","8b1a6692156440f6585937b6b8de1c2692e7cac5c43aeb8893bfbd293f719552","16d89c2619e5c73fe784212aa78a4c3f6581d54e5bb566a942dfd4598c974370","6e7872c5ff282b768873500c6b800914f375037e346a733df49e544b084ef7cc","63e38b0ba598c56d110bc71de8c7d6c02b51a6ab460444e3d64ff74b40d7ae73","3cf4c7825a6c0ef1965e8906b85844aafdcdda9d95c8b4bcfcb3a20811cfd0b1","c5a4764697efe3b6b4eaf19b3dc1880cf3df665d30ec93e212233c29a2fa7207",{"version":"ee8e401f800f3d48020eda76c4fd27afd5bab992195252939329ae56dc9d1889","affectsGlobalScope":true}],"options":{"composite":true,"declaration":true,"emitDeclarationOnly":true,"esModuleInterop":true,"jsx":2,"module":5,"noImplicitAny":true,"outDir":"./types","rootDir":"../src","skipLibCheck":true,"sourceMap":true,"strict":true,"target":6},"fileIdsList":[[37,38,39,40],[36,39,41,42,47],[41],[43],[43,44,45,46,50]],"referencedMap":[[41,1],[48,2],[42,3],[44,4],[47,5],[46,4],[51,4]],"exportedModulesMap":[[41,1],[48,2],[42,3],[44,4],[47,5],[46,4],[51,4]],"semanticDiagnosticsPerFile":[39,37,41,40,38,43,7,8,12,11,2,13,14,15,16,17,18,19,20,3,4,24,21,22,23,25,26,27,5,28,29,30,31,6,35,32,33,34,1,10,9,36,48,42,44,45,47,46,49,50,51]},"version":"4.6.4"}
+{"program":{"fileNames":["../../../node_modules/typescript/lib/lib.es5.d.ts","../../../node_modules/typescript/lib/lib.es2015.d.ts","../../../node_modules/typescript/lib/lib.es2016.d.ts","../../../node_modules/typescript/lib/lib.es2017.d.ts","../../../node_modules/typescript/lib/lib.es2018.d.ts","../../../node_modules/typescript/lib/lib.es2019.d.ts","../../../node_modules/typescript/lib/lib.dom.d.ts","../../../node_modules/typescript/lib/lib.dom.iterable.d.ts","../../../node_modules/typescript/lib/lib.webworker.importscripts.d.ts","../../../node_modules/typescript/lib/lib.scripthost.d.ts","../../../node_modules/typescript/lib/lib.es2015.core.d.ts","../../../node_modules/typescript/lib/lib.es2015.collection.d.ts","../../../node_modules/typescript/lib/lib.es2015.generator.d.ts","../../../node_modules/typescript/lib/lib.es2015.iterable.d.ts","../../../node_modules/typescript/lib/lib.es2015.promise.d.ts","../../../node_modules/typescript/lib/lib.es2015.proxy.d.ts","../../../node_modules/typescript/lib/lib.es2015.reflect.d.ts","../../../node_modules/typescript/lib/lib.es2015.symbol.d.ts","../../../node_modules/typescript/lib/lib.es2015.symbol.wellknown.d.ts","../../../node_modules/typescript/lib/lib.es2016.array.include.d.ts","../../../node_modules/typescript/lib/lib.es2017.object.d.ts","../../../node_modules/typescript/lib/lib.es2017.sharedmemory.d.ts","../../../node_modules/typescript/lib/lib.es2017.string.d.ts","../../../node_modules/typescript/lib/lib.es2017.intl.d.ts","../../../node_modules/typescript/lib/lib.es2017.typedarrays.d.ts","../../../node_modules/typescript/lib/lib.es2018.asyncgenerator.d.ts","../../../node_modules/typescript/lib/lib.es2018.asynciterable.d.ts","../../../node_modules/typescript/lib/lib.es2018.intl.d.ts","../../../node_modules/typescript/lib/lib.es2018.promise.d.ts","../../../node_modules/typescript/lib/lib.es2018.regexp.d.ts","../../../node_modules/typescript/lib/lib.es2019.array.d.ts","../../../node_modules/typescript/lib/lib.es2019.object.d.ts","../../../node_modules/typescript/lib/lib.es2019.string.d.ts","../../../node_modules/typescript/lib/lib.es2019.symbol.d.ts","../../../node_modules/typescript/lib/lib.es2019.full.d.ts","../src/env.ts","../../../node_modules/@types/react/global.d.ts","../../../node_modules/csstype/index.d.ts","../../../node_modules/@types/prop-types/index.d.ts","../../../node_modules/@types/scheduler/tracing.d.ts","../../../node_modules/@types/react/index.d.ts","../src/use-combined-refs.ts","../../../node_modules/hls.js/dist/hls.js.d.ts","../../playback-core/dist/types/autoplay.d.ts","../../playback-core/dist/types/errors.d.ts","../../playback-core/dist/types/tracks.d.ts","../../playback-core/dist/types/index.d.ts","../src/index.tsx","../../../types/media-chrome.d.ts","../../../types/mux-embed.d.ts","../../../types/mux.d.ts"],"fileInfos":[{"version":"3ac1b83264055b28c0165688fda6dfcc39001e9e7828f649299101c23ad0a0c3","affectsGlobalScope":true},"dc47c4fa66b9b9890cf076304de2a9c5201e94b740cffdf09f87296d877d71f6","7a387c58583dfca701b6c85e0adaf43fb17d590fb16d5b2dc0a2fbd89f35c467","8a12173c586e95f4433e0c6dc446bc88346be73ffe9ca6eec7aa63c8f3dca7f9","5f4e733ced4e129482ae2186aae29fde948ab7182844c3a5a51dd346182c7b06","e6b724280c694a9f588847f754198fb96c43d805f065c3a5b28bbc9594541c84",{"version":"72704b10d97777e15f1a581b73f88273037ef752d2e50b72287bd0a90af64fe6","affectsGlobalScope":true},{"version":"dbb73d4d99be496175cb432c74c2615f78c76f4272f1d83cba11ee0ed6dbddf0","affectsGlobalScope":true},{"version":"7fac8cb5fc820bc2a59ae11ef1c5b38d3832c6d0dfaec5acdb5569137d09a481","affectsGlobalScope":true},{"version":"097a57355ded99c68e6df1b738990448e0bf170e606707df5a7c0481ff2427cd","affectsGlobalScope":true},{"version":"d8996609230d17e90484a2dd58f22668f9a05a3bfe00bfb1d6271171e54a31fb","affectsGlobalScope":true},{"version":"43fb1d932e4966a39a41b464a12a81899d9ae5f2c829063f5571b6b87e6d2f9c","affectsGlobalScope":true},{"version":"cdccba9a388c2ee3fd6ad4018c640a471a6c060e96f1232062223063b0a5ac6a","affectsGlobalScope":true},{"version":"c5c05907c02476e4bde6b7e76a79ffcd948aedd14b6a8f56e4674221b0417398","affectsGlobalScope":true},{"version":"0d5f52b3174bee6edb81260ebcd792692c32c81fd55499d69531496f3f2b25e7","affectsGlobalScope":true},{"version":"810627a82ac06fb5166da5ada4159c4ec11978dfbb0805fe804c86406dab8357","affectsGlobalScope":true},{"version":"62d80405c46c3f4c527ee657ae9d43fda65a0bf582292429aea1e69144a522a6","affectsGlobalScope":true},{"version":"3013574108c36fd3aaca79764002b3717da09725a36a6fc02eac386593110f93","affectsGlobalScope":true},{"version":"75ec0bdd727d887f1b79ed6619412ea72ba3c81d92d0787ccb64bab18d261f14","affectsGlobalScope":true},{"version":"3be5a1453daa63e031d266bf342f3943603873d890ab8b9ada95e22389389006","affectsGlobalScope":true},{"version":"17bb1fc99591b00515502d264fa55dc8370c45c5298f4a5c2083557dccba5a2a","affectsGlobalScope":true},{"version":"7ce9f0bde3307ca1f944119f6365f2d776d281a393b576a18a2f2893a2d75c98","affectsGlobalScope":true},{"version":"6a6b173e739a6a99629a8594bfb294cc7329bfb7b227f12e1f7c11bc163b8577","affectsGlobalScope":true},{"version":"12a310447c5d23c7d0d5ca2af606e3bd08afda69100166730ab92c62999ebb9d","affectsGlobalScope":true},{"version":"b0124885ef82641903d232172577f2ceb5d3e60aed4da1153bab4221e1f6dd4e","affectsGlobalScope":true},{"version":"0eb85d6c590b0d577919a79e0084fa1744c1beba6fd0d4e951432fa1ede5510a","affectsGlobalScope":true},{"version":"da233fc1c8a377ba9e0bed690a73c290d843c2c3d23a7bd7ec5cd3d7d73ba1e0","affectsGlobalScope":true},{"version":"d154ea5bb7f7f9001ed9153e876b2d5b8f5c2bb9ec02b3ae0d239ec769f1f2ae","affectsGlobalScope":true},{"version":"bb2d3fb05a1d2ffbca947cc7cbc95d23e1d053d6595391bd325deb265a18d36c","affectsGlobalScope":true},{"version":"c80df75850fea5caa2afe43b9949338ce4e2de086f91713e9af1a06f973872b8","affectsGlobalScope":true},{"version":"9d57b2b5d15838ed094aa9ff1299eecef40b190722eb619bac4616657a05f951","affectsGlobalScope":true},{"version":"6c51b5dd26a2c31dbf37f00cfc32b2aa6a92e19c995aefb5b97a3a64f1ac99de","affectsGlobalScope":true},{"version":"6e7997ef61de3132e4d4b2250e75343f487903ddf5370e7ce33cf1b9db9a63ed","affectsGlobalScope":true},{"version":"2ad234885a4240522efccd77de6c7d99eecf9b4de0914adb9a35c0c22433f993","affectsGlobalScope":true},"1f03b495671c3a1bd24510f38b8947f0991dfd6bf0278c68eca14af15b306e1f","1ee6056d39213c8481cc8af4adb2b1dc373e15e8b2b9864739e6c0b2da60cf1d",{"version":"bbdf156fea2fabed31a569445835aeedcc33643d404fcbaa54541f06c109df3f","affectsGlobalScope":true},"ea0aa24a32c073b8639aa1f3130ba0add0f0f2f76b314d9ba988a5cb91d7e3c4","6a386ff939f180ae8ef064699d8b7b6e62bc2731a62d7fbf5e02589383838dea","f5a8b384f182b3851cec3596ccc96cb7464f8d3469f48c74bf2befb782a19de5",{"version":"0bcebfaf66be25c793d0281a8dce761bc078d203f02c573e6ee3b844a5ad7fbc","affectsGlobalScope":true},"2cc645fb9925522f7c230c3e152d7c518665ed8efb09361b70d5edbcb687aa34","ece0cccc693a3364f05f68d7feb4d472e05b9f2eaea80f19fc10b17a0a6aa14d","e19277f843527448cadd35fd674e358d0d2a7f261e9631026ecc82feb85ecec8","8b1a6692156440f6585937b6b8de1c2692e7cac5c43aeb8893bfbd293f719552","16d89c2619e5c73fe784212aa78a4c3f6581d54e5bb566a942dfd4598c974370","51781f2d796522117c57972bfabe36de652182f7bec8b73e026df3659de0481e","63e38b0ba598c56d110bc71de8c7d6c02b51a6ab460444e3d64ff74b40d7ae73","3cf4c7825a6c0ef1965e8906b85844aafdcdda9d95c8b4bcfcb3a20811cfd0b1","c5a4764697efe3b6b4eaf19b3dc1880cf3df665d30ec93e212233c29a2fa7207",{"version":"ee8e401f800f3d48020eda76c4fd27afd5bab992195252939329ae56dc9d1889","affectsGlobalScope":true}],"options":{"composite":true,"declaration":true,"emitDeclarationOnly":true,"esModuleInterop":true,"jsx":2,"module":5,"noImplicitAny":true,"outDir":"./types","rootDir":"../src","skipLibCheck":true,"sourceMap":true,"strict":true,"target":6},"fileIdsList":[[37,38,39,40],[36,39,41,42,47],[41],[43],[43,44,45,46,50]],"referencedMap":[[41,1],[48,2],[42,3],[44,4],[47,5],[46,4],[51,4]],"exportedModulesMap":[[41,1],[48,2],[42,3],[44,4],[47,5],[46,4],[51,4]],"semanticDiagnosticsPerFile":[39,37,41,40,38,43,7,8,12,11,2,13,14,15,16,17,18,19,20,3,4,24,21,22,23,25,26,27,5,28,29,30,31,6,35,32,33,34,1,10,9,36,48,42,44,45,47,46,49,50,51]},"version":"4.6.4"}

package/package.json

@@ -1,8 +1,14 @@
 {
   "name": "@mux/mux-audio-react",
-  "version": "0.4.2-canary.4-e28c71e",
+  "version": "0.4.2-canary.42-eca1d4d",
   "description": "A custom mux audio element for React that Just Works™",
-  "main": "dist/index.js",
+  "main": "./dist/index.cjs.js",
+  "module": "./dist/index.mjs",
+  "exports": {
+    "import": "./dist/index.mjs",
+    "require": "./dist/index.cjs.js",
+    "default": "./dist/index.cjs.js"
+  },
   "types": "dist/types-ts3.4/index.d.ts",
   "typesVersions": {
     ">=4.3.5": {
@@ -20,14 +26,16 @@
   "license": "MIT",
   "scripts": {
     "clean": "shx rm -rf dist/",
-    "dev:cjs": "open-process | yarn build:cjs --watch",
+    "dev:cjs": "yarn build:cjs --watch=forever",
+    "dev:esm": "yarn build:esm --watch=forever",
     "dev:types": "yarn build:types -w",
-    "dev": "npm-run-all --parallel dev:types dev:cjs",
-    "build:cjs": "esbuild src/index.tsx --target=es2019 --bundle --sourcemap --metafile=./dist/cjs.json --format=cjs --outdir=dist --external:react --external:prop-types --external:@mux/* --define:PLAYER_VERSION=\"'$npm_package_version'\"",
-    "build:types": "tsc --declaration --emitDeclarationOnly --outDir './dist/types' && downlevel-dts ./dist/types ./dist/types-ts3.4",
-    "build": "npm-run-all --parallel build:types 'build:cjs -- --minify'",
+    "dev": "npm-run-all --parallel dev:types dev:cjs dev:esm",
+    "build:cjs": "esbuild src/index.tsx --target=es2019 --bundle --sourcemap --metafile=./dist/cjs.json --format=cjs --outdir=dist --out-extension:.js=.cjs.js --external:react --external:prop-types --external:@mux/* --define:PLAYER_VERSION=\"'$npm_package_version'\"",
+    "build:esm": "esbuild src/index.tsx --target=es2019 --bundle --sourcemap --metafile=./dist/esm.json --format=esm --outdir=dist --out-extension:.js=.mjs --external:react --external:prop-types --external:@mux/* --define:PLAYER_VERSION=\"'$npm_package_version'\"",
+    "build:types": "tsc --declaration --emitDeclarationOnly --outDir './dist/types'",
+    "postbuild:types": "downlevel-dts ./dist/types ./dist/types-ts3.4",
+    "build": "npm-run-all --parallel build:types 'build:cjs -- --minify' 'build:esm -- --minify'",
     "prebuild": "yarn clean",
-    "prepublishOnly": "yarn build",
     "create-release-notes": "create-release-notes ./CHANGELOG.md",
     "publish-release": "../../scripts/publish.sh"
   },
@@ -45,15 +53,15 @@
     }
   },
   "dependencies": {
-    "@mux/playback-core": "0.9.1-canary.4-e28c71e",
+    "@mux/mux-elements-codemod": "1.1.2-canary.42-eca1d4d",
+    "@mux/playback-core": "0.9.1-canary.41-eca1d4d",
     "prop-types": "^15.7.2"
   },
   "devDependencies": {
-    "@mux/open-process": "0.1.0",
     "@types/react": "^17.0.37",
     "@types/react-dom": "^17.0.11",
     "downlevel-dts": "^0.9.0",
-    "esbuild": "^0.13.13",
+    "esbuild": "^0.15.7",
     "npm-run-all": "^4.1.5",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",

package/dist/index.js

@@ -1,2 +0,0 @@
-var k=Object.create;var c=Object.defineProperty;var j=Object.getOwnPropertyDescriptor;var w=Object.getOwnPropertyNames;var H=Object.getPrototypeOf,I=Object.prototype.hasOwnProperty;var M=e=>c(e,"__esModule",{value:!0});var V=(e,t)=>{M(e);for(var o in t)c(e,o,{get:t[o],enumerable:!0})},N=(e,t,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of w(t))!I.call(e,s)&&s!=="default"&&c(e,s,{get:()=>t[s],enumerable:!(o=j(t,s))||o.enumerable});return e},l=e=>N(M(c(e!=null?k(H(e)):{},"default",e&&e.__esModule&&"default"in e?{get:()=>e.default,enumerable:!0}:{value:e,enumerable:!0})),e);V(exports,{default:()=>_});var y=l(require("react")),U=(...e)=>{let t=(0,y.useRef)(null);return(0,y.useEffect)(()=>{e.forEach(o=>{!o||(typeof o=="function"?o(t.current):o.current=t.current)})},[e]),t},P=U;var r=l(require("react")),a=l(require("prop-types")),n=l(require("@mux/playback-core"));var h=()=>{try{return"0.4.2-canary.4-e28c71e"}catch{}return"UNKNOWN"},D=h(),g=()=>D;var K=g(),W="mux-audio-react",x=r.default.forwardRef((e,t)=>{var R;let{envKey:o,debug:s,beaconCollectionDomain:z,playbackId:f,preferMse:B,type:Y,streamType:q,startTime:F,src:d,children:E,autoPlay:i,...A}=e,[O]=(0,r.useState)((0,n.generatePlayerInitTime)()),[T,S]=(0,r.useState)((R=(0,n.toMuxVideoURL)(f))!=null?R:d),m=(0,r.useRef)(void 0),v=(0,r.useRef)(null),b=P(v,t),G=(0,r.useRef)(void 0),[C,L]=(0,r.useState)(()=>u=>{});return(0,r.useEffect)(()=>{var p;let u=(p=(0,n.toMuxVideoURL)(f))!=null?p:d;S(u)},[d,f]),(0,r.useEffect)(()=>{let u={...e,src:T,playerInitTime:O,playerSoftwareName:W,playerSoftwareVersion:K,autoplay:i},p=(0,n.initialize)(u,b.current,m.current);m.current=p,L(()=>(0,n.setupAutoplay)(b.current,i,m.current))},[T]),(0,r.useEffect)(()=>{C(i)},[i]),r.default.createElement("audio",{ref:b,...A},E)});x.propTypes={envKey:a.default.string,debug:a.default.bool,metadata:a.default.any,beaconCollectionDomain:a.default.string,playbackId:a.default.string,playerInitTime:a.default.number,preferMse:a.default.bool,type:a.default.oneOf(n.allMediaTypes),streamType:a.default.oneOf(Object.values(n.StreamTypes)),startTime:a.default.number};var _=x;
-//# sourceMappingURL=index.js.map

package/src/env.ts

@@ -1,15 +0,0 @@
-export const isMaybeBrowser = () => typeof window != 'undefined';
-// @ts-ignore
-export const isMaybeServer = () => typeof global != 'undefined';
-
-const getEnvPlayerVersion = () => {
-  try {
-    // @ts-ignore
-    return PLAYER_VERSION as string;
-  } catch {}
-  return 'UNKNOWN';
-};
-
-const player_version: string = getEnvPlayerVersion();
-
-export const getPlayerVersion = () => player_version;

package/src/index.tsx

@@ -1,99 +0,0 @@
-import useCombinedRefs from './use-combined-refs';
-import React, { useEffect, useRef, useState } from 'react';
-import PropTypes from 'prop-types';
-import {
-  allMediaTypes,
-  initialize,
-  type Autoplay,
-  type UpdateAutoplay,
-  setupAutoplay,
-  MuxMediaProps,
-  StreamTypes,
-  toMuxVideoURL,
-  PlaybackEngine,
-  generatePlayerInitTime,
-} from '@mux/playback-core';
-import { getPlayerVersion } from './env';
-
-export type Props = Omit<
-  React.DetailedHTMLProps<React.AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement>,
-  'autoPlay'
-> &
-  MuxMediaProps;
-
-const playerSoftwareVersion = getPlayerVersion();
-const playerSoftwareName = 'mux-audio-react';
-
-const MuxAudio = React.forwardRef<HTMLAudioElement | undefined, Partial<Props>>((props, ref) => {
-  const {
-    envKey,
-    debug,
-    beaconCollectionDomain,
-    playbackId,
-    preferMse,
-    type,
-    streamType,
-    startTime,
-    src: outerSrc,
-    children,
-    autoPlay,
-    ...restProps
-  } = props;
-
-  const [playerInitTime] = useState(generatePlayerInitTime());
-
-  const [src, setSrc] = useState<MuxMediaProps['src']>(toMuxVideoURL(playbackId) ?? outerSrc);
-
-  const playbackEngineRef = useRef<PlaybackEngine | undefined>(undefined);
-  const innerMediaElRef = useRef<HTMLAudioElement>(null);
-
-  const mediaElRef = useCombinedRefs(innerMediaElRef, ref);
-  const updateAutoplayRef = useRef<UpdateAutoplay | undefined>(undefined);
-  const [updateAutoplay, setUpdateAutoplay] = useState(() => (x: any) => {});
-
-  useEffect(() => {
-    const src = toMuxVideoURL(playbackId) ?? outerSrc;
-    setSrc(src);
-  }, [outerSrc, playbackId]);
-
-  useEffect(() => {
-    const propsWithState = {
-      ...props,
-      src,
-      playerInitTime,
-      playerSoftwareName,
-      playerSoftwareVersion,
-      autoplay: autoPlay,
-    };
-    const nextPlaybackEngineRef = initialize(propsWithState, mediaElRef.current, playbackEngineRef.current);
-    playbackEngineRef.current = nextPlaybackEngineRef;
-    setUpdateAutoplay(() => setupAutoplay(mediaElRef.current, autoPlay, playbackEngineRef.current));
-  }, [src]);
-
-  useEffect(() => {
-    updateAutoplay(autoPlay);
-  }, [autoPlay]);
-
-  return (
-    <audio ref={mediaElRef} {...restProps}>
-      {children}
-    </audio>
-  );
-});
-
-MuxAudio.propTypes = {
-  envKey: PropTypes.string,
-  debug: PropTypes.bool,
-  // Improve this by adding a full shape() definition for all metadata props
-  // metadata: PropTypes.shape({}),
-  metadata: PropTypes.any,
-  beaconCollectionDomain: PropTypes.string,
-  playbackId: PropTypes.string,
-  playerInitTime: PropTypes.number,
-  preferMse: PropTypes.bool,
-  type: PropTypes.oneOf(allMediaTypes),
-  streamType: PropTypes.oneOf(Object.values(StreamTypes)),
-  startTime: PropTypes.number,
-};
-
-export default MuxAudio;

package/src/use-combined-refs.ts

@@ -1,29 +0,0 @@
-import { useEffect, useRef, MutableRefObject } from 'react';
-
-type Maybe<T> = T | null | undefined;
-type RefCb<T> = (instance: Maybe<T>) => void;
-type RefObj<T> = MutableRefObject<Maybe<T>>;
-type RefTypes<T> = RefObj<T> | RefCb<T>;
-interface useCombinedRefs {
-  <T>(...refs: Maybe<RefTypes<T>>[]): RefObj<T>;
-}
-
-export const useCombinedRefs: useCombinedRefs = (...refs) => {
-  const targetRef = useRef(null);
-
-  useEffect(() => {
-    refs.forEach((ref) => {
-      if (!ref) return;
-
-      if (typeof ref === 'function') {
-        ref(targetRef.current);
-      } else {
-        ref.current = targetRef.current;
-      }
-    });
-  }, [refs]);
-
-  return targetRef;
-};
-
-export default useCombinedRefs;

package/tsconfig.json

@@ -1,22 +0,0 @@
-{
-  "compilerOptions": {
-    "rootDir": "src",
-    "outDir": "dist",
-    "incremental": true,
-    "target": "ES2019",
-    "module": "es6",
-    "jsx": "react",
-    "declaration": true,
-    "sourceMap": true,
-    "composite": true,
-    "strict": true,
-    "noImplicitAny": true,
-    "moduleResolution": "Node",
-    "baseUrl": "./packages",
-    "esModuleInterop": true,
-    "skipLibCheck": true,
-    "forceConsistentCasingInFileNames": true,
-    "typeRoots": ["node_modules/@types", "../../types"]
-  },
-  "include": ["src/**/*", "../../types"]
-}