No-stream implementation of meiosis pattern http://meiosis.js.org

no-stream-meiosis.js

const store = {

    // Initial state
    state: {
        working: true,
        items: [],
    },
    actions: (update) => ({

        getThings: () => {
            
            update({
                ...store.state,
                items: [1,2,3]
            });
        },
        breakThings: () => {

            update({
                ...store.state,
                working: false
            });
        },
        fixThings: () => {

            update({
                ...store.state,
                working: true
            });
        }
    })
};

// Need a place to store listeners bc of nature of ReadableStream
const listeners = [];

// Attaches functions to listeners
const states = (fn) => listeners.push(fn);

// Merges state and pushes to stream
update = (state) => {

    store.state = {
        ...store.state,
        ...state
    };

    listeners.forEach(fn => fn(store.state))
};

// Bind update function
const actions = store.actions(update);

// Add log listener
states(console.log);

const el = document.createElement('div');
document.body.appendChild(el);

// Write to document listener
states((state) => {

    const pre = document.createElement('pre');

    pre.innerHTML = JSON.stringify(state, null, 4);
    el.appendChild(pre);
});