chore: simplify and test build system

Author: tsi

docs/es-modules/fluid.html

@@ -39,7 +39,7 @@ <h3 class="mb-4">Fluid Layouts</h3>
     </div>
 
     <script type="module">
-      import { videoPlayer } from 'cloudinary-video-player';
+      import videoPlayer from 'cloudinary-video-player/videoPlayer';
       import 'cloudinary-video-player/cld-video-player.min.css';
 
       const player = videoPlayer('player', { cloudName: 'demo' });

docs/es-modules/transformations.html

@@ -54,13 +54,13 @@ <h4 class="mt-4 mb-2">via data-cld-transformation</h4>
 
     <script type="module">
       import 'cloudinary-video-player/cld-video-player.min.css';
-      import { videoPlayer } from 'cloudinary-video-player';
+      import player from 'cloudinary-video-player/player';
 
-      const player = videoPlayer('player-1', {
+      const myPlayer = player('player-1', {
         cloudName: 'demo'
       });
 
-      player.source({
+      myPlayer.source({
         publicId: 'snow_horses',
         info: { title: 'Snow Horses', subtitle: 'A movie about horses' },
         transformation: [
@@ -70,7 +70,7 @@ <h4 class="mt-4 mb-2">via data-cld-transformation</h4>
         ]
       });
 
-      videoPlayer('player-2', {
+      player('player-2', {
         cloudName: 'demo',
         transformation: [
           { width: 400, crop: 'limit' },
@@ -79,7 +79,7 @@ <h4 class="mt-4 mb-2">via data-cld-transformation</h4>
         ]
       });
 
-      videoPlayer('player-3', {
+      player('player-3', {
         cloudName: 'demo'
       });
     </script>

src/index.all.js

@@ -7,17 +7,18 @@
 
 import cloudinary from './index.js';
 
-export * from './index.js';
-export * from './plugins/adaptive-streaming/adaptive-streaming.js';
-export * from './plugins/chapters/chapters.js';
-export * from './plugins/colors/colors.js';
-export * from './plugins/ima/ima.js';
-export * from './plugins/playlist/playlist.js';
-export * from './plugins/interaction-areas/interaction-areas.service.js';
-export * from './plugins/visual-search/visual-search.js';
-export * from './plugins/text-tracks-manager/index.js';
-export * from './plugins/share/share.js';
-export * from './components/shoppable-bar/shoppable-widget.js';
-export * from './components/recommendations-overlay/recommendations-overlay.js';
+// Import plugin implementations so webpack bundles them in /all.js
+import './plugins/adaptive-streaming/adaptive-streaming.js';
+import './plugins/chapters/chapters.js';
+import './plugins/colors/colors.js';
+import './plugins/ima/ima.js';
+import './plugins/playlist/playlist.js';
+import './plugins/interaction-areas/interaction-areas.service.js';
+import './plugins/visual-search/visual-search.js';
+import './plugins/share/share.js';
+import './plugins/text-tracks-manager/text-tracks-manager.js';
+import './components/shoppable-bar/shoppable-widget.js';
+import './components/recommendations-overlay/recommendations-overlay.js';
 
+export * from './index.js';
 export default cloudinary;

src/index.es.js

@@ -11,7 +11,7 @@ module.exports = merge(webpackCommon, {
   mode: 'production',
 
   entry: {
-    'cld-video-player': './index.es.js', // default
+    'cld-video-player': './index.js', // default
     'videoPlayer': './index.videoPlayer.js',
     'player': './index.player.js',
     'all': './index.all.js'