pinafore/routes/_store/observers/onlineObservers.js

34 lines
932 B
JavaScript
Raw Normal View History

2018-03-09 03:08:14 +01:00
import debounce from 'lodash/debounce'
import { toast } from '../../_utils/toast'
const OFFLINE_DELAY = 1000
const notifyOffline = debounce(() => {
toast.say('You seem to be offline. You can still read toots while offline.')
}, OFFLINE_DELAY)
2018-03-09 03:09:35 +01:00
export function onlineObservers (store) {
2018-03-09 03:08:14 +01:00
if (!process.browser) {
return
}
let meta = document.getElementById('theThemeColor')
let oldTheme = meta.content
store.observe('online', online => {
document.body.classList.toggle('offline', !online)
if (online) {
meta.content = oldTheme
} else {
let offlineThemeColor = window.__themeColors.offline
if (meta.content !== offlineThemeColor) {
oldTheme = meta.content
}
meta.content = offlineThemeColor
notifyOffline()
}
})
window.addEventListener('offline', () => store.set({online: false}))
window.addEventListener('online', () => store.set({online: true}))
2018-03-09 03:09:35 +01:00
}