effector-react - npm Package Compare versions

Comparing version 21.1.0 to 21.2.0

compat.js

@@ -1,2 +0,2 @@
-'use strict';function e(e){return e&&'object'==typeof e&&'default'in e?e.default:e}function t(e){c.is.store(e)||p('expect useStore argument to be a store');var t=f.useRef(e),n=f.useState(e.getState())[1];return i((function(){return t.current===e&&n(e.getState()),t.current=e,e.updates.watch(n)}),[e]),e.getState()}function n(e){var n=e.store,r=e.keys,o=e.fn;c.is.store(n)||p('useStoreMap expects a store'),Array.isArray(r)||p('useStoreMap expects an array as keys'),'function'!=typeof o&&p('useStoreMap expects a function');var u=f.useMemo((function(){return c.createStore(o(n.getState(),r)).on(n,(function(e,t){return o(t,r)}))}),r),a=t(u);return i((function(){return function(){u.off(n),c.clearNode(u,{deep:1})}}),r),a}function r(e,t){return t.displayName=e,t}function o(e,n){function o(e){var r=f.useRef(e),o=t(u);i((function(){return s({props:r.current,state:u.getState()}),function(){l({props:r.current,state:u.getState()})}}),[]);var a=n(e,o);return r.current=e,a}var u;c.is.store(e)?u=e:'object'==typeof e&&null!==e?u=c.combine(e):p('shape should be a store or object with stores');var a='Unknown';u&&u.shortName&&(a=u.shortName);var s=c.createEvent(),l=c.createEvent();return o.mounted=s,o.unmounted=l,r(a+".View",o)}function u(e,n){return r("Connect("+(n.displayName||n.name||'Unknown')+")",(function(r){return f.createElement(n,Object.assign({},r,t(e)))}))}function a(e,t){void 0===t&&(t={});var n=f.useRef(null);i((function(){return e.open(n.current),function(){return e.close(n.current)}}),[e]),function(e,t){if(e===t)return 1;if('object'==typeof e&&null!==e&&'object'==typeof t&&null!==t){var n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return 0;for(var o=0;o<n.length;o++){var u=n[o];if(e[u]!==t[u])return 0}return 1}return 0}(n.current,t)||(n.current=t,e.set(t))}Object.defineProperty(exports,'__esModule',{value:1});var s=require('react'),c=require('effector/compat'),f=e(s),i='undefined'!=typeof window?f.useLayoutEffect:f.useEffect,p=function(e){throw Error(e)};exports.connect=function(e){return function(t){var n=e;return'function'!=typeof e&&(n=t,t=e),u(t,n)}},exports.createComponent=o,exports.createContextComponent=function(e,n,o){return r((e.shortName||'Unknown')+".ContextComponent",(function(r){var u=f.useContext(n),a=t(e);return o(r,a,u)}))},exports.createGate=function(e,t){function n(e){return a(n,e),null}var o;void 0===e&&(e='gate'),void 0===t&&(t={}),'object'==typeof e&&null!==e&&('defaultState'in e&&(t=e.defaultState),e.domain&&(o=e.domain),e=e.name||'gate');var u=c.createStore(Boolean(0),{named:'status'}),s=c.createStore(t,{named:'state'}),f=c.createApi(s,{set:function(e,t){return t}}).set,i=c.createApi(u,{open:function(){return Boolean(1)},close:function(){return Boolean(0)}}),p=i.open,l=i.close;if(n.open=p,n.close=l,n.status=u,n.state=s,n.set=f,s.reset(l),o){var m=o.hooks;c.launch({target:[m.store,m.store,m.event,m.event,m.event],params:[u,s,p,l,f]})}return r("Gate:"+e,n)},exports.createReactState=u,exports.createStoreConsumer=function(e){return o(e,(function(e,t){return(0,e.children)(t)}))},exports.useEvent=function(e){return e},exports.useGate=a,exports.useList=function(e,t){var o,u=[];'object'==typeof t&&null!==t?(t.keys&&(u=t.keys),o=t.fn):o=t,c.is.store(e)||p('expect useList first argument to be a store'),'function'!=typeof o&&p("expect useList's renderItem to be a function"),Array.isArray(u)||p("expect useList's keys to be an array");var a=f.useMemo((function(){var t=r((e.shortName||'Unknown')+".Item",(function(t){var r=t.index,o=n({store:e,keys:[r].concat(t.keys),fn:function(e,t){return e[t[0]]}});return i.current(o,r)}));return f.memo(t)}),[e]),s=n({store:e,keys:[e],fn:function(e){return e.length}}),i=f.useRef(o);i.current=o;var l=f.useMemo((function(){return u}),u);return Array.from({length:s},(function(e,t){return f.createElement(a,{index:t,key:t,keys:l})}))},exports.useStore=t,exports.useStoreMap=n;
+'use strict';function e(e){return e&&'object'==typeof e&&'default'in e?e.default:e}function t(e){c.is.store(e)||p('expect useStore argument to be a store');var t=f.useRef(e),n=f.useState(e.getState())[1];return i((function(){return t.current===e&&n(e.getState()),t.current=e,e.updates.watch(n)}),[e]),e.getState()}function n(e){var n=e.store,r=e.keys,o=e.fn;c.is.store(n)||p('useStoreMap expects a store'),Array.isArray(r)||p('useStoreMap expects an array as keys'),'function'!=typeof o&&p('useStoreMap expects a function');var u=f.useMemo((function(){return c.createStore(o(n.getState(),r)).on(n,(function(e,t){return o(t,r)}))}),r),a=t(u);return i((function(){return function(){u.off(n),c.clearNode(u,{deep:1})}}),r),a}function r(e,t){return t.displayName=e,t}function o(e,n){function o(e){var r=f.useRef(e),o=t(u);i((function(){return s({props:r.current,state:u.getState()}),function(){l({props:r.current,state:u.getState()})}}),[]);var a=n(e,o);return r.current=e,a}var u;c.is.store(e)?u=e:'object'==typeof e&&null!==e?u=c.combine(e):p('shape should be a store or object with stores');var a='Unknown';u&&u.shortName&&(a=u.shortName);var s=c.createEvent(),l=c.createEvent();return o.mounted=s,o.unmounted=l,r(a+".View",o)}function u(e,n){return r("Connect("+(n.displayName||n.name||'Unknown')+")",(function(r){return f.createElement(n,Object.assign({},r,t(e)))}))}function a(e,t){void 0===t&&(t={});var n=f.useRef(null);i((function(){return e.open(n.current),function(){return e.close(n.current)}}),[e]),function(e,t){if(e===t)return 1;if('object'==typeof e&&null!==e&&'object'==typeof t&&null!==t){var n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return 0;for(var o=0;o<n.length;o++){var u=n[o];if(e[u]!==t[u])return 0}return 1}return 0}(n.current,t)||(n.current=t,e.set(t))}Object.defineProperty(exports,'__esModule',{value:1});var s=require('react'),c=require('effector/compat'),f=e(s),i='undefined'!=typeof window?f.useLayoutEffect:f.useEffect,p=function(e){throw Error(e)};exports.connect=function(e){return function(t){var n=e;return'function'!=typeof e&&(n=t,t=e),u(t,n)}},exports.createComponent=o,exports.createContextComponent=function(e,n,o){return r((e.shortName||'Unknown')+".ContextComponent",(function(r){var u=f.useContext(n),a=t(e);return o(r,a,u)}))},exports.createGate=function(e,t){var n;return void 0===e&&(e='gate'),void 0===t&&(t={}),'object'==typeof e&&null!==e&&('defaultState'in e&&(t=e.defaultState),e.domain&&(n=e.domain),e=e.name),function(e){function t(e){return s(t,e),null}var n=e.name,o=void 0===n?'gate':n,u=e.domain,a=e.defaultState,s=e.hook,f=c.createEvent(),i=c.createEvent(),p=c.createEvent(),l=c.createStore(Boolean(0),{named:'status'}).on(i,(function(){return Boolean(1)})).on(p,(function(){return Boolean(0)})),m=c.createStore(a,{named:'state'}).on(f,(function(e,t){return t})).reset(p);if(u){var v=u.hooks;c.launch({target:[v.store,v.store,v.event,v.event,v.event],params:[l,m,i,p,f]})}return t.open=i,t.close=p,t.status=l,t.state=m,t.set=f,r("Gate:"+o,t)}({name:e,domain:n,defaultState:t,hook:a})},exports.createReactState=u,exports.createStoreConsumer=function(e){return o(e,(function(e,t){return(0,e.children)(t)}))},exports.useEvent=function(e){return e},exports.useGate=a,exports.useList=function(e,t){var o,u=[];'object'==typeof t&&null!==t?(t.keys&&(u=t.keys),o=t.fn):o=t,c.is.store(e)||p('expect useList first argument to be a store'),'function'!=typeof o&&p("expect useList's renderItem to be a function"),Array.isArray(u)||p("expect useList's keys to be an array");var a=f.useMemo((function(){var t=r((e.shortName||'Unknown')+".Item",(function(t){var r=t.index,o=n({store:e,keys:[r].concat(t.keys),fn:function(e,t){return e[t[0]]}});return i.current(o,r)}));return f.memo(t)}),[e]),s=n({store:e,keys:[e],fn:function(e){return e.length}}),i=f.useRef(o);i.current=o;var l=f.useMemo((function(){return u}),u);return Array.from({length:s},(function(e,t){return f.createElement(a,{index:t,key:t,keys:l})}))},exports.useStore=t,exports.useStoreMap=n;
 //# sourceMappingURL=compat.js.map

