akkoma-fe/src/modules/statuses.js

440 lines
14 KiB
JavaScript
Raw Normal View History

import { includes, remove, slice, sortBy, toInteger, each, find, flatten, maxBy, minBy, merge, last, isArray } from 'lodash'
import { set } from 'vue'
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
const emptyTl = () => ({
statuses: [],
statusesObject: {},
faves: [],
visibleStatuses: [],
visibleStatusesObject: {},
newStatusCount: 0,
maxId: 0,
minVisibleId: 0,
loading: false,
followers: [],
friends: [],
viewing: 'statuses',
flushMarker: 0
})
export const defaultState = {
2016-10-26 17:03:55 +00:00
allStatuses: [],
2017-03-08 20:04:48 +00:00
allStatusesObject: {},
2016-10-26 17:03:55 +00:00
maxId: 0,
notifications: {
maxId: 0,
maxSavedId: 0,
minId: Number.POSITIVE_INFINITY,
2018-08-16 10:12:31 +00:00
data: [],
brokenFavorites: {}
},
2016-11-25 15:56:08 +00:00
favorites: new Set(),
error: false,
2016-10-26 17:03:55 +00:00
timelines: {
mentions: emptyTl(),
public: emptyTl(),
user: emptyTl(),
2018-08-16 10:12:31 +00:00
own: emptyTl(),
publicAndExternal: emptyTl(),
friends: emptyTl(),
tag: emptyTl()
2016-10-26 17:03:55 +00:00
}
}
2017-06-18 17:19:17 +00:00
const isNsfw = (status) => {
const nsfwRegex = /#nsfw/i
return includes(status.tags, 'nsfw') || !!status.text.match(nsfwRegex)
}
2016-11-15 09:35:16 +00:00
export const prepareStatus = (status) => {
// Parse nsfw tags
if (status.nsfw === undefined) {
2017-06-18 17:19:17 +00:00
status.nsfw = isNsfw(status)
if (status.retweeted_status) {
2018-04-23 17:07:47 +00:00
status.nsfw = status.retweeted_status.nsfw
}
2016-11-15 09:35:16 +00:00
}
// Set deleted flag
status.deleted = false
2016-12-01 17:05:20 +00:00
// To make the array reactive
status.attachments = status.attachments || []
2016-11-15 09:35:16 +00:00
return status
}
2016-11-27 17:54:17 +00:00
export const statusType = (status) => {
if (status.is_post_verb) {
return 'status'
}
2016-11-13 21:09:27 +00:00
if (status.retweeted_status) {
return 'retweet'
}
2016-11-13 21:09:27 +00:00
if ((typeof status.uri === 'string' && status.uri.match(/(fave|objectType=Favourite)/)) ||
(typeof status.text === 'string' && status.text.match(/favorited/))) {
return 'favorite'
}
2016-11-13 21:40:33 +00:00
if (status.text.match(/deleted notice {{tag/) || status.qvitter_delete_notice) {
return 'deletion'
}
2017-08-24 18:53:31 +00:00
// TODO change to status.activity_type === 'follow' when gs supports it
2017-08-10 16:17:40 +00:00
if (status.text.match(/started following/)) {
return 'follow'
}
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
}
2017-03-08 20:04:48 +00:00
const mergeOrAdd = (arr, obj, item) => {
const oldItem = obj[item.id]
if (oldItem) {
// We already have this, so only merge the new info.
merge(oldItem, item)
2016-12-01 17:05:20 +00:00
// Reactivity fix.
oldItem.attachments.splice(oldItem.attachments.length)
2016-11-19 11:39:10 +00:00
return {item: oldItem, new: false}
} else {
// This is a new item, prepare it
prepareStatus(item)
arr.push(item)
2017-03-08 20:04:48 +00:00
obj[item.id] = item
2016-11-19 11:39:10 +00:00
return {item, new: true}
}
}
2016-12-03 11:43:21 +00:00
const sortTimeline = (timeline) => {
timeline.visibleStatuses = sortBy(timeline.visibleStatuses, ({id}) => -id)
timeline.statuses = sortBy(timeline.statuses, ({id}) => -id)
timeline.minVisibleId = (last(timeline.visibleStatuses) || {}).id
2016-12-03 11:43:21 +00:00
return timeline
}
const addNewStatuses = (state, { statuses, showImmediately = false, timeline, user = {}, noIdUpdate = false }) => {
// Sanity check
if (!isArray(statuses)) {
return false
}
2016-11-21 15:33:08 +00:00
const allStatuses = state.allStatuses
2017-03-08 20:04:48 +00:00
const allStatusesObject = state.allStatusesObject
2016-11-21 15:33:08 +00:00
const timelineObject = state.timelines[timeline]
2016-11-15 09:35:16 +00:00
const maxNew = statuses.length > 0 ? maxBy(statuses, 'id').id : 0
const older = timeline && maxNew < timelineObject.maxId
if (timeline && !noIdUpdate && statuses.length > 0 && !older) {
timelineObject.maxId = maxNew
2016-11-21 15:33:08 +00:00
}
2016-11-21 15:33:08 +00:00
const addStatus = (status, showImmediately, addToTimeline = true) => {
2017-03-08 20:04:48 +00:00
const result = mergeOrAdd(allStatuses, allStatusesObject, status)
2016-11-21 15:33:08 +00:00
status = result.item
2018-08-16 10:12:31 +00:00
const brokenFavorites = state.notifications.brokenFavorites[status.id] || []
brokenFavorites.forEach((fav) => {
fav.status = status
})
delete state.notifications.brokenFavorites[status.id]
2016-11-21 15:33:08 +00:00
if (result.new) {
2016-12-03 11:43:21 +00:00
// We are mentioned in a post
2016-11-27 18:11:05 +00:00
if (statusType(status) === 'status' && find(status.attentions, { id: user.id })) {
2016-12-03 11:43:21 +00:00
const mentions = state.timelines.mentions
// Add the mention to the mentions timeline
if (timelineObject !== mentions) {
2017-03-08 20:04:48 +00:00
mergeOrAdd(mentions.statuses, mentions.statusesObject, status)
mentions.newStatusCount += 1
2016-12-03 11:43:21 +00:00
sortTimeline(mentions)
}
2016-11-27 18:11:05 +00:00
}
2016-11-21 15:33:08 +00:00
}
// Decide if we should treat the status as new for this timeline.
let resultForCurrentTimeline
2016-11-21 15:33:08 +00:00
// Some statuses should only be added to the global status repository.
if (timeline && addToTimeline) {
2017-03-08 20:04:48 +00:00
resultForCurrentTimeline = mergeOrAdd(timelineObject.statuses, timelineObject.statusesObject, status)
}
2016-11-18 15:05:04 +00:00
if (timeline && showImmediately) {
2016-11-21 15:33:08 +00:00
// Add it directly to the visibleStatuses, don't change
// newStatusCount
2017-03-08 20:04:48 +00:00
mergeOrAdd(timelineObject.visibleStatuses, timelineObject.visibleStatusesObject, status)
} else if (timeline && addToTimeline && resultForCurrentTimeline.new) {
2016-11-21 15:33:08 +00:00
// Just change newStatuscount
timelineObject.newStatusCount += 1
}
2016-11-21 15:33:08 +00:00
return status
}
2018-08-16 10:12:31 +00:00
const favoriteStatus = (favorite, counter) => {
2016-11-21 15:33:08 +00:00
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
}
}
2016-11-21 15:33:08 +00:00
return status
}
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.
if (timeline && find(timelineObject.statuses, (s) => {
if (s.retweeted_status) {
return s.id === retweetedStatus.id || s.retweeted_status.id === retweetedStatus.id
} else {
return s.id === retweetedStatus.id
}
})) {
// Already have it visible (either as the original or another RT), don't add to timeline, don't show.
2016-11-21 15:33:08 +00:00
retweet = addStatus(status, false, false)
} else {
retweet = addStatus(status, showImmediately)
}
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)
favoriteStatus(favorite)
}
2016-11-21 15:33:08 +00:00
},
'deletion': (deletion) => {
const uri = deletion.uri
// Remove possible notification
const status = find(allStatuses, {uri})
if (!status) {
return
}
remove(state.notifications.data, ({action: {id}}) => id === status.id)
remove(allStatuses, { uri })
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-21 15:33:08 +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-21 15:33:08 +00:00
// Keep the visible statuses sorted
if (timeline) {
2016-12-03 11:43:21 +00:00
sortTimeline(timelineObject)
if ((older || timelineObject.minVisibleId <= 0) && statuses.length > 0) {
timelineObject.minVisibleId = minBy(statuses, 'id').id
}
}
2016-11-21 15:33:08 +00:00
}
2018-08-16 10:12:31 +00:00
const addNewNotifications = (state, { dispatch, notifications, older }) => {
const allStatuses = state.allStatuses
each(notifications, (notification) => {
const action = notification.notice
// Only add a new notification if we don't have one for the same action
if (!find(state.notifications.data, (oldNotification) => oldNotification.action.id === action.id)) {
state.notifications.maxId = Math.max(notification.id, state.notifications.maxId)
state.notifications.minId = Math.min(notification.id, state.notifications.minId)
2018-08-12 11:15:09 +00:00
const fresh = !older && !notification.is_seen && notification.id > state.notifications.maxSavedId
const status = notification.ntype === 'like'
? find(allStatuses, { id: action.in_reply_to_status_id })
: action
2018-08-16 10:12:31 +00:00
const result = {
type: notification.ntype,
status,
action,
// Always assume older notifications as seen
seen: !fresh
2018-08-16 10:12:31 +00:00
}
if (notification.ntype === 'like' && !status) {
let broken = state.notifications.brokenFavorites[action.in_reply_to_status_id]
if (broken) {
broken.push(result)
} else {
dispatch('fetchOldPost', { postId: action.in_reply_to_status_id })
broken = [ result ]
state.notifications.brokenFavorites[action.in_reply_to_status_id] = broken
}
}
state.notifications.data.push(result)
if ('Notification' in window && window.Notification.permission === 'granted') {
const title = action.user.name
const result = {}
result.icon = action.user.profile_image_url
result.body = action.text // there's a problem that it doesn't put a space before links tho
// Shows first attached non-nsfw image, if any. Should add configuration for this somehow...
if (action.attachments && action.attachments.length > 0 && !action.nsfw &&
action.attachments[0].mimetype.startsWith('image/')) {
result.image = action.attachments[0].url
}
if (fresh) {
let notification = new window.Notification(title, result)
// Chrome is known for not closing notifications automatically
// according to MDN, anyway.
setTimeout(notification.close.bind(notification), 5000)
}
}
}
})
}
2016-11-21 15:33:08 +00:00
export const mutations = {
addNewStatuses,
addNewNotifications,
showNewStatuses (state, { timeline }) {
const oldTimeline = (state.timelines[timeline])
oldTimeline.newStatusCount = 0
oldTimeline.visibleStatuses = slice(oldTimeline.statuses, 0, 50)
oldTimeline.minVisibleId = last(oldTimeline.visibleStatuses).id
2017-03-08 20:04:48 +00:00
oldTimeline.visibleStatusesObject = {}
each(oldTimeline.visibleStatuses, (status) => { oldTimeline.visibleStatusesObject[status.id] = status })
},
2017-06-12 14:30:56 +00:00
clearTimeline (state, { timeline }) {
state.timelines[timeline] = emptyTl()
2017-06-12 14:30:56 +00:00
},
setFavorited (state, { status, value }) {
2017-03-08 20:04:48 +00:00
const newStatus = state.allStatusesObject[status.id]
newStatus.favorited = value
},
2016-11-13 16:09:16 +00:00
setRetweeted (state, { status, value }) {
2017-03-08 20:04:48 +00:00
const newStatus = state.allStatusesObject[status.id]
2016-11-13 16:09:16 +00:00
newStatus.repeated = value
},
setDeleted (state, { status }) {
2017-03-08 20:04:48 +00:00
const newStatus = state.allStatusesObject[status.id]
newStatus.deleted = true
},
setLoading (state, { timeline, value }) {
state.timelines[timeline].loading = value
},
setNsfw (state, { id, nsfw }) {
2017-03-08 20:04:48 +00:00
const newStatus = state.allStatusesObject[id]
2016-11-07 17:47:38 +00:00
newStatus.nsfw = nsfw
},
setError (state, { value }) {
state.error = value
},
setNotificationsError (state, { value }) {
state.notificationsError = value
},
2017-08-21 17:25:01 +00:00
setProfileView (state, { v }) {
// load followers / friends only when needed
state.timelines['user'].viewing = v
},
addFriends (state, { friends }) {
state.timelines['user'].friends = friends
},
addFollowers (state, { followers }) {
state.timelines['user'].followers = followers
},
markNotificationsAsSeen (state, notifications) {
set(state.notifications, 'maxSavedId', state.notifications.maxId)
each(notifications, (notification) => {
notification.seen = true
})
},
queueFlush (state, { timeline, id }) {
state.timelines[timeline].flushMarker = id
}
}
2016-10-26 17:03:55 +00:00
const statuses = {
state: defaultState,
2016-10-30 15:12:35 +00:00
actions: {
addNewStatuses ({ rootState, commit }, { statuses, showImmediately = false, timeline = false, noIdUpdate = false }) {
commit('addNewStatuses', { statuses, showImmediately, timeline, noIdUpdate, user: rootState.users.currentUser })
},
2018-08-16 10:12:31 +00:00
addNewNotifications ({ rootState, commit, dispatch }, { notifications, older }) {
commit('addNewNotifications', { dispatch, notifications, older })
},
setError ({ rootState, commit }, { value }) {
commit('setError', { value })
},
setNotificationsError ({ rootState, commit }, { value }) {
commit('setNotificationsError', { value })
},
2017-08-21 17:25:01 +00:00
addFriends ({ rootState, commit }, { friends }) {
commit('addFriends', { friends })
},
addFollowers ({ rootState, commit }, { followers }) {
commit('addFollowers', { followers })
},
deleteStatus ({ rootState, commit }, status) {
commit('setDeleted', { status })
apiService.deleteStatus({ id: status.id, credentials: rootState.users.currentUser.credentials })
},
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 })
},
2018-06-14 21:17:36 +00:00
unretweet ({ rootState, commit }, status) {
commit('setRetweeted', { status, value: false })
apiService.unretweet({ id: status.id, credentials: rootState.users.currentUser.credentials })
},
queueFlush ({ rootState, commit }, { timeline, id }) {
commit('queueFlush', { timeline, id })
2016-10-30 15:12:35 +00:00
}
},
mutations
2016-10-26 17:03:55 +00:00
}
export default statuses