@vanyamate/sec 0.2.5 → 0.2.7

package/README.md

@@ -1,5 +1,7 @@
 # SEC (Store, Effect, Combine)
 
+https://sec-docs-minimal.lovable.app/
+
 Tiny state manager
 
 *It may change in the future*
@@ -17,13 +19,52 @@ 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, result } from '@vanyamate/sec';
+import { useStore } from '@vanyamate/sec-react';
+
+
+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 +126,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 +152,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(s,n){s&&n()},a=function(s,n=!0){const f=[],c={on:(o,t,e)=>(t==="onBefore"?o.onBefore((...r)=>u(n,()=>c.set(e(s,{args:r})))):t==="onSuccess"?o.onSuccess((r,...l)=>u(n,()=>c.set(e(s,{result:r,args:l})))):t==="onError"?o.onError((r,...l)=>u(n,()=>c.set(e(s,{error:r,args:l})))):o.onFinally((...r)=>u(n,()=>c.set(e(s,{args:r})))),c),get(){return s},set(o){s=o,f.forEach(t=>t(s))},subscribe(o){return f.push(o),()=>{const t=f.indexOf(o);~t&&f.splice(t,1)}},enableOn(o){return o.subscribe(()=>n=!0),c},disableOn(o){return o.subscribe(()=>n=!1),c}};return c},i=function(){return{afterAll:[],beforeAll:[],other:[]}},b=function(s){const n=i(),f=i(),c=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)),s(...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 c.beforeAll.forEach(l=>l(r,...e)),c.other.forEach(l=>l(r,...e)),c.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":c.beforeAll.push(e);break;case"afterAll":c.afterAll.push(e);break;default:c.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(s,n,f=!0){console.log("Combine",s,n,f);let c=n(s);const o=[];s.forEach(e=>{e.subscribe(()=>{u(f,()=>{c=n(s),o.forEach(r=>r(c))})})});const t={on:()=>{throw new Error("Cannot call 'on' on combined store")},get(){return c},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=!0),t},disableOn(e){return e.subscribe(()=>f=!1),t}};return t},E=function(s){const n=[],f={on:(c,o)=>(c==="onBefore"?o.onBefore(()=>n.forEach(t=>t()),s):c==="onSuccess"?o.onSuccess(()=>n.forEach(t=>t()),s):c==="onError"?o.onError(()=>n.forEach(t=>t()),s):o.onFinally(()=>n.forEach(t=>t()),s),f),subscribe:c=>{n.push(c)}};return f},h=function(s){return()=>s},p=function(s){const n=a(!1);return s.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

@@ -41,6 +41,8 @@ export declare type MarkerListener = () => void;
 
 export declare const pending: (effects: Array<Effect<any>>) => Store<boolean>;
 
+export declare const result: <State extends Awaited<ReturnType<Action>>, 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

@@ -1,77 +1,77 @@
-const u = function(t, n) {
-  t && n();
-}, a = function(t, n = !0) {
-  const f = [], c = {
-    on: (o, s, e) => (s === "onBefore" ? o.onBefore(
+const u = function(c, n) {
+  c && n();
+}, a = function(c, n = !0) {
+  const f = [], t = {
+    on: (s, o, e) => (o === "onBefore" ? s.onBefore(
       (...r) => u(
         n,
-        () => c.set(
-          e(t, { args: r })
+        () => t.set(
+          e(c, { args: r })
         )
       )
-    ) : s === "onSuccess" ? o.onSuccess(
+    ) : o === "onSuccess" ? s.onSuccess(
       (r, ...l) => u(
         n,
-        () => c.set(
-          e(t, {
+        () => t.set(
+          e(c, {
             result: r,
             args: l
           })
         )
       )
-    ) : s === "onError" ? o.onError(
+    ) : o === "onError" ? s.onError(
       (r, ...l) => u(
         n,
-        () => c.set(
-          e(t, {
+        () => t.set(
+          e(c, {
             error: r,
             args: l
           })
         )
       )
-    ) : o.onFinally(
+    ) : s.onFinally(
       (...r) => u(
         n,
-        () => c.set(
-          e(t, { args: r })
+        () => t.set(
+          e(c, { args: r })
         )
       )
-    ), c),
+    ), t),
     get() {
-      return t;
+      return c;
     },
-    set(o) {
-      t = o, f.forEach((s) => s(t));
+    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), c;
+    enableOn(s, o) {
+      return s.subscribe(() => n = !0), o !== void 0 && t.set(o), t;
     },
-    disableOn(o) {
-      return o.subscribe(() => n = !1), c;
+    disableOn(s, o) {
+      return s.subscribe(() => n = !1), o !== void 0 && t.set(o), t;
     }
   };
-  return c;
-}, h = function() {
+  return t;
+}, i = function() {
   return {
     afterAll: [],
     beforeAll: [],
     other: []
   };
-}, b = function(t) {
-  const n = h(), f = h(), c = h(), o = h(), s = async function(...e) {
-    return n.beforeAll.forEach((r) => r(...e)), n.other.forEach((r) => r(...e)), n.afterAll.forEach((r) => r(...e)), t(...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 c.beforeAll.forEach((l) => l(r, ...e)), c.other.forEach((l) => l(r, ...e)), c.afterAll.forEach((l) => l(r, ...e)), r;
+}, b = function(c) {
+  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(t, n) {
       default:
         n.other.push(e);
     }
-  }, s.onSuccess = (e, r) => {
+  }, o.onSuccess = (e, r) => {
     switch (r) {
       case "beforeAll":
         f.beforeAll.push(e);
@@ -93,79 +93,81 @@ const u = function(t, n) {
       default:
         f.other.push(e);
     }
-  }, s.onError = (e, r) => {
+  }, o.onError = (e, r) => {
     switch (r) {
       case "beforeAll":
-        c.beforeAll.push(e);
+        t.beforeAll.push(e);
         break;
       case "afterAll":
-        c.afterAll.push(e);
+        t.afterAll.push(e);
         break;
       default:
-        c.other.push(e);
+        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;
-}, A = function(t, n, f = !0) {
-  console.log("Combine", t, n, f);
-  let c = n(t);
-  const o = [];
-  t.forEach((e) => {
+  }, o;
+}, A = function(c, n, f = !0) {
+  console.log("Combine", c, n, f);
+  let t = n(c);
+  const s = [];
+  c.forEach((e) => {
     e.subscribe(() => {
       u(f, () => {
-        c = n(t), o.forEach((r) => r(c));
+        t = n(c), s.forEach((r) => r(t));
       });
     });
   });
-  const s = {
+  const o = {
     on: () => {
       throw new Error("Cannot call 'on' on combined store");
     },
     get() {
-      return c;
+      return t;
     },
     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);
+      return s.push(e), () => {
+        const r = s.indexOf(e);
+        ~r && s.splice(r, 1);
       };
     },
     enableOn(e) {
-      return e.subscribe(() => f = !0), s;
+      return e.subscribe(() => f = !0), o;
     },
     disableOn(e) {
-      return e.subscribe(() => f = !1), s;
+      return e.subscribe(() => f = !1), o;
     }
   };
-  return s;
-}, E = function(t) {
+  return o;
+}, E = function(c) {
   const n = [], f = {
-    on: (c, o) => (c === "onBefore" ? o.onBefore(() => n.forEach((s) => s()), t) : c === "onSuccess" ? o.onSuccess(() => n.forEach((s) => s()), t) : c === "onError" ? o.onError(() => n.forEach((s) => s()), t) : o.onFinally(() => n.forEach((s) => s()), t), f),
-    subscribe: (c) => {
-      n.push(c);
+    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(t) {
-  return () => t;
-}, p = function(t) {
+}, h = function(c) {
+  return () => c;
+}, p = function(c) {
   const n = a(!1);
-  return t.forEach((f) => {
-    n.on(f, "onBefore", i(!0)), n.on(f, "onFinally", i(!1));
+  return c.forEach((f) => {
+    n.on(f, "onBefore", h(!0)), n.on(f, "onFinally", h(!1));
   }), n;
+}, w = function() {
+  return (c, { result: n }) => n;
 };
 export {
   A as combine,
@@ -173,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.5",
+    "version": "0.2.7",
     "description": "SEC. Store, Effect, Combine. Tiny state manager",
     "scripts": {
         "build": "vite build",