2016-11-18 04:31:26 +11:00
|
|
|
import { reduce, map, slice, last, intersectionBy, sortBy, unionBy, toInteger, groupBy, differenceBy, each, find, flatten, maxBy, merge } from 'lodash'
|
2016-10-29 00:59:49 +11:00
|
|
|
import moment from 'moment'
|
2016-10-31 02:12:35 +11:00
|
|
|
import apiService from '../services/api/api.service.js'
|
2016-11-15 20:35:16 +11:00
|
|
|
// import parse from '../services/status_parser/status_parser.js'
|
2016-10-27 04:03:55 +11:00
|
|
|
|
2016-11-08 04:04:00 +11:00
|
|
|
export const defaultState = {
|
2016-10-27 04:03:55 +11:00
|
|
|
allStatuses: [],
|
|
|
|
maxId: 0,
|
|
|
|
timelines: {
|
|
|
|
public: {
|
|
|
|
statuses: [],
|
|
|
|
faves: [],
|
|
|
|
visibleStatuses: [],
|
|
|
|
newStatusCount: 0,
|
|
|
|
maxId: 0,
|
2016-11-07 03:44:05 +11:00
|
|
|
minVisibleId: 0,
|
|
|
|
loading: false
|
2016-10-27 04:03:55 +11:00
|
|
|
},
|
|
|
|
publicAndExternal: {
|
|
|
|
statuses: [],
|
|
|
|
faves: [],
|
|
|
|
visibleStatuses: [],
|
|
|
|
newStatusCount: 0,
|
|
|
|
maxId: 0,
|
2016-11-07 03:44:05 +11:00
|
|
|
minVisibleId: 0,
|
|
|
|
loading: false
|
2016-10-27 04:03:55 +11:00
|
|
|
},
|
|
|
|
friends: {
|
|
|
|
statuses: [],
|
|
|
|
faves: [],
|
|
|
|
visibleStatuses: [],
|
|
|
|
newStatusCount: 0,
|
|
|
|
maxId: 0,
|
2016-11-07 03:44:05 +11:00
|
|
|
minVisibleId: 0,
|
|
|
|
loading: false
|
2016-10-27 04:03:55 +11:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
const statusType = (status) => {
|
|
|
|
return !status.is_post_verb && status.uri.match(/fave/) ? 'fave' : 'status'
|
|
|
|
}
|
|
|
|
|
2016-11-15 20:35:16 +11:00
|
|
|
export const prepareStatus = (status) => {
|
|
|
|
// Parse nsfw tags
|
|
|
|
if (status.nsfw === undefined) {
|
|
|
|
const nsfwRegex = /#nsfw/i
|
|
|
|
status.nsfw = !!status.text.match(nsfwRegex)
|
|
|
|
}
|
|
|
|
|
|
|
|
// Set created_at_parsed to initial value
|
|
|
|
status.created_at_parsed = status.created_at
|
|
|
|
|
|
|
|
return status
|
|
|
|
}
|
|
|
|
|
2016-11-18 04:31:26 +11:00
|
|
|
// Merges old and new status collections.
|
|
|
|
const mergeStatuses = (oldStatuses, newStatuses) => {
|
|
|
|
each(newStatuses, (status) => {
|
|
|
|
let oldStatus = find(oldStatuses, { id: status.id })
|
|
|
|
if (oldStatus) {
|
|
|
|
merge(oldStatus, status)
|
|
|
|
} else {
|
|
|
|
oldStatuses.push(status)
|
|
|
|
}
|
|
|
|
})
|
|
|
|
return oldStatuses
|
|
|
|
}
|
|
|
|
|
2016-11-14 08:09:27 +11:00
|
|
|
const addStatusesToTimeline = (addedStatuses, showImmediately, { statuses, visibleStatuses, newStatusCount, faves, loading, maxId }) => {
|
2016-10-27 04:03:55 +11:00
|
|
|
const statusesAndFaves = groupBy(addedStatuses, statusType)
|
|
|
|
const addedFaves = statusesAndFaves['fave'] || []
|
|
|
|
const unseenFaves = differenceBy(addedFaves, faves, 'id')
|
|
|
|
|
|
|
|
// Update fave count
|
|
|
|
each(unseenFaves, ({in_reply_to_status_id}) => {
|
|
|
|
const status = find(statuses, { id: toInteger(in_reply_to_status_id) })
|
|
|
|
if (status) {
|
|
|
|
status.fave_num += 1
|
|
|
|
}
|
|
|
|
})
|
|
|
|
|
|
|
|
addedStatuses = statusesAndFaves['status'] || []
|
|
|
|
|
2016-10-29 10:38:41 +11:00
|
|
|
// Add some html and nsfw to the statuses.
|
2016-11-08 04:36:11 +11:00
|
|
|
addedStatuses = map(addedStatuses, (status) => {
|
2016-10-27 04:03:55 +11:00
|
|
|
const statusoid = status.retweeted_status || status
|
2016-10-31 20:20:02 +11:00
|
|
|
|
2016-11-15 20:35:16 +11:00
|
|
|
prepareStatus(statusoid)
|
2016-11-08 04:36:11 +11:00
|
|
|
|
2016-11-08 08:09:34 +11:00
|
|
|
return status
|
2016-10-27 04:03:55 +11:00
|
|
|
})
|
|
|
|
|
|
|
|
const newStatuses = sortBy(
|
|
|
|
unionBy(addedStatuses, statuses, 'id'),
|
|
|
|
({id}) => -id
|
|
|
|
)
|
|
|
|
|
|
|
|
let newNewStatusCount = newStatusCount + (newStatuses.length - statuses.length)
|
|
|
|
|
|
|
|
let newVisibleStatuses = visibleStatuses
|
|
|
|
|
|
|
|
if (showImmediately) {
|
|
|
|
newVisibleStatuses = unionBy(addedStatuses, newVisibleStatuses, 'id')
|
|
|
|
newVisibleStatuses = sortBy(newVisibleStatuses, ({id}) => -id)
|
|
|
|
newNewStatusCount = newStatusCount
|
|
|
|
};
|
|
|
|
|
|
|
|
newVisibleStatuses = intersectionBy(newStatuses, newVisibleStatuses, 'id')
|
|
|
|
|
|
|
|
return {
|
|
|
|
statuses: newStatuses,
|
|
|
|
visibleStatuses: newVisibleStatuses,
|
|
|
|
newStatusCount: newNewStatusCount,
|
2016-10-28 03:03:14 +11:00
|
|
|
minVisibleId: (last(newVisibleStatuses) || { id: undefined }).id,
|
2016-11-07 03:44:05 +11:00
|
|
|
faves: unionBy(faves, addedFaves, 'id'),
|
2016-11-14 08:09:27 +11:00
|
|
|
maxId,
|
2016-11-07 03:44:05 +11:00
|
|
|
loading
|
2016-10-27 04:03:55 +11:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2016-10-29 00:59:49 +11:00
|
|
|
const updateTimestampsInStatuses = (statuses) => {
|
2016-10-29 10:38:41 +11:00
|
|
|
return map(statuses, (statusoid) => {
|
|
|
|
const status = statusoid.retweeted_status || statusoid
|
|
|
|
|
2016-10-29 00:59:49 +11:00
|
|
|
// Parse date
|
|
|
|
status.created_at_parsed = moment(status.created_at).fromNow()
|
|
|
|
return status
|
|
|
|
})
|
|
|
|
}
|
|
|
|
|
2016-11-15 20:35:16 +11:00
|
|
|
// const groupStatusesByType = (statuses) => {
|
|
|
|
// return groupBy(statuses, (status) => {
|
|
|
|
// if (status.is_post_verb) {
|
|
|
|
// return 'status'
|
|
|
|
// }
|
2016-11-14 08:09:27 +11:00
|
|
|
|
2016-11-15 20:35:16 +11:00
|
|
|
// if (status.retweeted_status) {
|
|
|
|
// return 'retweet'
|
|
|
|
// }
|
2016-11-14 08:09:27 +11:00
|
|
|
|
2016-11-15 20:35:16 +11:00
|
|
|
// if (typeof status.uri === 'string' && status.uri.match(/fave/)) {
|
|
|
|
// return 'favorite'
|
|
|
|
// }
|
2016-11-14 08:40:33 +11:00
|
|
|
|
2016-11-15 20:35:16 +11:00
|
|
|
// return 'unknown'
|
|
|
|
// })
|
|
|
|
// }
|
2016-11-14 08:54:49 +11:00
|
|
|
|
2016-11-15 20:35:16 +11:00
|
|
|
export const findMaxId = (...args) => {
|
|
|
|
return (maxBy(flatten(args), 'id') || {}).id
|
2016-11-14 08:40:33 +11:00
|
|
|
}
|
|
|
|
|
2016-11-08 04:04:00 +11:00
|
|
|
export const mutations = {
|
|
|
|
addNewStatuses (state, { statuses, showImmediately = false, timeline }) {
|
2016-11-19 02:05:04 +11:00
|
|
|
|
|
|
|
// Merge in the new status into the old ones.
|
|
|
|
mergeStatuses(state.allStatuses, statuses)
|
|
|
|
|
|
|
|
// Get relevant timeline
|
2016-11-14 08:09:27 +11:00
|
|
|
const timelineObject = state.timelines[timeline]
|
|
|
|
|
|
|
|
// Set new maxId
|
|
|
|
const maxId = findMaxId(statuses, timelineObject.statuses)
|
|
|
|
timelineObject.maxId = maxId
|
2016-11-15 20:35:16 +11:00
|
|
|
|
|
|
|
// Split statuses by type
|
|
|
|
// const statusesByType = groupStatusesByType(statuses)
|
|
|
|
|
2016-11-08 04:04:00 +11:00
|
|
|
state.timelines[timeline] = addStatusesToTimeline(statuses, showImmediately, state.timelines[timeline])
|
2016-11-08 04:36:11 +11:00
|
|
|
|
|
|
|
// Set up retweets with most current status
|
2016-11-08 08:09:34 +11:00
|
|
|
const getRetweets = (result, status) => {
|
|
|
|
if (status.retweeted_status) {
|
|
|
|
result.push(status.retweeted_status)
|
|
|
|
}
|
|
|
|
return result
|
|
|
|
}
|
|
|
|
|
|
|
|
const retweets = reduce(statuses, getRetweets, [])
|
|
|
|
|
2016-11-19 02:05:04 +11:00
|
|
|
// state.allStatuses = unionBy(retweets, state.allStatuses, 'id')
|
|
|
|
|
|
|
|
mergeStatuses(state.allStatuses, retweets)
|
2016-11-08 04:36:11 +11:00
|
|
|
|
|
|
|
each(state.allStatuses, (status) => {
|
|
|
|
if (status.retweeted_status) {
|
|
|
|
const retweetedStatus = find(state.allStatuses, { id: status.retweeted_status.id })
|
|
|
|
status.retweeted_status = retweetedStatus
|
|
|
|
}
|
|
|
|
})
|
2016-11-08 04:04:00 +11:00
|
|
|
},
|
|
|
|
showNewStatuses (state, { timeline }) {
|
|
|
|
const oldTimeline = (state.timelines[timeline])
|
|
|
|
|
|
|
|
oldTimeline.newStatusCount = 0
|
|
|
|
oldTimeline.visibleStatuses = slice(oldTimeline.statuses, 0, 50)
|
|
|
|
},
|
|
|
|
updateTimestamps (state) {
|
|
|
|
updateTimestampsInStatuses(state.allStatuses)
|
|
|
|
},
|
|
|
|
setFavorited (state, { status, value }) {
|
|
|
|
const newStatus = find(state.allStatuses, status)
|
|
|
|
newStatus.favorited = value
|
|
|
|
},
|
2016-11-14 03:09:16 +11:00
|
|
|
setRetweeted (state, { status, value }) {
|
|
|
|
const newStatus = find(state.allStatuses, status)
|
|
|
|
newStatus.repeated = value
|
|
|
|
},
|
2016-11-08 04:04:00 +11:00
|
|
|
setLoading (state, { timeline, value }) {
|
|
|
|
state.timelines[timeline].loading = value
|
|
|
|
},
|
|
|
|
setNsfw (state, { id, nsfw }) {
|
2016-11-08 04:47:38 +11:00
|
|
|
const newStatus = find(state.allStatuses, { id })
|
|
|
|
newStatus.nsfw = nsfw
|
2016-11-08 04:04:00 +11:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2016-10-27 04:03:55 +11:00
|
|
|
const statuses = {
|
|
|
|
state: defaultState,
|
2016-10-31 02:12:35 +11:00
|
|
|
actions: {
|
|
|
|
favorite ({ rootState, commit }, status) {
|
|
|
|
// Optimistic favoriting...
|
|
|
|
commit('setFavorited', { status, value: true })
|
|
|
|
apiService.favorite({ id: status.id, credentials: rootState.users.currentUser.credentials })
|
|
|
|
},
|
|
|
|
unfavorite ({ rootState, commit }, status) {
|
|
|
|
// Optimistic favoriting...
|
|
|
|
commit('setFavorited', { status, value: false })
|
|
|
|
apiService.unfavorite({ id: status.id, credentials: rootState.users.currentUser.credentials })
|
2016-11-14 03:09:16 +11:00
|
|
|
},
|
|
|
|
retweet ({ rootState, commit }, status) {
|
|
|
|
// Optimistic retweeting...
|
|
|
|
commit('setRetweeted', { status, value: true })
|
|
|
|
apiService.retweet({ id: status.id, credentials: rootState.users.currentUser.credentials })
|
2016-10-31 02:12:35 +11:00
|
|
|
}
|
|
|
|
},
|
2016-11-08 04:04:00 +11:00
|
|
|
mutations
|
2016-10-27 04:03:55 +11:00
|
|
|
}
|
|
|
|
|
|
|
|
export default statuses
|