Skip to content

docs: examples pages + upgrade Astro#791

Merged
luwes merged 9 commits into
muxinc:mainfrom
luwes:docs-upgrade
Feb 1, 2024
Merged

docs: examples pages + upgrade Astro#791
luwes merged 9 commits into
muxinc:mainfrom
luwes:docs-upgrade

Conversation

@luwes

@luwes luwes commented Jan 25, 2024

Copy link
Copy Markdown
Collaborator

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 vitejs/vite#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:
codesandbox/sandpack#1068

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

@luwes luwes self-assigned this Jan 25, 2024
@luwes luwes requested review from a team and heff as code owners January 25, 2024 23:12
@vercel

vercel Bot commented Jan 25, 2024

Copy link
Copy Markdown

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

A member of the Team first needs to authorize it.

@vercel

vercel Bot commented Jan 25, 2024

Copy link
Copy Markdown

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

codecov Bot commented Jan 25, 2024

Copy link
Copy Markdown

Codecov Report

All modified and coverable lines are covered by tests ✅

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

❗ 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
@@           Coverage Diff           @@
##             main     #791   +/-   ##
=======================================
  Coverage   78.63%   78.63%           
=======================================
  Files          58       58           
  Lines       10782    10782           
=======================================
  Hits         8478     8478           
  Misses       2304     2304           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

@luwes luwes merged commit 01cb8a2 into muxinc:main Feb 1, 2024
@luwes luwes deleted the docs-upgrade branch February 1, 2024 16:16
luwes added a commit that referenced this pull request Feb 1, 2024
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
vitejs/vite#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:
codesandbox/sandpack#1068

The rest seemed to work, a few more warnings in the CLI when building.
luwes added a commit that referenced this pull request Feb 1, 2024
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
vitejs/vite#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:
codesandbox/sandpack#1068

The rest seemed to work, a few more warnings in the CLI when building.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant