2016-11-24 17:15:34 +00:00
|
|
|
import { remove, map, slice, sortBy, toInteger, each, find, flatten, maxBy, last, merge, max, isArray } from 'lodash'
|
2016-10-28 13:59:49 +00:00
|
|
|
import moment from 'moment'
|
2016-10-30 15:12:35 +00:00
|
|
|
import apiService from '../services/api/api.service.js'
|
2016-11-15 09:35:16 +00:00
|
|
|
// import parse from '../services/status_parser/status_parser.js'
|
2016-10-26 17:03:55 +00:00
|
|
|
|
2016-11-07 17:04:00 +00:00
|
|
|
export const defaultState = {
|
2016-10-26 17:03:55 +00:00
|
|
|
allStatuses: [],
|
|
|
|
maxId: 0,
|
2016-11-18 21:55:04 +00:00
|
|
|
notifications: [],
|
2016-11-25 15:56:08 +00:00
|
|
|
favorites: new Set(),
|
2016-10-26 17:03:55 +00:00
|
|
|
timelines: {
|
|
|
|
public: {
|
|
|
|
statuses: [],
|
|
|
|
faves: [],
|
|
|
|
visibleStatuses: [],
|
|
|
|
newStatusCount: 0,
|
|
|
|
maxId: 0,
|
2016-11-06 16:44:05 +00:00
|
|
|
minVisibleId: 0,
|
|
|
|
loading: false
|
2016-10-26 17:03:55 +00:00
|
|
|
},
|
|
|
|
publicAndExternal: {
|
|
|
|
statuses: [],
|
|
|
|
faves: [],
|
|
|
|
visibleStatuses: [],
|
|
|
|
newStatusCount: 0,
|
|
|
|
maxId: 0,
|
2016-11-06 16:44:05 +00:00
|
|
|
minVisibleId: 0,
|
|
|
|
loading: false
|
2016-10-26 17:03:55 +00:00
|
|
|
},
|
|
|
|
friends: {
|
|
|
|
statuses: [],
|
|
|
|
faves: [],
|
|
|
|
visibleStatuses: [],
|
|
|
|
newStatusCount: 0,
|
|
|
|
maxId: 0,
|
2016-11-06 16:44:05 +00:00
|
|
|
minVisibleId: 0,
|
|
|
|
loading: false
|
2016-10-26 17:03:55 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2016-11-15 09:35:16 +00: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-26 20:09:41 +00:00
|
|
|
export const updateTimestampsInStatuses = (statuses) => {
|
2016-10-28 23:38:41 +00:00
|
|
|
return map(statuses, (statusoid) => {
|
|
|
|
const status = statusoid.retweeted_status || statusoid
|
|
|
|
|
2016-10-28 13:59:49 +00:00
|
|
|
// Parse date
|
|
|
|
status.created_at_parsed = moment(status.created_at).fromNow()
|
|
|
|
return status
|
|
|
|
})
|
|
|
|
}
|
|
|
|
|
2016-11-27 17:54:17 +00:00
|
|
|
export const statusType = (status) => {
|
2016-11-18 18:48:02 +00:00
|
|
|
if (status.is_post_verb) {
|
|
|
|
return 'status'
|
|
|
|
}
|
2016-11-13 21:09:27 +00:00
|
|
|
|
2016-11-18 18:48:02 +00:00
|
|
|
if (status.retweeted_status) {
|
|
|
|
return 'retweet'
|
|
|
|
}
|
2016-11-13 21:09:27 +00:00
|
|
|
|
2016-11-27 17:54:17 +00:00
|
|
|
if (typeof status.uri === 'string' && status.uri.match(/(fave|objectType=Favourite)/)) {
|
2016-11-18 18:48:02 +00:00
|
|
|
return 'favorite'
|
|
|
|
}
|
2016-11-13 21:40:33 +00:00
|
|
|
|
2016-11-18 21:25:42 +00:00
|
|
|
if (status.text.match(/deleted notice {{tag/)) {
|
|
|
|
return 'deletion'
|
|
|
|
}
|
|
|
|
|
2016-11-18 18:48:02 +00:00
|
|
|
return 'unknown'
|
|
|
|
}
|
2016-11-13 21:54:49 +00:00
|
|
|
|
2016-11-15 09:35:16 +00:00
|
|
|
export const findMaxId = (...args) => {
|
|
|
|
return (maxBy(flatten(args), 'id') || {}).id
|
2016-11-13 21:40:33 +00:00
|
|
|
}
|
|
|
|
|
2016-11-18 18:48:02 +00:00
|
|
|
const mergeOrAdd = (arr, item) => {
|
|
|
|
const oldItem = find(arr, {id: item.id})
|
|
|
|
if (oldItem) {
|
|
|
|
// We already have this, so only merge the new info.
|
|
|
|
merge(oldItem, item)
|
2016-11-19 11:39:10 +00:00
|
|
|
return {item: oldItem, new: false}
|
2016-11-18 18:48:02 +00:00
|
|
|
} else {
|
|
|
|
// This is a new item, prepare it
|
|
|
|
prepareStatus(item)
|
|
|
|
arr.push(item)
|
2016-11-19 11:39:10 +00:00
|
|
|
return {item, new: true}
|
2016-11-18 18:48:02 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2016-11-21 15:33:08 +00:00
|
|
|
const addNewStatuses = (state, { statuses, showImmediately = false, timeline, user = {} }) => {
|
2016-11-24 17:15:34 +00:00
|
|
|
// Sanity check
|
|
|
|
if (!isArray(statuses)) {
|
|
|
|
return false
|
|
|
|
}
|
|
|
|
|
2016-11-21 15:33:08 +00:00
|
|
|
const allStatuses = state.allStatuses
|
|
|
|
const timelineObject = state.timelines[timeline]
|
2016-11-15 09:35:16 +00:00
|
|
|
|
2016-11-21 15:33:08 +00:00
|
|
|
// Set the maxId to the new id if it's larger.
|
|
|
|
const updateMaxId = ({id}) => {
|
2016-11-24 17:15:34 +00:00
|
|
|
if (!timeline) { return false }
|
2016-11-21 15:33:08 +00:00
|
|
|
timelineObject.maxId = max([id, timelineObject.maxId])
|
|
|
|
}
|
2016-11-07 17:36:11 +00:00
|
|
|
|
2016-11-21 15:33:08 +00:00
|
|
|
const addStatus = (status, showImmediately, addToTimeline = true) => {
|
|
|
|
const result = mergeOrAdd(allStatuses, status)
|
|
|
|
status = result.item
|
2016-11-07 21:09:34 +00:00
|
|
|
|
2016-11-21 15:33:08 +00:00
|
|
|
if (result.new) {
|
|
|
|
updateMaxId(status)
|
2016-11-27 17:54:51 +00:00
|
|
|
|
|
|
|
if (statusType(status) === 'retweet' && status.retweeted_status.user.id === user.id) {
|
|
|
|
addNotification({ type: 'repeat', status: status.retweeted_status, action: status })
|
|
|
|
}
|
2016-11-21 15:33:08 +00:00
|
|
|
}
|
2016-11-07 21:09:34 +00:00
|
|
|
|
2016-11-21 15:33:08 +00:00
|
|
|
// Some statuses should only be added to the global status repository.
|
2016-11-24 17:15:34 +00:00
|
|
|
if (timeline && addToTimeline) {
|
2016-11-21 15:33:08 +00:00
|
|
|
mergeOrAdd(timelineObject.statuses, status)
|
2016-11-18 18:48:02 +00:00
|
|
|
}
|
2016-11-18 15:05:04 +00:00
|
|
|
|
2016-11-24 17:15:34 +00:00
|
|
|
if (timeline && showImmediately) {
|
2016-11-21 15:33:08 +00:00
|
|
|
// Add it directly to the visibleStatuses, don't change
|
|
|
|
// newStatusCount
|
|
|
|
mergeOrAdd(timelineObject.visibleStatuses, status)
|
2016-11-24 17:15:34 +00:00
|
|
|
} else if (timeline && addToTimeline && result.new) {
|
2016-11-21 15:33:08 +00:00
|
|
|
// Just change newStatuscount
|
|
|
|
timelineObject.newStatusCount += 1
|
2016-11-18 21:55:04 +00:00
|
|
|
}
|
|
|
|
|
2016-11-21 15:33:08 +00:00
|
|
|
return status
|
|
|
|
}
|
|
|
|
|
|
|
|
const addNotification = ({type, status, action}) => {
|
|
|
|
state.notifications.push({type, status, action})
|
|
|
|
}
|
|
|
|
|
|
|
|
const favoriteStatus = (favorite) => {
|
|
|
|
const status = find(allStatuses, { id: toInteger(favorite.in_reply_to_status_id) })
|
|
|
|
if (status) {
|
|
|
|
status.fave_num += 1
|
2016-11-25 15:56:08 +00:00
|
|
|
|
|
|
|
// This is our favorite, so the relevant bit.
|
|
|
|
if (favorite.user.id === user.id) {
|
|
|
|
status.favorited = true
|
|
|
|
}
|
|
|
|
|
|
|
|
// Add a notification if the user's status is favorited
|
2016-11-21 15:33:08 +00:00
|
|
|
if (status.user.id === user.id) {
|
|
|
|
addNotification({type: 'favorite', status, action: favorite})
|
2016-11-18 18:48:02 +00:00
|
|
|
}
|
|
|
|
}
|
2016-11-21 15:33:08 +00:00
|
|
|
return status
|
|
|
|
}
|
2016-11-07 17:36:11 +00:00
|
|
|
|
2016-11-21 15:33:08 +00:00
|
|
|
const processors = {
|
|
|
|
'status': (status) => {
|
|
|
|
addStatus(status, showImmediately)
|
|
|
|
},
|
|
|
|
'retweet': (status) => {
|
|
|
|
// RetweetedStatuses are never shown immediately
|
|
|
|
const retweetedStatus = addStatus(status.retweeted_status, false, false)
|
|
|
|
|
|
|
|
let retweet
|
|
|
|
// If the retweeted status is already there, don't add the retweet
|
|
|
|
// to the timeline.
|
2016-11-24 17:15:34 +00:00
|
|
|
if (timeline && find(timelineObject.visibleStatuses, {id: retweetedStatus.id})) {
|
2016-11-21 15:33:08 +00:00
|
|
|
// Already have it visible, don't add to timeline, don't show.
|
|
|
|
retweet = addStatus(status, false, false)
|
|
|
|
} else {
|
|
|
|
retweet = addStatus(status, showImmediately)
|
2016-11-07 17:36:11 +00:00
|
|
|
}
|
2016-11-21 15:33:08 +00:00
|
|
|
|
|
|
|
retweet.retweeted_status = retweetedStatus
|
|
|
|
},
|
|
|
|
'favorite': (favorite) => {
|
2016-11-25 15:56:08 +00:00
|
|
|
// Only update if this is a new favorite.
|
|
|
|
if (!state.favorites.has(favorite.id)) {
|
|
|
|
state.favorites.add(favorite.id)
|
|
|
|
updateMaxId(favorite)
|
|
|
|
favoriteStatus(favorite)
|
|
|
|
}
|
2016-11-21 15:33:08 +00:00
|
|
|
},
|
2016-11-22 10:29:52 +00:00
|
|
|
'deletion': (deletion) => {
|
|
|
|
const uri = deletion.uri
|
|
|
|
updateMaxId(deletion)
|
|
|
|
|
|
|
|
remove(allStatuses, { uri })
|
2016-11-24 17:15:34 +00:00
|
|
|
if (timeline) {
|
|
|
|
remove(timelineObject.statuses, { uri })
|
|
|
|
remove(timelineObject.visibleStatuses, { uri })
|
|
|
|
}
|
2016-11-21 15:33:08 +00:00
|
|
|
},
|
|
|
|
'default': (unknown) => {
|
2016-11-27 17:54:51 +00:00
|
|
|
console.log('unknown status type')
|
2016-11-21 15:33:08 +00:00
|
|
|
console.log(unknown)
|
2016-11-18 18:48:02 +00:00
|
|
|
}
|
2016-11-21 15:33:08 +00:00
|
|
|
}
|
2016-11-18 18:48:02 +00:00
|
|
|
|
2016-11-21 15:33:08 +00:00
|
|
|
each(statuses, (status) => {
|
|
|
|
const type = statusType(status)
|
|
|
|
const processor = processors[type] || processors['default']
|
|
|
|
processor(status)
|
|
|
|
})
|
2016-11-18 18:48:02 +00:00
|
|
|
|
2016-11-21 15:33:08 +00:00
|
|
|
// Keep the visible statuses sorted
|
2016-11-24 17:15:34 +00:00
|
|
|
if (timeline) {
|
|
|
|
timelineObject.visibleStatuses = sortBy(timelineObject.visibleStatuses, ({id}) => -id)
|
|
|
|
timelineObject.statuses = sortBy(timelineObject.statuses, ({id}) => -id)
|
|
|
|
timelineObject.minVisibleId = (last(timelineObject.statuses) || {}).id
|
|
|
|
}
|
2016-11-21 15:33:08 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
export const mutations = {
|
|
|
|
addNewStatuses,
|
2016-11-07 17:04:00 +00: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-13 16:09:16 +00:00
|
|
|
setRetweeted (state, { status, value }) {
|
|
|
|
const newStatus = find(state.allStatuses, status)
|
|
|
|
newStatus.repeated = value
|
|
|
|
},
|
2016-11-07 17:04:00 +00:00
|
|
|
setLoading (state, { timeline, value }) {
|
|
|
|
state.timelines[timeline].loading = value
|
|
|
|
},
|
|
|
|
setNsfw (state, { id, nsfw }) {
|
2016-11-07 17:47:38 +00:00
|
|
|
const newStatus = find(state.allStatuses, { id })
|
|
|
|
newStatus.nsfw = nsfw
|
2016-11-07 17:04:00 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2016-10-26 17:03:55 +00:00
|
|
|
const statuses = {
|
|
|
|
state: defaultState,
|
2016-10-30 15:12:35 +00:00
|
|
|
actions: {
|
2016-11-24 17:15:34 +00:00
|
|
|
addNewStatuses ({ rootState, commit }, { statuses, showImmediately = false, timeline = false }) {
|
2016-11-18 21:55:04 +00:00
|
|
|
commit('addNewStatuses', { statuses, showImmediately, timeline, user: rootState.users.currentUser })
|
|
|
|
},
|
2016-10-30 15:12:35 +00:00
|
|
|
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-13 16:09:16 +00:00
|
|
|
},
|
|
|
|
retweet ({ rootState, commit }, status) {
|
|
|
|
// Optimistic retweeting...
|
|
|
|
commit('setRetweeted', { status, value: true })
|
|
|
|
apiService.retweet({ id: status.id, credentials: rootState.users.currentUser.credentials })
|
2016-10-30 15:12:35 +00:00
|
|
|
}
|
|
|
|
},
|
2016-11-07 17:04:00 +00:00
|
|
|
mutations
|
2016-10-26 17:03:55 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
export default statuses
|