@vanyamate/sec 0.2.4 → 0.2.6

package/README.md

@@ -17,13 +17,53 @@ npm i @vanyamate/sec-react
 npm i @vanyamate/sec-solidjs
 ```
 
-For vue (like old 0.1.5 version)
+## Documentation:
 
-```
-npm i @vanyamate/sec-vue
-```
+### Example
 
-## Documentation:
+```tsx
+
+import { effect, store, marker, pending, to } from '@vanyamate/sec';
+import { useStore } from '@vanyamate/sec-react';
+import { result } from './index';
+
+
+const logout = async function () {
+    return api('v1/auth/logout', { method: 'POST' });
+};
+
+const getPosts = async function (userId: number): Promise<Array<Post>> {
+    return api(`v1/posts/byUserId/${ userId }`);
+};
+
+const getPostsForUserPageEffect = effect(getPosts);
+const logoutEffect              = effect(logout);
+
+const disableMarker = marker('afterAll')
+    .on('onBefore', logoutEffect);
+
+const $userPagePostsPending = pending([ getPostsForUserPageEffect ])
+    .disableOn(disableMarker, false);
+const $userPagePosts        = store<Array<Post>>([])
+    .disableOn(disableMarker, [])
+    .on('onBefore', getPostsForUserPageEffect, to([]))
+    .on('onSuccess', getPostsForUserPageEffect, result());
+
+const UserPage = function (userId: number) {
+    const postsPending = useStore($userPagePostsPending);
+    const posts        = useStore($userPagePosts);
+
+    useLayoutEffect(() => {
+        getPostsForUserPageEffect(userId);
+    }, [ userId ]);
+
+    if (postsPending) {
+        return <Loader/>;
+    }
+
+    return posts.map((post) => <Post key={ post.id } post={ post }/>);
+};
+```
 
 ### effect
 
@@ -85,6 +125,15 @@ to(123); // Return () => 123
 // after     .on(logoutEffect, 'onSuccess', to([]));
 ```
 
+### result
+
+Just helper. Returns a function that returns the returned value from action
+
+```typescript
+// before    .on(logoutEffect, 'onSuccess', (_, { result ) => result);
+// after     .on(logoutEffect, 'onSuccess', result());
+```
+
 ### pending
 
 Just helper. wrapper over store. returns a bool value and is used to create a pending-store.
