Using an array of units with split

[mkhoussid]

Suppose the following:

import { createStore, combine, createEvent } from 'effector';

const handleSendMessage = createEvent();
const editMessage = createEvent();

const $messageInputFieldText = createStore('');
const $message =  createStore({ text: 'hello' });
const $editingMessage = createStore();

const $editingMessage.on(editMessage, (_, message) => message);

split({
	source: [$editingMessage, $messageInputFieldText],
	clock: handleSendMessage,
	match: ([editingMessage]) => editingMessage ? 'updateMessage' : 'appendPendingChatMessage',
	cases: {
		updateMessage: ([editingMessage, messageInputFieldText]) => {
			console.log(`Updating message ${editingMessage.id} with text ${messageInputFieldText}`);
		},
		appendPendingChatMessage: ([, messageInputFieldText]) => {
			console.log(`creating new message with text ${messageInputFieldText}`);
		},
	},
});

editMessage($message.getState());
handleSendMessage();

This throws an error,

source must be a unit

Any way to get this to work or waiting until/if split starts supporting an array of units?

[sergeysova]

You can use combine

split({
  clock: handleSendMessage,
  source: combine([$editingMessage, $messageInputFieldText]),
  // ...
})