export default()

in desktop/flipper-ui-core/src/dispatcher/notifications.tsx [33:162]
99 lines of code
15 McCabe index (conditional complexity)

export default (store: Store, logger: Logger) => {
  const knownNotifications: Set<string> = new Set();
  const lastNotificationTime: Map<string, number> = new Map();

  getRenderHostInstance().onIpcEvent(
    'notificationEvent',
    (
      eventName: NotificationEvents,
      pluginNotification: PluginNotification,
      arg: null | string | number,
    ) => {
      if (eventName === 'click' || (eventName === 'action' && arg === 0)) {
        openNotification(store, pluginNotification);
      } else if (eventName === 'action') {
        if (arg === 1 && pluginNotification.notification.category) {
          // Hide similar (category)
          logger.track(
            'usage',
            'notification-hide-category',
            pluginNotification,
          );

          const {category} = pluginNotification.notification;
          const {blocklistedCategories} = store.getState().notifications;
          if (category && blocklistedCategories.indexOf(category) === -1) {
            store.dispatch(
              updateCategoryBlocklist([...blocklistedCategories, category]),
            );
          }
        } else if (arg === 2) {
          // Hide plugin
          logger.track('usage', 'notification-hide-plugin', pluginNotification);

          const {blocklistedPlugins} = store.getState().notifications;
          if (blocklistedPlugins.indexOf(pluginNotification.pluginId) === -1) {
            store.dispatch(
              updatePluginBlocklist([
                ...blocklistedPlugins,
                pluginNotification.pluginId,
              ]),
            );
          }
        }
      }
    },
  );

  sideEffect(
    store,
    {name: 'notifications', throttleMs: 500},
    ({notifications, plugins}) => ({
      notifications,
      devicePlugins: plugins.devicePlugins,
      clientPlugins: plugins.clientPlugins,
    }),
    ({notifications, devicePlugins, clientPlugins}, store) => {
      function getPlugin(name: string) {
        return devicePlugins.get(name) ?? clientPlugins.get(name);
      }

      const {activeNotifications, blocklistedPlugins, blocklistedCategories} =
        notifications;

      activeNotifications
        .map((n) => ({
          ...n,
          notification: {
            ...n.notification,
            message: textContent(n.notification.message),
          },
        }))
        .forEach((n: PluginNotification) => {
          if (
            store.getState().connections.selectedPlugin !== 'notifications' &&
            !knownNotifications.has(n.notification.id) &&
            blocklistedPlugins.indexOf(n.pluginId) === -1 &&
            (!n.notification.category ||
              blocklistedCategories.indexOf(n.notification.category) === -1)
          ) {
            const prevNotificationTime: number =
              lastNotificationTime.get(n.pluginId) || 0;
            lastNotificationTime.set(n.pluginId, new Date().getTime());
            knownNotifications.add(n.notification.id);

            if (
              new Date().getTime() - prevNotificationTime <
              NOTIFICATION_THROTTLE
            ) {
              // Don't send a notification if the plugin has sent a notification
              // within the NOTIFICATION_THROTTLE.
              return;
            }
            const plugin = getPlugin(n.pluginId);
            getRenderHostInstance().sendIpcEvent('sendNotification', {
              payload: {
                title: n.notification.title,
                body: reactElementToJSXString(n.notification.message),
                actions: [
                  {
                    type: 'button',
                    text: 'Show',
                  },
                  {
                    type: 'button',
                    text: 'Hide similar',
                  },
                  {
                    type: 'button',
                    text: `Hide all ${
                      plugin != null ? getPluginTitle(plugin) : ''
                    }`,
                  },
                ],
                closeButtonText: 'Hide',
              },
              closeAfter: 10000,
              pluginNotification: n,
            });
            logger.track('usage', 'native-notification', {
              ...n.notification,
              message:
                typeof n.notification.message === 'string'
                  ? n.notification.message
                  : '<ReactNode>',
            });
          }
        });
    },
  );
};