const bus = new CustomEventBus({ /* ... */ });

const originChanged = bus
  .take(AVIAFORM_CHANGED)
  .map(({ data }) => data.origin);

// ... 🤔

const bus$ = /* ... */;

const origin$ = bus$.pipe(
  filter(({ type }) => type === AVIAFORM_CHANGED),
  map(({ data }) => data.origin),
);

// новое реактивное значение
const $value = createStore('')

// новое событи
const smthHappened = createEvent()

// новый сайд-эффект
const writeToLocalStoreFx = createEffect(({ key, vale }) => localStorage.set(key, value))

// создание связей
sample({
  source: $value,
  clock: smthHappened,
  fn: (value) => ({ key: 'SOME_KEY', value }),
  target: writeToLocalStoreFx,
})
                                                       

const $login = createStore('')
const $password = createStore('')

const loginFormSubmit = createEvent()

const $userName = createStore(null)
const loginFx = createEffect(async ({ login, password }) => {...})

sample({
  source: {
    login: $login,
    password: $password,
  },
  clock: loginFormSubmit,
  target: loginFx,
})

sample({
  clock: loginFx.doneData,
  fn: (user) => user.name,
  target: $userName,
})
                                                             

// https://share.effector.dev/SEQBqetV

const $counter = createStore(0)
const increase = createEvent()
$counter.on(increase, count => count + 1)

const scope = fork()

console.log('ORIGINAL', $counter.getState()) // 0
console.log('SCOPE', scope.getState($counter)) // 0

await allSettled(increase, { scope })

console.log('ORIGINAL', $counter.getState()) // 0
console.log('SCOPE', scope.getState($counter)) // 1

// https://share.effector.dev/3HsxG6u7

const $counter = createStore(0)
const asyncIncreaseFx = createEffect(() => wait(1000))
const complexFx = createEffect(() => {
  // DO NOT AWAIT!!!
  asyncIncreaseFx()
})
$counter.on(asyncIncreaseFx.done, count => count + 1)

const scope = fork()

await allSettled(complexFx, { scope })
console.log(scope.getState($counter)) // 1

// https://share.effector.dev/7euTAEJv

const $counter = createStore(0)
const asyncIncreaseFx = createEffect(async () => {
  console.log('REAL')
  await wait(1000)
})

$counter.on(asyncIncreaseFx.done, count => count + 1)

const scope = fork({
  handlers: [
    [asyncIncreaseFx, () => console.log('FAKE')]
  ]
})

await allSettled(asyncIncreaseFx, {scope}) // FAKE

// https://share.effector.dev/WhINUSBd

const $counter = createStore(1000)

const scope = fork({
  values: [
    [$counter, 1]
  ]
})

console.log($counter.getState()) // 1000
console.log(scope.getState($counter)) // 1

describe('analyticsService', () => {
  test('sends events for inited service instantly', async () => {
    const sendMock = jest.fn();

    const scope = fork({
      // Пусть аналитика уже инициализирована
      values: [[$inited, true]],
      // Подменим эффект отправки событий
      handlers: [[sendAnalyticsEventFx, sendMock]],
    });

    await allSettled(sendEvent, { scope, params: FAKE_EVENT_1 });

    expect(sendMock).toHaveBeenCalledTimes(1);
    expect(sendMock).toBeCalledWith(null, FAKE_EVENT_1);

    await allSettled(sendEvent, { scope, params: FAKE_EVENT_2 });

    expect(sendMock).toHaveBeenCalledTimes(2);
    expect(sendMock).toBeCalledWith(null, FAKE_EVENT_2);
  });
})

async function renderApp({ query, lang, cookie }) {
  const scope = fork(root, {
    values: [
      [$query, query],
      [$language, lang],
    ],
    handlers: new Map([
      [readCookieFx, (key) => cookie[key] ?? null],
    ]),
  });

  await allSettled(appInited, { scope });
  
  const element = createElement(
    'div',
    { 'data-scope': JSON.stringify(serialize(scope)) },
    createElement(
      Provider,
      { value: scope },
      createElement(App);
    )
  )

  return renderToString(element);
}