effector-react.cjs.js

@@ -1,2 +0,2 @@
-function e(e){return e&&'object'==typeof e&&'default'in e?e.default:e}function t(e){effector.is.store(e)||f('expect useStore argument to be a store');let t=c.useRef(e),r=c.useState(e.getState())[1];return l((()=>(t.current===e&&r(e.getState()),t.current=e,e.updates.watch(r))),[e]),e.getState()}function r({store:e,keys:r,fn:n}){effector.is.store(e)||f('useStoreMap expects a store'),Array.isArray(r)||f('useStoreMap expects an array as keys'),'function'!=typeof n&&f('useStoreMap expects a function');let o=c.useMemo((()=>effector.createStore(n(e.getState(),r)).on(e,((e,t)=>n(t,r)))),r),s=t(o);return l((()=>()=>{o.off(e),effector.clearNode(o,{deep:1})}),r),s}function n(e,t){return t.displayName=e,t}function o(e,r){function o(e){let n=c.useRef(e),o=t(s);l((()=>(a({props:n.current,state:s.getState()}),()=>{p({props:n.current,state:s.getState()})})),[]);let u=r(e,o);return n.current=e,u}let s;effector.is.store(e)?s=e:'object'==typeof e&&null!==e?s=effector.combine(e):f('shape should be a store or object with stores');let u='Unknown';s&&s.shortName&&(u=s.shortName);let a=effector.createEvent(),p=effector.createEvent();return o.mounted=a,o.unmounted=p,n(u+".View",o)}function s(e,r){return n(`Connect(${r.displayName||r.name||'Unknown'})`,(n=>c.createElement(r,Object.assign({},n,t(e)))))}function u(e,t={}){let r=c.useRef(null);l((()=>(e.open(r.current),()=>e.close(r.current))),[e]),((e,t)=>{if(e===t)return 1;if('object'==typeof e&&null!==e&&'object'==typeof t&&null!==t){let r=Object.keys(e),n=Object.keys(t);if(r.length!==n.length)return 0;for(let n=0;n<r.length;n++){let o=r[n];if(e[o]!==t[o])return 0}return 1}return 0})(r.current,t)||(r.current=t,e.set(t))}Object.defineProperty(exports,'__esModule',{value:1});var a=require('react'),effector=require('effector'),c=e(a);let l='undefined'!=typeof window?c.useLayoutEffect:c.useEffect,f=e=>{throw Error(e)};exports.connect=e=>t=>{let r=e;return'function'!=typeof e&&(r=t,t=e),s(t,r)},exports.createComponent=o,exports.createContextComponent=(e,r,o)=>n((e.shortName||'Unknown')+".ContextComponent",(n=>{let s=c.useContext(r),u=t(e);return o(n,u,s)})),exports.createGate=(e="gate",t={})=>{function r(e){return u(r,e),null}let o;'object'==typeof e&&null!==e&&('defaultState'in e&&(t=e.defaultState),e.domain&&(o=e.domain),e=e.name||'gate');let s=effector.createStore(Boolean(0),{named:'status'}),a=effector.createStore(t,{named:'state'}),{set:c}=effector.createApi(a,{set:(e,t)=>t}),{open:l,close:f}=effector.createApi(s,{open:()=>Boolean(1),close:()=>Boolean(0)});if(r.open=l,r.close=f,r.status=s,r.state=a,r.set=c,a.reset(f),o){let{hooks:e}=o;effector.launch({target:[e.store,e.store,e.event,e.event,e.event],params:[s,a,l,f,c]})}return n("Gate:"+e,r)},exports.createReactState=s,exports.createStoreConsumer=e=>o(e,(({children:e},t)=>e(t))),exports.useEvent=e=>e,exports.useGate=u,exports.useList=(e,t)=>{let o,s=[];'object'==typeof t&&null!==t?(t.keys&&(s=t.keys),o=t.fn):o=t,effector.is.store(e)||f('expect useList first argument to be a store'),'function'!=typeof o&&f("expect useList's renderItem to be a function"),Array.isArray(s)||f("expect useList's keys to be an array");let u=c.useMemo((()=>{let t=n((e.shortName||'Unknown')+".Item",(({index:t,keys:n})=>{let o=r({store:e,keys:[t,...n],fn:(e,t)=>e[t[0]]});return l.current(o,t)}));return c.memo(t)}),[e]),a=r({store:e,keys:[e],fn:e=>e.length}),l=c.useRef(o);l.current=o;let p=c.useMemo((()=>s),s);return Array.from({length:a},((e,t)=>c.createElement(u,{index:t,key:t,keys:p})))},exports.useStore=t,exports.useStoreMap=r;
+function e(e){return e&&'object'==typeof e&&'default'in e?e.default:e}function t(e){effector.is.store(e)||f('expect useStore argument to be a store');let t=c.useRef(e),r=c.useState(e.getState())[1];return l((()=>(t.current===e&&r(e.getState()),t.current=e,e.updates.watch(r))),[e]),e.getState()}function r({store:e,keys:r,fn:n}){effector.is.store(e)||f('useStoreMap expects a store'),Array.isArray(r)||f('useStoreMap expects an array as keys'),'function'!=typeof n&&f('useStoreMap expects a function');let o=c.useMemo((()=>effector.createStore(n(e.getState(),r)).on(e,((e,t)=>n(t,r)))),r),s=t(o);return l((()=>()=>{o.off(e),effector.clearNode(o,{deep:1})}),r),s}function n(e,t){return t.displayName=e,t}function o(e,r){function o(e){let n=c.useRef(e),o=t(s);l((()=>(u({props:n.current,state:s.getState()}),()=>{i({props:n.current,state:s.getState()})})),[]);let a=r(e,o);return n.current=e,a}let s;effector.is.store(e)?s=e:'object'==typeof e&&null!==e?s=effector.combine(e):f('shape should be a store or object with stores');let a='Unknown';s&&s.shortName&&(a=s.shortName);let u=effector.createEvent(),i=effector.createEvent();return o.mounted=u,o.unmounted=i,n(a+".View",o)}function s(e,r){return n(`Connect(${r.displayName||r.name||'Unknown'})`,(n=>c.createElement(r,Object.assign({},n,t(e)))))}function a(e,t={}){let r=c.useRef(null);l((()=>(e.open(r.current),()=>e.close(r.current))),[e]),((e,t)=>{if(e===t)return 1;if('object'==typeof e&&null!==e&&'object'==typeof t&&null!==t){let r=Object.keys(e),n=Object.keys(t);if(r.length!==n.length)return 0;for(let n=0;n<r.length;n++){let o=r[n];if(e[o]!==t[o])return 0}return 1}return 0})(r.current,t)||(r.current=t,e.set(t))}Object.defineProperty(exports,'__esModule',{value:1});var u=require('react'),effector=require('effector'),c=e(u);let l='undefined'!=typeof window?c.useLayoutEffect:c.useEffect,f=e=>{throw Error(e)};exports.connect=e=>t=>{let r=e;return'function'!=typeof e&&(r=t,t=e),s(t,r)},exports.createComponent=o,exports.createContextComponent=(e,r,o)=>n((e.shortName||'Unknown')+".ContextComponent",(n=>{let s=c.useContext(r),a=t(e);return o(n,a,s)})),exports.createGate=(e="gate",t={})=>{let r;return'object'==typeof e&&null!==e&&('defaultState'in e&&(t=e.defaultState),e.domain&&(r=e.domain),e=e.name),(({name:e="gate",domain:t,defaultState:r,hook:o})=>{function s(e){return o(s,e),null}let a=effector.createEvent(),u=effector.createEvent(),c=effector.createEvent(),l=effector.createStore(Boolean(0),{named:'status'}).on(u,(()=>Boolean(1))).on(c,(()=>Boolean(0))),f=effector.createStore(r,{named:'state'}).on(a,((e,t)=>t)).reset(c);if(t){let{hooks:e}=t;effector.launch({target:[e.store,e.store,e.event,e.event,e.event],params:[l,f,u,c,a]})}return s.open=u,s.close=c,s.status=l,s.state=f,s.set=a,n("Gate:"+e,s)})({name:e,domain:r,defaultState:t,hook:a})},exports.createReactState=s,exports.createStoreConsumer=e=>o(e,(({children:e},t)=>e(t))),exports.useEvent=e=>e,exports.useGate=a,exports.useList=(e,t)=>{let o,s=[];'object'==typeof t&&null!==t?(t.keys&&(s=t.keys),o=t.fn):o=t,effector.is.store(e)||f('expect useList first argument to be a store'),'function'!=typeof o&&f("expect useList's renderItem to be a function"),Array.isArray(s)||f("expect useList's keys to be an array");let a=c.useMemo((()=>{let t=n((e.shortName||'Unknown')+".Item",(({index:t,keys:n})=>{let o=r({store:e,keys:[t,...n],fn:(e,t)=>e[t[0]]});return l.current(o,t)}));return c.memo(t)}),[e]),u=r({store:e,keys:[e],fn:e=>e.length}),l=c.useRef(o);l.current=o;let i=c.useMemo((()=>s),s);return Array.from({length:u},((e,t)=>c.createElement(a,{index:t,key:t,keys:i})))},exports.useStore=t,exports.useStoreMap=r;
 //# sourceMappingURL=effector-react.cjs.js.map

