🎛️: prevent multiple instances of lite-youtube-embed from executing

Co-authored-by: Robin Schreiber <[email protected]>
LivelyKernel · Jul 24, 2024 · 5da4852 · 5da4852
1 parent fbd8cf2
commit 5da4852
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/lively.components/youtube-morph.cp.js b/lively.components/youtube-morph.cp.js
@@ -1,5 +1,6 @@
 import { component, ViewModel, HTMLMorph } from 'lively.morphic';
 import { pt } from 'lively.graphics/geometry-2d.js';
+import { fun } from 'lively.lang';
 
 class YouTubeEmbedViewModel extends ViewModel {
   static get properties () {
@@ -10,8 +11,12 @@ class YouTubeEmbedViewModel extends ViewModel {
   }
 
   async viewDidLoad () {
-    // Browsers do not like us importing this in more than once place...
-    window.liteYouTubeEmbed ? null : (window.liteYouTubeEmbed = await System.import('lite-youtube-embed'));
+    // Browsers do not like us importing this in more than once...
+    if (!window.liteYouTubeEmbed) {
+      await fun.guardNamed('import-lite-youtube-embed', async () => {
+        window.liteYoutubeEmbed = await System.import('lite-youtube-embed');
+      })();
+    }
     this.view.html = `<lite-youtube videoid="${this.videoID}" width="100%" height="100%" style="max-width: ${this.maxWidth};"></lite-youtube>`;
   }
 }