firefish/packages/client/src/stream.ts
2024-01-13 15:28:17 +09:00

46 lines
1,023 B
TypeScript

import * as firefish from "firefish-js";
import { markRaw } from "vue";
import { url } from "@/config";
import { $i } from "@/reactiveAccount";
let stream: firefish.Stream | null = null;
let timeoutHeartBeat: number | null = null;
export let isReloading = false;
export function useStream() {
if (stream != null) return stream;
stream = markRaw(
new firefish.Stream(
url,
$i
? {
token: $i.token,
}
: null,
),
);
timeoutHeartBeat = window.setTimeout(heartbeat, 1000 * 60);
return stream;
}
export function reloadStream() {
if (stream == null) return useStream();
if (timeoutHeartBeat != null) window.clearTimeout(timeoutHeartBeat);
isReloading = true;
stream.close();
stream.once("_connected_", () => (isReloading = false));
stream.stream.reconnect();
isReloading = false;
return stream;
}
function heartbeat(): void {
if (stream != null && document.visibilityState === "visible") {
stream.send("ping");
}
timeoutHeartBeat = window.setTimeout(heartbeat, 1000 * 60);
}