Feat/media store rearchitecture

[vercel[bot]]

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

A member of the Team first needs to authorize it.

[vercel[bot]]

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

Name	Status	Preview	Comments	Updated (UTC)
media-chrome	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Feb 28, 2024 8:51pm
media-chrome-demo-nextjs	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Feb 28, 2024 8:51pm
media-chrome-docs	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Feb 28, 2024 8:51pm

[codecov[bot]]

Codecov Report

Attention: Patch coverage is 83.17207% with 400 lines in your changes are missing coverage. Please review.

Project coverage is 80.45%. Comparing base (3ea80df) to head (8255641). Report is 13 commits behind head on main.

Files	Patch %	Lines
src/js/media-store/state-mediator.js	79.38%	247 Missing :warning:
src/js/media-controller.js	67.83%	46 Missing :warning:
src/js/media-store/request-map.js	84.47%	43 Missing :warning:
src/js/media-store/util.js	66.95%	38 Missing :warning:
src/js/media-store/media-store.js	95.81%	24 Missing :warning:
src/js/utils/element-utils.js	75.00%	2 Missing :warning:

Additional details and impacted files

```diff @@ Coverage Diff @@ ## main #784 +/- ## ========================================== + Coverage 78.55% 80.45% +1.90% ========================================== Files 59 62 +3 Lines 11080 12240 +1160 ========================================== + Hits 8704 9848 +1144 - Misses 2376 2392 +16 ```

:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.

[cjpillsbury]

• all (many) menu examples w/ external controller are broken

yeah this was another refactor since the last update 💔 let me investigate here.

[heff]

To-dos from an IRL convo yesterday w/ @cjpillsbury and @AdamJaggard .

• Break out Facade and util functions from the media store file
• Add all of the text from Adam's internal media store summary doc as comments in the relevant files
• Rename Facade to StateMediator
• Move event-to-state translators to a lookup object, one function per event, that will be given: stateOwners, stateMediator, action (/event)
• Pass in current state to stateMediator getter translators (for hasPlayed)
• Comment the heck out of dispatch and anything else that might not be straight forward to someone diving in to this for the first time.

[cjpillsbury]

@heff + @luwes just a heads up: I gutted all of the react-specific src and examples from this branch to get it in approximately "final form" for a v1 merge. I still have those in a branch locally for any v2+ efforts though.

[heff]

@cjpillsbury let me know if you're waiting on anything from me on this one.

[cjpillsbury]

@heff since this is a larger refactor, I would like to get folks doing a bunch of before/after smoke tests before merging. I'll also need to re-rebase based on some recent changes, including at least one that touches on media state.