/* * SPDX-FileCopyrightText: syuilo and misskey-project * SPDX-License-Identifier: AGPL-3.0-only */ import * as Misskey from 'misskey-js'; import { markRaw } from 'vue'; import { $i } from '@/account.js'; import { wsOrigin } from '@/config.js'; // heart beat interval in ms const HEART_BEAT_INTERVAL = 1000 * 60; let stream: Misskey.Stream | null = null; let timeoutHeartBeat: ReturnType | null = null; let lastHeartbeatCall = 0; export function useStream(): Misskey.Stream { if (stream) return stream; stream = markRaw(new Misskey.Stream(wsOrigin, $i ? { token: $i.token, } : null)); if (timeoutHeartBeat) window.clearTimeout(timeoutHeartBeat); timeoutHeartBeat = window.setTimeout(heartbeat, HEART_BEAT_INTERVAL); // send heartbeat right now when last send time is over HEART_BEAT_INTERVAL document.addEventListener('visibilitychange', () => { if ( !stream || document.visibilityState !== 'visible' || Date.now() - lastHeartbeatCall < HEART_BEAT_INTERVAL ) return; heartbeat(); }); return stream; } function heartbeat(): void { if (stream != null && document.visibilityState === 'visible') { stream.heartbeat(); } lastHeartbeatCall = Date.now(); if (timeoutHeartBeat) window.clearTimeout(timeoutHeartBeat); timeoutHeartBeat = window.setTimeout(heartbeat, HEART_BEAT_INTERVAL); }