@vanyamate/sec 0.0.7 → 0.0.9

package/README.md

@@ -0,0 +1,20 @@
+# SEC (Store, Effect, Combine)
+
+Tiny state manager
+
+```typescript
+import { store, effect, combine } from './index';
+
+
+const sum = async (a, b) => a + b;
+
+// Create effect
+const sumEffect = effect(sum);
+
+// Create stores
+const allSums = store(0).on(sumEffect, 'onSuccess', (state, { result }) => state + result);
+const lastSum = store(0).on(sumEffect, 'onSuccess', (_, { result }) => result);
+
+// Create combine
+const bothSum = combine([ allSums, lastSum ], (...args) => args.reduce((acc, item) => acc + item.get(), 0));
+```

package/index.d.ts

@@ -20,6 +20,8 @@ export type Store<State> = {
     subscribe: (listener: Listener<State>) => () => void;
 };
 export declare function store<State>(initialState: State): Store<State>;
-export declare function combine<States extends any[]>(...stores: {
+export declare function combine<States extends any[], Result>(stores: {
     [K in keyof States]: Store<States[K]>;
-}): Store<States>;
+}, callback: (...stores: {
+    [K in keyof States]: Store<States[K]>;
+}) => Result): Store<Result>;

package/index.ts

@@ -121,28 +121,43 @@ export function store<State> (initialState: State): Store<State> {
     return storeApi;
 }
 
-export function combine<States extends any[]> (...stores: { [K in keyof States]: Store<States[K]> }): Store<States> {
-    let combinedState                         = stores.map(store => store.get()) as States;
-    let combinedListeners: Listener<States>[] = [];
+export function combine<States extends any[], Result> (
+    stores: { [K in keyof States]: Store<States[K]> },
+    callback: (...stores: { [K in keyof States]: Store<States[K]> }) => Result,
+): Store<Result> {
+    let combinedState: Result = callback(...stores);
 
     stores.forEach((store, index) => {
-        store.subscribe((state) => {
-            combinedState[index] = state;
-            combinedListeners.forEach(listener => listener(combinedState));
+        store.subscribe(() => {
+            combinedState = callback(...stores);
+            listeners.forEach(listener => listener(combinedState));
         });
     });
 
-    return {
-        get      : () => combinedState,
-        set      : (newState) => {
-            newState.forEach((state, index) => stores[index].set(state));
+    const listeners: Listener<Result>[] = [];
+
+    const get = () => combinedState;
+
+    const subscribe = (listener: Listener<Result>) => {
+        listeners.push(listener);
+        return () => {
+            const index = listeners.indexOf(listener);
+            if (index !== -1) {
+                listeners.splice(index, 1);
+            }
+        };
+    };
+
+    const storeApi: Store<Result> = {
+        get,
+        set: () => {
+            throw new Error('Cannot call \'set\' on combined store');
         },
-        on       : () => {
+        on : () => {
             throw new Error('Cannot call \'on\' on combined store');
         },
-        subscribe: (listener) => {
-            combinedListeners.push(listener);
-            return () => combinedListeners = combinedListeners.filter((l) => l !== listener);
-        },
+        subscribe,
     };
+
+    return storeApi;
 }

package/package.json

@@ -1,10 +1,11 @@
 {
     "name": "@vanyamate/sec",
-    "version": "0.0.7",
+    "version": "0.0.9",
     "description": "SEC. Store, Effect, Combine. Tiny state manager",
     "scripts": {
         "g:type": "tsc index.ts --declaration --emitDeclarationOnly"
     },
+    "main": "./index.ts",
     "types": "./index.d.ts",
     "repository": {
         "type": "git",