elk/components/timeline/TimelineHome.vue

31 lines
1,011 B
Vue
Raw Normal View History

<script setup lang="ts">
2022-12-27 17:47:05 +00:00
import type { Status } from 'masto'
const paginator = useMasto().timelines.iterateHome()
const stream = useMasto().stream.streamUser()
onBeforeUnmount(() => stream?.then(s => s.disconnect()))
2022-12-27 17:47:05 +00:00
const maxDistance = 10
function preprocess(items: Status[]) {
const newItems = [...items]
// TODO: Basic reordering, we should get something more efficient and robust
for (let i = items.length - 1; i > 0; i--) {
for (let k = 1; k <= maxDistance && i - k >= 0; k++) {
const inReplyToId = newItems[i - k].inReplyToId // TODO: ?? newItems[i - k].reblog?.inReplyToId
if (inReplyToId === newItems[i].reblog?.id || inReplyToId === newItems[i].id) {
2022-12-27 17:47:05 +00:00
const item = newItems.splice(i, 1)[0]
newItems.splice(i - k, 0, item)
k = 1
}
}
}
return newItems
}
</script>
<template>
<div>
2022-12-27 22:18:16 +00:00
<PublishWidget draft-key="home" border="b base" />
2022-12-27 17:47:05 +00:00
<TimelinePaginator v-bind="{ paginator, stream, preprocess }" context="home" />
</div>
</template>