ente/web/packages/shared/hooks/useCastReceiver.tsx
2024-03-01 12:21:07 +05:30

45 lines
1 KiB
TypeScript

declare const cast: any;
import { useEffect, useState } from "react";
type Receiver = {
cast: typeof cast;
};
const load = (() => {
let promise: Promise<Receiver> | null = null;
return () => {
if (promise === null) {
promise = new Promise((resolve) => {
const script = document.createElement("script");
script.src =
"https://www.gstatic.com/cast/sdk/libs/caf_receiver/v3/cast_receiver_framework.js";
script.addEventListener("load", () => {
resolve({
cast,
});
});
document.body.appendChild(script);
});
}
return promise;
};
})();
export const useCastReceiver = () => {
const [receiver, setReceiver] = useState<Receiver | null>({
cast: null,
});
useEffect(() => {
load().then((receiver) => {
setReceiver(receiver);
});
});
return receiver;
};