@vanyamate/sec 0.2.0 → 0.2.1

package/README.md

@@ -46,7 +46,7 @@ const loginAction = async function (loginData: LoginData): Promise<UserData> {
 const loginEffect = effect(loginAction);
 
 // Anywhere in code
-loginEffect();
+loginEffect({ login: 'VanyaMate', password: 'qwerty12345' });
 
 ```
 
@@ -68,6 +68,8 @@ const logoutMarker = marker('afterAll').on('onSuccess', logoutEffect);
 
 ```
 
+order of execution: 'beforeAll' -> undefined -> 'afterAll' (within one type (for example `onSuccess`))
+
 ### to
 
 Just helper. Returns a function that returns the passed value.
@@ -78,10 +80,33 @@ to(123); // Return () => 123
 
 ```
 
+```typescript
+// before    .on(logoutEffect, 'onSuccess', () => []);
+// after     .on(logoutEffect, 'onSuccess', to([]));
+```
+
 ### pending
 
 Just helper. wrapper over store. returns a bool value and is used to create a pending-store.
 
+```typescript
+/**
+ *
+ * instead of
+ * const postsIsPending = store<boolean>(false)
+ *  .on(getPostsForUser, 'onBefore', () => true)
+ *  .on(getPostsForUser, 'onFinally', () => false)
+ *  .on(createPostEffect, 'onBefore', () => true)
+ *  .on(createPostEffect, 'onFinally', () => false);
+ *
+ */
+
+const postsIsPending = pending([
+    getPostsForUser,
+    createPostEffect,
+]);
+```
+
 ### store
 
 Store stores data and subscribes to effect.
@@ -172,21 +197,29 @@ const posts = store<Array<Post>>([])
 
 ### Types
 
-instead of writing everything in `.on` - you can take out the handlers separately, setting the required type for them. `StoreEffectEventMap` is a generic and takes 2 parameters, and then the type is selected.
+#### StoreHandlerMap
+
+instead of writing everything in `.on` - you can take out the handlers separately, setting the required type for them.
+`StoreHandlerMap` is a generic and takes 2 parameters, and then the type is selected.
+first is type of store value. second is action signature. and then select type of subscribe.
+
+```
+StoreHandlerMap<number, typeof getRandomId>['onSuccess']
+```
 
 ```typescript
 // Example:
 
 const getRandomId = async function () {
-  return { id: Math.random() };
+    return { id: Math.random() };
 };
 
 const getRandomEffect = effect(getRandomId);
 
 const handler: StoreHandlerMap<number, typeof getRandomId>['onSuccess'] = function (state, { result }) {
-  return result.id;
+    return result.id;
 };
 
 const num = store<number>(0)
-        .on(getRandomEffect, 'onSuccess', handler);
+    .on(getRandomEffect, 'onSuccess', handler);
 ```

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=function(s,o){s&&o()},A=function(s,o=!0){const c={on:(n,f,t)=>(f==="onBefore"?n.onBefore((...e)=>u(o,()=>s=t(s,{args:e}))):f==="onSuccess"?n.onSuccess((e,...r)=>u(o,()=>s=t(s,{result:e,args:r}))):f==="onError"?n.onError((e,...r)=>u(o,()=>s=t(s,{error:e,args:r}))):n.onFinally((...e)=>u(o,()=>s=t(s,{args:e}))),c),get(){return s},set(n){s=n},subscribe(n){return()=>{}},enableOn(n){return n.subscribe(()=>o=!1),c},disableOn(n){return n.subscribe(()=>()=>o=!0),c}};return c},h=function(){return{afterAll:[],beforeAll:[],other:[]}},E=function(s){const o=h(),c=h(),n=h(),f=h(),t=async function(...e){return o.beforeAll.forEach(r=>r(...e)),o.other.forEach(r=>r(...e)),o.afterAll.forEach(r=>r(...e)),s(...e).then(r=>(c.beforeAll.forEach(l=>l(r,...e)),c.other.forEach(l=>l(r,...e)),c.afterAll.forEach(l=>l(r,...e)),r)).catch(r=>{throw n.beforeAll.forEach(l=>l(r,...e)),n.other.forEach(l=>l(r,...e)),n.afterAll.forEach(l=>l(r,...e)),r}).finally(()=>{f.beforeAll.forEach(r=>r(...e)),f.other.forEach(r=>r(...e)),f.afterAll.forEach(r=>r(...e))})};return t.onBefore=(e,r)=>{switch(r){case"beforeAll":o.beforeAll.push(e);break;case"afterAll":o.afterAll.push(e);break;default:o.other.push(e)}},t.onSuccess=(e,r)=>{switch(r){case"beforeAll":c.beforeAll.push(e);break;case"afterAll":c.afterAll.push(e);break;default:c.other.push(e)}},t.onError=(e,r)=>{switch(r){case"beforeAll":n.beforeAll.push(e);break;case"afterAll":n.afterAll.push(e);break;default:n.other.push(e)}},t.onFinally=(e,r)=>{switch(r){case"beforeAll":f.beforeAll.push(e);break;case"afterAll":f.afterAll.push(e);break;default:f.other.push(e)}},t},i=function(s,o,c=!0){let n=o(...s);const f=[];s.forEach(e=>{e.subscribe(()=>{u(c,()=>{n=o(...s),f.forEach(r=>r(n))})})});const t={on:()=>{throw new Error("Cannot call 'on' on combined store")},get(){return n},set(){throw new Error("Cannot call 'set' on combined store")},subscribe(e){return f.push(e),()=>{const r=f.indexOf(e);~r&&f.splice(r,1)}},enableOn(e){return e.subscribe(()=>c=!1),t},disableOn(e){return e.subscribe(()=>c=!0),t}};return t},a=function(s){const o=[],c={on:(n,f)=>(n==="onBefore"?f.onBefore(()=>o.forEach(t=>t()),s):n==="onSuccess"?f.onSuccess(()=>o.forEach(t=>t()),s):n==="onError"?f.onError(()=>o.forEach(t=>t()),s):f.onFinally(()=>o.forEach(t=>t()),s),c),subscribe:n=>{o.push(n)}};return c},b=function(s){return()=>s},p=function(s){const o=A(!1);return s.forEach(c=>{o.on(c,"onBefore",b(!0)),o.on(c,"onFinally",b(!1))}),o};exports.combine=i;exports.effect=E;exports.enableCheck=u;exports.marker=a;exports.pending=p;exports.store=A;exports.to=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=function(t,o){t&&o()},a=function(t,o=!0){const c={on:(n,l,s)=>(l==="onBefore"?n.onBefore((...e)=>u(o,()=>t=s(t,{args:e}))):l==="onSuccess"?n.onSuccess((e,...r)=>u(o,()=>t=s(t,{result:e,args:r}))):l==="onError"?n.onError((e,...r)=>u(o,()=>t=s(t,{error:e,args:r}))):n.onFinally((...e)=>u(o,()=>t=s(t,{args:e}))),c),get(){return t},set(n){t=n},subscribe(n){return()=>{}},enableOn(n){return n.subscribe(()=>o=!0),c},disableOn(n){return n.subscribe(()=>o=!1),c}};return c},i=function(){return{afterAll:[],beforeAll:[],other:[]}},b=function(t){const o=i(),c=i(),n=i(),l=i(),s=async function(...e){return o.beforeAll.forEach(r=>r(...e)),o.other.forEach(r=>r(...e)),o.afterAll.forEach(r=>r(...e)),t(...e).then(r=>(c.beforeAll.forEach(f=>f(r,...e)),c.other.forEach(f=>f(r,...e)),c.afterAll.forEach(f=>f(r,...e)),r)).catch(r=>{throw n.beforeAll.forEach(f=>f(r,...e)),n.other.forEach(f=>f(r,...e)),n.afterAll.forEach(f=>f(r,...e)),r}).finally(()=>{l.beforeAll.forEach(r=>r(...e)),l.other.forEach(r=>r(...e)),l.afterAll.forEach(r=>r(...e))})};return s.onBefore=(e,r)=>{switch(r){case"beforeAll":o.beforeAll.push(e);break;case"afterAll":o.afterAll.push(e);break;default:o.other.push(e)}},s.onSuccess=(e,r)=>{switch(r){case"beforeAll":c.beforeAll.push(e);break;case"afterAll":c.afterAll.push(e);break;default:c.other.push(e)}},s.onError=(e,r)=>{switch(r){case"beforeAll":n.beforeAll.push(e);break;case"afterAll":n.afterAll.push(e);break;default:n.other.push(e)}},s.onFinally=(e,r)=>{switch(r){case"beforeAll":l.beforeAll.push(e);break;case"afterAll":l.afterAll.push(e);break;default:l.other.push(e)}},s},A=function(t,o,c=!0){let n=o(...t);const l=[];t.forEach(e=>{e.subscribe(()=>{u(c,()=>{n=o(...t),l.forEach(r=>r(n))})})});const s={on:()=>{throw new Error("Cannot call 'on' on combined store")},get(){return n},set(){throw new Error("Cannot call 'set' on combined store")},subscribe(e){return l.push(e),()=>{const r=l.indexOf(e);~r&&l.splice(r,1)}},enableOn(e){return e.subscribe(()=>c=!1),s},disableOn(e){return e.subscribe(()=>c=!0),s}};return s},E=function(t){const o=[],c={on:(n,l)=>(n==="onBefore"?l.onBefore(()=>o.forEach(s=>s()),t):n==="onSuccess"?l.onSuccess(()=>o.forEach(s=>s()),t):n==="onError"?l.onError(()=>o.forEach(s=>s()),t):l.onFinally(()=>o.forEach(s=>s()),t),c),subscribe:n=>{o.push(n)}};return c},h=function(t){return()=>t},p=function(t){const o=a(!1);return t.forEach(c=>{o.on(c,"onBefore",h(!0)),o.on(c,"onFinally",h(!1))}),o};exports.combine=A;exports.effect=b;exports.enableCheck=u;exports.marker=E;exports.pending=p;exports.store=a;exports.to=h;

package/dist/index.d.ts

@@ -50,7 +50,7 @@ export declare type Store<State> = {
     subscribe: (listener: StoreListener<State>) => () => void;
 };
 
-export declare const store: <State extends any>(initialData: State, enabled?: boolean) => Store<State>;
+export declare const store: <State extends any>(state: State, enabled?: boolean) => Store<State>;
 
 export declare type StoreEffectSubscribe<State> = <Action extends EffectAction, Event extends keyof StoreHandlerMap<State, Action>>(effect: Effect<Action>, event: Event, handler: StoreHandlerMap<State, Action>[Event]) => Store<State>;
 

package/dist/index.js

@@ -1,32 +1,32 @@
-const l = function(s, o) {
+const u = function(s, o) {
   s && o();
-}, A = function(s, o = !0) {
+}, a = function(s, o = !0) {
   const c = {
     on: (n, f, t) => (f === "onBefore" ? n.onBefore(
-      (...e) => l(
+      (...r) => u(
         o,
-        () => s = t(s, { args: e })
+        () => s = t(s, { args: r })
       )
     ) : f === "onSuccess" ? n.onSuccess(
-      (e, ...r) => l(
+      (r, ...e) => u(
         o,
         () => s = t(s, {
-          result: e,
-          args: r
+          result: r,
+          args: e
         })
       )
     ) : f === "onError" ? n.onError(
-      (e, ...r) => l(
+      (r, ...e) => u(
         o,
         () => s = t(s, {
-          error: e,
-          args: r
+          error: r,
+          args: e
         })
       )
     ) : n.onFinally(
-      (...e) => l(
+      (...r) => u(
         o,
-        () => s = t(s, { args: e })
+        () => s = t(s, { args: r })
       )
     ), c),
     get() {
@@ -40,10 +40,10 @@ const l = function(s, o) {
       };
     },
     enableOn(n) {
-      return n.subscribe(() => o = !1), c;
+      return n.subscribe(() => o = !0), c;
     },
     disableOn(n) {
-      return n.subscribe(() => () => o = !0), c;
+      return n.subscribe(() => o = !1), c;
     }
   };
   return c;
@@ -53,66 +53,66 @@ const l = function(s, o) {
     beforeAll: [],
     other: []
   };
-}, E = function(s) {
-  const o = h(), c = h(), n = h(), f = h(), t = async function(...e) {
-    return o.beforeAll.forEach((r) => r(...e)), o.other.forEach((r) => r(...e)), o.afterAll.forEach((r) => r(...e)), s(...e).then((r) => (c.beforeAll.forEach((u) => u(r, ...e)), c.other.forEach((u) => u(r, ...e)), c.afterAll.forEach((u) => u(r, ...e)), r)).catch((r) => {
-      throw n.beforeAll.forEach((u) => u(r, ...e)), n.other.forEach((u) => u(r, ...e)), n.afterAll.forEach((u) => u(r, ...e)), r;
+}, b = function(s) {
+  const o = h(), c = h(), n = h(), f = h(), t = async function(...r) {
+    return o.beforeAll.forEach((e) => e(...r)), o.other.forEach((e) => e(...r)), o.afterAll.forEach((e) => e(...r)), s(...r).then((e) => (c.beforeAll.forEach((l) => l(e, ...r)), c.other.forEach((l) => l(e, ...r)), c.afterAll.forEach((l) => l(e, ...r)), e)).catch((e) => {
+      throw n.beforeAll.forEach((l) => l(e, ...r)), n.other.forEach((l) => l(e, ...r)), n.afterAll.forEach((l) => l(e, ...r)), e;
     }).finally(() => {
-      f.beforeAll.forEach((r) => r(...e)), f.other.forEach((r) => r(...e)), f.afterAll.forEach((r) => r(...e));
+      f.beforeAll.forEach((e) => e(...r)), f.other.forEach((e) => e(...r)), f.afterAll.forEach((e) => e(...r));
     });
   };
-  return t.onBefore = (e, r) => {
-    switch (r) {
+  return t.onBefore = (r, e) => {
+    switch (e) {
       case "beforeAll":
-        o.beforeAll.push(e);
+        o.beforeAll.push(r);
         break;
       case "afterAll":
-        o.afterAll.push(e);
+        o.afterAll.push(r);
         break;
       default:
-        o.other.push(e);
+        o.other.push(r);
     }
-  }, t.onSuccess = (e, r) => {
-    switch (r) {
+  }, t.onSuccess = (r, e) => {
+    switch (e) {
       case "beforeAll":
-        c.beforeAll.push(e);
+        c.beforeAll.push(r);
         break;
       case "afterAll":
-        c.afterAll.push(e);
+        c.afterAll.push(r);
         break;
       default:
-        c.other.push(e);
+        c.other.push(r);
     }
-  }, t.onError = (e, r) => {
-    switch (r) {
+  }, t.onError = (r, e) => {
+    switch (e) {
       case "beforeAll":
-        n.beforeAll.push(e);
+        n.beforeAll.push(r);
         break;
       case "afterAll":
-        n.afterAll.push(e);
+        n.afterAll.push(r);
         break;
       default:
-        n.other.push(e);
+        n.other.push(r);
     }
-  }, t.onFinally = (e, r) => {
-    switch (r) {
+  }, t.onFinally = (r, e) => {
+    switch (e) {
       case "beforeAll":
-        f.beforeAll.push(e);
+        f.beforeAll.push(r);
         break;
       case "afterAll":
-        f.afterAll.push(e);
+        f.afterAll.push(r);
         break;
       default:
-        f.other.push(e);
+        f.other.push(r);
     }
   }, t;
-}, a = function(s, o, c = !0) {
+}, A = function(s, o, c = !0) {
   let n = o(...s);
   const f = [];
-  s.forEach((e) => {
-    e.subscribe(() => {
-      l(c, () => {
-        n = o(...s), f.forEach((r) => r(n));
+  s.forEach((r) => {
+    r.subscribe(() => {
+      u(c, () => {
+        n = o(...s), f.forEach((e) => e(n));
       });
     });
   });
@@ -126,21 +126,21 @@ const l = function(s, o) {
     set() {
       throw new Error("Cannot call 'set' on combined store");
     },
-    subscribe(e) {
-      return f.push(e), () => {
-        const r = f.indexOf(e);
-        ~r && f.splice(r, 1);
+    subscribe(r) {
+      return f.push(r), () => {
+        const e = f.indexOf(r);
+        ~e && f.splice(e, 1);
       };
     },
-    enableOn(e) {
-      return e.subscribe(() => c = !1), t;
+    enableOn(r) {
+      return r.subscribe(() => c = !1), t;
     },
-    disableOn(e) {
-      return e.subscribe(() => c = !0), t;
+    disableOn(r) {
+      return r.subscribe(() => c = !0), t;
     }
   };
   return t;
-}, i = function(s) {
+}, E = function(s) {
   const o = [], c = {
     on: (n, f) => (n === "onBefore" ? f.onBefore(() => o.forEach((t) => t()), s) : n === "onSuccess" ? f.onSuccess(() => o.forEach((t) => t()), s) : n === "onError" ? f.onError(() => o.forEach((t) => t()), s) : f.onFinally(() => o.forEach((t) => t()), s), c),
     subscribe: (n) => {
@@ -148,20 +148,20 @@ const l = function(s, o) {
     }
   };
   return c;
-}, b = function(s) {
+}, i = function(s) {
   return () => s;
 }, p = function(s) {
-  const o = A(!1);
+  const o = a(!1);
   return s.forEach((c) => {
-    o.on(c, "onBefore", b(!0)), o.on(c, "onFinally", b(!1));
+    o.on(c, "onBefore", i(!0)), o.on(c, "onFinally", i(!1));
   }), o;
 };
 export {
-  a as combine,
-  E as effect,
-  l as enableCheck,
-  i as marker,
+  A as combine,
+  b as effect,
+  u as enableCheck,
+  E as marker,
   p as pending,
-  A as store,
-  b as to
+  a as store,
+  i as to
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@vanyamate/sec",
-    "version": "0.2.0",
+    "version": "0.2.1",
     "description": "SEC. Store, Effect, Combine. Tiny state manager",
     "scripts": {
         "build": "vite build",

package/src/store/index.ts

@@ -52,7 +52,7 @@ export const enableCheck = function (enabled: boolean, callback: () => void) {
     }
 };
 
-export const store = function <State extends any> (initialData: State, enabled: boolean = true): Store<State> {
+export const store = function <State extends any> (state: State, enabled: boolean = true): Store<State> {
     const listeners: Array<StoreListener<State>> = [];
 
     const storeApi: Store<State> = {
@@ -64,14 +64,14 @@ export const store = function <State extends any> (initialData: State, enabled:
                 effect.onBefore((...args) =>
                     enableCheck(
                         enabled,
-                        () => initialData = (handler as StoreOnBeforeHandler<State, Action>)(initialData, { args }),
+                        () => state = (handler as StoreOnBeforeHandler<State, Action>)(state, { args }),
                     ),
                 );
             } else if (event === 'onSuccess') {
                 effect.onSuccess((result, ...args) =>
                     enableCheck(
                         enabled,
-                        () => initialData = (handler as StoreOnSuccessHandler<State, Action>)(initialData, {
+                        () => state = (handler as StoreOnSuccessHandler<State, Action>)(state, {
                             result, args,
                         }),
                     ),
@@ -80,7 +80,7 @@ export const store = function <State extends any> (initialData: State, enabled:
                 effect.onError((error, ...args) =>
                     enableCheck(
                         enabled,
-                        () => initialData = (handler as StoreOnErrorHandler<State, Action>)(initialData, {
+                        () => state = (handler as StoreOnErrorHandler<State, Action>)(state, {
                             error, args,
                         }),
                     ),
@@ -89,7 +89,7 @@ export const store = function <State extends any> (initialData: State, enabled:
                 effect.onFinally((...args) =>
                     enableCheck(
                         enabled,
-                        () => initialData = (handler as StoreOnFinallyHandler<State, Action>)(initialData, { args }),
+                        () => state = (handler as StoreOnFinallyHandler<State, Action>)(state, { args }),
                     ),
                 );
             }
@@ -97,10 +97,10 @@ export const store = function <State extends any> (initialData: State, enabled:
             return storeApi;
         },
         get (): State {
-            return initialData;
+            return state;
         },
         set (value: State) {
-            initialData = value;
+            state = value;
         },
         subscribe (listener: StoreListener<State>) {
             listeners.push(listener);
@@ -112,11 +112,11 @@ export const store = function <State extends any> (initialData: State, enabled:
             };
         },
         enableOn (marker: Marker<State>) {
-            marker.subscribe(() => enabled = false);
+            marker.subscribe(() => enabled = true);
             return storeApi;
         },
         disableOn (marker: Marker<State>) {
-            marker.subscribe(() => () => enabled = true);
+            marker.subscribe(() => enabled = false);
             return storeApi;
         },
     };