@@ -102,9 +151,9 @@ Just helper. wrapper over store. returns a bool value and is used to create a pe
  */
 
 const postsIsPending = pending([
-    getPostsForUser,
-    createPostEffect,
-]);
+        getPostsForUser,
+        createPostEffect,
+    ]);
 ```
 
 ### store

package/dist/index.cjs

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

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export declare const combine: <State, States extends Array<any>>(stores: { [Index in keyof States]: Store<States[Index]>; }, callback: (...stores: { [K in keyof States]: Store<States[K]>; }) => State, enabled?: boolean) => Store<State>;
+export declare const combine: <State, States extends Array<any>>(stores: { [Index in keyof States]: Store<States[Index]>; }, callback: (stores: { [K in keyof States]: Store<States[K]>; }) => State, enabled?: boolean) => Store<State>;
 
 export declare type Effect<AsyncAction extends EffectAction> = {
     (...args: Parameters<AsyncAction>): Promise<Awaited<ReturnType<AsyncAction>>>;
@@ -41,6 +41,8 @@ export declare type MarkerListener = () => void;
 
 export declare const pending: (effects: Array<Effect<any>>) => Store<boolean>;
 
+export declare const result: <State, Action extends EffectAction>() => StoreHandlerMap<State, Action>["onSuccess"];
+
 export declare type Store<State> = {
     on: StoreEffectSubscribe<State>;
     enableOn: StoreMarkerSubscribe<State>;
@@ -63,7 +65,7 @@ export declare type StoreHandlerMap<State, Action extends EffectAction> = {
 
 export declare type StoreListener<State> = (state: State) => void;
 
-export declare type StoreMarkerSubscribe<State> = (marker: Marker<State>) => Store<State>;
+export declare type StoreMarkerSubscribe<State> = (marker: Marker<State>, value?: State) => Store<State>;
 
 export declare type StoreOnBeforeHandler<State, Action extends EffectAction> = (state: State, data: {
     args: Parameters<Action>;

package/dist/index.js

@@ -2,14 +2,14 @@ const u = function(c, n) {
   c && n();
 }, a = function(c, n = !0) {
   const f = [], t = {
-    on: (o, s, e) => (s === "onBefore" ? o.onBefore(
+    on: (s, o, e) => (o === "onBefore" ? s.onBefore(
       (...r) => u(
         n,
         () => t.set(
           e(c, { args: r })
         )
       )
-    ) : s === "onSuccess" ? o.onSuccess(
+    ) : o === "onSuccess" ? s.onSuccess(
       (r, ...l) => u(
         n,
         () => t.set(
@@ -19,7 +19,7 @@ const u = function(c, n) {
           })
         )
       )
-    ) : s === "onError" ? o.onError(
+    ) : o === "onError" ? s.onError(
       (r, ...l) => u(
         n,
         () => t.set(
@@ -29,7 +29,7 @@ const u = function(c, n) {
           })
         )
       )
-    ) : o.onFinally(
+    ) : s.onFinally(
       (...r) => u(
         n,
         () => t.set(
@@ -40,38 +40,38 @@ const u = function(c, n) {
     get() {
       return c;
     },
-    set(o) {
-      c = o, f.forEach((s) => s(c));
+    set(s) {
+      c = s, f.forEach((o) => o(c));
     },
-    subscribe(o) {
-      return f.push(o), () => {
-        const s = f.indexOf(o);
-        ~s && f.splice(s, 1);
+    subscribe(s) {
+      return f.push(s), () => {
+        const o = f.indexOf(s);
+        ~o && f.splice(o, 1);
       };
     },
-    enableOn(o) {
-      return o.subscribe(() => n = !0), t;
+    enableOn(s, o) {
+      return s.subscribe(() => n = !0), o !== void 0 && t.set(o), t;
     },
-    disableOn(o) {
-      return o.subscribe(() => n = !1), t;
+    disableOn(s, o) {
+      return s.subscribe(() => n = !1), o !== void 0 && t.set(o), t;
     }
   };
   return t;
-}, h = function() {
+}, i = function() {
   return {
     afterAll: [],
     beforeAll: [],
     other: []
   };
 }, b = function(c) {
-  const n = h(), f = h(), t = h(), o = h(), s = async function(...e) {
+  const n = i(), f = i(), t = i(), s = i(), o = async function(...e) {
     return n.beforeAll.forEach((r) => r(...e)), n.other.forEach((r) => r(...e)), n.afterAll.forEach((r) => r(...e)), c(...e).then((r) => (f.beforeAll.forEach((l) => l(r, ...e)), f.other.forEach((l) => l(r, ...e)), f.afterAll.forEach((l) => l(r, ...e)), r)).catch((r) => {
       throw t.beforeAll.forEach((l) => l(r, ...e)), t.other.forEach((l) => l(r, ...e)), t.afterAll.forEach((l) => l(r, ...e)), r;
     }).finally(() => {
-      o.beforeAll.forEach((r) => r(...e)), o.other.forEach((r) => r(...e)), o.afterAll.forEach((r) => r(...e));
+      s.beforeAll.forEach((r) => r(...e)), s.other.forEach((r) => r(...e)), s.afterAll.forEach((r) => r(...e));
     });
   };
-  return s.onBefore = (e, r) => {
+  return o.onBefore = (e, r) => {
     switch (r) {
       case "beforeAll":
         n.beforeAll.push(e);
@@ -82,7 +82,7 @@ const u = function(c, n) {
       default:
         n.other.push(e);
     }
-  }, s.onSuccess = (e, r) => {
+  }, o.onSuccess = (e, r) => {
     switch (r) {
       case "beforeAll":
         f.beforeAll.push(e);
@@ -93,7 +93,7 @@ const u = function(c, n) {
       default:
         f.other.push(e);
     }
-  }, s.onError = (e, r) => {
+  }, o.onError = (e, r) => {
     switch (r) {
       case "beforeAll":
         t.beforeAll.push(e);
@@ -104,29 +104,30 @@ const u = function(c, n) {
       default:
         t.other.push(e);
     }
-  }, s.onFinally = (e, r) => {
+  }, o.onFinally = (e, r) => {
     switch (r) {
       case "beforeAll":
-        o.beforeAll.push(e);
+        s.beforeAll.push(e);
         break;
       case "afterAll":
-        o.afterAll.push(e);
+        s.afterAll.push(e);
         break;
       default:
-        o.other.push(e);
+        s.other.push(e);
     }
-  }, s;
+  }, o;
 }, A = function(c, n, f = !0) {
-  let t = n(...c);
-  const o = [];
+  console.log("Combine", c, n, f);
+  let t = n(c);
+  const s = [];
   c.forEach((e) => {
     e.subscribe(() => {
       u(f, () => {
-        t = n(...c), o.forEach((r) => r(t));
+        t = n(c), s.forEach((r) => r(t));
       });
     });
   });
-  const s = {
+  const o = {
     on: () => {
       throw new Error("Cannot call 'on' on combined store");
     },
@@ -137,34 +138,36 @@ const u = function(c, n) {
       throw new Error("Cannot call 'set' on combined store");
     },
     subscribe(e) {
-      return o.push(e), () => {
-        const r = o.indexOf(e);
-        ~r && o.splice(r, 1);
+      return s.push(e), () => {
+        const r = s.indexOf(e);
+        ~r && s.splice(r, 1);
       };
     },
     enableOn(e) {
-      return e.subscribe(() => f = !1), s;
+      return e.subscribe(() => f = !0), o;
     },
     disableOn(e) {
-      return e.subscribe(() => f = !0), s;
+      return e.subscribe(() => f = !1), o;
     }
   };
-  return s;
+  return o;
 }, E = function(c) {
   const n = [], f = {
-    on: (t, o) => (t === "onBefore" ? o.onBefore(() => n.forEach((s) => s()), c) : t === "onSuccess" ? o.onSuccess(() => n.forEach((s) => s()), c) : t === "onError" ? o.onError(() => n.forEach((s) => s()), c) : o.onFinally(() => n.forEach((s) => s()), c), f),
+    on: (t, s) => (t === "onBefore" ? s.onBefore(() => n.forEach((o) => o()), c) : t === "onSuccess" ? s.onSuccess(() => n.forEach((o) => o()), c) : t === "onError" ? s.onError(() => n.forEach((o) => o()), c) : s.onFinally(() => n.forEach((o) => o()), c), f),
     subscribe: (t) => {
       n.push(t);
     }
   };
   return f;
-}, i = function(c) {
+}, h = function(c) {
   return () => c;
 }, p = function(c) {
   const n = a(!1);
   return c.forEach((f) => {
-    n.on(f, "onBefore", i(!0)), n.on(f, "onFinally", i(!1));
+    n.on(f, "onBefore", h(!0)), n.on(f, "onFinally", h(!1));
   }), n;
+}, w = function() {
+  return (c, { result: n }) => n;
 };
 export {
   A as combine,
@@ -172,6 +175,7 @@ export {
   u as enableCheck,
   E as marker,
   p as pending,
+  w as result,
   a as store,
-  i as to
+  h as to
 };

package/package.json

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