feat: use MC media-error-dialog

[luwes]

related #1012
requires muxinc/media-chrome#1024

• fixes an issue where the .error object could be null when the error event is dispatched.
  this was introduced when we started calling initialize() function deferred in mux-video I believe.
  this is fixed by saving the error state each time before we dispatch the error event.
• the warning API is not implemented because after closer inspection we don't really do much with non-fatal errors.
  the only thing is doing a console.warn here:
  

  elements/packages/mux-player/src/index.ts

  Lines 461 to 465 in 1e1f24a

  	logger.warn(error);
  	if (error.data) {
  	logger.warn(`${error.name} data:`, error.data);
  	}
  	return;

  
  we can easily do that in playback-core if we want?

[vercel]

@luwes is attempting to deploy a commit to the Mux Team on Vercel.

A member of the Team first needs to authorize it.

[cjpillsbury]

Some questions/callouts on the draft

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
elements-demo-create-react-app	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 5, 2024 11:05pm
elements-demo-nextjs	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 5, 2024 11:05pm
elements-demo-svelte-kit	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 5, 2024 11:05pm
elements-demo-vanilla	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 5, 2024 11:05pm
elements-demo-vue	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 5, 2024 11:05pm

[cjpillsbury]

question(blocking): Why were these types things changed for this PR? This might be right (I'd want to make sure for all the different use cases we have), but unless this is needed for the PR, these changes should be backed out and added to a separate PR.

[luwes]

this was needed to make it build, because the MediaErrorDialog class is imported.

the media-chrome.d.ts file was excluding the types that are now available in the Media Chrome pkg itself

declare module 'media-chrome' {
  export class MediaTheme extends HTMLElement {}
  export class MediaController extends HTMLElement {
    media: HTMLVideoElement;
  }
}

[cjpillsbury]

Since I wasn't anticipating reviewing this, as long as you're confident this isn't going to break any existing typescript consumers with any of the many setups we've had to fight against in the past, that's fine. Otherwise, there are less risky solutions to your immediate issue of building, albeit also less ideal overall. I'll defer to your judgment here.

[cjpillsbury]

some small callouts and looks like there are some linting errors, but this is def close.

updated based on feedback

[luwes]

test page loading a 404 source
https://elements-demo-vanilla-git-fork-luwes-media-error-dialog-mux.vercel.app/mux-player-error.html

[cjpillsbury]

Works for me. 👍