diff --git a/docs/src/pages/docs/en/examples/[...example].astro b/docs/src/pages/docs/en/examples/[...example].astro index 5ced26e81..b8edd10f1 100644 --- a/docs/src/pages/docs/en/examples/[...example].astro +++ b/docs/src/pages/docs/en/examples/[...example].astro @@ -95,62 +95,47 @@ export function getStaticPaths({ paginate }: GetStaticPathsOptions) { sourcePath: 'examples/vanilla/control-elements/media-playback-rate-menu.html', } }, - { - params: { example: 'tailwind-audio-theme' }, - props: { - title: 'Tailwind Audio Theme', - group: 'Themes', - sourcePath: 'examples/vanilla/themes/tailwind-audio-theme/index.html', - } - }, - { - params: { example: 'minimal-theme' }, - props: { - title: 'Minimal Theme', - group: 'Themes', - sourcePath: 'examples/vanilla/themes/minimal-theme.html', - } - }, - { - params: { example: 'microvideo-theme' }, - props: { - title: 'Microvideo Theme', - group: 'Themes', - sourcePath: 'examples/vanilla/themes/microvideo-theme.html', - } - }, - { - params: { example: 'demuxed-2022-theme' }, - props: { - title: 'Demuxed 2022 Theme', - group: 'Themes', - sourcePath: 'examples/vanilla/themes/demuxed-2022-theme.html', - } - }, - { - params: { example: 'youtube-theme' }, - props: { - title: 'Youtube Theme', - group: 'Themes', - sourcePath: 'examples/vanilla/themes/youtube-theme.html', - } - }, - { - params: { example: 'netflix-theme' }, - props: { - title: 'Netflix Theme', - group: 'Themes', - sourcePath: 'examples/vanilla/themes/netflix-theme.html', - } - }, - { - params: { example: 'spotify-theme' }, - props: { - title: 'Spotify Theme', - group: 'Themes', - sourcePath: 'examples/vanilla/themes/spotify-theme.html', - } - }, + // Remove themes from examples. todo: fix `media-chrome` dependency. + // { + // params: { example: 'tailwind-audio-theme' }, + // props: { + // title: 'Tailwind Audio Theme', + // group: 'Themes', + // sourcePath: 'examples/vanilla/themes/tailwind-audio-theme.html', + // } + // }, + // { + // params: { example: 'minimal-theme' }, + // props: { + // title: 'Minimal Theme', + // group: 'Themes', + // sourcePath: 'examples/vanilla/themes/minimal-theme.html', + // } + // }, + // { + // params: { example: 'microvideo-theme' }, + // props: { + // title: 'Microvideo Theme', + // group: 'Themes', + // sourcePath: 'examples/vanilla/themes/microvideo-theme.html', + // } + // }, + // { + // params: { example: 'demuxed-2022-theme' }, + // props: { + // title: 'Demuxed 2022 Theme', + // group: 'Themes', + // sourcePath: 'examples/vanilla/themes/demuxed-2022-theme.html', + // } + // }, + // { + // params: { example: 'youtube-theme' }, + // props: { + // title: 'Youtube Theme', + // group: 'Themes', + // sourcePath: 'examples/vanilla/themes/youtube-theme.html', + // } + // }, ] } diff --git a/docs/src/pages/docs/en/migration/from-3.x-to-4.0.md b/docs/src/pages/docs/en/migration/from-3.x-to-4.0.md index 1cc7a750c..03ec0984d 100644 --- a/docs/src/pages/docs/en/migration/from-3.x-to-4.0.md +++ b/docs/src/pages/docs/en/migration/from-3.x-to-4.0.md @@ -28,6 +28,8 @@ Here's a high level overview: **Menu components moved to separate import** - The menu components that were included by default in v3 are now moved to a separate import. This gives you more granular control and can save some extra weight in the final JS bundle if you don't need these components. You can import them from `media-chrome/menu`. +**Example themes are removed from the package** +- The example themes are removed from the package (dist/themes/\*), but not to worry, most themes will live on in https://player.style! ### Example of HTML changes diff --git a/examples/vanilla/index.html b/examples/vanilla/index.html index 5d64fe6f4..e50bf6488 100644 --- a/examples/vanilla/index.html +++ b/examples/vanilla/index.html @@ -42,15 +42,11 @@