effector-react.umd.js

@@ -1,2 +0,2 @@
-((e,t)=>{'object'==typeof exports&&'undefined'!=typeof module?t(exports,require('react'),require('effector')):'function'==typeof define&&define.amd?define(['exports','react','effector'],t):t((e='undefined'!=typeof globalThis?globalThis:e||self).effectorReact={},e.React,e.effector)})(this,((e,t,effector)=>{function r(e){return e&&'object'==typeof e&&'default'in e?e:{default:e}}function n(e){effector.is.store(e)||i('expect useStore argument to be a store');let t=c.default.useRef(e),r=c.default.useState(e.getState())[1];return l((()=>(t.current===e&&r(e.getState()),t.current=e,e.updates.watch(r))),[e]),e.getState()}function o({store:e,keys:t,fn:r}){effector.is.store(e)||i('useStoreMap expects a store'),Array.isArray(t)||i('useStoreMap expects an array as keys'),'function'!=typeof r&&i('useStoreMap expects a function');let o=c.default.useMemo((()=>effector.createStore(r(e.getState(),t)).on(e,((e,n)=>r(n,t)))),t),a=n(o);return l((()=>()=>{o.off(e),effector.clearNode(o,{deep:1})}),t),a}function a(e,t){return t.displayName=e,t}function u(e,t){function r(e){let r=c.default.useRef(e),a=n(o);l((()=>(s({props:r.current,state:o.getState()}),()=>{f({props:r.current,state:o.getState()})})),[]);let u=t(e,a);return r.current=e,u}let o;effector.is.store(e)?o=e:'object'==typeof e&&null!==e?o=effector.combine(e):i('shape should be a store or object with stores');let u='Unknown';o&&o.shortName&&(u=o.shortName);let s=effector.createEvent(),f=effector.createEvent();return r.mounted=s,r.unmounted=f,a(u+".View",r)}function s(e,t){return a(`Connect(${t.displayName||t.name||'Unknown'})`,(r=>c.default.createElement(t,Object.assign({},r,n(e)))))}function f(e,t={}){let r=c.default.useRef(null);l((()=>(e.open(r.current),()=>e.close(r.current))),[e]),((e,t)=>{if(e===t)return 1;if('object'==typeof e&&null!==e&&'object'==typeof t&&null!==t){let r=Object.keys(e),n=Object.keys(t);if(r.length!==n.length)return 0;for(let n=0;n<r.length;n++){let o=r[n];if(e[o]!==t[o])return 0}return 1}return 0})(r.current,t)||(r.current=t,e.set(t))}var c=r(t);let l='undefined'!=typeof window?c.default.useLayoutEffect:c.default.useEffect,i=e=>{throw Error(e)};e.connect=e=>t=>{let r=e;return'function'!=typeof e&&(r=t,t=e),s(t,r)},e.createComponent=u,e.createContextComponent=(e,t,r)=>a((e.shortName||'Unknown')+".ContextComponent",(o=>{let a=c.default.useContext(t),u=n(e);return r(o,u,a)})),e.createGate=(e="gate",t={})=>{function r(e){return f(r,e),null}let n;'object'==typeof e&&null!==e&&('defaultState'in e&&(t=e.defaultState),e.domain&&(n=e.domain),e=e.name||'gate');let o=effector.createStore(Boolean(0),{named:'status'}),u=effector.createStore(t,{named:'state'}),{set:s}=effector.createApi(u,{set:(e,t)=>t}),{open:c,close:l}=effector.createApi(o,{open:()=>Boolean(1),close:()=>Boolean(0)});if(r.open=c,r.close=l,r.status=o,r.state=u,r.set=s,u.reset(l),n){let{hooks:e}=n;effector.launch({target:[e.store,e.store,e.event,e.event,e.event],params:[o,u,c,l,s]})}return a("Gate:"+e,r)},e.createReactState=s,e.createStoreConsumer=e=>u(e,(({children:e},t)=>e(t))),e.useEvent=e=>e,e.useGate=f,e.useList=(e,t)=>{let r,n=[];'object'==typeof t&&null!==t?(t.keys&&(n=t.keys),r=t.fn):r=t,effector.is.store(e)||i('expect useList first argument to be a store'),'function'!=typeof r&&i("expect useList's renderItem to be a function"),Array.isArray(n)||i("expect useList's keys to be an array");let u=c.default.useMemo((()=>{let t=a((e.shortName||'Unknown')+".Item",(({index:t,keys:r})=>{let n=o({store:e,keys:[t,...r],fn:(e,t)=>e[t[0]]});return f.current(n,t)}));return c.default.memo(t)}),[e]),s=o({store:e,keys:[e],fn:e=>e.length}),f=c.default.useRef(r);f.current=r;let l=c.default.useMemo((()=>n),n);return Array.from({length:s},((e,t)=>c.default.createElement(u,{index:t,key:t,keys:l})))},e.useStore=n,e.useStoreMap=o,Object.defineProperty(e,'__esModule',{value:1})}));
+((e,t)=>{'object'==typeof exports&&'undefined'!=typeof module?t(exports,require('react'),require('effector')):'function'==typeof define&&define.amd?define(['exports','react','effector'],t):t((e='undefined'!=typeof globalThis?globalThis:e||self).effectorReact={},e.React,e.effector)})(this,((e,t,effector)=>{function n(e){return e&&'object'==typeof e&&'default'in e?e:{default:e}}function r(e){effector.is.store(e)||i('expect useStore argument to be a store');let t=l.default.useRef(e),n=l.default.useState(e.getState())[1];return c((()=>(t.current===e&&n(e.getState()),t.current=e,e.updates.watch(n))),[e]),e.getState()}function o({store:e,keys:t,fn:n}){effector.is.store(e)||i('useStoreMap expects a store'),Array.isArray(t)||i('useStoreMap expects an array as keys'),'function'!=typeof n&&i('useStoreMap expects a function');let o=l.default.useMemo((()=>effector.createStore(n(e.getState(),t)).on(e,((e,r)=>n(r,t)))),t),a=r(o);return c((()=>()=>{o.off(e),effector.clearNode(o,{deep:1})}),t),a}function a(e,t){return t.displayName=e,t}function u(e,t){function n(e){let n=l.default.useRef(e),a=r(o);c((()=>(s({props:n.current,state:o.getState()}),()=>{f({props:n.current,state:o.getState()})})),[]);let u=t(e,a);return n.current=e,u}let o;effector.is.store(e)?o=e:'object'==typeof e&&null!==e?o=effector.combine(e):i('shape should be a store or object with stores');let u='Unknown';o&&o.shortName&&(u=o.shortName);let s=effector.createEvent(),f=effector.createEvent();return n.mounted=s,n.unmounted=f,a(u+".View",n)}function s(e,t){return a(`Connect(${t.displayName||t.name||'Unknown'})`,(n=>l.default.createElement(t,Object.assign({},n,r(e)))))}function f(e,t={}){let n=l.default.useRef(null);c((()=>(e.open(n.current),()=>e.close(n.current))),[e]),((e,t)=>{if(e===t)return 1;if('object'==typeof e&&null!==e&&'object'==typeof t&&null!==t){let n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return 0;for(let r=0;r<n.length;r++){let o=n[r];if(e[o]!==t[o])return 0}return 1}return 0})(n.current,t)||(n.current=t,e.set(t))}var l=n(t);let c='undefined'!=typeof window?l.default.useLayoutEffect:l.default.useEffect,i=e=>{throw Error(e)};e.connect=e=>t=>{let n=e;return'function'!=typeof e&&(n=t,t=e),s(t,n)},e.createComponent=u,e.createContextComponent=(e,t,n)=>a((e.shortName||'Unknown')+".ContextComponent",(o=>{let a=l.default.useContext(t),u=r(e);return n(o,u,a)})),e.createGate=(e="gate",t={})=>{let n;return'object'==typeof e&&null!==e&&('defaultState'in e&&(t=e.defaultState),e.domain&&(n=e.domain),e=e.name),(({name:e="gate",domain:t,defaultState:n,hook:r})=>{function o(e){return r(o,e),null}let u=effector.createEvent(),s=effector.createEvent(),f=effector.createEvent(),l=effector.createStore(Boolean(0),{named:'status'}).on(s,(()=>Boolean(1))).on(f,(()=>Boolean(0))),c=effector.createStore(n,{named:'state'}).on(u,((e,t)=>t)).reset(f);if(t){let{hooks:e}=t;effector.launch({target:[e.store,e.store,e.event,e.event,e.event],params:[l,c,s,f,u]})}return o.open=s,o.close=f,o.status=l,o.state=c,o.set=u,a("Gate:"+e,o)})({name:e,domain:n,defaultState:t,hook:f})},e.createReactState=s,e.createStoreConsumer=e=>u(e,(({children:e},t)=>e(t))),e.useEvent=e=>e,e.useGate=f,e.useList=(e,t)=>{let n,r=[];'object'==typeof t&&null!==t?(t.keys&&(r=t.keys),n=t.fn):n=t,effector.is.store(e)||i('expect useList first argument to be a store'),'function'!=typeof n&&i("expect useList's renderItem to be a function"),Array.isArray(r)||i("expect useList's keys to be an array");let u=l.default.useMemo((()=>{let t=a((e.shortName||'Unknown')+".Item",(({index:t,keys:n})=>{let r=o({store:e,keys:[t,...n],fn:(e,t)=>e[t[0]]});return f.current(r,t)}));return l.default.memo(t)}),[e]),s=o({store:e,keys:[e],fn:e=>e.length}),f=l.default.useRef(n);f.current=n;let c=l.default.useMemo((()=>r),r);return Array.from({length:s},((e,t)=>l.default.createElement(u,{index:t,key:t,keys:c})))},e.useStore=r,e.useStoreMap=o,Object.defineProperty(e,'__esModule',{value:1})}));
 //# sourceMappingURL=effector-react.umd.js.map

