updux/src/Updux.js

import moize from 'moize';
import u from '@yanick/updeep';

import { buildInitial } from './buildInitial/index.js';
import { buildActions }  from './buildActions/index.js';
import { buildSelectors }  from './buildSelectors/index.js';
import { action } from './actions.js';


/**
 *  @public
 * `Updux` is a way to minimize and simplify the boilerplate associated with the
 * creation of a `Redux` store. It takes a shorthand configuration
 * object, and generates the appropriate reducer, actions, middleware, etc.
 * In true `Redux`-like fashion, upduxes can be made of sub-upduxes (`subduxes` for short) for different slices of the root state.
 */
export class Updux {
    #initial = {};
    #subduxes = {};
    #actions = {};
    #selectors = {};

    constructor(config) {
        this.#initial = config.initial ?? {};
        this.#subduxes = config.subduxes ?? {};
        this.#actions = config.actions ?? {};
        this.#selectors = config.selectors ?? {};
    }

    #memoInitial = moize( buildInitial );
    #memoActions = moize(buildActions);
    #memoSelectors = moize(buildSelectors);

    get initial() {
        return this.#memoInitial(this.#initial,this.#subduxes);
    }

    get actions() {
        return this.#memoActions(this.#actions, this.#subduxes);
    }

    get selectors() {
        return this.#memoSelectors(this.#selectors,this.#subduxes);
    }

    addAction(type, payloadFunc) {
        const theAction = action(type,payloadFunc);

        this.#actions = u( { [type]: theAction }, this.#actions );

        return theAction;
    }

    addSelector(name, func) {
        this.#selectors[name] = func;
        return func;
    }
}