search

muxinc / media-chrome

Custom elements (web components) for making audio and video player controls that look great in your website or app.
https://media-chrome.org
MIT License
1.77k stars 71 forks source link

docs: examples pages + upgrade Astro #791

Closed luwes closed 9 months ago

luwes commented 9 months ago

This change adds a docs examples page with Sandpack. The examples are pulled from the examples/vanilla folder. This is just a start, would like to add more and more examples.

The HTML is editable and for the themes one can also edit the theme in place and open it up in Sandbox for keeping their own copy for example.

The goal is to show off more with the cool things that can be easily build with media-chrome and to be easier discoverable.

https://media-chrome-docs-git-fork-luwes-docs-upgrade-mux.vercel.app/docs/en/examples

Upgrades the docs dependencies and Astro to v4.

Vite has a regression which is reported here https://github.com/vitejs/vite/issues/15702 which Astro runs into together with the React Sandpack library. So I pinned it to vite 5.0.10 to get around that.

Sandpack has a regression which I submitted an issue for here: https://github.com/codesandbox/sandpack/issues/1068

The rest seemed to work, a few more warnings in the CLI when building.

vercel[bot] commented 9 months ago

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

A member of the Team first needs to authorize it.

vercel[bot] commented 9 months ago

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 1, 2024 4:14pm
media-chrome-docs ✅ Ready (Inspect) Visit Preview 💬 Add feedback Feb 1, 2024 4:14pm
codecov[bot] commented 9 months ago

Codecov Report

All modified and coverable lines are covered by tests :white_check_mark:

Comparison is base (3e7b0e1) 78.63% compared to head (4501629) 78.63%.

:exclamation: Current head 4501629 differs from pull request most recent head 652c295. Consider uploading reports for the commit 652c295 to get more accurate results

Additional details and impacted files ```diff @@ Coverage Diff @@ ## main #791 +/- ## ======================================= Coverage 78.63% 78.63% ======================================= Files 58 58 Lines 10782 10782 ======================================= Hits 8478 8478 Misses 2304 2304 ```

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