23ccec45d0
Part of the way to improving #390. Before this fix, if you recieved a notification while Pinafore was in a background tab, nothing would happen, because most browsers (Edge, Firefox, Chrome) don't run rAF in background tabs. Furthermore, Chrome doesn't run rIC. In this PR we detect if we're in a background tab and then avoid rAF/rIC in that case.
101 lines
4 KiB
JavaScript
101 lines
4 KiB
JavaScript
import throttle from 'lodash-es/throttle'
|
|
import { mark, stop } from '../_utils/marks'
|
|
import { store } from '../_store/store'
|
|
import uniqBy from 'lodash-es/uniqBy'
|
|
import uniq from 'lodash-es/uniq'
|
|
import isEqual from 'lodash-es/isEqual'
|
|
import {
|
|
insertTimelineItems as insertTimelineItemsInDatabase
|
|
} from '../_database/timelines/insertion'
|
|
import { runMediumPriorityTask } from '../_utils/runMediumPriorityTask'
|
|
|
|
const STREAMING_THROTTLE_DELAY = 3000
|
|
|
|
function getExistingItemIdsSet (instanceName, timelineName) {
|
|
let timelineItemIds = store.getForTimeline(instanceName, timelineName, 'timelineItemIds') || []
|
|
return new Set(timelineItemIds)
|
|
}
|
|
|
|
function removeDuplicates (instanceName, timelineName, updates) {
|
|
// remove duplicates, including duplicates due to reblogs
|
|
let existingItemIds = getExistingItemIdsSet(instanceName, timelineName)
|
|
return updates.filter(update => !existingItemIds.has(update.id))
|
|
}
|
|
|
|
async function insertUpdatesIntoTimeline (instanceName, timelineName, updates) {
|
|
updates = removeDuplicates(instanceName, timelineName, updates)
|
|
|
|
if (!updates.length) {
|
|
return
|
|
}
|
|
|
|
await insertTimelineItemsInDatabase(instanceName, timelineName, updates)
|
|
|
|
let itemIdsToAdd = store.getForTimeline(instanceName, timelineName, 'itemIdsToAdd') || []
|
|
let newItemIdsToAdd = uniq([].concat(itemIdsToAdd).concat(updates.map(_ => _.id)))
|
|
if (!isEqual(itemIdsToAdd, newItemIdsToAdd)) {
|
|
console.log('adding ', (newItemIdsToAdd.length - itemIdsToAdd.length),
|
|
'items to itemIdsToAdd for timeline', timelineName)
|
|
store.setForTimeline(instanceName, timelineName, {itemIdsToAdd: newItemIdsToAdd})
|
|
}
|
|
}
|
|
|
|
async function insertUpdatesIntoThreads (instanceName, updates) {
|
|
if (!updates.length) {
|
|
return
|
|
}
|
|
|
|
let threads = store.getThreads(instanceName)
|
|
|
|
for (let timelineName of Object.keys(threads)) {
|
|
let thread = threads[timelineName]
|
|
let updatesForThisThread = updates.filter(
|
|
status => thread.includes(status.in_reply_to_id) && !thread.includes(status.id)
|
|
)
|
|
if (!updatesForThisThread.length) {
|
|
continue
|
|
}
|
|
let itemIdsToAdd = store.getForTimeline(instanceName, timelineName, 'itemIdsToAdd') || []
|
|
let newItemIdsToAdd = uniq([].concat(itemIdsToAdd).concat(updatesForThisThread.map(_ => _.id)))
|
|
if (!isEqual(itemIdsToAdd, newItemIdsToAdd)) {
|
|
console.log('adding ', (newItemIdsToAdd.length - itemIdsToAdd.length),
|
|
'items to itemIdsToAdd for thread', timelineName)
|
|
store.setForTimeline(instanceName, timelineName, {itemIdsToAdd: newItemIdsToAdd})
|
|
}
|
|
}
|
|
}
|
|
|
|
async function processFreshUpdates (instanceName, timelineName) {
|
|
mark('processFreshUpdates')
|
|
let freshUpdates = store.getForTimeline(instanceName, timelineName, 'freshUpdates')
|
|
if (freshUpdates && freshUpdates.length) {
|
|
let updates = freshUpdates.slice()
|
|
store.setForTimeline(instanceName, timelineName, {freshUpdates: []})
|
|
|
|
await Promise.all([
|
|
insertUpdatesIntoTimeline(instanceName, timelineName, updates),
|
|
insertUpdatesIntoThreads(instanceName, updates.filter(status => status.in_reply_to_id))
|
|
])
|
|
}
|
|
stop('processFreshUpdates')
|
|
}
|
|
|
|
const lazilyProcessFreshUpdates = throttle((instanceName, timelineName) => {
|
|
runMediumPriorityTask(() => {
|
|
/* no await */ processFreshUpdates(instanceName, timelineName)
|
|
})
|
|
}, STREAMING_THROTTLE_DELAY)
|
|
|
|
export function addStatusOrNotification (instanceName, timelineName, newStatusOrNotification) {
|
|
addStatusesOrNotifications(instanceName, timelineName, [newStatusOrNotification])
|
|
}
|
|
|
|
export function addStatusesOrNotifications (instanceName, timelineName, newStatusesOrNotifications) {
|
|
console.log('addStatusesOrNotifications', Date.now())
|
|
let freshUpdates = store.getForTimeline(instanceName, timelineName, 'freshUpdates') || []
|
|
freshUpdates = [].concat(freshUpdates).concat(newStatusesOrNotifications)
|
|
freshUpdates = uniqBy(freshUpdates, _ => _.id)
|
|
store.setForTimeline(instanceName, timelineName, {freshUpdates: freshUpdates})
|
|
lazilyProcessFreshUpdates(instanceName, timelineName)
|
|
}
|