Composable Reactive UI / TodoStore - Todos

store.ts

import { StreamBox } from '@crui/reactive/rx/box';
import { RW$B, R$L, DRW$L } from '@crui/reactive/rx/box/types';
import { StreamList } from '@crui/reactive/rx/list';
export type Todo = {
    text: string,
}
export type TodoList = R$L<Todo>
export class TodoStore {
    private readonly input: StreamBox<string>
    private readonly todos: DRW$L<Todo>
    
    constructor() {
        this.input = new StreamBox('')
        this.todos = new StreamList([])
    }
    
   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()
        this.todos.destroy()
    }
}