Advanced composed state

state.js

import { mapState } from '@stated-library/core';

const todoLib = createTodoLib();
const counterLib = createCounterLib();
const visLib = createVisibilityLib();

const visibleTodos$ = mapState(
  [todoLib.state$, visLib.state$],
  ([todoLibState, visLibState]) => {
    switch (visLibState.filter) {
      case "active":
        return todoLibState.activeTodos;
      case "completed":
        return todoLibState.completedTodos;
      default:
        return todoLibState.todos;
    }
  }
);

const appState$ = mapState(
  [todoLib.state$, visibleTodos$],
  ([todoLibState, visibleTodos]) => ({
    visibleTodos,
    allTodos: todoLibState.todos,
    addTodo: todoLib.addTodo,
  });
);

const anotherViewState$ = mapState(
  [counterLib.state$, visibleTodos$],
  ([counterLibState, visibleTodos]) => ({
    visibleTodos,
    counter: counterLibState,
  });
);

export { anotherViewState$, appState$, todoLib, visLib, visibleTodos$ };