From a287cf92c958cb2424e8b84f4ef14870a1b938cd Mon Sep 17 00:00:00 2001
From: Jonathan Jogenfors <jonathan@jogenfors.se>
Date: Tue, 12 Nov 2024 00:07:25 +0100
Subject: [PATCH] wip

---
 .../lib/components/cast/cast-button.svelte    | 12 +++++++---
 web/src/lib/utils/cast-player.ts              | 23 ++++++-------------
 2 files changed, 16 insertions(+), 19 deletions(-)

diff --git a/web/src/lib/components/cast/cast-button.svelte b/web/src/lib/components/cast/cast-button.svelte
index 87df177e1acfd..2515828220c2f 100644
--- a/web/src/lib/components/cast/cast-button.svelte
+++ b/web/src/lib/components/cast/cast-button.svelte
@@ -3,10 +3,16 @@
   import Button from '$lib/components/elements/buttons/button.svelte';
   import { onMount } from 'svelte';
 
-  onMount(async () => {
-    await loadCastFramework();
-    CastPlayer.getInstance();
+  onMount(() => {
+    loadCastFramework();
   });
+
+  window['__onGCastApiAvailable'] = function (isAvailable) {
+    // The cast sender can't be initialized until the API is available
+    if (isAvailable) {
+      CastPlayer.getInstance();
+    }
+  };
 </script>
 
 <Button size="icon" color="transparent-primary" rounded="lg" on:click>
diff --git a/web/src/lib/utils/cast-player.ts b/web/src/lib/utils/cast-player.ts
index 0dc16f31a1de4..decae1de40f55 100644
--- a/web/src/lib/utils/cast-player.ts
+++ b/web/src/lib/utils/cast-player.ts
@@ -267,19 +267,10 @@ class CastPlayer {
 
 export default CastPlayer;
 
-export const loadCastFramework = (() => {
-  let promise: Promise<typeof cast> | undefined;
-
-  return async () => {
-    if (promise === undefined) {
-      promise = new Promise(() => {
-        const script = document.createElement('script');
-        script.src = FRAMEWORK_LINK;
-
-        document.body.append(script);
-        console.debug('Cast framework loaded');
-      });
-    }
-    return promise;
-  };
-})();
+export const loadCastFramework = function () {
+  if (!document.querySelector(`script[src="${FRAMEWORK_LINK}"]`)) {
+    const script = document.createElement('script');
+    script.src = FRAMEWORK_LINK;
+    document.body.append(script);
+  }
+};