kopia lustrzana https://gitlab.com/soapbox-pub/soapbox
Timelines: big refactor, use Immutable.OrderedSet
Alex Gleason
rodzic
c5c1c24417
commit
2978745311
|
|
@ -1,6 +1,6 @@
|
|||
import { importFetchedStatus, importFetchedStatuses } from './importer';
|
||||
import api, { getLinks } from '../api';
|
||||
import { Map as ImmutableMap, List as ImmutableList, fromJS } from 'immutable';
|
||||
import { Map as ImmutableMap, OrderedSet as ImmutableOrderedSet, fromJS } from 'immutable';
|
||||
import { getSettings } from 'soapbox/actions/settings';
|
||||
import { shouldFilter } from 'soapbox/utils/timelines';
|
||||
|
||||
|
|
@ -65,7 +65,7 @@ export function updateTimelineQueue(timeline, statusId, accept) {
|
|||
|
||||
export function dequeueTimeline(timeline, expandFunc, optionalExpandArgs) {
|
||||
return (dispatch, getState) => {
|
||||
const queuedItems = getState().getIn(['timelines', timeline, 'queuedItems'], ImmutableList());
|
||||
const queuedItems = getState().getIn(['timelines', timeline, 'queuedItems'], ImmutableOrderedSet());
|
||||
const totalQueuedItemsCount = getState().getIn(['timelines', timeline, 'totalQueuedItemsCount'], 0);
|
||||
|
||||
let shouldDispatchDequeue = true;
|
||||
|
|
@ -142,7 +142,7 @@ export function expandTimeline(timelineId, path, params = {}, done = noOp) {
|
|||
return;
|
||||
}
|
||||
|
||||
if (!params.max_id && !params.pinned && timeline.get('items', ImmutableList()).size > 0) {
|
||||
if (!params.max_id && !params.pinned && timeline.get('items', ImmutableOrderedSet()).size > 0) {
|
||||
params.since_id = timeline.getIn(['items', 0]);
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@ export default class StatusList extends ImmutablePureComponent {
|
|||
|
||||
static propTypes = {
|
||||
scrollKey: PropTypes.string.isRequired,
|
||||
statusIds: ImmutablePropTypes.list.isRequired,
|
||||
statusIds: ImmutablePropTypes.orderedSet.isRequired,
|
||||
lastStatusId: PropTypes.string,
|
||||
featuredStatusIds: ImmutablePropTypes.list,
|
||||
onLoadMore: PropTypes.func,
|
||||
|
|
|
|||
|
|
@ -17,8 +17,12 @@ import {
|
|||
ACCOUNT_MUTE_SUCCESS,
|
||||
ACCOUNT_UNFOLLOW_SUCCESS,
|
||||
} from '../actions/accounts';
|
||||
import { Map as ImmutableMap, List as ImmutableList, fromJS } from 'immutable';
|
||||
import compareId from '../compare_id';
|
||||
import {
|
||||
Map as ImmutableMap,
|
||||
List as ImmutableList,
|
||||
OrderedSet as ImmutableOrderedSet,
|
||||
fromJS,
|
||||
} from 'immutable';
|
||||
import { GROUP_REMOVE_STATUS_SUCCESS } from '../actions/groups';
|
||||
|
||||
const initialState = ImmutableMap();
|
||||
|
|
@ -29,139 +33,181 @@ const initialTimeline = ImmutableMap({
|
|||
top: true,
|
||||
isLoading: false,
|
||||
hasMore: true,
|
||||
items: ImmutableList(),
|
||||
queuedItems: ImmutableList(), //max= MAX_QUEUED_ITEMS
|
||||
items: ImmutableOrderedSet(),
|
||||
queuedItems: ImmutableOrderedSet(), //max= MAX_QUEUED_ITEMS
|
||||
totalQueuedItemsCount: 0, //used for queuedItems overflow for MAX_QUEUED_ITEMS+
|
||||
});
|
||||
|
||||
const expandNormalizedTimeline = (state, timeline, statuses, next, isPartial, isLoadingRecent) => {
|
||||
return state.update(timeline, initialTimeline, map => map.withMutations(mMap => {
|
||||
mMap.set('isLoading', false);
|
||||
mMap.set('isPartial', isPartial);
|
||||
const getStatusIds = (statuses = ImmutableList()) => (
|
||||
statuses.map(status => status.get('id')).toOrderedSet()
|
||||
);
|
||||
|
||||
if (!next && !isLoadingRecent) mMap.set('hasMore', false);
|
||||
const mergeStatusIds = (oldIds = ImmutableOrderedSet(), newIds = ImmutableOrderedSet()) => (
|
||||
newIds.first() > oldIds.first() ? newIds.union(oldIds) : oldIds.union(newIds)
|
||||
);
|
||||
|
||||
if (!statuses.isEmpty()) {
|
||||
mMap.update('items', ImmutableList(), oldIds => {
|
||||
const newIds = statuses.map(status => status.get('id'));
|
||||
const addStatusId = (oldIds = ImmutableOrderedSet(), newId) => (
|
||||
mergeStatusIds(oldIds, ImmutableOrderedSet([newId]))
|
||||
);
|
||||
|
||||
if (timeline.indexOf(':pinned') !== -1) {
|
||||
return newIds;
|
||||
// Like `take`, but only if the collection's size exceeds truncateLimit
|
||||
const truncate = (items, truncateLimit, newSize) => (
|
||||
items.size > truncateLimit ? items.take(newSize) : items
|
||||
);
|
||||
|
||||
const setLoading = (state, timelineId, loading) => {
|
||||
return state.update(timelineId, initialTimeline, timeline => timeline.set('isLoading', loading));
|
||||
};
|
||||
|
||||
const expandNormalizedTimeline = (state, timelineId, statuses, next, isPartial, isLoadingRecent) => {
|
||||
const newIds = getStatusIds(statuses);
|
||||
|
||||
return state.update(timelineId, initialTimeline, timeline => timeline.withMutations(timeline => {
|
||||
timeline.set('isLoading', false);
|
||||
timeline.set('isPartial', isPartial);
|
||||
|
||||
if (!next && !isLoadingRecent) timeline.set('hasMore', false);
|
||||
|
||||
// Pinned timelines can be replaced entirely
|
||||
if (timelineId.endsWith(':pinned')) {
|
||||
timeline.set('items', newIds);
|
||||
return;
|
||||
}
|
||||
|
||||
const lastIndex = oldIds.findLastIndex(id => id !== null && compareId(id, newIds.last()) >= 0) + 1;
|
||||
const firstIndex = oldIds.take(lastIndex).findLastIndex(id => id !== null && compareId(id, newIds.first()) > 0);
|
||||
|
||||
if (firstIndex < 0) {
|
||||
return (isPartial ? newIds.unshift(null) : newIds).concat(oldIds.skip(lastIndex));
|
||||
}
|
||||
|
||||
return oldIds.take(firstIndex + 1).concat(
|
||||
isPartial && oldIds.get(firstIndex) !== null ? newIds.unshift(null) : newIds,
|
||||
oldIds.skip(lastIndex),
|
||||
);
|
||||
});
|
||||
if (!newIds.isEmpty()) {
|
||||
timeline.update('items', ImmutableOrderedSet(), oldIds => mergeStatusIds(oldIds, newIds));
|
||||
}
|
||||
}));
|
||||
};
|
||||
|
||||
const updateTimeline = (state, timeline, statusId) => {
|
||||
const top = state.getIn([timeline, 'top']);
|
||||
const ids = state.getIn([timeline, 'items'], ImmutableList());
|
||||
const includesId = ids.includes(statusId);
|
||||
const unread = state.getIn([timeline, 'unread'], 0);
|
||||
const updateTimeline = (state, timelineId, statusId) => {
|
||||
const top = state.getIn([timelineId, 'top']);
|
||||
const oldIds = state.getIn([timelineId, 'items'], ImmutableOrderedSet());
|
||||
const unread = state.getIn([timelineId, 'unread'], 0);
|
||||
|
||||
if (includesId) {
|
||||
return state;
|
||||
if (oldIds.includes(statusId)) return state;
|
||||
|
||||
const newIds = addStatusId(oldIds, statusId);
|
||||
|
||||
return state.update(timelineId, initialTimeline, timeline => timeline.withMutations(timeline => {
|
||||
if (top) {
|
||||
// For performance, truncate items if user is scrolled to the top
|
||||
timeline.set('items', truncate(newIds, 40, 20));
|
||||
} else {
|
||||
timeline.set('unread', unread + 1);
|
||||
timeline.set('items', newIds);
|
||||
}
|
||||
|
||||
let newIds = ids;
|
||||
|
||||
return state.update(timeline, initialTimeline, map => map.withMutations(mMap => {
|
||||
if (!top) mMap.set('unread', unread + 1);
|
||||
if (top && ids.size > 40) newIds = newIds.take(20);
|
||||
mMap.set('items', newIds.unshift(statusId));
|
||||
}));
|
||||
};
|
||||
|
||||
const updateTimelineQueue = (state, timeline, statusId) => {
|
||||
const queuedStatuses = state.getIn([timeline, 'queuedItems'], ImmutableList());
|
||||
const listedStatuses = state.getIn([timeline, 'items'], ImmutableList());
|
||||
const totalQueuedItemsCount = state.getIn([timeline, 'totalQueuedItemsCount'], 0);
|
||||
const updateTimelineQueue = (state, timelineId, statusId) => {
|
||||
const queuedIds = state.getIn([timelineId, 'queuedItems'], ImmutableOrderedSet());
|
||||
const listedIds = state.getIn([timelineId, 'items'], ImmutableOrderedSet());
|
||||
const queuedCount = state.getIn([timelineId, 'totalQueuedItemsCount'], 0);
|
||||
|
||||
let alreadyExists = queuedStatuses.find(existingQueuedStatus => existingQueuedStatus === statusId);
|
||||
if (!alreadyExists) alreadyExists = listedStatuses.find(existingListedStatusId => existingListedStatusId === statusId);
|
||||
if (queuedIds.includes(statusId)) return state;
|
||||
if (listedIds.includes(statusId)) return state;
|
||||
|
||||
if (alreadyExists) {
|
||||
return state;
|
||||
return state.update(timelineId, initialTimeline, timeline => timeline.withMutations(timeline => {
|
||||
timeline.set('totalQueuedItemsCount', queuedCount + 1);
|
||||
|
||||
if (queuedCount < MAX_QUEUED_ITEMS) {
|
||||
timeline.set('queuedItems', addStatusId(queuedIds, statusId));
|
||||
}
|
||||
|
||||
let newQueuedStatuses = queuedStatuses;
|
||||
|
||||
return state.update(timeline, initialTimeline, map => map.withMutations(mMap => {
|
||||
if (totalQueuedItemsCount <= MAX_QUEUED_ITEMS) {
|
||||
mMap.set('queuedItems', newQueuedStatuses.push(statusId));
|
||||
}
|
||||
mMap.set('totalQueuedItemsCount', totalQueuedItemsCount + 1);
|
||||
}));
|
||||
};
|
||||
|
||||
const deleteStatus = (state, id, accountId, references, exclude_account = null) => {
|
||||
state.keySeq().forEach(timeline => {
|
||||
if (exclude_account === null || (timeline !== `account:${exclude_account}` && !timeline.startsWith(`account:${exclude_account}:`)))
|
||||
state = state.updateIn([timeline, 'items'], list => list.filterNot(item => item === id));
|
||||
const shouldDelete = (timelineId, excludeAccount) => {
|
||||
if (!excludeAccount) return true;
|
||||
if (timelineId === `account:${excludeAccount}`) return false;
|
||||
if (timelineId.startsWith(`account:${excludeAccount}:`)) return false;
|
||||
return true;
|
||||
};
|
||||
|
||||
const deleteStatus = (state, statusId, accountId, references, excludeAccount = null) => {
|
||||
return state.withMutations(state => {
|
||||
state.keySeq().forEach(timelineId => {
|
||||
if (shouldDelete(timelineId, excludeAccount)) {
|
||||
state.updateIn([timelineId, 'items'], ids => ids.delete(statusId));
|
||||
state.updateIn([timelineId, 'queuedItems'], ids => ids.delete(statusId));
|
||||
}
|
||||
});
|
||||
|
||||
// Remove reblogs of deleted status
|
||||
references.forEach(ref => {
|
||||
state = deleteStatus(state, ref[0], ref[1], [], exclude_account);
|
||||
deleteStatus(state, ref[0], ref[1], [], excludeAccount);
|
||||
});
|
||||
|
||||
return state;
|
||||
};
|
||||
|
||||
const clearTimeline = (state, timeline) => {
|
||||
return state.set(timeline, initialTimeline);
|
||||
};
|
||||
|
||||
const filterTimelines = (state, relationship, statuses) => {
|
||||
let references;
|
||||
|
||||
statuses.forEach(status => {
|
||||
if (status.get('account') !== relationship.id) {
|
||||
return;
|
||||
}
|
||||
|
||||
references = statuses.filter(item => item.get('reblog') === status.get('id')).map(item => [item.get('id'), item.get('account')]);
|
||||
state = deleteStatus(state, status.get('id'), status.get('account'), references, relationship.id);
|
||||
});
|
||||
|
||||
return state;
|
||||
};
|
||||
|
||||
const updateTop = (state, timeline, top) => {
|
||||
return state.update(timeline, initialTimeline, map => map.withMutations(mMap => {
|
||||
if (top) mMap.set('unread', 0);
|
||||
mMap.set('top', top);
|
||||
const clearTimeline = (state, timelineId) => {
|
||||
return state.set(timelineId, initialTimeline);
|
||||
};
|
||||
|
||||
const updateTop = (state, timelineId, top) => {
|
||||
return state.update(timelineId, initialTimeline, timeline => timeline.withMutations(timeline => {
|
||||
if (top) timeline.set('unread', 0);
|
||||
timeline.set('top', top);
|
||||
}));
|
||||
};
|
||||
|
||||
const filterTimeline = (timeline, state, relationship, statuses) =>
|
||||
state.updateIn([timeline, 'items'], ImmutableList(), list =>
|
||||
list.filterNot(statusId =>
|
||||
const isReblogOf = (reblog, status) => reblog.get('reblog') === status.get('id');
|
||||
const statusToReference = status => [status.get('id'), status.get('account')];
|
||||
|
||||
const buildReferencesTo = (statuses, status) => (
|
||||
statuses
|
||||
.filter(reblog => isReblogOf(reblog, status))
|
||||
.map(statusToReference)
|
||||
);
|
||||
|
||||
const filterTimeline = (state, timelineId, relationship, statuses) =>
|
||||
state.updateIn([timelineId, 'items'], ImmutableOrderedSet(), ids =>
|
||||
ids.filterNot(statusId =>
|
||||
statuses.getIn([statusId, 'account']) === relationship.id,
|
||||
));
|
||||
|
||||
const filterTimelines = (state, relationship, statuses) => {
|
||||
return state.withMutations(state => {
|
||||
statuses.forEach(status => {
|
||||
if (status.get('account') !== relationship.id) return;
|
||||
const references = buildReferencesTo(statuses, status);
|
||||
deleteStatus(state, status.get('id'), status.get('account'), references, relationship.id);
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
const removeStatusFromGroup = (state, groupId, statusId) => {
|
||||
return state.updateIn([`group:${groupId}`, 'items'], list => list.filterNot(item => item === statusId));
|
||||
return state.updateIn([`group:${groupId}`, 'items'], ImmutableOrderedSet(), ids => ids.delete(statusId));
|
||||
};
|
||||
|
||||
const timelineDequeue = (state, timelineId) => {
|
||||
return state.update(timelineId, initialTimeline, timeline => timeline.withMutations(timeline => {
|
||||
timeline.set('queuedItems', ImmutableOrderedSet());
|
||||
timeline.set('totalQueuedItemsCount', 0);
|
||||
}));
|
||||
};
|
||||
|
||||
const timelineConnect = (state, timelineId) => {
|
||||
return state.update(timelineId, initialTimeline, timeline => timeline.set('online', true));
|
||||
};
|
||||
|
||||
const timelineDisconnect = (state, timelineId) => {
|
||||
return state.update(timelineId, initialTimeline, timeline => timeline.withMutations(timeline => {
|
||||
timeline.set('online', false);
|
||||
|
||||
const items = timeline.get('items', ImmutableOrderedSet());
|
||||
if (items.isEmpty()) return;
|
||||
|
||||
timeline.set('items', addStatusId(items, null));
|
||||
}));
|
||||
};
|
||||
|
||||
export default function timelines(state = initialState, action) {
|
||||
switch(action.type) {
|
||||
case TIMELINE_EXPAND_REQUEST:
|
||||
return state.update(action.timeline, initialTimeline, map => map.set('isLoading', true));
|
||||
return setLoading(state, action.timeline, true);
|
||||
case TIMELINE_EXPAND_FAIL:
|
||||
return state.update(action.timeline, initialTimeline, map => map.set('isLoading', false));
|
||||
return setLoading(state, action.timeline, false);
|
||||
case TIMELINE_EXPAND_SUCCESS:
|
||||
return expandNormalizedTimeline(state, action.timeline, fromJS(action.statuses), action.next, action.partial, action.isLoadingRecent);
|
||||
case TIMELINE_UPDATE:
|
||||
|
|
@ -169,10 +215,7 @@ export default function timelines(state = initialState, action) {
|
|||
case TIMELINE_UPDATE_QUEUE:
|
||||
return updateTimelineQueue(state, action.timeline, action.statusId);
|
||||
case TIMELINE_DEQUEUE:
|
||||
return state.update(action.timeline, initialTimeline, map => map.withMutations(mMap => {
|
||||
mMap.set('queuedItems', ImmutableList());
|
||||
mMap.set('totalQueuedItemsCount', 0);
|
||||
}));
|
||||
return timelineDequeue(state, action.timeline);
|
||||
case TIMELINE_DELETE:
|
||||
return deleteStatus(state, action.id, action.accountId, action.references, action.reblogOf);
|
||||
case TIMELINE_CLEAR:
|
||||
|
|
@ -181,17 +224,13 @@ export default function timelines(state = initialState, action) {
|
|||
case ACCOUNT_MUTE_SUCCESS:
|
||||
return filterTimelines(state, action.relationship, action.statuses);
|
||||
case ACCOUNT_UNFOLLOW_SUCCESS:
|
||||
return filterTimeline('home', state, action.relationship, action.statuses);
|
||||
case TIMELINE_CONNECT:
|
||||
return state.update(action.timeline, initialTimeline, map => map.set('online', true));
|
||||
return filterTimeline(state, 'home', action.relationship, action.statuses);
|
||||
case TIMELINE_SCROLL_TOP:
|
||||
return updateTop(state, action.timeline, action.top);
|
||||
case TIMELINE_CONNECT:
|
||||
return timelineConnect(state, action.timeline);
|
||||
case TIMELINE_DISCONNECT:
|
||||
return state.update(
|
||||
action.timeline,
|
||||
initialTimeline,
|
||||
map => map.set('online', false).update('items', items => items.first() ? items.unshift(null) : items),
|
||||
);
|
||||
return timelineDisconnect(state, action.timeline);
|
||||
case GROUP_REMOVE_STATUS_SUCCESS:
|
||||
return removeStatusFromGroup(state, action.groupId, action.id);
|
||||
default:
|
||||
|
|
|
|||
Ładowanie…
Reference in New Issue