feat(mux): Add Mux Video example

[decepulis]

Ahoy! Adding a Mux Video example following a basic UGC upload workflow. You can see a similar flow implemented at https://stream.new.

Looking forward to any feedback, and looking forward to getting this example into the hands of Remix devs!

[machour]

Hey 👋

Thank you so much for the contribution and sorry for the delays getting back to you.

I'd like to get this example merged, but I wonder if you could:

• upgrade the template to the Vite version (see the updated __template folder)
• remove tailwindcss usage (to keep the example minimalistic)
• drop the pricing part from the README, as a user interested in Mux will get all that info from the official website

Let me know if you have thoughts about this 🙏

[decepulis]

Hey @machour! Thanks for the feedback. It's addressed.

[decepulis]

Ah linting errors. Taking a look...

[machour]

Neat work, thank you!

Just two little details in the README and we're good to go!

By the way, tested the example locally, uploaded a video, and when it was done, I had an error flash before the video got rendered. Are you getting the same thing? (I'll suspect my local env otherwise)

[decepulis]

I'm seeing the same rule of hooks error. But only the first time we run into that page, and only if that page isn't the first page I visit on boot. Similarly, if the first page I visit is the playback page, mux-player-react loads fine but mux-uploader-react throws a rule of hooks error. The errors go away after I hard reload the page, clearing the browser cache. The errors re-appear if I clear my node_modules and start again.

I wonder if it's related to [vite] ✨ new dependencies optimized: @mux/mux-player-react; I only notice the error before that happens.

I don't know enough about vite or how it optimizes dependencies to be sure, though. Do you?

[machour]

I don't, and am suspecting the same thing as you since I've been seeing it on my own projects !
So I don't think this is related to your PR, and that we can look the other way ^^