vidply 1.0.24 → 1.0.25

package/dist/vidply.esm.min.meta.json

@@ -36,7 +36,7 @@
       "format": "esm"
     },
     "src/i18n/translations.js": {
-      "bytes": 702,
+      "bytes": 1382,
       "imports": [
         {
           "path": "src/i18n/languages/en.js",
@@ -45,29 +45,29 @@
         },
         {
           "path": "src/i18n/languages/de.js",
-          "kind": "import-statement",
+          "kind": "dynamic-import",
           "original": "./languages/de.js"
         },
         {
           "path": "src/i18n/languages/es.js",
-          "kind": "import-statement",
+          "kind": "dynamic-import",
           "original": "./languages/es.js"
         },
         {
           "path": "src/i18n/languages/fr.js",
-          "kind": "import-statement",
+          "kind": "dynamic-import",
           "original": "./languages/fr.js"
         },
         {
           "path": "src/i18n/languages/ja.js",
-          "kind": "import-statement",
+          "kind": "dynamic-import",
           "original": "./languages/ja.js"
         }
       ],
       "format": "esm"
     },
     "src/i18n/i18n.js": {
-      "bytes": 4579,
+      "bytes": 6046,
       "imports": [
         {
           "path": "src/i18n/translations.js",
@@ -89,7 +89,7 @@
       "format": "esm"
     },
     "src/icons/Icons.js": {
-      "bytes": 13120,
+      "bytes": 11393,
       "imports": [],
       "format": "esm"
     },
@@ -99,7 +99,7 @@
       "format": "esm"
     },
     "src/controls/ControlBar.js": {
-      "bytes": 132082,
+      "bytes": 132009,
       "imports": [
         {
           "path": "src/utils/DOMUtils.js",
@@ -170,6 +170,16 @@
       "imports": [],
       "format": "esm"
     },
+    "src/renderers/HTML5Renderer.js": {
+      "bytes": 9169,
+      "imports": [],
+      "format": "esm"
+    },
+    "src/utils/DraggableResizable.js": {
+      "bytes": 25328,
+      "imports": [],
+      "format": "esm"
+    },
     "src/utils/MenuUtils.js": {
       "bytes": 6782,
       "imports": [
@@ -196,11 +206,6 @@
       ],
       "format": "esm"
     },
-    "src/utils/DraggableResizable.js": {
-      "bytes": 25328,
-      "imports": [],
-      "format": "esm"
-    },
     "src/utils/FormUtils.js": {
       "bytes": 3078,
       "imports": [
@@ -268,11 +273,6 @@
       ],
       "format": "esm"
     },
-    "src/renderers/HTML5Renderer.js": {
-      "bytes": 9169,
-      "imports": [],
-      "format": "esm"
-    },
     "src/renderers/YouTubeRenderer.js": {
       "bytes": 7465,
       "imports": [],
@@ -295,7 +295,7 @@
       "format": "esm"
     },
     "src/core/Player.js": {
-      "bytes": 207019,
+      "bytes": 208328,
       "imports": [
         {
           "path": "src/utils/EventEmitter.js",
@@ -322,31 +322,11 @@
           "kind": "import-statement",
           "original": "../controls/KeyboardManager.js"
         },
-        {
-          "path": "src/controls/TranscriptManager.js",
-          "kind": "import-statement",
-          "original": "../controls/TranscriptManager.js"
-        },
         {
           "path": "src/renderers/HTML5Renderer.js",
           "kind": "import-statement",
           "original": "../renderers/HTML5Renderer.js"
         },
-        {
-          "path": "src/renderers/YouTubeRenderer.js",
-          "kind": "import-statement",
-          "original": "../renderers/YouTubeRenderer.js"
-        },
-        {
-          "path": "src/renderers/VimeoRenderer.js",
-          "kind": "import-statement",
-          "original": "../renderers/VimeoRenderer.js"
-        },
-        {
-          "path": "src/renderers/HLSRenderer.js",
-          "kind": "import-statement",
-          "original": "../renderers/HLSRenderer.js"
-        },
         {
           "path": "src/icons/Icons.js",
           "kind": "import-statement",
@@ -381,12 +361,32 @@
           "path": "src/utils/PerformanceUtils.js",
           "kind": "import-statement",
           "original": "../utils/PerformanceUtils.js"
+        },
+        {
+          "path": "src/controls/TranscriptManager.js",
+          "kind": "dynamic-import",
+          "original": "../controls/TranscriptManager.js"
+        },
+        {
+          "path": "src/renderers/YouTubeRenderer.js",
+          "kind": "dynamic-import",
+          "original": "../renderers/YouTubeRenderer.js"
+        },
+        {
+          "path": "src/renderers/VimeoRenderer.js",
+          "kind": "dynamic-import",
+          "original": "../renderers/VimeoRenderer.js"
+        },
+        {
+          "path": "src/renderers/HLSRenderer.js",
+          "kind": "dynamic-import",
+          "original": "../renderers/HLSRenderer.js"
         }
       ],
       "format": "esm"
     },
     "src/features/PlaylistManager.js": {
-      "bytes": 37428,
+      "bytes": 37547,
       "imports": [
         {
           "path": "src/utils/DOMUtils.js",
@@ -429,8 +429,64 @@
     }
   },
   "outputs": {
-    "dist/vidply.esm.min.js": {
+    "dist/prod/vidply.VimeoRenderer-P3PU27S7.min.js": {
       "imports": [],
+      "exports": [
+        "VimeoRenderer"
+      ],
+      "entryPoint": "src/renderers/VimeoRenderer.js",
+      "inputs": {
+        "src/renderers/VimeoRenderer.js": {
+          "bytesInOutput": 4267
+        }
+      },
+      "bytes": 4413
+    },
+    "dist/prod/vidply.HLSRenderer-4PW35TCX.min.js": {
+      "imports": [
+        {
+          "path": "dist/prod/vidply.HTML5Renderer-XJCSUETP.min.js",
+          "kind": "dynamic-import"
+        }
+      ],
+      "exports": [
+        "HLSRenderer"
+      ],
+      "entryPoint": "src/renderers/HLSRenderer.js",
+      "inputs": {
+        "src/renderers/HLSRenderer.js": {
+          "bytesInOutput": 5593
+        }
+      },
+      "bytes": 5737
+    },
+    "dist/prod/vidply.esm.min.js": {
+      "imports": [
+        {
+          "path": "dist/prod/vidply.chunk-BQBGEJF7.min.js",
+          "kind": "import-statement"
+        },
+        {
+          "path": "dist/prod/vidply.chunk-MBUR3U5L.min.js",
+          "kind": "import-statement"
+        },
+        {
+          "path": "dist/prod/vidply.TranscriptManager-UZ6DUFB6.min.js",
+          "kind": "dynamic-import"
+        },
+        {
+          "path": "dist/prod/vidply.YouTubeRenderer-DGKKWB5M.min.js",
+          "kind": "dynamic-import"
+        },
+        {
+          "path": "dist/prod/vidply.VimeoRenderer-P3PU27S7.min.js",
+          "kind": "dynamic-import"
+        },
+        {
+          "path": "dist/prod/vidply.HLSRenderer-4PW35TCX.min.js",
+          "kind": "dynamic-import"
+        }
+      ],
       "exports": [
         "Player",
         "PlaylistManager",
@@ -438,92 +494,213 @@
       ],
       "entryPoint": "src/index.js",
       "inputs": {
-        "src/renderers/HTML5Renderer.js": {
-          "bytesInOutput": 4803
-        },
         "src/utils/EventEmitter.js": {
           "bytesInOutput": 436
         },
-        "src/utils/DOMUtils.js": {
-          "bytesInOutput": 2244
+        "src/controls/ControlBar.js": {
+          "bytesInOutput": 56830
         },
-        "src/i18n/languages/en.js": {
-          "bytesInOutput": 5568
+        "src/utils/PerformanceUtils.js": {
+          "bytesInOutput": 256
         },
-        "src/i18n/languages/de.js": {
-          "bytesInOutput": 6667
+        "src/controls/CaptionManager.js": {
+          "bytesInOutput": 7279
         },
-        "src/i18n/languages/es.js": {
-          "bytesInOutput": 6802
+        "src/controls/KeyboardManager.js": {
+          "bytesInOutput": 3991
         },
-        "src/i18n/languages/fr.js": {
-          "bytesInOutput": 7070
+        "src/core/Player.js": {
+          "bytesInOutput": 76642
         },
+        "src/features/PlaylistManager.js": {
+          "bytesInOutput": 16824
+        },
+        "src/index.js": {
+          "bytesInOutput": 1869
+        }
+      },
+      "bytes": 164498
+    },
+    "dist/prod/vidply.de-SWFW4HYT.min.js": {
+      "imports": [],
+      "exports": [
+        "de"
+      ],
+      "entryPoint": "src/i18n/languages/de.js",
+      "inputs": {
+        "src/i18n/languages/de.js": {
+          "bytesInOutput": 6470
+        }
+      },
+      "bytes": 6605
+    },
+    "dist/prod/vidply.es-7BJ2DJAY.min.js": {
+      "imports": [],
+      "exports": [
+        "es"
+      ],
+      "entryPoint": "src/i18n/languages/es.js",
+      "inputs": {
+        "src/i18n/languages/es.js": {
+          "bytesInOutput": 6637
+        }
+      },
+      "bytes": 6772
+    },
+    "dist/prod/vidply.fr-DPVR5DFY.min.js": {
+      "imports": [],
+      "exports": [
+        "fr"
+      ],
+      "entryPoint": "src/i18n/languages/fr.js",
+      "inputs": {
+        "src/i18n/languages/fr.js": {
+          "bytesInOutput": 6847
+        }
+      },
+      "bytes": 6982
+    },
+    "dist/prod/vidply.ja-PEBVWKVH.min.js": {
+      "imports": [],
+      "exports": [
+        "ja"
+      ],
+      "entryPoint": "src/i18n/languages/ja.js",
+      "inputs": {
         "src/i18n/languages/ja.js": {
-          "bytesInOutput": 11960
+          "bytesInOutput": 7246
+        }
+      },
+      "bytes": 7381
+    },
+    "dist/prod/vidply.HTML5Renderer-XJCSUETP.min.js": {
+      "imports": [
+        {
+          "path": "dist/prod/vidply.chunk-BQBGEJF7.min.js",
+          "kind": "import-statement"
+        }
+      ],
+      "exports": [
+        "HTML5Renderer"
+      ],
+      "entryPoint": "src/renderers/HTML5Renderer.js",
+      "inputs": {},
+      "bytes": 192
+    },
+    "dist/prod/vidply.chunk-BQBGEJF7.min.js": {
+      "imports": [],
+      "exports": [
+        "a"
+      ],
+      "inputs": {
+        "src/renderers/HTML5Renderer.js": {
+          "bytesInOutput": 4749
+        }
+      },
+      "bytes": 4883
+    },
+    "dist/prod/vidply.TranscriptManager-UZ6DUFB6.min.js": {
+      "imports": [
+        {
+          "path": "dist/prod/vidply.chunk-MBUR3U5L.min.js",
+          "kind": "import-statement"
+        }
+      ],
+      "exports": [
+        "TranscriptManager"
+      ],
+      "entryPoint": "src/controls/TranscriptManager.js",
+      "inputs": {
+        "src/controls/TranscriptManager.js": {
+          "bytesInOutput": 42852
+        }
+      },
+      "bytes": 43123
+    },
+    "dist/prod/vidply.chunk-MBUR3U5L.min.js": {
+      "imports": [
+        {
+          "path": "dist/prod/vidply.de-SWFW4HYT.min.js",
+          "kind": "dynamic-import"
+        },
+        {
+          "path": "dist/prod/vidply.es-7BJ2DJAY.min.js",
+          "kind": "dynamic-import"
+        },
+        {
+          "path": "dist/prod/vidply.fr-DPVR5DFY.min.js",
+          "kind": "dynamic-import"
+        },
+        {
+          "path": "dist/prod/vidply.ja-PEBVWKVH.min.js",
+          "kind": "dynamic-import"
+        }
+      ],
+      "exports": [
+        "a",
+        "b",
+        "c",
+        "d",
+        "e",
+        "f",
+        "g",
+        "h",
+        "i",
+        "j",
+        "k",
+        "l",
+        "m",
+        "n"
+      ],
+      "inputs": {
+        "src/utils/DOMUtils.js": {
+          "bytesInOutput": 2244
+        },
+        "src/i18n/languages/en.js": {
+          "bytesInOutput": 5561
         },
         "src/i18n/translations.js": {
-          "bytesInOutput": 61
+          "bytesInOutput": 340
         },
         "src/i18n/i18n.js": {
-          "bytesInOutput": 1827
+          "bytesInOutput": 2400
         },
         "src/utils/TimeUtils.js": {
           "bytesInOutput": 839
         },
         "src/icons/Icons.js": {
-          "bytesInOutput": 10946
+          "bytesInOutput": 9302
         },
         "src/utils/FocusUtils.js": {
-          "bytesInOutput": 222
-        },
-        "src/controls/ControlBar.js": {
-          "bytesInOutput": 56900
+          "bytesInOutput": 221
         },
         "src/utils/StorageManager.js": {
           "bytesInOutput": 1606
         },
-        "src/utils/PerformanceUtils.js": {
-          "bytesInOutput": 256
-        },
-        "src/controls/CaptionManager.js": {
-          "bytesInOutput": 7325
-        },
-        "src/controls/KeyboardManager.js": {
-          "bytesInOutput": 3991
+        "src/utils/DraggableResizable.js": {
+          "bytesInOutput": 13775
         },
         "src/utils/MenuUtils.js": {
           "bytesInOutput": 2257
         },
-        "src/utils/DraggableResizable.js": {
-          "bytesInOutput": 13861
-        },
         "src/utils/FormUtils.js": {
-          "bytesInOutput": 774
-        },
-        "src/controls/TranscriptManager.js": {
-          "bytesInOutput": 43008
-        },
-        "src/core/Player.js": {
-          "bytesInOutput": 76057
-        },
+          "bytesInOutput": 776
+        }
+      },
+      "bytes": 39549
+    },
+    "dist/prod/vidply.YouTubeRenderer-DGKKWB5M.min.js": {
+      "imports": [],
+      "exports": [
+        "YouTubeRenderer"
+      ],
+      "entryPoint": "src/renderers/YouTubeRenderer.js",
+      "inputs": {
         "src/renderers/YouTubeRenderer.js": {
-          "bytesInOutput": 4204
-        },
-        "src/renderers/VimeoRenderer.js": {
-          "bytesInOutput": 4268
-        },
-        "src/renderers/HLSRenderer.js": {
-          "bytesInOutput": 5583
-        },
-        "src/features/PlaylistManager.js": {
-          "bytesInOutput": 16735
-        },
-        "src/index.js": {
-          "bytesInOutput": 1869
+          "bytesInOutput": 4203
         }
       },
-      "bytes": 298460
+      "bytes": 4351
     }
   }
 }

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "vidply",
-  "version": "1.0.24",
+  "version": "1.0.25",
   "description": "Universal, accessible video & audio player with ES6 modules",
   "type": "module",
-  "main": "dist/vidply.js",
-  "module": "dist/vidply.esm.js",
+  "main": "dist/prod/vidply.esm.min.js",
+  "module": "dist/prod/vidply.esm.min.js",
   "files": [
     "dist",
     "src"

package/src/controls/ControlBar.js

@@ -2436,11 +2436,9 @@ export class ControlBar {
 
         button.appendChild(createIconElement('transcript'));
 
-        button.addEventListener('click', () => {
-            if (this.player.transcriptManager) {
-                this.player.transcriptManager.toggleTranscript();
+        button.addEventListener('click', async () => {
+            await this.player.toggleTranscript();
                 this.updateTranscriptButton();
-            }
         });
 
         this.controls.transcript = button;

package/src/core/Player.js

@@ -8,11 +8,7 @@ import {DOMUtils} from '../utils/DOMUtils.js';
 import {ControlBar} from '../controls/ControlBar.js';
 import {CaptionManager} from '../controls/CaptionManager.js';
 import {KeyboardManager} from '../controls/KeyboardManager.js';
-import {TranscriptManager} from '../controls/TranscriptManager.js';
 import {HTML5Renderer} from '../renderers/HTML5Renderer.js';
-import {YouTubeRenderer} from '../renderers/YouTubeRenderer.js';
-import {VimeoRenderer} from '../renderers/VimeoRenderer.js';
-import {HLSRenderer} from '../renderers/HLSRenderer.js';
 import {createPlayOverlay, createIconElement} from '../icons/Icons.js';
 import {i18n} from '../i18n/i18n.js';
 import {StorageManager} from '../utils/StorageManager.js';
@@ -293,6 +289,9 @@ export class Player extends EventEmitter {
                 this.options.language = 'en';
             }
 
+            // Ensure requested language is available (loads built-ins on demand)
+            await i18n.ensureLanguage(this.options.language);
+
             // Set language
             i18n.setLanguage(this.options.language);
 
@@ -318,9 +317,9 @@ export class Player extends EventEmitter {
                 this.captionManager = new CaptionManager(this);
             }
 
-            // Initialize transcript
-            if (this.options.transcript || this.options.transcriptButton) {
-                this.transcriptManager = new TranscriptManager(this);
+            // Initialize transcript lazily unless explicitly requested
+            if (this.options.transcript) {
+                await this.ensureTranscriptManager();
             }
             
             // Always set up metadata track handling (independent of transcript)
@@ -376,6 +375,43 @@ export class Player extends EventEmitter {
         }
     }
 
+    /**
+     * Ensure the transcript manager is available, creating it on demand.
+     * This keeps initial load fast when transcripts are not needed.
+     */
+    async ensureTranscriptManager() {
+        if (this.transcriptManager) {
+            return this.transcriptManager;
+        }
+
+        if (!this.options.transcript && !this.options.transcriptButton) {
+            return null;
+        }
+
+        const module = await import('../controls/TranscriptManager.js');
+        const Manager = module.TranscriptManager || module.default;
+
+        if (!Manager) {
+            return null;
+        }
+
+        this.transcriptManager = new Manager(this);
+        return this.transcriptManager;
+    }
+
+    /**
+     * Toggle transcript visibility, lazily creating the manager if necessary.
+     */
+    async toggleTranscript() {
+        const manager = await this.ensureTranscriptManager();
+        if (!manager) return;
+
+        manager.toggleTranscript();
+        if (this.controlBar) {
+            this.controlBar.updateTranscriptButton();
+        }
+    }
+
     /**
      * Detect language from HTML lang attribute
      * @returns {string|null} Language code if available in translations, null otherwise
@@ -674,21 +710,22 @@ export class Player extends EventEmitter {
             this.originalSrc = src;
         }
 
-        // Detect media type
-        let renderer;
+        // Detect media type and lazily load heavy renderers
+        let rendererClass = HTML5Renderer;
 
         if (src.includes('youtube.com') || src.includes('youtu.be')) {
-            renderer = YouTubeRenderer;
+            const module = await import('../renderers/YouTubeRenderer.js');
+            rendererClass = module.YouTubeRenderer || module.default;
         } else if (src.includes('vimeo.com')) {
-            renderer = VimeoRenderer;
+            const module = await import('../renderers/VimeoRenderer.js');
+            rendererClass = module.VimeoRenderer || module.default;
         } else if (src.includes('.m3u8')) {
-            renderer = HLSRenderer;
-        } else {
-            renderer = HTML5Renderer;
+            const module = await import('../renderers/HLSRenderer.js');
+            rendererClass = module.HLSRenderer || module.default;
         }
 
-        this.log(`Using ${renderer.name} renderer`);
-        this.renderer = new renderer(this);
+        this.log(`Using ${rendererClass?.name || 'HTML5Renderer'} renderer`);
+        this.renderer = new rendererClass(this);
         await this.renderer.init();
         
         // Invalidate cache after renderer initialization (tracks may have changed)
@@ -970,11 +1007,13 @@ export class Player extends EventEmitter {
             if (this.transcriptManager) {
                 const wasTranscriptVisible = this.transcriptManager.isVisible;
                 this.transcriptManager.destroy();
-                this.transcriptManager = new TranscriptManager(this);
+                this.transcriptManager = null;
+
+                await this.ensureTranscriptManager();
                 
                 // Only restore transcript visibility if new track has captions
                 if (wasTranscriptVisible && this.controlBar && this.controlBar.hasCaptionTracks()) {
-                    this.transcriptManager.showTranscript();
+                    this.transcriptManager?.showTranscript();
                 }
             }
             

package/src/features/PlaylistManager.js

@@ -15,6 +15,7 @@ export class PlaylistManager {
   constructor(player, options = {}) {
     this.player = player;
     this.tracks = [];
+    this.initialTracks = Array.isArray(options.tracks) ? options.tracks : [];
     this.currentIndex = -1;
     
     // Generate unique instance ID for this playlist
@@ -53,9 +54,9 @@ export class PlaylistManager {
     // Update controls to add playlist buttons
     this.updatePlayerControls();
     
-    // Load tracks if provided in options
-    if (options.tracks && Array.isArray(options.tracks)) {
-      this.loadPlaylist(options.tracks);
+    // Load tracks if provided in options (after UI is ready)
+    if (this.initialTracks.length > 0) {
+      this.loadPlaylist(this.initialTracks);
     }
   }
   
@@ -81,7 +82,7 @@ export class PlaylistManager {
     }
     
     // Check for data-playlist attribute on player container (only if tracks weren't provided in options)
-    if (this.tracks.length === 0) {
+    if (this.tracks.length === 0 && this.initialTracks.length === 0) {
       this.loadPlaylistFromAttribute();
     }
   }