@srgssr/pillarbox-web 1.23.1 → 1.23.2

package/README.md

@@ -19,13 +19,14 @@ npm install --save @srgssr/pillarbox-web video.js@8.21.0
 > [!NOTE]
 > `video.js` is now a peer dependency and must be installed by the project that bundles Pillarbox.
 > Version 8.21.0 is the version we use to test the player and is the one we recommend.
-> 
-> This approach is more flexible and consistent with the fact that integrators are responsible for 
+>
+> This approach is more flexible and consistent with the fact that integrators are responsible for
 > providing their own UI components.
 
 In your HTML file, add the following code to initialize Pillarbox:
 
 ```html
+
 <video-js id="my-player" class="pillarbox-js" controls></video-js>
 ```
 
@@ -44,6 +45,9 @@ const player = pillarbox('my-player', {/* options... */ });
 player.src({ src: 'urn:swi:video:48115940', type: 'srgssr/urn' });
 ```
 
+For examples of integrating Pillarbox with popular frameworks, check out this collection of
+[samples][pillarbox-samples].
+
 ## CDN Integration
 
 Pillarbox is an open-source project published as a public NPM package. You can easily include it in
@@ -67,6 +71,8 @@ To integrate Pillarbox Web via CDN, you can include it in your HTML like this:
 </script>
 ```
 
+Try the sample live on StackBlitz: [Open in StackBlitz][stackblitz-umd]
+
 You can also use a different CDN or host the file yourself.
 
 > [!NOTE]
@@ -75,6 +81,11 @@ You can also use a different CDN or host the file yourself.
 > The UMD bundle also exposes `video.js` as a global variable, allowing you to use both and internal
 > extensions as needed.
 
+### ESM integration from a CDN
+
+If you’d like to load Pillarbox from a CDN while taking advantage of modern ES module packages,
+check out this tutorial: [ESM and import maps][esm-tutorial]
+
 ## Documentation
 
 For detailed information on how to use the Pillarbox Web Player, checkout
@@ -150,8 +161,7 @@ To contribute to the theme editor go to: https://github.com/SRGSSR/pillarbox-web
 
 See the [LICENSE](LICENSE) file for more information.
 
-[token-settings]: https://github.com/settings/tokens
-
-[token-guide]: https://docs.github.com/en/packages/working-with-a-github-packages-registry/working-with-the-npm-registry#authenticating-with-a-personal-access-token
-
 [js-deliver]: https://www.jsdelivr.com/package/npm/@srgssr/pillarbox-web
+[stackblitz-umd]: https://stackblitz.com/github/srgssr/pillarbox-web-demo/tree/main/samples/umd
+[esm-tutorial]: https://web.pillarbox.ch/api/tutorial-ESM%20and%20import%20maps.html
+[pillarbox-samples]: https://github.com/SRGSSR/pillarbox-web-demo/tree/main/samples

package/dist/pillarbox-core.cjs

@@ -3,7 +3,7 @@
 const videojs = require('video.js');
 require('videojs-contrib-eme');
 
-const version = "1.23.0";
+const version = "1.23.1";
 
 /** @import VJSPlayer from 'video.js/dist/types/player' */
 /** @import AudioTrack from 'video.js/dist/types/tracks/audio-track' */

package/dist/pillarbox-core.es.js

@@ -1,7 +1,7 @@
 import videojs from 'video.js';
 import 'videojs-contrib-eme';
 
-const version = "1.23.0";
+const version = "1.23.1";
 
 /** @import VJSPlayer from 'video.js/dist/types/player' */
 /** @import AudioTrack from 'video.js/dist/types/tracks/audio-track' */

package/dist/pillarbox.cjs

@@ -94,7 +94,7 @@ function _toPropertyKey(t) {
   return "symbol" == typeof i ? i : i + "";
 }
 
-const version = "1.23.0";
+const version = "1.23.1";
 
 /** @import VJSPlayer from 'video.js/dist/types/player' */
 /** @import AudioTrack from 'video.js/dist/types/tracks/audio-track' */

package/dist/pillarbox.es.js

@@ -90,7 +90,7 @@ function _toPropertyKey(t) {
   return "symbol" == typeof i ? i : i + "";
 }
 
-const version = "1.23.0";
+const version = "1.23.1";
 
 /** @import VJSPlayer from 'video.js/dist/types/player' */
 /** @import AudioTrack from 'video.js/dist/types/tracks/audio-track' */

package/dist/pillarbox.umd.js

@@ -93,7 +93,7 @@
     return "symbol" == typeof i ? i : i + "";
   }
 
-  const version$8 = "1.23.0";
+  const version$8 = "1.23.1";
 
   var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};