@mux/mux-audio-react 0.4.2-canary.55-add2d56 → 0.4.2-canary.57-2f59d4e

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -3,6 +3,112 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [0.6.9](https://github.com/muxinc/elements/compare/@mux/mux-audio-react@0.6.8...@mux/mux-audio-react@0.6.9) (2023-04-14)
7
+
8
+ **Note:** Version bump only for package @mux/mux-audio-react
9
+
10
+
11
+
12
+
13
+
14
+ ## [0.6.8](https://github.com/muxinc/elements/compare/@mux/mux-audio-react@0.6.7...@mux/mux-audio-react@0.6.8) (2023-03-31)
15
+
16
+
17
+ ### Bug Fixes
18
+
19
+ * update typedefs, disable skipLibChecks in tsconfig ([#601](https://github.com/muxinc/elements/issues/601)) ([1664aec](https://github.com/muxinc/elements/commit/1664aec20e4cf4a59779848b298d4504eef24080))
20
+
21
+
22
+
23
+
24
+
25
+ ## [0.6.7](https://github.com/muxinc/elements/compare/@mux/mux-audio-react@0.6.6...@mux/mux-audio-react@0.6.7) (2023-02-15)
26
+
27
+ **Note:** Version bump only for package @mux/mux-audio-react
28
+
29
+
30
+
31
+
32
+
33
+ ## [0.6.6](https://github.com/muxinc/elements/compare/@mux/mux-audio-react@0.6.5...@mux/mux-audio-react@0.6.6) (2023-02-14)
34
+
35
+ **Note:** Version bump only for package @mux/mux-audio-react
36
+
37
+
38
+
39
+
40
+
41
+ ## [0.6.5](https://github.com/muxinc/elements/compare/@mux/mux-audio-react@0.6.4...@mux/mux-audio-react@0.6.5) (2023-02-02)
42
+
43
+ **Note:** Version bump only for package @mux/mux-audio-react
44
+
45
+
46
+
47
+
48
+
49
+ ## [0.6.4](https://github.com/muxinc/elements/compare/@mux/mux-audio-react@0.6.3...@mux/mux-audio-react@0.6.4) (2023-02-01)
50
+
51
+ **Note:** Version bump only for package @mux/mux-audio-react
52
+
53
+
54
+
55
+
56
+
57
+ ## [0.6.3](https://github.com/muxinc/elements/compare/@mux/mux-audio-react@0.6.2...@mux/mux-audio-react@0.6.3) (2023-01-20)
58
+
59
+
60
+ ### Bug Fixes
61
+
62
+ * MuxAudioReact mem leak ([e707c8c](https://github.com/muxinc/elements/commit/e707c8ce4589e15b51343f24d700b952ffc38988))
63
+
64
+
65
+
66
+
67
+
68
+ ## [0.6.2](https://github.com/muxinc/elements/compare/@mux/mux-audio-react@0.6.1...@mux/mux-audio-react@0.6.2) (2022-12-13)
69
+
70
+ **Note:** Version bump only for package @mux/mux-audio-react
71
+
72
+
73
+
74
+
75
+
76
+ ## [0.6.1](https://github.com/muxinc/elements/compare/@mux/mux-audio-react@0.6.0...@mux/mux-audio-react@0.6.1) (2022-11-21)
77
+
78
+
79
+ ### Bug Fixes
80
+
81
+ * add async effect for loading media ([#492](https://github.com/muxinc/elements/issues/492)) ([d2b250a](https://github.com/muxinc/elements/commit/d2b250a2d86e4e6a4c17fc34196e6468c4fedf1f))
82
+
83
+
84
+
85
+
86
+
87
+ # [0.6.0](https://github.com/muxinc/elements/compare/@mux/mux-audio-react@0.5.0...@mux/mux-audio-react@0.6.0) (2022-10-25)
88
+
89
+
90
+ ### Features
91
+
92
+ * **mux-audio-react:** Add disable cookies prop. ([a025fe7](https://github.com/muxinc/elements/commit/a025fe7b93ddb83cd378ebe444ffc94ce5d76758))
93
+
94
+
95
+
96
+
97
+
98
+ # [0.5.0](https://github.com/muxinc/elements/compare/@mux/mux-audio-react@0.4.3...@mux/mux-audio-react@0.5.0) (2022-10-05)
99
+
100
+ ### Bug Fixes
101
+
102
+ - preload playback core change ([15313ea](https://github.com/muxinc/elements/commit/15313eaad81f748b5853a0fdaabfe141963f885e))
103
+
104
+ ### Features
105
+
106
+ - add `prefer-playback` attribute ([#402](https://github.com/muxinc/elements/issues/402)) ([8da36d6](https://github.com/muxinc/elements/commit/8da36d6b597ddbc4ae006873fee13a971b7ec2f3))
107
+
108
+ ## [0.4.3](https://github.com/muxinc/elements/compare/@mux/mux-audio-react@0.4.2...@mux/mux-audio-react@0.4.3) (2022-09-16)
109
+
110
+ **Note:** Version bump only for package @mux/mux-audio-react
111
+
6
112
  ## [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)
7
113
 
8
114
  **Note:** Version bump only for package @mux/mux-audio-react
package/README.md CHANGED
@@ -90,11 +90,11 @@ const MuxAudioExample = () => {
90
90
 
91
91
  In addition, any props that you would use on a `<audio>` element like `poster`, `controls`, `muted` and `autoPlay` are available and should work the same as they do when using a audio element in react. One sidenote about `autoPlay` though -- [read this to understand why that might not always work as expected](https://docs.mux.com/guides/video/web-autoplay-your-videos).
92
92
 
93
- ### Advanced: preferMse
93
+ ### Advanced: preferPlayback
94
94
 
95
95
  By default `<MuxAudio/>` will try to use native playback via the underlying `<audio/>` tag whenever possible. However, it can also instead use an in-code player as long as the browser supports [Media Source Extensions](https://developer.mozilla.org/en-US/docs/Web/API/Media_Source_Extensions_API). This includes MSE in Mac OS Safari.
96
96
 
97
- If you prefer to use the in-code MSE-based engine (currently hls.js) whenever possible, then simply set the `preferMse` prop.
97
+ If you prefer to use the in-code MSE-based engine (currently hls.js) whenever possible, then simply set the `preferPlayback` prop to `mse`.
98
98
 
99
99
  ```jsx
100
100
  <MuxAudio
@@ -104,7 +104,7 @@ If you prefer to use the in-code MSE-based engine (currently hls.js) whenever po
104
104
  video_title: 'Super Interesting Audio',
105
105
  viewer_user_id: 'user-id-bc-789',
106
106
  }}
107
- preferMse
107
+ preferPlayback="mse"
108
108
  controls
109
109
  />
110
110
  ```
package/dist/cjs.json CHANGED
@@ -9,7 +9,7 @@
9
9
  "imports": []
10
10
  },
11
11
  "src/index.tsx": {
12
- "bytes": 2873,
12
+ "bytes": 2834,
13
13
  "imports": [
14
14
  {
15
15
  "path": "src/use-combined-refs.ts",
@@ -27,7 +27,7 @@
27
27
  "imports": [],
28
28
  "exports": [],
29
29
  "inputs": {},
30
- "bytes": 6983
30
+ "bytes": 6784
31
31
  },
32
32
  "dist/index.cjs.js": {
33
33
  "imports": [],
@@ -35,7 +35,7 @@
35
35
  "entryPoint": "src/index.tsx",
36
36
  "inputs": {
37
37
  "src/index.tsx": {
38
- "bytesInOutput": 1304
38
+ "bytesInOutput": 1350
39
39
  },
40
40
  "src/use-combined-refs.ts": {
41
41
  "bytesInOutput": 171
@@ -44,7 +44,7 @@
44
44
  "bytesInOutput": 67
45
45
  }
46
46
  },
47
- "bytes": 2151
47
+ "bytes": 2197
48
48
  }
49
49
  }
50
50
  }
package/dist/esm.json CHANGED
@@ -9,7 +9,7 @@
9
9
  "imports": []
10
10
  },
11
11
  "src/index.tsx": {
12
- "bytes": 2873,
12
+ "bytes": 2834,
13
13
  "imports": [
14
14
  {
15
15
  "path": "src/use-combined-refs.ts",
@@ -27,7 +27,7 @@
27
27
  "imports": [],
28
28
  "exports": [],
29
29
  "inputs": {},
30
- "bytes": 7208
30
+ "bytes": 7043
31
31
  },
32
32
  "dist/index.mjs": {
33
33
  "imports": [],
@@ -40,13 +40,13 @@
40
40
  "bytesInOutput": 174
41
41
  },
42
42
  "src/index.tsx": {
43
- "bytesInOutput": 1078
43
+ "bytesInOutput": 1130
44
44
  },
45
45
  "src/env.ts": {
46
46
  "bytesInOutput": 67
47
47
  }
48
48
  },
49
- "bytes": 1377
49
+ "bytes": 1428
50
50
  }
51
51
  }
52
52
  }
package/dist/index.cjs.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";var k=Object.create;var f=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var H=Object.getOwnPropertyNames;var I=Object.getPrototypeOf,U=Object.prototype.hasOwnProperty;var V=(e,t)=>{for(var r in t)f(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))!U.call(e,i)&&i!==r&&f(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?f(r,"default",{value:e,enumerable:!0}):r,e)),N=e=>M(f({},"__esModule",{value:!0}),e);var z={};V(z,{default:()=>_});module.exports=N(z);var l=require("react"),g=(...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};var n=P(require("react")),a=P(require("prop-types")),o=require("@mux/playback-core");var h=()=>{try{return"0.4.2"}catch{}return"UNKNOWN"},D=h(),E=()=>D;var K=E(),W="mux-audio-react",x=n.default.forwardRef((e,t)=>{var R;let{envKey:r,debug:y,beaconCollectionDomain:i,playbackId:d,preferMse:B,type:Y,streamType:q,startTime:F,src:m,children:A,autoPlay:s,...O}=e,[C]=(0,n.useState)((0,o.generatePlayerInitTime)()),[T,S]=(0,n.useState)((R=(0,o.toMuxVideoURL)(d))!=null?R:m),b=(0,n.useRef)(void 0),L=(0,n.useRef)(null),u=g(L,t),G=(0,n.useRef)(void 0),[v,j]=(0,n.useState)(()=>p=>{});return(0,n.useEffect)(()=>{var c;let p=(c=(0,o.toMuxVideoURL)(d))!=null?c:m;S(p)},[m,d]),(0,n.useEffect)(()=>{let p={...e,src:T,playerInitTime:C,playerSoftwareName:W,playerSoftwareVersion:K,autoplay:s},c=(0,o.initialize)(p,u.current,b.current);b.current=c,j(()=>{!u.current||(0,o.setupAutoplay)(u.current,s,b.current)})},[T]),(0,n.useEffect)(()=>{v(s)},[s]),n.default.createElement("audio",{ref:u,...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 _=x;
1
+ "use strict";var A=Object.create;var l=Object.defineProperty;var S=Object.getOwnPropertyDescriptor;var L=Object.getOwnPropertyNames;var j=Object.getPrototypeOf,v=Object.prototype.hasOwnProperty;var w=(e,t)=>{for(var r in t)l(e,r,{get:t[r],enumerable:!0})},R=(e,t,r,u)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of L(t))!v.call(e,s)&&s!==r&&l(e,s,{get:()=>t[s],enumerable:!(u=S(t,s))||u.enumerable});return e};var M=(e,t,r)=>(r=e!=null?A(j(e)):{},R(t||!e||!e.__esModule?l(r,"default",{value:e,enumerable:!0}):r,e)),H=e=>R(l({},"__esModule",{value:!0}),e);var D={};w(D,{default:()=>U});module.exports=H(D);var p=require("react"),P=(...e)=>{let t=(0,p.useRef)(null);return(0,p.useEffect)(()=>{e.forEach(r=>{!r||(typeof r=="function"?r(t.current):r.current=t.current)})},[e]),t};var n=M(require("react")),a=M(require("prop-types")),o=require("@mux/playback-core");var I=()=>{try{return"0.6.9"}catch{}return"UNKNOWN"},V=I(),x=()=>V;var N=x(),h="mux-audio-react",E=n.default.forwardRef((e,t)=>{var T;let{playbackId:r,src:u,children:s,autoPlay:d,preload:y,...O}=e,[g]=(0,n.useState)((0,o.generatePlayerInitTime)()),[b,C]=(0,n.useState)((T=(0,o.toMuxVideoURL)(r))!=null?T:u),c=(0,n.useRef)(void 0),k=(0,n.useRef)(null),m=P(k,t);return(0,n.useEffect)(()=>{var i;C((i=(0,o.toMuxVideoURL)(r))!=null?i:u)},[u,r]),(0,n.useEffect)(()=>{let i={...e,src:b,playerInitTime:g,playerSoftwareName:h,playerSoftwareVersion:N,autoplay:d},f=m.current;return f&&(c.current=(0,o.initialize)(i,f,c.current)),()=>{(0,o.teardown)(f,c.current),f=void 0,c.current=void 0}},[b]),(0,n.useEffect)(()=>{var i;(i=c.current)==null||i.setAutoplay(d)},[d]),(0,n.useEffect)(()=>{var i;(i=c.current)==null||i.setPreload(y)},[y]),n.default.createElement("audio",{ref:m,...O},s)});E.propTypes={envKey:a.default.string,debug:a.default.bool,disableCookies:a.default.bool,metadata:a.default.any,beaconCollectionDomain:a.default.string,playbackId:a.default.string,playerInitTime:a.default.number,preferPlayback:a.default.oneOf(Object.values(o.PlaybackTypes)),type:a.default.oneOf(o.allMediaTypes),streamType:a.default.oneOf(Object.values(o.StreamTypes)),startTime:a.default.number};var U=E;
2
2
  //# sourceMappingURL=index.cjs.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../src/index.tsx", "../src/use-combined-refs.ts", "../src/env.ts"],
4
- "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(() => {\n if (!mediaElRef.current) return;\n setupAutoplay(mediaElRef.current, autoPlay, playbackEngineRef.current);\n });\n }, [src]);\n\n useEffect(() => {\n updateAutoplay(autoPlay);\n }, [autoPlay]);\n\n return (\n /** @TODO Fix types relationships (CJP) */\n <audio ref={mediaElRef as typeof innerMediaElRef} {...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\n// TS assumed default export was interface def instead of function value (CJP)\nconst defaultUseCombinedRefs = useCombinedRefs;\nexport default defaultUseCombinedRefs;\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"],
5
- "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,EDzBA,IAAAE,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,IAAM,CAClB,CAACJ,EAAW,YAChB,iBAAcA,EAAW,QAASP,EAAUK,EAAkB,OAAO,CACvE,CAAC,CACH,EAAG,CAACF,CAAG,CAAC,KAER,aAAU,IAAM,CACdO,EAAeV,CAAQ,CACzB,EAAG,CAACA,CAAQ,CAAC,EAIX,EAAAd,QAAA,cAAC,SAAM,IAAKqB,EAAuC,GAAGN,GACnDF,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",
6
- "names": ["src_exports", "__export", "src_default", "__toCommonJS", "import_react", "useCombinedRefs", "refs", "targetRef", "ref", "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", "useCombinedRefs", "updateAutoplayRef", "updateAutoplay", "setUpdateAutoplay", "x", "propsWithState", "nextPlaybackEngineRef", "PropTypes", "src_default"]
4
+ "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 teardown,\n MuxMediaProps,\n StreamTypes,\n PlaybackTypes,\n toMuxVideoURL,\n generatePlayerInitTime,\n} from '@mux/playback-core';\nimport type { PlaybackCore } 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 { playbackId, src: outerSrc, children, autoPlay, preload, ...restProps } = props;\n\n const [playerInitTime] = useState(generatePlayerInitTime());\n const [src, setSrc] = useState<MuxMediaProps['src']>(toMuxVideoURL(playbackId) ?? outerSrc);\n const playbackCoreRef = useRef<PlaybackCore | undefined>(undefined);\n const innerMediaElRef = useRef<HTMLAudioElement>(null);\n const mediaElRef = useCombinedRefs(innerMediaElRef, ref);\n\n useEffect(() => {\n setSrc(toMuxVideoURL(playbackId) ?? outerSrc);\n }, [outerSrc, playbackId]);\n\n useEffect(() => {\n const propsWithState = {\n ...props,\n src,\n playerInitTime,\n playerSoftwareName,\n playerSoftwareVersion,\n autoplay: autoPlay,\n };\n\n // mediaEl required caching here so the ref was not null in the unmount callback.\n let mediaEl = mediaElRef.current;\n if (mediaEl) {\n playbackCoreRef.current = initialize(propsWithState, mediaEl, playbackCoreRef.current);\n }\n\n return () => {\n teardown(mediaEl, playbackCoreRef.current);\n mediaEl = undefined;\n playbackCoreRef.current = undefined;\n };\n }, [src]);\n\n useEffect(() => {\n playbackCoreRef.current?.setAutoplay(autoPlay);\n }, [autoPlay]);\n\n useEffect(() => {\n playbackCoreRef.current?.setPreload(preload);\n }, [preload]);\n\n return (\n /** @TODO Fix types relationships (CJP) */\n <audio ref={mediaElRef as typeof innerMediaElRef} {...restProps}>\n {children}\n </audio>\n );\n});\n\nMuxAudio.propTypes = {\n envKey: PropTypes.string,\n debug: PropTypes.bool,\n disableCookies: 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 preferPlayback: PropTypes.oneOf(Object.values(PlaybackTypes)),\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\n// TS assumed default export was interface def instead of function value (CJP)\nconst defaultUseCombinedRefs = useCombinedRefs;\nexport default defaultUseCombinedRefs;\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"],
5
+ "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,EDzBA,IAAAE,EAAmD,oBACnDC,EAAsB,yBACtBC,EASO,8BERP,IAAMC,EAAsB,IAAM,CAChC,GAAI,CAEF,MAAO,OACT,MAAE,CAAO,CACT,MAAO,SACT,EAEMC,EAAyBD,EAAoB,EAEtCE,EAAmB,IAAMD,EFQtC,IAAME,EAAwBC,EAAiB,EACzCC,EAAqB,kBAErBC,EAAW,EAAAC,QAAM,WAAyD,CAACC,EAAOC,IAAQ,CAzBhG,IAAAC,EA0BE,GAAM,CAAE,WAAAC,EAAY,IAAKC,EAAU,SAAAC,EAAU,SAAAC,EAAU,QAAAC,KAAYC,CAAU,EAAIR,EAE3E,CAACS,CAAc,KAAI,eAAS,0BAAuB,CAAC,EACpD,CAACC,EAAKC,CAAM,KAAI,aAA+BT,KAAA,iBAAcC,CAAU,IAAxB,KAAAD,EAA6BE,CAAQ,EACpFQ,KAAkB,UAAiC,MAAS,EAC5DC,KAAkB,UAAyB,IAAI,EAC/CC,EAAaC,EAAgBF,EAAiBZ,CAAG,EAEvD,sBAAU,IAAM,CAlClB,IAAAC,EAmCIS,GAAOT,KAAA,iBAAcC,CAAU,IAAxB,KAAAD,EAA6BE,CAAQ,CAC9C,EAAG,CAACA,EAAUD,CAAU,CAAC,KAEzB,aAAU,IAAM,CACd,IAAMa,EAAiB,CACrB,GAAGhB,EACH,IAAAU,EACA,eAAAD,EACA,mBAAAZ,EACA,sBAAAF,EACA,SAAUW,CACZ,EAGIW,EAAUH,EAAW,QACzB,OAAIG,IACFL,EAAgB,WAAU,cAAWI,EAAgBC,EAASL,EAAgB,OAAO,GAGhF,IAAM,IACX,YAASK,EAASL,EAAgB,OAAO,EACzCK,EAAU,OACVL,EAAgB,QAAU,MAC5B,CACF,EAAG,CAACF,CAAG,CAAC,KAER,aAAU,IAAM,CA7DlB,IAAAR,GA8DIA,EAAAU,EAAgB,UAAhB,MAAAV,EAAyB,YAAYI,EACvC,EAAG,CAACA,CAAQ,CAAC,KAEb,aAAU,IAAM,CAjElB,IAAAJ,GAkEIA,EAAAU,EAAgB,UAAhB,MAAAV,EAAyB,WAAWK,EACtC,EAAG,CAACA,CAAO,CAAC,EAIV,EAAAR,QAAA,cAAC,SAAM,IAAKe,EAAuC,GAAGN,GACnDH,CACH,CAEJ,CAAC,EAEDP,EAAS,UAAY,CACnB,OAAQ,EAAAoB,QAAU,OAClB,MAAO,EAAAA,QAAU,KACjB,eAAgB,EAAAA,QAAU,KAG1B,SAAU,EAAAA,QAAU,IACpB,uBAAwB,EAAAA,QAAU,OAClC,WAAY,EAAAA,QAAU,OACtB,eAAgB,EAAAA,QAAU,OAC1B,eAAgB,EAAAA,QAAU,MAAM,OAAO,OAAO,eAAa,CAAC,EAC5D,KAAM,EAAAA,QAAU,MAAM,eAAa,EACnC,WAAY,EAAAA,QAAU,MAAM,OAAO,OAAO,aAAW,CAAC,EACtD,UAAW,EAAAA,QAAU,MACvB,EAEA,IAAOC,EAAQrB",
6
+ "names": ["src_exports", "__export", "src_default", "__toCommonJS", "import_react", "useCombinedRefs", "refs", "targetRef", "ref", "import_react", "import_prop_types", "import_playback_core", "getEnvPlayerVersion", "player_version", "getPlayerVersion", "playerSoftwareVersion", "getPlayerVersion", "playerSoftwareName", "MuxAudio", "React", "props", "ref", "_a", "playbackId", "outerSrc", "children", "autoPlay", "preload", "restProps", "playerInitTime", "src", "setSrc", "playbackCoreRef", "innerMediaElRef", "mediaElRef", "useCombinedRefs", "propsWithState", "mediaEl", "PropTypes", "src_default"]
7
7
  }
package/dist/index.mjs CHANGED
@@ -1,2 +1,2 @@
1
- import{useEffect as L,useRef as v}from"react";var b=(...t)=>{let n=v(null);return L(()=>{t.forEach(r=>{!r||(typeof r=="function"?r(n.current):r.current=n.current)})},[t]),n};import R,{useEffect as f,useRef as l,useState as y}from"react";import e from"prop-types";import{allMediaTypes as w,initialize as H,setupAutoplay as I,StreamTypes as U,toMuxVideoURL as M,generatePlayerInitTime as V}from"@mux/playback-core";var j=()=>{try{return"0.4.2"}catch{}return"UNKNOWN"},k=j(),T=()=>k;var N=T(),h="mux-audio-react",P=R.forwardRef((t,n)=>{var m;let{envKey:r,debug:D,beaconCollectionDomain:K,playbackId:u,preferMse:W,type:_,streamType:z,startTime:B,src:p,children:g,autoPlay:o,...E}=t,[x]=y(V()),[d,A]=y((m=M(u))!=null?m:p),c=l(void 0),O=l(null),a=b(O,n),Y=l(void 0),[C,S]=y(()=>i=>{});return f(()=>{var s;let i=(s=M(u))!=null?s:p;A(i)},[p,u]),f(()=>{let i={...t,src:d,playerInitTime:x,playerSoftwareName:h,playerSoftwareVersion:N,autoplay:o},s=H(i,a.current,c.current);c.current=s,S(()=>{!a.current||I(a.current,o,c.current)})},[d]),f(()=>{C(o)},[o]),R.createElement("audio",{ref:a,...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(w),streamType:e.oneOf(Object.values(U)),startTime:e.number};var re=P;export{re as default};
1
+ import{useEffect as k,useRef as A}from"react";var y=(...n)=>{let a=A(null);return k(()=>{n.forEach(r=>{!r||(typeof r=="function"?r(a.current):r.current=a.current)})},[n]),a};import m,{useEffect as s,useRef as T,useState as R}from"react";import e from"prop-types";import{allMediaTypes as j,initialize as v,teardown as w,StreamTypes as H,PlaybackTypes as I,toMuxVideoURL as M,generatePlayerInitTime as V}from"@mux/playback-core";var S=()=>{try{return"0.6.9"}catch{}return"UNKNOWN"},L=S(),b=()=>L;var N=b(),h="mux-audio-react",P=m.forwardRef((n,a)=>{var d;let{playbackId:r,src:u,children:x,autoPlay:c,preload:f,...E}=n,[O]=R(V()),[l,g]=R((d=M(r))!=null?d:u),o=T(void 0),C=T(null),p=y(C,a);return s(()=>{var t;g((t=M(r))!=null?t:u)},[u,r]),s(()=>{let t={...n,src:l,playerInitTime:O,playerSoftwareName:h,playerSoftwareVersion:N,autoplay:c},i=p.current;return i&&(o.current=v(t,i,o.current)),()=>{w(i,o.current),i=void 0,o.current=void 0}},[l]),s(()=>{var t;(t=o.current)==null||t.setAutoplay(c)},[c]),s(()=>{var t;(t=o.current)==null||t.setPreload(f)},[f]),m.createElement("audio",{ref:p,...E},x)});P.propTypes={envKey:e.string,debug:e.bool,disableCookies:e.bool,metadata:e.any,beaconCollectionDomain:e.string,playbackId:e.string,playerInitTime:e.number,preferPlayback:e.oneOf(Object.values(I)),type:e.oneOf(j),streamType:e.oneOf(Object.values(H)),startTime:e.number};var G=P;export{G as default};
2
2
  //# sourceMappingURL=index.mjs.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../src/use-combined-refs.ts", "../src/index.tsx", "../src/env.ts"],
4
- "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\n// TS assumed default export was interface def instead of function value (CJP)\nconst defaultUseCombinedRefs = useCombinedRefs;\nexport default defaultUseCombinedRefs;\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(() => {\n if (!mediaElRef.current) return;\n setupAutoplay(mediaElRef.current, autoPlay, playbackEngineRef.current);\n });\n }, [src]);\n\n useEffect(() => {\n updateAutoplay(autoPlay);\n }, [autoPlay]);\n\n return (\n /** @TODO Fix types relationships (CJP) */\n <audio ref={mediaElRef as typeof innerMediaElRef} {...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"],
5
- "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,ECzBA,OAAOE,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,IAAM,CAClB,CAACJ,EAAW,SAChBU,EAAcV,EAAW,QAASX,EAAUQ,EAAkB,OAAO,CACvE,CAAC,CACH,EAAG,CAACH,CAAG,CAAC,EAERY,EAAU,IAAM,CACdH,EAAed,CAAQ,CACzB,EAAG,CAACA,CAAQ,CAAC,EAIXd,EAAA,cAAC,SAAM,IAAKyB,EAAuC,GAAGV,GACnDF,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",
6
- "names": ["useEffect", "useRef", "useCombinedRefs", "refs", "targetRef", "ref", "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", "useCombinedRefs", "updateAutoplayRef", "updateAutoplay", "setUpdateAutoplay", "x", "useEffect", "propsWithState", "nextPlaybackEngineRef", "initialize", "setupAutoplay", "PropTypes", "allMediaTypes", "StreamTypes", "src_default"]
4
+ "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\n// TS assumed default export was interface def instead of function value (CJP)\nconst defaultUseCombinedRefs = useCombinedRefs;\nexport default defaultUseCombinedRefs;\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 teardown,\n MuxMediaProps,\n StreamTypes,\n PlaybackTypes,\n toMuxVideoURL,\n generatePlayerInitTime,\n} from '@mux/playback-core';\nimport type { PlaybackCore } 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 { playbackId, src: outerSrc, children, autoPlay, preload, ...restProps } = props;\n\n const [playerInitTime] = useState(generatePlayerInitTime());\n const [src, setSrc] = useState<MuxMediaProps['src']>(toMuxVideoURL(playbackId) ?? outerSrc);\n const playbackCoreRef = useRef<PlaybackCore | undefined>(undefined);\n const innerMediaElRef = useRef<HTMLAudioElement>(null);\n const mediaElRef = useCombinedRefs(innerMediaElRef, ref);\n\n useEffect(() => {\n setSrc(toMuxVideoURL(playbackId) ?? outerSrc);\n }, [outerSrc, playbackId]);\n\n useEffect(() => {\n const propsWithState = {\n ...props,\n src,\n playerInitTime,\n playerSoftwareName,\n playerSoftwareVersion,\n autoplay: autoPlay,\n };\n\n // mediaEl required caching here so the ref was not null in the unmount callback.\n let mediaEl = mediaElRef.current;\n if (mediaEl) {\n playbackCoreRef.current = initialize(propsWithState, mediaEl, playbackCoreRef.current);\n }\n\n return () => {\n teardown(mediaEl, playbackCoreRef.current);\n mediaEl = undefined;\n playbackCoreRef.current = undefined;\n };\n }, [src]);\n\n useEffect(() => {\n playbackCoreRef.current?.setAutoplay(autoPlay);\n }, [autoPlay]);\n\n useEffect(() => {\n playbackCoreRef.current?.setPreload(preload);\n }, [preload]);\n\n return (\n /** @TODO Fix types relationships (CJP) */\n <audio ref={mediaElRef as typeof innerMediaElRef} {...restProps}>\n {children}\n </audio>\n );\n});\n\nMuxAudio.propTypes = {\n envKey: PropTypes.string,\n debug: PropTypes.bool,\n disableCookies: 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 preferPlayback: PropTypes.oneOf(Object.values(PlaybackTypes)),\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"],
5
+ "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,ECzBA,OAAOE,GAAS,aAAAC,EAAW,UAAAC,EAAQ,YAAAC,MAAgB,QACnD,OAAOC,MAAe,aACtB,OACE,iBAAAC,EACA,cAAAC,EACA,YAAAC,EAEA,eAAAC,EACA,iBAAAC,EACA,iBAAAC,EACA,0BAAAC,MACK,qBCRP,IAAMC,EAAsB,IAAM,CAChC,GAAI,CAEF,MAAO,OACT,MAAE,CAAO,CACT,MAAO,SACT,EAEMC,EAAyBD,EAAoB,EAEtCE,EAAmB,IAAMD,EDQtC,IAAME,EAAwBC,EAAiB,EACzCC,EAAqB,kBAErBC,EAAWC,EAAM,WAAyD,CAACC,EAAOC,IAAQ,CAzBhG,IAAAC,EA0BE,GAAM,CAAE,WAAAC,EAAY,IAAKC,EAAU,SAAAC,EAAU,SAAAC,EAAU,QAAAC,KAAYC,CAAU,EAAIR,EAE3E,CAACS,CAAc,EAAIC,EAASC,EAAuB,CAAC,EACpD,CAACC,EAAKC,CAAM,EAAIH,GAA+BR,EAAAY,EAAcX,CAAU,IAAxB,KAAAD,EAA6BE,CAAQ,EACpFW,EAAkBC,EAAiC,MAAS,EAC5DC,EAAkBD,EAAyB,IAAI,EAC/CE,EAAaC,EAAgBF,EAAiBhB,CAAG,EAEvD,OAAAmB,EAAU,IAAM,CAlClB,IAAAlB,EAmCIW,GAAOX,EAAAY,EAAcX,CAAU,IAAxB,KAAAD,EAA6BE,CAAQ,CAC9C,EAAG,CAACA,EAAUD,CAAU,CAAC,EAEzBiB,EAAU,IAAM,CACd,IAAMC,EAAiB,CACrB,GAAGrB,EACH,IAAAY,EACA,eAAAH,EACA,mBAAAZ,EACA,sBAAAF,EACA,SAAUW,CACZ,EAGIgB,EAAUJ,EAAW,QACzB,OAAII,IACFP,EAAgB,QAAUQ,EAAWF,EAAgBC,EAASP,EAAgB,OAAO,GAGhF,IAAM,CACXS,EAASF,EAASP,EAAgB,OAAO,EACzCO,EAAU,OACVP,EAAgB,QAAU,MAC5B,CACF,EAAG,CAACH,CAAG,CAAC,EAERQ,EAAU,IAAM,CA7DlB,IAAAlB,GA8DIA,EAAAa,EAAgB,UAAhB,MAAAb,EAAyB,YAAYI,EACvC,EAAG,CAACA,CAAQ,CAAC,EAEbc,EAAU,IAAM,CAjElB,IAAAlB,GAkEIA,EAAAa,EAAgB,UAAhB,MAAAb,EAAyB,WAAWK,EACtC,EAAG,CAACA,CAAO,CAAC,EAIVR,EAAA,cAAC,SAAM,IAAKmB,EAAuC,GAAGV,GACnDH,CACH,CAEJ,CAAC,EAEDP,EAAS,UAAY,CACnB,OAAQ2B,EAAU,OAClB,MAAOA,EAAU,KACjB,eAAgBA,EAAU,KAG1B,SAAUA,EAAU,IACpB,uBAAwBA,EAAU,OAClC,WAAYA,EAAU,OACtB,eAAgBA,EAAU,OAC1B,eAAgBA,EAAU,MAAM,OAAO,OAAOC,CAAa,CAAC,EAC5D,KAAMD,EAAU,MAAME,CAAa,EACnC,WAAYF,EAAU,MAAM,OAAO,OAAOG,CAAW,CAAC,EACtD,UAAWH,EAAU,MACvB,EAEA,IAAOI,EAAQ/B",
6
+ "names": ["useEffect", "useRef", "useCombinedRefs", "refs", "targetRef", "ref", "React", "useEffect", "useRef", "useState", "PropTypes", "allMediaTypes", "initialize", "teardown", "StreamTypes", "PlaybackTypes", "toMuxVideoURL", "generatePlayerInitTime", "getEnvPlayerVersion", "player_version", "getPlayerVersion", "playerSoftwareVersion", "getPlayerVersion", "playerSoftwareName", "MuxAudio", "React", "props", "ref", "_a", "playbackId", "outerSrc", "children", "autoPlay", "preload", "restProps", "playerInitTime", "useState", "generatePlayerInitTime", "src", "setSrc", "toMuxVideoURL", "playbackCoreRef", "useRef", "innerMediaElRef", "mediaElRef", "useCombinedRefs", "useEffect", "propsWithState", "mediaEl", "initialize", "teardown", "PropTypes", "PlaybackTypes", "allMediaTypes", "StreamTypes", "src_default"]
7
7
  }
@@ -1 +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},"6ed9dc3c705f9e967631479b016db394cac15a29de4d6361664a2e98d1d6dfe7","3359566cd3e1d64199b5cc028817490162edcf5aa7954f35133a462a507cdb48","e19277f843527448cadd35fd674e358d0d2a7f261e9631026ecc82feb85ecec8","8b1a6692156440f6585937b6b8de1c2692e7cac5c43aeb8893bfbd293f719552","16d89c2619e5c73fe784212aa78a4c3f6581d54e5bb566a942dfd4598c974370","51781f2d796522117c57972bfabe36de652182f7bec8b73e026df3659de0481e","ccfb31b493ef5d895c4bc7a48c479d3b863f677094e26ac21ba472371379a924","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"}
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.intl.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/mux-embed.d.ts","../../playback-core/dist/types/hls.d.ts","../../playback-core/dist/types/errors.d.ts","../../playback-core/dist/types/types.d.ts","../../playback-core/dist/types/tracks.d.ts","../../playback-core/dist/types/pdt.d.ts","../../playback-core/dist/types/index.d.ts","../src/index.tsx"],"fileInfos":[{"version":"8730f4bf322026ff5229336391a18bcaa1f94d4f82416c8b2f3954e2ccaae2ba","affectsGlobalScope":true},"dc47c4fa66b9b9890cf076304de2a9c5201e94b740cffdf09f87296d877d71f6","7a387c58583dfca701b6c85e0adaf43fb17d590fb16d5b2dc0a2fbd89f35c467","8a12173c586e95f4433e0c6dc446bc88346be73ffe9ca6eec7aa63c8f3dca7f9","5f4e733ced4e129482ae2186aae29fde948ab7182844c3a5a51dd346182c7b06","4b421cbfb3a38a27c279dec1e9112c3d1da296f77a1a85ddadf7e7a425d45d18",{"version":"3aafcb693fe5b5c3bd277bd4c3a617b53db474fe498fc5df067c5603b1eebde7","affectsGlobalScope":true},{"version":"f3d4da15233e593eacb3965cde7960f3fddf5878528d882bcedd5cbaba0193c7","affectsGlobalScope":true},{"version":"7fac8cb5fc820bc2a59ae11ef1c5b38d3832c6d0dfaec5acdb5569137d09a481","affectsGlobalScope":true},{"version":"097a57355ded99c68e6df1b738990448e0bf170e606707df5a7c0481ff2427cd","affectsGlobalScope":true},{"version":"adb996790133eb33b33aadb9c09f15c2c575e71fb57a62de8bf74dbf59ec7dfb","affectsGlobalScope":true},{"version":"8cc8c5a3bac513368b0157f3d8b31cfdcfe78b56d3724f30f80ed9715e404af8","affectsGlobalScope":true},{"version":"cdccba9a388c2ee3fd6ad4018c640a471a6c060e96f1232062223063b0a5ac6a","affectsGlobalScope":true},{"version":"c5c05907c02476e4bde6b7e76a79ffcd948aedd14b6a8f56e4674221b0417398","affectsGlobalScope":true},{"version":"5f406584aef28a331c36523df688ca3650288d14f39c5d2e555c95f0d2ff8f6f","affectsGlobalScope":true},{"version":"22f230e544b35349cfb3bd9110b6ef37b41c6d6c43c3314a31bd0d9652fcec72","affectsGlobalScope":true},{"version":"7ea0b55f6b315cf9ac2ad622b0a7813315bb6e97bf4bb3fbf8f8affbca7dc695","affectsGlobalScope":true},{"version":"3013574108c36fd3aaca79764002b3717da09725a36a6fc02eac386593110f93","affectsGlobalScope":true},{"version":"eb26de841c52236d8222f87e9e6a235332e0788af8c87a71e9e210314300410a","affectsGlobalScope":true},{"version":"3be5a1453daa63e031d266bf342f3943603873d890ab8b9ada95e22389389006","affectsGlobalScope":true},{"version":"17bb1fc99591b00515502d264fa55dc8370c45c5298f4a5c2083557dccba5a2a","affectsGlobalScope":true},{"version":"7ce9f0bde3307ca1f944119f6365f2d776d281a393b576a18a2f2893a2d75c98","affectsGlobalScope":true},{"version":"6a6b173e739a6a99629a8594bfb294cc7329bfb7b227f12e1f7c11bc163b8577","affectsGlobalScope":true},{"version":"81cac4cbc92c0c839c70f8ffb94eb61e2d32dc1c3cf6d95844ca099463cf37ea","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},{"version":"5e5e095c4470c8bab227dbbc61374878ecead104c74ab9960d3adcccfee23205","affectsGlobalScope":true},"1f03b495671c3a1bd24510f38b8947f0991dfd6bf0278c68eca14af15b306e1f",{"version":"1ee6056d39213c8481cc8af4adb2b1dc373e15e8b2b9864739e6c0b2da60cf1d","signature":"28f2af136cd97b7c5011ec7fd601841b37499ab89ecb7f1594b2903a9ce5b2aa"},{"version":"bbdf156fea2fabed31a569445835aeedcc33643d404fcbaa54541f06c109df3f","affectsGlobalScope":true},"1c29793071152b207c01ea1954e343be9a44d85234447b2b236acae9e709a383","6a386ff939f180ae8ef064699d8b7b6e62bc2731a62d7fbf5e02589383838dea","f5a8b384f182b3851cec3596ccc96cb7464f8d3469f48c74bf2befb782a19de5",{"version":"facb3daa9cb4215070b5662409638ac826681c208d701e96efe9b731d0ec39ee","affectsGlobalScope":true},{"version":"6ed9dc3c705f9e967631479b016db394cac15a29de4d6361664a2e98d1d6dfe7","signature":"405e223d3a5021ca1b76c68b32713c6df3bd17980a8474f85fd1bcbd0630268e"},"0c7129bda64d3182c63631823158a8e1d97cf8c017038f9a55a50a342e301443",{"version":"6ff45ab1a5c3f32638dd1131cc94ecd68f11566363ea16dca3c8a7d556a81bbb","affectsGlobalScope":true},"773d1148d4729e5b25d0bdb65552c2854378506fbb408424a5947dbfdfd8b789","de64daa4e510abaaf4b4970c6dd37e39c3b8a263cccbeb80a41c69ae5a2a34ba","4793eb8f2aa04221093b0fa780ff6bf7cf92381c616fc94719e5c29508492017","bc87a0cdc972f4b11e138495209c7a076653f38ee00c51f82738859510c46539","dccea7b665fe08ed006acd191a7e68123ba7ec49848ac7c28a164962bf21254e","7baf82385aff7b41234df1aefaa903365f62e36b52615d1fac7e2b0053c33a2d",{"version":"6109ed61d876f20e2251227d8eb39a0cec172ebb0bf65b7b42da1c7583bff2a9","signature":"bc4b734535f8a4d9f8e28ac84be35182545992a5123afe3b2204624eb56d13f5"}],"options":{"composite":true,"declaration":true,"emitDeclarationOnly":true,"esModuleInterop":true,"jsx":2,"module":5,"noImplicitAny":true,"outDir":"./types","rootDir":"../src","skipLibCheck":false,"sourceMap":true,"strict":true,"target":6},"fileIdsList":[[38,39,40,41],[37,40,42,43,51],[42],[44],[44,45,46,47,48,49,50],[48],[46,48],[45,46,47],[42,51]],"referencedMap":[[42,1],[52,2],[43,3],[46,4],[51,5],[45,4],[50,6],[49,7],[48,8]],"exportedModulesMap":[[42,1],[52,9],[43,3],[46,4],[51,5],[45,4],[50,6],[49,7],[48,8]],"semanticDiagnosticsPerFile":[40,38,42,41,39,44,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,36,35,32,33,34,1,10,9,37,52,43,47,46,51,45,50,49,48],"latestChangedDtsFile":"./types/index.d.ts"},"version":"4.9.4"}
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
2
  import { MuxMediaProps } from '@mux/playback-core';
3
- export declare type Props = Omit<React.DetailedHTMLProps<React.AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement>, 'autoPlay'> & MuxMediaProps;
4
- declare const MuxAudio: React.ForwardRefExoticComponent<Pick<Partial<Props>, "controls" | "controlsList" | "crossOrigin" | "loop" | "mediaGroup" | "muted" | "playsInline" | "preload" | "src" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | keyof import("@mux/playback-core").MuxMediaPropTypes> & React.RefAttributes<HTMLAudioElement | undefined>>;
3
+ export type Props = Omit<React.DetailedHTMLProps<React.AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement>, 'autoPlay'> & MuxMediaProps;
4
+ declare const MuxAudio: React.ForwardRefExoticComponent<Pick<Partial<Props>, "hidden" | "color" | "style" | "translate" | "slot" | "title" | "children" | "key" | "controls" | "crossOrigin" | "loop" | "mediaGroup" | "muted" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "playsInline" | "preload" | "src" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "controlsList" | "seekable" | keyof import("@mux/playback-core").MuxMediaPropTypes> & React.RefAttributes<HTMLAudioElement | undefined>>;
5
5
  export default MuxAudio;
@@ -1,8 +1,8 @@
1
1
  import { MutableRefObject } from 'react';
2
- declare type Maybe<T> = T | null | undefined;
3
- declare type RefCb<T> = (instance: Maybe<T>) => void;
4
- declare type RefObj<T> = MutableRefObject<Maybe<T>>;
5
- declare type RefTypes<T> = RefObj<T> | RefCb<T>;
2
+ type Maybe<T> = T | null | undefined;
3
+ type RefCb<T> = (instance: Maybe<T>) => void;
4
+ type RefObj<T> = MutableRefObject<Maybe<T>>;
5
+ type RefTypes<T> = RefObj<T> | RefCb<T>;
6
6
  interface useCombinedRefs {
7
7
  <T>(...refs: Maybe<RefTypes<T>>[]): RefObj<T>;
8
8
  }
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
2
  import { MuxMediaProps } from '@mux/playback-core';
3
- export declare type Props = Pick<React.DetailedHTMLProps<React.AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement>, Exclude<keyof React.DetailedHTMLProps<React.AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement>, 'autoPlay'>> & MuxMediaProps;
4
- declare const MuxAudio: React.ForwardRefExoticComponent<Pick<Partial<Props>, "controls" | "controlsList" | "crossOrigin" | "loop" | "mediaGroup" | "muted" | "playsInline" | "preload" | "src" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | keyof import("@mux/playback-core").MuxMediaPropTypes> & React.RefAttributes<HTMLAudioElement | undefined>>;
3
+ export type Props = Pick<React.DetailedHTMLProps<React.AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement>, Exclude<keyof React.DetailedHTMLProps<React.AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement>, 'autoPlay'>> & MuxMediaProps;
4
+ declare const MuxAudio: React.ForwardRefExoticComponent<Pick<Partial<Props>, "hidden" | "color" | "style" | "translate" | "slot" | "title" | "children" | "key" | "controls" | "crossOrigin" | "loop" | "mediaGroup" | "muted" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "playsInline" | "preload" | "src" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "controlsList" | "seekable" | keyof import("@mux/playback-core").MuxMediaPropTypes> & React.RefAttributes<HTMLAudioElement | undefined>>;
5
5
  export default MuxAudio;
@@ -1,8 +1,8 @@
1
1
  import { MutableRefObject } from 'react';
2
- declare type Maybe<T> = T | null | undefined;
3
- declare type RefCb<T> = (instance: Maybe<T>) => void;
4
- declare type RefObj<T> = MutableRefObject<Maybe<T>>;
5
- declare type RefTypes<T> = RefObj<T> | RefCb<T>;
2
+ type Maybe<T> = T | null | undefined;
3
+ type RefCb<T> = (instance: Maybe<T>) => void;
4
+ type RefObj<T> = MutableRefObject<Maybe<T>>;
5
+ type RefTypes<T> = RefObj<T> | RefCb<T>;
6
6
  interface useCombinedRefs {
7
7
  <T>(...refs: Maybe<RefTypes<T>>[]): RefObj<T>;
8
8
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mux/mux-audio-react",
3
- "version": "0.4.2-canary.55-add2d56",
3
+ "version": "0.4.2-canary.57-2f59d4e",
4
4
  "description": "A custom mux audio element for React that Just Works™",
5
5
  "main": "./dist/index.cjs.js",
6
6
  "module": "./dist/index.mjs",
@@ -26,16 +26,16 @@
26
26
  "license": "MIT",
27
27
  "scripts": {
28
28
  "clean": "shx rm -rf dist/",
29
+ "lint": "eslint src/ --ext .js,.jsx,.ts,.tsx",
29
30
  "dev:cjs": "yarn build:cjs --watch=forever",
30
31
  "dev:esm": "yarn build:esm --watch=forever",
31
32
  "dev:types": "yarn build:types -w",
32
33
  "dev": "npm-run-all --parallel dev:types dev:cjs dev:esm",
33
34
  "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'\"",
34
35
  "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'\"",
35
- "build:types": "tsc --declaration --emitDeclarationOnly --outDir './dist/types'",
36
+ "build:types": "tsc",
36
37
  "postbuild:types": "downlevel-dts ./dist/types ./dist/types-ts3.4",
37
- "build": "npm-run-all --parallel build:types 'build:cjs -- --minify' 'build:esm -- --minify'",
38
- "prebuild": "yarn clean",
38
+ "build": "npm-run-all --parallel 'build:cjs --minify' 'build:esm --minify'",
39
39
  "create-release-notes": "create-release-notes ./CHANGELOG.md",
40
40
  "publish-release": "../../scripts/publish.sh"
41
41
  },
@@ -53,19 +53,22 @@
53
53
  }
54
54
  },
55
55
  "dependencies": {
56
- "@mux/mux-elements-codemod": "1.1.2-canary.55-add2d56",
57
- "@mux/playback-core": "0.9.1-canary.54-add2d56",
56
+ "@mux/playback-core": "0.9.1-canary.232-2f59d4e",
58
57
  "prop-types": "^15.7.2"
59
58
  },
60
59
  "devDependencies": {
60
+ "@types/prop-types": "^15.7.5",
61
61
  "@types/react": "^17.0.37",
62
62
  "@types/react-dom": "^17.0.11",
63
- "downlevel-dts": "^0.9.0",
63
+ "@typescript-eslint/eslint-plugin": "^5.48.0",
64
+ "@typescript-eslint/parser": "^5.48.0",
65
+ "downlevel-dts": "^0.11.0",
64
66
  "esbuild": "^0.15.7",
67
+ "eslint": "^8.24.0",
65
68
  "npm-run-all": "^4.1.5",
66
69
  "react": "^17.0.2",
67
70
  "react-dom": "^17.0.2",
68
71
  "shx": "^0.3.4",
69
- "typescript": "^4.5.2"
72
+ "typescript": "^4.9.4"
70
73
  }
71
74
  }