2017-02-25 19:23:44 -05:00
|
|
|
import { createSelector } from 'reselect';
|
2020-12-07 13:36:36 -05:00
|
|
|
import { List as ImmutableList, Map as ImmutableMap, is } from 'immutable';
|
2018-08-19 12:44:18 -04:00
|
|
|
import { me } from '../initial_state';
|
2016-10-07 18:01:22 -04:00
|
|
|
|
2016-10-30 10:06:43 -04:00
|
|
|
const getAccountBase = (state, id) => state.getIn(['accounts', id], null);
|
2017-05-02 20:04:16 -04:00
|
|
|
const getAccountCounters = (state, id) => state.getIn(['accounts_counters', id], null);
|
2017-04-02 16:02:38 -04:00
|
|
|
const getAccountRelationship = (state, id) => state.getIn(['relationships', id], null);
|
2017-11-18 13:39:02 -05:00
|
|
|
const getAccountMoved = (state, id) => state.getIn(['accounts', state.getIn(['accounts', id, 'moved'])]);
|
2016-10-07 18:01:22 -04:00
|
|
|
|
2016-10-27 15:59:56 -04:00
|
|
|
export const makeGetAccount = () => {
|
2017-11-18 13:39:02 -05:00
|
|
|
return createSelector([getAccountBase, getAccountCounters, getAccountRelationship, getAccountMoved], (base, counters, relationship, moved) => {
|
2016-10-27 15:59:56 -04:00
|
|
|
if (base === null) {
|
|
|
|
return null;
|
|
|
|
}
|
2016-10-07 18:01:22 -04:00
|
|
|
|
2017-11-18 13:39:02 -05:00
|
|
|
return base.merge(counters).withMutations(map => {
|
|
|
|
map.set('relationship', relationship);
|
|
|
|
map.set('moved', moved);
|
|
|
|
});
|
2016-10-27 15:59:56 -04:00
|
|
|
});
|
|
|
|
};
|
2016-10-07 18:01:22 -04:00
|
|
|
|
2018-06-29 09:34:36 -04:00
|
|
|
const toServerSideType = columnType => {
|
|
|
|
switch (columnType) {
|
|
|
|
case 'home':
|
|
|
|
case 'notifications':
|
|
|
|
case 'public':
|
|
|
|
case 'thread':
|
2020-01-23 15:32:00 -05:00
|
|
|
case 'account':
|
2018-06-29 09:34:36 -04:00
|
|
|
return columnType;
|
|
|
|
default:
|
|
|
|
if (columnType.indexOf('list:') > -1) {
|
|
|
|
return 'home';
|
|
|
|
} else {
|
|
|
|
return 'public'; // community, account, hashtag
|
|
|
|
}
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
const escapeRegExp = string =>
|
|
|
|
string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); // $& means the whole matched string
|
|
|
|
|
2019-06-29 18:12:38 -04:00
|
|
|
const regexFromFilters = filters => {
|
2018-06-29 09:34:36 -04:00
|
|
|
if (filters.size === 0) {
|
|
|
|
return null;
|
|
|
|
}
|
|
|
|
|
2018-07-08 20:22:09 -04:00
|
|
|
return new RegExp(filters.map(filter => {
|
|
|
|
let expr = escapeRegExp(filter.get('phrase'));
|
2018-07-09 21:01:50 -04:00
|
|
|
|
|
|
|
if (filter.get('whole_word')) {
|
|
|
|
if (/^[\w]/.test(expr)) {
|
|
|
|
expr = `\\b${expr}`;
|
|
|
|
}
|
|
|
|
|
|
|
|
if (/[\w]$/.test(expr)) {
|
|
|
|
expr = `${expr}\\b`;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
return expr;
|
2018-07-08 20:22:09 -04:00
|
|
|
}).join('|'), 'i');
|
2018-06-29 09:34:36 -04:00
|
|
|
};
|
|
|
|
|
2019-06-29 18:12:38 -04:00
|
|
|
// Memoize the filter regexps for each valid server contextType
|
|
|
|
const makeGetFiltersRegex = () => {
|
|
|
|
let memo = {};
|
|
|
|
|
|
|
|
return (state, { contextType }) => {
|
|
|
|
if (!contextType) return ImmutableList();
|
|
|
|
|
|
|
|
const serverSideType = toServerSideType(contextType);
|
|
|
|
const filters = state.get('filters', ImmutableList()).filter(filter => filter.get('context').includes(serverSideType) && (filter.get('expires_at') === null || Date.parse(filter.get('expires_at')) > (new Date())));
|
|
|
|
|
|
|
|
if (!memo[serverSideType] || !is(memo[serverSideType].filters, filters)) {
|
|
|
|
const dropRegex = regexFromFilters(filters.filter(filter => filter.get('irreversible')));
|
|
|
|
const regex = regexFromFilters(filters);
|
|
|
|
memo[serverSideType] = { filters: filters, results: [dropRegex, regex] };
|
|
|
|
}
|
|
|
|
return memo[serverSideType].results;
|
|
|
|
};
|
|
|
|
};
|
|
|
|
|
|
|
|
export const getFiltersRegex = makeGetFiltersRegex();
|
|
|
|
|
2016-10-24 11:11:02 -04:00
|
|
|
export const makeGetStatus = () => {
|
2017-02-22 10:30:09 -05:00
|
|
|
return createSelector(
|
|
|
|
[
|
2018-06-29 09:34:36 -04:00
|
|
|
(state, { id }) => state.getIn(['statuses', id]),
|
|
|
|
(state, { id }) => state.getIn(['statuses', state.getIn(['statuses', id, 'reblog'])]),
|
|
|
|
(state, { id }) => state.getIn(['accounts', state.getIn(['statuses', id, 'account'])]),
|
|
|
|
(state, { id }) => state.getIn(['accounts', state.getIn(['statuses', state.getIn(['statuses', id, 'reblog']), 'account'])]),
|
2019-06-29 18:12:38 -04:00
|
|
|
getFiltersRegex,
|
2017-02-22 10:30:09 -05:00
|
|
|
],
|
|
|
|
|
2019-06-29 18:12:38 -04:00
|
|
|
(statusBase, statusReblog, accountBase, accountReblog, filtersRegex) => {
|
2017-02-22 10:30:09 -05:00
|
|
|
if (!statusBase) {
|
|
|
|
return null;
|
|
|
|
}
|
|
|
|
|
|
|
|
if (statusReblog) {
|
|
|
|
statusReblog = statusReblog.set('account', accountReblog);
|
|
|
|
} else {
|
|
|
|
statusReblog = null;
|
|
|
|
}
|
|
|
|
|
2019-06-29 18:12:38 -04:00
|
|
|
const dropRegex = (accountReblog || accountBase).get('id') !== me && filtersRegex[0];
|
2019-06-18 12:23:08 -04:00
|
|
|
if (dropRegex && dropRegex.test(statusBase.get('reblog') ? statusReblog.get('search_index') : statusBase.get('search_index'))) {
|
|
|
|
return null;
|
|
|
|
}
|
|
|
|
|
2019-06-29 18:12:38 -04:00
|
|
|
const regex = (accountReblog || accountBase).get('id') !== me && filtersRegex[1];
|
2019-06-18 12:23:08 -04:00
|
|
|
const filtered = regex && regex.test(statusBase.get('reblog') ? statusReblog.get('search_index') : statusBase.get('search_index'));
|
2018-06-29 09:34:36 -04:00
|
|
|
|
2017-02-22 10:30:09 -05:00
|
|
|
return statusBase.withMutations(map => {
|
|
|
|
map.set('reblog', statusReblog);
|
|
|
|
map.set('account', accountBase);
|
2018-06-29 09:34:36 -04:00
|
|
|
map.set('filtered', filtered);
|
2017-02-22 10:30:09 -05:00
|
|
|
});
|
2020-03-08 11:02:36 -04:00
|
|
|
},
|
2017-02-22 10:30:09 -05:00
|
|
|
);
|
2016-10-07 18:01:22 -04:00
|
|
|
};
|
|
|
|
|
2020-12-07 13:36:36 -05:00
|
|
|
export const makeGetPictureInPicture = () => {
|
|
|
|
return createSelector([
|
|
|
|
(state, { id }) => state.get('picture_in_picture').statusId === id,
|
|
|
|
(state) => state.getIn(['meta', 'layout']) !== 'mobile',
|
|
|
|
], (inUse, available) => ImmutableMap({
|
|
|
|
inUse: inUse && available,
|
|
|
|
available,
|
|
|
|
}));
|
|
|
|
};
|
|
|
|
|
2016-11-20 13:39:18 -05:00
|
|
|
const getAlertsBase = state => state.get('alerts');
|
2016-10-07 18:01:22 -04:00
|
|
|
|
2016-11-20 13:39:18 -05:00
|
|
|
export const getAlerts = createSelector([getAlertsBase], (base) => {
|
2016-10-07 18:01:22 -04:00
|
|
|
let arr = [];
|
|
|
|
|
|
|
|
base.forEach(item => {
|
|
|
|
arr.push({
|
|
|
|
message: item.get('message'),
|
2019-08-27 10:50:39 -04:00
|
|
|
message_values: item.get('message_values'),
|
2016-10-07 18:01:22 -04:00
|
|
|
title: item.get('title'),
|
|
|
|
key: item.get('key'),
|
2017-05-09 08:01:29 -04:00
|
|
|
dismissAfter: 5000,
|
|
|
|
barStyle: {
|
2017-05-20 11:31:47 -04:00
|
|
|
zIndex: 200,
|
|
|
|
},
|
2016-10-07 18:01:22 -04:00
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
return arr;
|
|
|
|
});
|
2016-11-20 13:39:18 -05:00
|
|
|
|
|
|
|
export const makeGetNotification = () => {
|
|
|
|
return createSelector([
|
|
|
|
(_, base) => base,
|
2017-05-20 11:31:47 -04:00
|
|
|
(state, _, accountId) => state.getIn(['accounts', accountId]),
|
2016-11-20 13:39:18 -05:00
|
|
|
], (base, account) => {
|
|
|
|
return base.set('account', account);
|
|
|
|
});
|
|
|
|
};
|
2017-05-19 19:28:25 -04:00
|
|
|
|
|
|
|
export const getAccountGallery = createSelector([
|
2017-07-10 19:00:14 -04:00
|
|
|
(state, id) => state.getIn(['timelines', `account:${id}:media`, 'items'], ImmutableList()),
|
2017-05-19 19:28:25 -04:00
|
|
|
state => state.get('statuses'),
|
2020-07-10 16:09:28 -04:00
|
|
|
(state, id) => state.getIn(['accounts', id]),
|
|
|
|
], (statusIds, statuses, account) => {
|
2017-07-10 19:00:14 -04:00
|
|
|
let medias = ImmutableList();
|
2017-05-19 19:28:25 -04:00
|
|
|
|
|
|
|
statusIds.forEach(statusId => {
|
|
|
|
const status = statuses.get(statusId);
|
2020-07-10 16:09:28 -04:00
|
|
|
medias = medias.concat(status.get('media_attachments').map(media => media.set('status', status).set('account', account)));
|
2017-05-19 19:28:25 -04:00
|
|
|
});
|
|
|
|
|
|
|
|
return medias;
|
|
|
|
});
|