import { createEvent } from 'effector';
import { splitMap } from 'patronum/split-map';

type WSEvent =
  | { type: 'init'; key: string }
  | { type: 'increment'; count: number; name: string }
  | { type: 'reset'; name: string };

export const websocketEventReceived = createEvent<WSEvent>();
const init = createEvent<string>();
const increment = createEvent<any>();
const reset = createEvent<string>();
const progressFx = createEffect(console.log);

splitMap({
  source: websocketEventReceived,
  match: {
    init: {
      filter: (event) => event.type === 'init',
      fn: (event) => event.key
    },
    increment: {
      filter: ({ type, ...payload }) => type === 'increment',
      fn: ({ type, ...payload }) => payload
    },
    reset: {
      filter: ({ type, name }) => type === 'reset',
      fn: ({name}) => name
    },
    progress: (event) => event.type === 'progress
  },
  cases: {
    init: init,
    increment: increment,
    reset: reset,
    progress: progressFx
  },
});