Reusable-Code/Store.js at master · bluepersia/Reusable-Code · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70


class Store
{
    createStore ()
    {
        let currentState = this.reducer (undefined, {});
        const afterReduce = new Map ([]);

        const store = {
            getState: () => currentState,
            dispatch: action =>
            {
                const oldState = currentState;
                currentState = this.reducer (currentState, action);

                this.onReduce (action, oldState, currentState);

                if (afterReduce.has (action.type))
                    afterReduce.get (action.type).forEach (callback => callback(action, oldState, currentState));
            },
            addCallback: (type, callback) => {

                if (afterReduce.has (type))
                    {
                        const callbacks = afterReduce.get (type);
                        if (callbacks.includes (callback))
                            return;

                        afterReduce.set (type, [...callbacks, callback]);
                    }
                else
                {
                    afterReduce.set (type, [callback]);
                }

            },
            removeCallback: (type, callback) => {

                if (afterReduce.has (type))
                    afterReduce.set (type, afterReduce.get (type).filter (cb => cb != callback));

            },
            clearCallbacks: () => afterReduce = []

        };

        return store;
    }


    getInitialState ()
    {
        return {};
    }

    reducer (state = this.getInitialState (), action)
    {
        return state;
    }

    onReduce (action, oldState, currentState)
    {

    }
}


export default Store;