import escapeTextContentForBrowser from 'escape-html'; import { Map as ImmutableMap, List as ImmutableList, fromJS } from 'immutable'; import emojify from 'soapbox/features/emoji/emoji'; import { normalizeStatus } from 'soapbox/normalizers/status'; import { simulateEmojiReact, simulateUnEmojiReact } from 'soapbox/utils/emoji_reacts'; import { stripCompatibilityFeatures } from 'soapbox/utils/html'; import { EMOJI_REACT_REQUEST, UNEMOJI_REACT_REQUEST, } from '../actions/emoji_reacts'; import { STATUS_IMPORT, STATUSES_IMPORT } from '../actions/importer'; import { REBLOG_REQUEST, REBLOG_FAIL, UNREBLOG_REQUEST, UNREBLOG_FAIL, FAVOURITE_REQUEST, UNFAVOURITE_REQUEST, FAVOURITE_FAIL, } from '../actions/interactions'; import { STATUS_CREATE_REQUEST, STATUS_CREATE_FAIL, STATUS_MUTE_SUCCESS, STATUS_UNMUTE_SUCCESS, STATUS_REVEAL, STATUS_HIDE, } from '../actions/statuses'; import { TIMELINE_DELETE } from '../actions/timelines'; const domParser = new DOMParser(); const makeEmojiMap = record => record.get('emojis').reduce((obj, emoji) => { obj[`:${emoji.get('shortcode')}:`] = emoji.toJS(); return obj; }, {}); const minifyStatus = status => { return status.mergeWith((o, n) => n || o, { account: status.getIn(['account', 'id']), reblog: status.getIn(['reblog', 'id']), poll: status.getIn(['poll', 'id']), quote: status.getIn(['quote', 'id']), }); }; // Only calculate these values when status first encountered // Otherwise keep the ones already in the reducer export const calculateStatus = (status, oldStatus, expandSpoilers = false) => { if (oldStatus) { return status.merge({ search_index: oldStatus.get('search_index'), contentHtml: oldStatus.get('contentHtml'), spoilerHtml: oldStatus.get('spoilerHtml'), hidden: oldStatus.get('hidden'), }); } else { const spoilerText = status.get('spoiler_text') || ''; const searchContent = (ImmutableList([spoilerText, status.get('content')]).concat(status.getIn(['poll', 'options'], ImmutableList()).map(option => option.get('title')))).join('\n\n').replace(//g, '\n').replace(/<\/p>

/g, '\n\n'); const emojiMap = makeEmojiMap(status); return status.merge({ search_index: domParser.parseFromString(searchContent, 'text/html').documentElement.textContent, contentHtml: stripCompatibilityFeatures(emojify(status.get('content'), emojiMap)), spoilerHtml: emojify(escapeTextContentForBrowser(spoilerText), emojiMap), hidden: expandSpoilers ? false : spoilerText.length > 0 || status.get('sensitive'), }); } }; // Check whether a status is a quote by secondary characteristics const isQuote = status => { return Boolean(status.get('quote_id') || status.getIn(['pleroma', 'quote_url'])); }; // Preserve quote if an existing status already has it const fixQuote = (status, oldStatus) => { if (oldStatus && !status.get('quote') && isQuote(status)) { return status .set('quote', oldStatus.get('quote')) .updateIn(['pleroma', 'quote_visible'], visible => visible || oldStatus.getIn(['pleroma', 'quote_visible'])); } else { return status; } }; const fixStatus = (state, status, expandSpoilers) => { const oldStatus = state.get(status.get('id')); return status.withMutations(status => { normalizeStatus(status); fixQuote(status, oldStatus); calculateStatus(status, oldStatus, expandSpoilers); minifyStatus(status); }); }; const importStatus = (state, status, expandSpoilers) => state.set(status.id, fixStatus(state, fromJS(status), expandSpoilers)); const importStatuses = (state, statuses, expandSpoilers) => state.withMutations(mutable => statuses.forEach(status => importStatus(mutable, status, expandSpoilers))); const deleteStatus = (state, id, references) => { references.forEach(ref => { state = deleteStatus(state, ref[0], []); }); return state.delete(id); }; const importPendingStatus = (state, { in_reply_to_id }) => { if (in_reply_to_id) { return state.updateIn([in_reply_to_id, 'replies_count'], 0, count => count + 1); } else { return state; } }; const deletePendingStatus = (state, { in_reply_to_id }) => { if (in_reply_to_id) { return state.updateIn([in_reply_to_id, 'replies_count'], 0, count => Math.max(0, count - 1)); } else { return state; } }; const initialState = ImmutableMap(); export default function statuses(state = initialState, action) { switch(action.type) { case STATUS_IMPORT: return importStatus(state, action.status, action.expandSpoilers); case STATUSES_IMPORT: return importStatuses(state, action.statuses, action.expandSpoilers); case STATUS_CREATE_REQUEST: return importPendingStatus(state, action.params); case STATUS_CREATE_FAIL: return deletePendingStatus(state, action.params); case FAVOURITE_REQUEST: return state.update(action.status.get('id'), status => status .set('favourited', true) .update('favourites_count', count => count + 1)); case UNFAVOURITE_REQUEST: return state.update(action.status.get('id'), status => status .set('favourited', false) .update('favourites_count', count => Math.max(0, count - 1))); case EMOJI_REACT_REQUEST: return state .updateIn( [action.status.get('id'), 'pleroma', 'emoji_reactions'], emojiReacts => simulateEmojiReact(emojiReacts, action.emoji), ); case UNEMOJI_REACT_REQUEST: return state .updateIn( [action.status.get('id'), 'pleroma', 'emoji_reactions'], emojiReacts => simulateUnEmojiReact(emojiReacts, action.emoji), ); case FAVOURITE_FAIL: return state.get(action.status.get('id')) === undefined ? state : state.setIn([action.status.get('id'), 'favourited'], false); case REBLOG_REQUEST: return state.setIn([action.status.get('id'), 'reblogged'], true); case REBLOG_FAIL: return state.get(action.status.get('id')) === undefined ? state : state.setIn([action.status.get('id'), 'reblogged'], false); case UNREBLOG_REQUEST: return state.setIn([action.status.get('id'), 'reblogged'], false); case UNREBLOG_FAIL: return state.get(action.status.get('id')) === undefined ? state : state.setIn([action.status.get('id'), 'reblogged'], true); case STATUS_MUTE_SUCCESS: return state.setIn([action.id, 'muted'], true); case STATUS_UNMUTE_SUCCESS: return state.setIn([action.id, 'muted'], false); case STATUS_REVEAL: return state.withMutations(map => { action.ids.forEach(id => { if (!(state.get(id) === undefined)) { map.setIn([id, 'hidden'], false); } }); }); case STATUS_HIDE: return state.withMutations(map => { action.ids.forEach(id => { if (!(state.get(id) === undefined)) { map.setIn([id, 'hidden'], true); } }); }); case TIMELINE_DELETE: return deleteStatus(state, action.id, action.references); default: return state; } }