Composable Reactive UI / TodoStore

store.ts

import { StreamBox, RW$B } from '@crui/reactive/rx/box';

export type Todo = {
    text: string,
}

export type TodoList = Todo[]

export class TodoStore {
    private readonly input: StreamBox<string>
    private readonly todos: TodoList
    
    constructor() {
        this.input = new StreamBox('')
        this.todos = []
    }
    
    getInput(): RW$B<string> {
        return this.input
    }
    
    addTodo(todo: string): void {
        this.todos.push({
            text: todo,
        })
    }
    
    getTodos(): TodoList {
        return this.todos
    }
    
    dispose() {
        this.input.destroy()
    }
}