fix: minimal example (#869)

muxinc · Mar 29, 2024 · d32916c · d32916c
1 parent d76c66b
commit d32916c
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 7 deletions.
diff --git a/docs/src/pages/docs/en/examples/[...example].astro b/docs/src/pages/docs/en/examples/[...example].astro
@@ -266,7 +266,7 @@ if (examplesDivIndex !== -1) {
 
 const dependencies = {};
 for (const url of externalModules) {
-  const matches = url.match(/\/npm\/(@?[^/]*?\/?[^@]+)@?([^/]*?)\//)
+  const matches = url.match(/\/npm\/(@?[^/]*?\/?[^@]+)@?([^/]*?)(\/|$)/)
   const [, name, version] = matches ?? []
   if (name) dependencies[name] = version ?? 'latest'
 }

diff --git a/examples/vanilla/themes/demuxed-2022-theme.html b/examples/vanilla/themes/demuxed-2022-theme.html
@@ -6,7 +6,7 @@
     <script type="module" src="../../../dist/index.js"></script>
     <script type="module" src="../../../src/js/themes/demuxed-2022.js"></script>
     <script defer src="https://www.gstatic.com/cv/js/sender/v1/cast_sender.js?loadCastFramework=1"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/castable-video@0"></script>
+    <script type="module" src="https://cdn.jsdelivr.net/npm/castable-video@1/+esm"></script>
     <link rel="stylesheet" href="https://use.typekit.net/dbt1sbf.css">
 
     <style>
@@ -32,8 +32,7 @@ <h1>Media Chrome Demuxed 2022 Theme</h1>
 
     <media-theme-demuxed-2022 mediastreamtype="on-demand">
     <!-- <media-theme-demuxed-2022 mediastreamtype="live"> -->
-      <video
-        is="castable-video"
+      <castable-video
         slot="media"
         src="https://stream.mux.com/O6LdRc0112FEJXH00bGsN9Q31yu5EIVHTgjTKRkKtEq1k/high.mp4"
         poster="https://image.mux.com/O6LdRc0112FEJXH00bGsN9Q31yu5EIVHTgjTKRkKtEq1k/thumbnail.jpg?time=23"
@@ -46,7 +45,7 @@ <h1>Media Chrome Demuxed 2022 Theme</h1>
           kind="metadata"
           src="https://image.mux.com/O6LdRc0112FEJXH00bGsN9Q31yu5EIVHTgjTKRkKtEq1k/storyboard.vtt"
         />
-      </video>
+      </castable-video>
     </media-theme-demuxed-2022>
 
     <div class="examples">

diff --git a/examples/vanilla/themes/minimal-theme.html b/examples/vanilla/themes/minimal-theme.html
@@ -47,7 +47,7 @@
     <main>
       <h1>Media Chrome - Minimal Theme</h1>
 
-      <media-theme-minimal id="theme1">
+      <media-theme-minimal>
         <video
           slot="media"
           src="https://stream.mux.com/O6LdRc0112FEJXH00bGsN9Q31yu5EIVHTgjTKRkKtEq1k/high.mp4"
@@ -73,7 +73,7 @@ <h1>Media Chrome - Minimal Theme</h1>
 
     <br><br>
 
-    <media-theme-minimal id="theme2">
+    <media-theme-minimal>
       <mux-video
         playback-id="v69RSHhFelSm4701snP22dYz2jICy4E4FUyk02rW4gxRM"
         metadata-video-title="Big Buck Bunny"