pinafore/routes/_actions/timeline.js

83 lines
3.0 KiB
JavaScript
Raw Normal View History

2018-01-28 22:09:39 +01:00
import { store } from '../_store/store'
2018-02-08 17:22:14 +01:00
import { database } from '../_database/database'
import { getTimeline } from '../_api/timelines'
2018-01-28 02:34:08 +01:00
import { toast } from '../_utils/toast'
import { mark, stop } from '../_utils/marks'
2018-01-29 00:02:02 +01:00
import { mergeArrays } from '../_utils/arrays'
2018-01-28 02:34:08 +01:00
const FETCH_LIMIT = 20
2018-02-09 07:29:29 +01:00
async function fetchTimelineItems (instanceName, accessToken, timelineName, lastTimelineItemId, online) {
mark('fetchTimelineItems')
let items
2018-01-28 02:34:08 +01:00
if (!online) {
items = await database.getTimeline(instanceName, timelineName, lastTimelineItemId, FETCH_LIMIT)
2018-01-28 02:34:08 +01:00
} else {
try {
items = await getTimeline(instanceName, accessToken, timelineName, lastTimelineItemId, FETCH_LIMIT)
/* no await */ database.insertTimelineItems(instanceName, timelineName, items)
2018-01-28 02:34:08 +01:00
} catch (e) {
console.error(e)
toast.say('Internet request failed. Showing offline content.')
items = await database.getTimeline(instanceName, timelineName, lastTimelineItemId, FETCH_LIMIT)
2018-01-28 02:34:08 +01:00
}
}
stop('fetchTimelineItems')
return items
2018-01-28 02:34:08 +01:00
}
2018-02-09 07:29:29 +01:00
async function addTimelineItems (instanceName, timelineName, newItems) {
console.log('addTimelineItems, length:', newItems.length)
mark('addTimelineItems')
let newIds = newItems.map(item => item.id)
2018-02-11 22:46:57 +01:00
addTimelineItemIds(instanceName, timelineName, newIds)
stop('addTimelineItems')
}
export async function addTimelineItemIds (instanceName, timelineName, newIds) {
let oldIds = store.getForTimeline(instanceName, timelineName, 'timelineItemIds') || []
let merged = mergeArrays(oldIds, newIds)
store.setForTimeline(instanceName, timelineName, { timelineItemIds: merged })
2018-01-28 02:34:08 +01:00
}
2018-02-09 07:29:29 +01:00
async function fetchTimelineItemsAndPossiblyFallBack () {
mark('fetchTimelineItemsAndPossiblyFallBack')
2018-01-28 02:34:08 +01:00
let timelineName = store.get('currentTimeline')
let instanceName = store.get('currentInstance')
let accessToken = store.get('accessToken')
let lastTimelineItemId = store.get('lastTimelineItemId')
2018-01-28 02:34:08 +01:00
let online = store.get('online')
let newItems = await fetchTimelineItems(instanceName, accessToken, timelineName, lastTimelineItemId, online)
addTimelineItems(instanceName, timelineName, newItems)
stop('fetchTimelineItemsAndPossiblyFallBack')
2018-01-28 02:34:08 +01:00
}
2018-02-09 07:29:29 +01:00
export function initializeTimeline () {
2018-01-28 02:34:08 +01:00
mark('initializeTimeline')
let instanceName = store.get('currentInstance')
let timeline = store.get('currentTimeline')
requestAnimationFrame(() => {
requestAnimationFrame(() => {
store.setForTimeline(instanceName, timeline, {initialized: true})
})
})
stop('initializeTimeline')
}
2018-02-09 07:29:29 +01:00
export async function setupTimeline () {
mark('setupTimeline')
2018-02-09 03:54:48 +01:00
if (!store.get('timelineItemIds')) {
await fetchTimelineItemsAndPossiblyFallBack()
2018-01-28 02:34:08 +01:00
}
stop('setupTimeline')
2018-01-28 02:34:08 +01:00
}
2018-02-09 07:29:29 +01:00
export async function fetchTimelineItemsOnScrollToBottom () {
2018-01-28 02:34:08 +01:00
let timelineName = store.get('currentTimeline')
let instanceName = store.get('currentInstance')
store.setForTimeline(instanceName, timelineName, { runningUpdate: true })
await fetchTimelineItemsAndPossiblyFallBack()
2018-01-28 02:34:08 +01:00
store.setForTimeline(instanceName, timelineName, { runningUpdate: false })
2018-02-09 07:29:29 +01:00
}