overmind-vue/lib/index.js

Functional actions

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.createConnect = exports.createPlugin = void 0;
const overmind_1 = require("overmind");
const OVERMIND = Symbol('OVERMIND');
const IS_PRODUCTION = overmind_1.ENVIRONMENT === 'production';
let nextComponentId = 0;
function createMixin(overmind, propsCallback, trackPropsCallback = false) {
    const componentId = nextComponentId++;
    let componentInstanceId = 0;
    return Object.assign(Object.assign({ beforeCreate() {
            if (overmind.mode.mode === overmind_1.MODE_SSR) {
                this.overmind = {
                    state: overmind.state,
                    actions: overmind.actions,
                    effects: overmind.effects,
                    addMutationListener: overmind.addMutationListener,
                    reaction: overmind.reaction,
                };
                if (propsCallback) {
                    Object.assign(this, propsCallback({
                        state: overmind.state,
                        actions: overmind.actions,
                        effects: overmind.effects,
                    }));
                }
            }
            else {
                this[OVERMIND] = {
                    tree: overmind.proxyStateTreeInstance.getTrackStateTree(),
                    componentInstanceId: componentInstanceId++,
                    onUpdate: (mutations, paths, flushId) => {
                        this[OVERMIND].currentFlushId = flushId;
                        this[OVERMIND].isUpdating = true;
                        this.$forceUpdate();
                    },
                    isUpdating: false,
                };
                this.overmind = {
                    state: this[OVERMIND].tree.state,
                    actions: overmind.actions,
                    effects: overmind.effects,
                    addMutationListener: overmind.addMutationListener,
                    reaction: overmind.reaction,
                };
                this[OVERMIND].tree.track(this[OVERMIND].onUpdate);
                if (propsCallback) {
                    Object.assign(this, propsCallback({
                        state: this[OVERMIND].tree.state,
                        actions: overmind.actions,
                        effects: overmind.effects,
                    }));
                }
            }
        },
        beforeUpdate() {
            if (overmind.mode.mode === overmind_1.MODE_SSR)
                return;
            this[OVERMIND].tree.track(this[OVERMIND].onUpdate);
            if (propsCallback && trackPropsCallback) {
                Object.assign(this, propsCallback({
                    state: this[OVERMIND].tree.state,
                    actions: overmind.actions,
                    effects: overmind.effects,
                }));
            }
        } }, (IS_PRODUCTION
        ? {
            updated() {
                this[OVERMIND].tree.stopTracking();
            },
        }
        : {
            mounted() {
                if (overmind.mode.mode === overmind_1.MODE_SSR)
                    return;
                overmind.eventHub.emitAsync(overmind_1.EventType.COMPONENT_ADD, {
                    componentId,
                    componentInstanceId: this[OVERMIND].componentInstanceId,
                    name: this.$options.name || '',
                    paths: Array.from(this[OVERMIND].tree.pathDependencies),
                });
            },
            updated() {
                if (overmind.mode.mode === overmind_1.MODE_SSR)
                    return;
                this[OVERMIND].tree.stopTracking();
                if (this[OVERMIND].isUpdating) {
                    overmind.eventHub.emitAsync(overmind_1.EventType.COMPONENT_UPDATE, {
                        componentId,
                        componentInstanceId: this[OVERMIND].componentInstanceId,
                        name: this.$options.name || '',
                        flushId: this[OVERMIND].currentFlushId,
                        paths: Array.from(this[OVERMIND].tree.pathDependencies),
                    });
                    this[OVERMIND].isUpdating = false;
                }
            },
        })), { beforeDestroy() {
            if (overmind.mode.mode === overmind_1.MODE_SSR)
                return;
            // @ts-ignore
            overmind.proxyStateTreeInstance.disposeTree(this[OVERMIND].tree);
            if (IS_PRODUCTION) {
                return;
            }
            overmind.eventHub.emitAsync(overmind_1.EventType.COMPONENT_REMOVE, {
                componentId,
                componentInstanceId: this[OVERMIND].componentInstanceId,
                name: this.$options.name || '',
            });
        } });
}
const createPlugin = (overmind) => ({
    install(Vue, propsCallback = ({ state, actions, effects }) => ({
        state,
        actions,
        effects,
    })) {
        Vue.mixin(createMixin(overmind, propsCallback));
    },
});
exports.createPlugin = createPlugin;
function createConnect(overmind) {
    return (cb, component) => {
        const options = component || cb;
        const propsCallback = component ? cb : null;
        if (propsCallback && typeof propsCallback !== 'function') {
            throw new Error(`OVERMIND-VUE: When passing two arguments to "connect", the first has to be a function. You can alternatively only pass a single argument, which is the component`);
        }
        return Object.assign(Object.assign({}, options), { mixins: (options.mixins ? options.mixins : []).concat(createMixin(overmind, propsCallback, true)), overmind });
    };
}
exports.createConnect = createConnect;
//# sourceMappingURL=index.js.map