package.json

 {
   "name": "effector-react",
-  "version": "21.1.0",
+  "version": "21.2.0",
   "description": "React bindings for effector",
@@ -5,0 +5,0 @@ "main": "effector-react.cjs.js",

ssr.d.ts

 import * as React from 'react'
-import {Event, Effect, Fork} from 'effector'
+import {Event, Effect, Scope, Domain} from 'effector'
+import {Gate} from 'effector-react'
 
 export {useStore, useStoreMap, useList, useGate} from 'effector-react'
 
-export const Provider: React.Provider<Fork>
+export const Provider: React.Provider<Scope>
 
@@ -37,1 +38,7 @@ /**
 }
+
+export function createGate<State>(config: {
+  domain: Domain
+  defaultState?: State
+  name?: string
+}): Gate<State>

ssr.js

@@ -1,2 +0,2 @@
-function e(e){return e&&'object'==typeof e&&'default'in e?e.default:e}function t(e){effector.is.store(e)||p('expect useStore argument to be a store');let t=i.useRef(e),r=i.useState(e.getState())[1];return l((()=>(t.current===e&&r(e.getState()),t.current=e,e.updates.watch(r))),[e]),e.getState()}function r({store:e,keys:r,fn:n}){effector.is.store(e)||p('useStoreMap expects a store'),Array.isArray(r)||p('useStoreMap expects an array as keys'),'function'!=typeof n&&p('useStoreMap expects a function');let o=i.useMemo((()=>effector.createStore(n(e.getState(),r)).on(e,((e,t)=>n(t,r)))),r),s=t(o);return l((()=>()=>{o.off(e),effector.clearNode(o,{deep:1})}),r),s}function n(e,t){return t.displayName=e,t}function o(e){let t=i.useContext(y);if(!t)throw Error('No scope found, consider adding <Provider> to app root');return t.find(e).meta.wrapped}function s(e,t){return n(`Connect(${t.displayName||t.name||'Unknown'})`,(r=>i.createElement(t,Object.assign({},r,u(e)))))}function u(e){return t(o(e))}function a(e,t){let r=t.find(e);return effector.is.effect(e)?e=>{let n=(()=>{let e={};return e.req=new Promise(((t,r)=>{e.rs=t,e.rj=r})),e})();return effector.launch({target:r,params:{params:e,req:n},forkPage:t}),n.req}:e=>(effector.launch({target:r,params:e,forkPage:t}),e)}function c(e){let t=i.useContext(y),r=effector.is.unit(e)||'object'!=typeof e?{event:e}:e;return i.useMemo((()=>{if(effector.is.unit(e))return a(e,t);let r=Array.isArray(e)?[]:{};for(let n in e)r[n]=a(e[n],t);return r}),[t,...Object.keys(r),...Object.values(r)])}Object.defineProperty(exports,'__esModule',{value:1});var f=require('react'),effector=require('effector'),i=e(f);let l='undefined'!=typeof window?i.useLayoutEffect:i.useEffect,p=e=>{throw Error(e)};const y=i.createContext(null);let{Provider:m}=y;exports.Provider=m,exports.connect=e=>t=>s(t,e),exports.createComponent=()=>{throw new Error('not implemented')},exports.createContextComponent=(e,t,r)=>n=>{let o=i.useContext(t),s=u(e);return r(n,s,o)},exports.createReactState=s,exports.createStoreConsumer=e=>t=>{let r=u(e);return t.children(r)},exports.useEvent=c,exports.useGate=(e,t={})=>{let r=c(e.open),n=c(e.close),o=c(e.set);((e,t={})=>{let r=i.useRef(null);l((()=>(e.open(r.current),()=>e.close(r.current))),[e]),((e,t)=>{if(e===t)return 1;if('object'==typeof e&&null!==e&&'object'==typeof t&&null!==t){let r=Object.keys(e),n=Object.keys(t);if(r.length!==n.length)return 0;for(let n=0;n<r.length;n++){let o=r[n];if(e[o]!==t[o])return 0}return 1}return 0})(r.current,t)||(r.current=t,e.set(t))})(i.useMemo((()=>({open:r,close:n,set:o})),[e,r]),t)},exports.useList=(e,t)=>((e,t)=>{let o,s=[];'object'==typeof t&&null!==t?(t.keys&&(s=t.keys),o=t.fn):o=t,effector.is.store(e)||p('expect useList first argument to be a store'),'function'!=typeof o&&p("expect useList's renderItem to be a function"),Array.isArray(s)||p("expect useList's keys to be an array");let u=i.useMemo((()=>{let t=n((e.shortName||'Unknown')+".Item",(({index:t,keys:n})=>{let o=r({store:e,keys:[t,...n],fn:(e,t)=>e[t[0]]});return c.current(o,t)}));return i.memo(t)}),[e]),a=r({store:e,keys:[e],fn:e=>e.length}),c=i.useRef(o);c.current=o;let f=i.useMemo((()=>s),s);return Array.from({length:a},((e,t)=>i.createElement(u,{index:t,key:t,keys:f})))})(o(e),t),exports.useStore=u,exports.useStoreMap=({store:e,keys:t,fn:n})=>r({store:o(e),keys:t,fn:n});
+function e(e){return e&&'object'==typeof e&&'default'in e?e.default:e}function t(e){effector.is.store(e)||d('expect useStore argument to be a store');let t=f.useRef(e),r=f.useState(e.getState())[1];return p((()=>(t.current===e&&r(e.getState()),t.current=e,e.updates.watch(r))),[e]),e.getState()}function r({store:e,keys:r,fn:n}){effector.is.store(e)||d('useStoreMap expects a store'),Array.isArray(r)||d('useStoreMap expects an array as keys'),'function'!=typeof n&&d('useStoreMap expects a function');let o=f.useMemo((()=>effector.createStore(n(e.getState(),r)).on(e,((e,t)=>n(t,r)))),r),s=t(o);return p((()=>()=>{o.off(e),effector.clearNode(o,{deep:1})}),r),s}function n(e,t){return t.displayName=e,t}function o(e){let t=f.useContext(m);if(!t)throw Error('No scope found, consider adding <Provider> to app root');return t.find(e).meta.wrapped}function s(e,t={}){let r=i(e.open),n=i(e.close),o=i(e.set);((e,t={})=>{let r=f.useRef(null);p((()=>(e.open(r.current),()=>e.close(r.current))),[e]),((e,t)=>{if(e===t)return 1;if('object'==typeof e&&null!==e&&'object'==typeof t&&null!==t){let r=Object.keys(e),n=Object.keys(t);if(r.length!==n.length)return 0;for(let n=0;n<r.length;n++){let o=r[n];if(e[o]!==t[o])return 0}return 1}return 0})(r.current,t)||(r.current=t,e.set(t))})(f.useMemo((()=>({open:r,close:n,set:o})),[e,r]),t)}function a(e,t){return n(`Connect(${t.displayName||t.name||'Unknown'})`,(r=>f.createElement(t,Object.assign({},r,u(e)))))}function u(e){return t(o(e))}function c(e,t){let r=t.find(e);return effector.is.effect(e)?e=>{let n=(()=>{let e={};return e.req=new Promise(((t,r)=>{e.rs=t,e.rj=r})),e})();return effector.launch({target:r,params:{params:e,req:n},forkPage:t}),n.req}:e=>(effector.launch({target:r,params:e,forkPage:t}),e)}function i(e){let t=f.useContext(m),r=effector.is.unit(e)||'object'!=typeof e?{event:e}:e;return f.useMemo((()=>{if(effector.is.unit(e))return c(e,t);let r=Array.isArray(e)?[]:{};for(let n in e)r[n]=c(e[n],t);return r}),[t,...Object.keys(r),...Object.values(r)])}Object.defineProperty(exports,'__esModule',{value:1});var l=require('react'),effector=require('effector'),f=e(l);let p='undefined'!=typeof window?f.useLayoutEffect:f.useEffect,d=e=>{throw Error(e)};const m=f.createContext(null);let{Provider:y}=m;exports.Provider=y,exports.connect=e=>t=>a(t,e),exports.createComponent=()=>{throw new Error('not implemented')},exports.createContextComponent=(e,t,r)=>n=>{let o=f.useContext(t),s=u(e);return r(n,s,o)},exports.createGate=e=>{if(!e||!effector.is.domain(e.domain))throw Error('config.domain should exists');return(({name:e="gate",domain:t,defaultState:r,hook:o})=>{function s(e){return o(s,e),null}let a=effector.createEvent(),u=effector.createEvent(),c=effector.createEvent(),i=effector.createStore(Boolean(0),{named:'status'}).on(u,(()=>Boolean(1))).on(c,(()=>Boolean(0))),l=effector.createStore(r,{named:'state'}).on(a,((e,t)=>t)).reset(c);if(t){let{hooks:e}=t;effector.launch({target:[e.store,e.store,e.event,e.event,e.event],params:[i,l,u,c,a]})}return s.open=u,s.close=c,s.status=i,s.state=l,s.set=a,n("Gate:"+e,s)})({domain:e.domain,name:e.name,defaultState:'defaultState'in e?e.defaultState:{},hook:s})},exports.createReactState=a,exports.createStoreConsumer=e=>t=>{let r=u(e);return t.children(r)},exports.useEvent=i,exports.useGate=s,exports.useList=(e,t)=>((e,t)=>{let o,s=[];'object'==typeof t&&null!==t?(t.keys&&(s=t.keys),o=t.fn):o=t,effector.is.store(e)||d('expect useList first argument to be a store'),'function'!=typeof o&&d("expect useList's renderItem to be a function"),Array.isArray(s)||d("expect useList's keys to be an array");let a=f.useMemo((()=>{let t=n((e.shortName||'Unknown')+".Item",(({index:t,keys:n})=>{let o=r({store:e,keys:[t,...n],fn:(e,t)=>e[t[0]]});return c.current(o,t)}));return f.memo(t)}),[e]),u=r({store:e,keys:[e],fn:e=>e.length}),c=f.useRef(o);c.current=o;let i=f.useMemo((()=>s),s);return Array.from({length:u},((e,t)=>f.createElement(a,{index:t,key:t,keys:i})))})(o(e),t),exports.useStore=u,exports.useStoreMap=({store:e,keys:t,fn:n})=>r({store:o(e),keys:t,fn:n});
 //# sourceMappingURL=ssr.js.map

No alert changes

Improved metrics

Total package byte prevSize

151356

increased by5.19%

Lines of code

648

increased by2.05%

No dependency changes