bigbuffet-rw/app/soapbox/utils/emoji_reacts.js

import {
  Map as ImmutableMap,
  List as ImmutableList,
} from 'immutable';

// https://emojipedia.org/facebook
// I've customized them.
export const ALLOWED_EMOJI = [
  '👍',
  '❤️',
  '😆',
  '😮',
  '😢',
  '😩',
];

export const sortEmoji = emojiReacts => (
  emojiReacts.sortBy(emojiReact => -emojiReact.get('count'))
);

export const mergeEmoji = emojiReacts => (
  emojiReacts // TODO: Merge similar emoji
);

export const mergeEmojiFavourites = (emojiReacts, favouritesCount, favourited) => {
  if (!favouritesCount) return emojiReacts;
  const likeIndex = emojiReacts.findIndex(emojiReact => emojiReact.get('name') === '👍');
  if (likeIndex > -1) {
    const likeCount = emojiReacts.getIn([likeIndex, 'count']);
    favourited = favourited || emojiReacts.getIn([likeIndex, 'me'], false);
    return emojiReacts
      .setIn([likeIndex, 'count'], likeCount + favouritesCount)
      .setIn([likeIndex, 'me'], favourited);
  } else {
    return emojiReacts.push(ImmutableMap({ count: favouritesCount, me: favourited, name: '👍' }));
  }
};

const hasMultiReactions = (emojiReacts, account) => (
  emojiReacts.filter(
    e => e.get('accounts').filter(
      a => a.get('id') === account.get('id'),
    ).count() > 0,
  ).count() > 1
);

const inAccounts = (accounts, id) => (
  accounts.filter(a => a.get('id') === id).count() > 0
);

export const oneEmojiPerAccount = (emojiReacts, me) => {
  emojiReacts = emojiReacts.reverse();

  return emojiReacts.reduce((acc, cur, idx) => {
    const accounts = cur.get('accounts', ImmutableList())
      .filter(a => !hasMultiReactions(acc, a));

    return acc.set(idx, cur.merge({
      accounts: accounts,
      count: accounts.count(),
      me: me ? inAccounts(accounts, me) : false,
    }));
  }, emojiReacts)
    .filter(e => e.get('count') > 0)
    .reverse();
};

export const filterEmoji = (emojiReacts, allowedEmoji=ALLOWED_EMOJI) => (
  emojiReacts.filter(emojiReact => (
    allowedEmoji.includes(emojiReact.get('name'))
  )));

export const reduceEmoji = (emojiReacts, favouritesCount, favourited, allowedEmoji=ALLOWED_EMOJI) => (
  filterEmoji(sortEmoji(mergeEmoji(mergeEmojiFavourites(
    emojiReacts, favouritesCount, favourited,
  ))), allowedEmoji));

export const getReactForStatus = (status, allowedEmoji=ALLOWED_EMOJI) => {
  return reduceEmoji(
    status.getIn(['pleroma', 'emoji_reactions'], ImmutableList()),
    status.get('favourites_count', 0),
    status.get('favourited'),
    allowedEmoji,
  ).filter(e => e.get('me') === true)
    .getIn([0, 'name']);
};

export const simulateEmojiReact = (emojiReacts, emoji) => {
  const idx = emojiReacts.findIndex(e => e.get('name') === emoji);
  if (idx > -1) {
    const emojiReact = emojiReacts.get(idx);
    return emojiReacts.set(idx, emojiReact.merge({
      count: emojiReact.get('count') + 1,
      me: true,
    }));
  } else {
    return emojiReacts.push(ImmutableMap({
      count: 1,
      me: true,
      name: emoji,
    }));
  }
};

export const simulateUnEmojiReact = (emojiReacts, emoji) => {
  const idx = emojiReacts.findIndex(e =>
    e.get('name') === emoji && e.get('me') === true);

  if (idx > -1) {
    const emojiReact = emojiReacts.get(idx);
    const newCount = emojiReact.get('count') - 1;
    if (newCount < 1) return emojiReacts.delete(idx);
    return emojiReacts.set(idx, emojiReact.merge({
      count: emojiReact.get('count') - 1,
      me: false,
    }));
  } else {
    return emojiReacts;
  }
};