fix(mux-video, mux-video-react, mux-audio, mux-audio-react, mux-playe…

…r, mux-player-react): Expose element name and version via exports and statics for web components. (#1017)
muxinc · Nov 19, 2024 · 27b6858 · 27b6858
1 parent e1d17f4
commit 27b6858
Show file tree

Hide file tree

Showing 6 changed files with 37 additions and 12 deletions.
diff --git a/packages/mux-audio-react/src/index.tsx b/packages/mux-audio-react/src/index.tsx
@@ -23,8 +23,8 @@ export type Props = Omit<
 > &
   MuxMediaProps;
 
-const playerSoftwareVersion = getPlayerVersion();
-const playerSoftwareName = 'mux-audio-react';
+export const playerSoftwareVersion = getPlayerVersion();
+export const playerSoftwareName = 'mux-audio-react';
 
 const MuxAudio = React.forwardRef<HTMLAudioElement | undefined, Partial<Props>>((props, ref) => {
   // eslint-disable-next-line @typescript-eslint/no-unused-vars

diff --git a/packages/mux-audio/src/index.ts b/packages/mux-audio/src/index.ts
@@ -48,10 +48,18 @@ export const Attributes = {
 
 const AttributeNameValues = Object.values(Attributes);
 
-const playerSoftwareVersion = getPlayerVersion();
-const playerSoftwareName = 'mux-audio';
+export const playerSoftwareVersion = getPlayerVersion();
+export const playerSoftwareName = 'mux-audio';
 
 class MuxAudioElement extends CustomAudioElement implements Partial<MuxMediaProps> {
+  static get NAME() {
+    return playerSoftwareName;
+  }
+
+  static get VERSION() {
+    return playerSoftwareVersion;
+  }
+
   static get observedAttributes() {
     return [...AttributeNameValues, ...(CustomAudioElement.observedAttributes ?? [])];
   }

diff --git a/packages/mux-player-react/src/index.tsx b/packages/mux-player-react/src/index.tsx
@@ -257,8 +257,8 @@ const usePlayer = (
   return [remainingProps];
 };
 
-const playerSoftwareVersion = getPlayerVersion();
-const playerSoftwareName = 'mux-player-react';
+export const playerSoftwareVersion = getPlayerVersion();
+export const playerSoftwareName = 'mux-player-react';
 
 const MuxPlayer = React.forwardRef<
   MuxPlayerRefAttributes,

diff --git a/packages/mux-player/src/index.ts b/packages/mux-player/src/index.ts
@@ -229,8 +229,9 @@ function getMetadataFromAttrs(el: MuxPlayerElement) {
 const MuxVideoAttributeNames = Object.values(MuxVideoAttributes);
 const VideoAttributeNames = Object.values(VideoAttributes);
 const PlayerAttributeNames = Object.values(PlayerAttributes);
-const playerSoftwareVersion = getPlayerVersion();
-const playerSoftwareName = 'mux-player';
+
+export const playerSoftwareVersion = getPlayerVersion();
+export const playerSoftwareName = 'mux-player';
 
 const initialState = {
   dialog: undefined,
@@ -295,6 +296,14 @@ class MuxPlayerElement extends VideoApiElement implements MuxPlayerElement {
     },
   };
 
+  static get NAME() {
+    return playerSoftwareName;
+  }
+
+  static get VERSION() {
+    return playerSoftwareVersion;
+  }
+
   static get observedAttributes() {
     return [
       ...(VideoApiElement.observedAttributes ?? []),

diff --git a/packages/mux-video-react/src/index.tsx b/packages/mux-video-react/src/index.tsx
@@ -23,8 +23,8 @@ export type Props = Omit<
 > &
   MuxMediaProps;
 
-const playerSoftwareVersion = getPlayerVersion();
-const playerSoftwareName = 'mux-video-react';
+export const playerSoftwareVersion = getPlayerVersion();
+export const playerSoftwareName = 'mux-video-react';
 
 const MuxVideo = React.forwardRef<HTMLVideoElement | undefined, Partial<Props>>((props, ref) => {
   const {

diff --git a/packages/mux-video/src/index.ts b/packages/mux-video/src/index.ts
@@ -83,10 +83,18 @@ export const Attributes = {
 
 const AttributeNameValues = Object.values(Attributes);
 
-const playerSoftwareVersion = getPlayerVersion();
-const playerSoftwareName = 'mux-video';
+export const playerSoftwareVersion = getPlayerVersion();
+export const playerSoftwareName = 'mux-video';
 
 class MuxVideoBaseElement extends CustomVideoElement implements Partial<MuxMediaProps> {
+  static get NAME() {
+    return playerSoftwareName;
+  }
+
+  static get VERSION() {
+    return playerSoftwareVersion;
+  }
+
   static get observedAttributes() {
     return [...AttributeNameValues, ...(CustomVideoElement.observedAttributes ?? [])];
   }