2021-05-22 07:39:32 +02:00
|
|
|
import generator, { Entity, FilterContext } from 'megalodon'
|
|
|
|
import { Module, MutationTree, ActionTree, GetterTree } from 'vuex'
|
2019-04-14 09:27:11 +02:00
|
|
|
import { RootState } from '@/store'
|
|
|
|
|
2019-06-06 16:44:50 +02:00
|
|
|
export type PublicState = {
|
2020-03-15 09:47:56 +01:00
|
|
|
timeline: Array<Entity.Status>
|
2019-05-18 16:06:44 +02:00
|
|
|
lazyLoading: boolean
|
|
|
|
heading: boolean
|
2021-08-28 17:41:07 +02:00
|
|
|
scrolling: boolean
|
2019-04-14 09:27:11 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
const state = (): PublicState => ({
|
|
|
|
timeline: [],
|
|
|
|
lazyLoading: false,
|
2021-08-28 17:41:07 +02:00
|
|
|
heading: true,
|
|
|
|
scrolling: false
|
2019-04-14 09:27:11 +02:00
|
|
|
})
|
|
|
|
|
|
|
|
export const MUTATION_TYPES = {
|
|
|
|
CHANGE_HEADING: 'changeHeading',
|
|
|
|
APPEND_TIMELINE: 'appendTimeline',
|
|
|
|
UPDATE_TIMELINE: 'updateTimeline',
|
|
|
|
INSERT_TIMELINE: 'insertTimeline',
|
2019-04-14 11:38:49 +02:00
|
|
|
ARCHIVE_TIMELINE: 'archiveTimeline',
|
2019-04-14 10:31:49 +02:00
|
|
|
CLEAR_TIMELINE: 'clearTimeline',
|
2019-04-14 09:27:11 +02:00
|
|
|
UPDATE_TOOT: 'updateToot',
|
|
|
|
DELETE_TOOT: 'deleteToot',
|
2021-08-28 17:41:07 +02:00
|
|
|
CHANGE_LAZY_LOADING: 'changeLazyLoading',
|
|
|
|
CHANGE_SCROLLING: 'changeScrolling'
|
2019-04-14 09:27:11 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
const mutations: MutationTree<PublicState> = {
|
|
|
|
[MUTATION_TYPES.CHANGE_HEADING]: (state, value: boolean) => {
|
|
|
|
state.heading = value
|
|
|
|
},
|
2020-03-15 09:47:56 +01:00
|
|
|
[MUTATION_TYPES.APPEND_TIMELINE]: (state, update: Entity.Status) => {
|
2019-11-13 15:29:37 +01:00
|
|
|
// Reject duplicated status in timeline
|
2021-07-25 14:01:12 +02:00
|
|
|
if (!state.timeline.find(item => item.id === update.id)) {
|
|
|
|
state.timeline = [update].concat(state.timeline)
|
2019-04-14 09:27:11 +02:00
|
|
|
}
|
|
|
|
},
|
2020-03-15 09:47:56 +01:00
|
|
|
[MUTATION_TYPES.UPDATE_TIMELINE]: (state, messages: Array<Entity.Status>) => {
|
2019-04-14 09:27:11 +02:00
|
|
|
state.timeline = messages
|
|
|
|
},
|
2020-03-15 09:47:56 +01:00
|
|
|
[MUTATION_TYPES.INSERT_TIMELINE]: (state, messages: Array<Entity.Status>) => {
|
2019-04-14 09:27:11 +02:00
|
|
|
state.timeline = state.timeline.concat(messages)
|
|
|
|
},
|
2019-05-18 16:06:44 +02:00
|
|
|
[MUTATION_TYPES.ARCHIVE_TIMELINE]: state => {
|
2019-04-14 09:27:11 +02:00
|
|
|
state.timeline = state.timeline.slice(0, 40)
|
|
|
|
},
|
2019-05-18 16:06:44 +02:00
|
|
|
[MUTATION_TYPES.CLEAR_TIMELINE]: state => {
|
2019-04-14 09:27:11 +02:00
|
|
|
state.timeline = []
|
|
|
|
},
|
2020-03-15 09:47:56 +01:00
|
|
|
[MUTATION_TYPES.UPDATE_TOOT]: (state, message: Entity.Status) => {
|
2019-05-18 16:06:44 +02:00
|
|
|
state.timeline = state.timeline.map(toot => {
|
2019-04-14 09:27:11 +02:00
|
|
|
if (toot.id === message.id) {
|
|
|
|
return message
|
2019-05-18 16:06:44 +02:00
|
|
|
} else if (toot.reblog && toot.reblog.id === message.id) {
|
2019-04-14 09:27:11 +02:00
|
|
|
// When user reblog/favourite a reblogged toot, target message is a original toot.
|
|
|
|
// So, a message which is received now is original toot.
|
|
|
|
const reblog = {
|
|
|
|
reblog: message
|
|
|
|
}
|
|
|
|
return Object.assign(toot, reblog)
|
|
|
|
} else {
|
|
|
|
return toot
|
|
|
|
}
|
|
|
|
})
|
|
|
|
},
|
2019-05-29 16:59:09 +02:00
|
|
|
[MUTATION_TYPES.DELETE_TOOT]: (state, id: string) => {
|
2019-05-18 16:06:44 +02:00
|
|
|
state.timeline = state.timeline.filter(toot => {
|
2019-05-29 16:59:09 +02:00
|
|
|
if (toot.reblog !== null && toot.reblog.id === id) {
|
2019-04-14 09:27:11 +02:00
|
|
|
return false
|
|
|
|
} else {
|
2019-05-29 16:59:09 +02:00
|
|
|
return toot.id !== id
|
2019-04-14 09:27:11 +02:00
|
|
|
}
|
|
|
|
})
|
|
|
|
},
|
|
|
|
[MUTATION_TYPES.CHANGE_LAZY_LOADING]: (state, value: boolean) => {
|
|
|
|
state.lazyLoading = value
|
2021-08-28 17:41:07 +02:00
|
|
|
},
|
|
|
|
[MUTATION_TYPES.CHANGE_SCROLLING]: (state, value: boolean) => {
|
|
|
|
state.scrolling = value
|
2019-04-14 09:27:11 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
const actions: ActionTree<PublicState, RootState> = {
|
2020-03-31 17:05:54 +02:00
|
|
|
fetchPublicTimeline: async ({ dispatch, commit, rootState }): Promise<Array<Entity.Status>> => {
|
2020-03-15 09:47:56 +01:00
|
|
|
const client = generator(
|
|
|
|
rootState.TimelineSpace.sns,
|
|
|
|
rootState.TimelineSpace.account.baseURL,
|
|
|
|
rootState.TimelineSpace.account.accessToken,
|
2020-06-30 17:07:55 +02:00
|
|
|
rootState.App.userAgent
|
2019-10-27 06:41:03 +01:00
|
|
|
)
|
2020-03-31 17:05:54 +02:00
|
|
|
try {
|
|
|
|
const res = await client.getPublicTimeline({ limit: 40 })
|
|
|
|
commit(MUTATION_TYPES.UPDATE_TIMELINE, res.data)
|
|
|
|
return res.data
|
|
|
|
} catch (err) {
|
|
|
|
// Disable public timeline
|
|
|
|
dispatch('TimelineSpace/SideMenu/disablePublic', {}, { root: true })
|
|
|
|
return []
|
|
|
|
}
|
2019-04-14 09:27:11 +02:00
|
|
|
},
|
2020-03-15 09:47:56 +01:00
|
|
|
lazyFetchTimeline: ({ state, commit, rootState }, lastStatus: Entity.Status): Promise<Array<Entity.Status> | null> => {
|
2019-04-14 09:27:11 +02:00
|
|
|
if (state.lazyLoading) {
|
|
|
|
return Promise.resolve(null)
|
|
|
|
}
|
|
|
|
commit(MUTATION_TYPES.CHANGE_LAZY_LOADING, true)
|
2020-03-15 09:47:56 +01:00
|
|
|
const client = generator(
|
|
|
|
rootState.TimelineSpace.sns,
|
|
|
|
rootState.TimelineSpace.account.baseURL,
|
|
|
|
rootState.TimelineSpace.account.accessToken,
|
2020-06-30 17:07:55 +02:00
|
|
|
rootState.App.userAgent
|
2019-10-27 06:41:03 +01:00
|
|
|
)
|
2019-05-18 16:06:44 +02:00
|
|
|
return client
|
2020-03-15 09:47:56 +01:00
|
|
|
.getPublicTimeline({ max_id: lastStatus.id, limit: 40 })
|
2019-04-14 09:27:11 +02:00
|
|
|
.then(res => {
|
|
|
|
commit(MUTATION_TYPES.INSERT_TIMELINE, res.data)
|
|
|
|
return res.data
|
|
|
|
})
|
|
|
|
.finally(() => {
|
|
|
|
commit(MUTATION_TYPES.CHANGE_LAZY_LOADING, false)
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2021-05-22 07:39:32 +02:00
|
|
|
const getters: GetterTree<PublicState, RootState> = {
|
|
|
|
filters: (_state, _getters, rootState) => {
|
|
|
|
return rootState.TimelineSpace.filters.filter(f => f.context.includes(FilterContext.Public) && !f.irreversible)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2019-04-14 09:27:11 +02:00
|
|
|
const Public: Module<PublicState, RootState> = {
|
|
|
|
namespaced: true,
|
|
|
|
state: state,
|
|
|
|
mutations: mutations,
|
2021-05-22 07:39:32 +02:00
|
|
|
actions: actions,
|
|
|
|
getters: getters
|
2019-04-14 09:27:11 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
export default Public
|