@lomray/react-mobx-manager 1.0.0-beta.8 → 1.1.0-beta.1

package/README.md

@@ -1,11 +1,9 @@
-
 <p align="center">
     <img  src="https://user-images.githubusercontent.com/95251720/180519123-eb8a36e7-e7af-41f2-9a01-ae6d6b6a94f3.svg" alt="Bootstrap logo" width="200" height="165">
 </p>
 
 <h3 align='center'>Mobx stores manager for React</h3>
 
-[![Quality Gate Status](https://sonarcloud.io/api/project_badges/measure?project=Lomray-Software_react-mobx-manager&metric=alert_status)](https://sonarcloud.io/summary/new_code?id=Lomray-Software_react-mobx-manager)
 [![Reliability Rating](https://sonarcloud.io/api/project_badges/measure?project=Lomray-Software_react-mobx-manager&metric=reliability_rating)](https://sonarcloud.io/summary/new_code?id=Lomray-Software_react-mobx-manager)
 [![Security Rating](https://sonarcloud.io/api/project_badges/measure?project=Lomray-Software_react-mobx-manager&metric=security_rating)](https://sonarcloud.io/summary/new_code?id=Lomray-Software_react-mobx-manager)
 [![Maintainability Rating](https://sonarcloud.io/api/project_badges/measure?project=Lomray-Software_react-mobx-manager&metric=sqale_rating)](https://sonarcloud.io/summary/new_code?id=Lomray-Software_react-mobx-manager)
@@ -28,6 +26,24 @@ The React-mobx-manager package is distributed using [npm](https://www.npmjs.com/
 npm i --save @lomray/react-mobx-manager
 ```
 
+_Optional:_ Configure your bundler for keep classnames and function names in production OR use `id` for each store:
+ 
+**React:** (craco or webpack config, terser options)
+```bash
+terserOptions.keep_classnames = true;
+terserOptions.keep_fnames = true;
+```
+
+**React Native:** (metro bundler config)
+```
+transformer: {
+  minifierConfig: {
+    keep_classnames: true,
+    keep_fnames: true,
+  },
+}
+```
+
 Import `Manager, StoreManagerProvider` from `@lomray/react-mobx-manager` into your index file after wrap `<App/>` with `<StoreManagerProvider/>`
 
 ```jsx
@@ -50,9 +66,9 @@ root.render(
 );
 ```
 
-Connect mobx store to manager and you're good to go!
+Connect mobx store to manager, and you're good to go!
 
-```jsx
+```typescript
 import { withStores } from '@lomray/react-mobx-manager';
 import { makeAutoObservable } from 'mobx';
 
@@ -60,6 +76,11 @@ import { makeAutoObservable } from 'mobx';
  * Mobx user store
  */
 class UserStore {
+  /**
+   * Required only if we don't configure our bundler for keep classnames and function names 
+   */  
+  static id = 'user';
+    
   name = 'Matthew'
 
   constructor() {
@@ -74,14 +95,13 @@ const stores = {
   userStore: UserStore
 };
 
+// support typescript
 type TProps = StoresType <typeof stores>;
 
 /**
  * User component
- * @returns {JSX.Element}
- * @constructor
  */
-const User: FC<TProps> = ({userStore: {name}}) => {
+const User: FC<TProps> = ({ userStore: { name } }) => {
   return (
     <div>{name}</div>
   )
@@ -93,6 +113,8 @@ const User: FC<TProps> = ({userStore: {name}}) => {
 export default withStores(User, stores);
 ```
 
+[See example app](example) for more understanding.
+
 ## Bugs and feature requests
 
 Bug or a feature request, [please open a new issue](https://github.com/Lomray-Software/react-mobx-manager/issues/new).

package/lib/context.d.ts

@@ -8,14 +8,28 @@ interface IStoreManagerProvider {
     fallback?: ReactElement;
     children?: React.ReactNode;
 }
+interface IStoreManagerParentProvider {
+    children?: React.ReactNode;
+    parentId: string;
+}
 /**
  * Mobx store manager context
  */
 declare const StoreManagerContext: React.Context<Manager>;
+/**
+ * To spread relationships
+ */
+declare const StoreManagerParentContext: React.Context<IStoreManagerParentProvider>;
+/**
+ * Mobx store manager parent provider
+ * @constructor
+ */
+declare const StoreManagerParentProvider: FC<Omit<IStoreManagerParentProvider, 'contextId'>>;
 /**
  * Mobx store manager provider
  * @constructor
  */
 declare const StoreManagerProvider: FC<IStoreManagerProvider>;
 declare const useStoreManagerContext: () => Manager;
-export { StoreManagerProvider, StoreManagerContext, useStoreManagerContext };
+declare const useStoreManagerParentContext: () => Omit<IStoreManagerParentProvider, 'children'>;
+export { StoreManagerProvider, StoreManagerContext, StoreManagerParentContext, useStoreManagerContext, StoreManagerParentProvider, useStoreManagerParentContext };

package/lib/context.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=t(e);const a=r.default.createContext({});exports.StoreManagerContext=a,exports.StoreManagerProvider=({children:t,storeManager:o,fallback:n,shouldInit:i=!1})=>{const[s,u]=e.useState(!i);return e.useEffect((()=>{i&&o.init().then((()=>u(!0))).catch((e=>{console.error("Failed initialized store manager: ",e)}))}),[i,o]),r.default.createElement(a.Provider,{value:o,children:s?t:n||t})},exports.useStoreManagerContext=()=>e.useContext(a);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=t(e);const a=r.default.createContext({}),n=r.default.createContext({parentId:"root"}),o=({children:t,parentId:a})=>{const o=e.useMemo((()=>({parentId:a})),[a]);return r.default.createElement(n.Provider,{value:o,children:t})};exports.StoreManagerContext=a,exports.StoreManagerParentContext=n,exports.StoreManagerParentProvider=o,exports.StoreManagerProvider=({children:t,storeManager:n,fallback:u,shouldInit:s=!1})=>{const[d,l]=e.useState(!s);return e.useEffect((()=>{s&&n.init().then((()=>l(!0))).catch((e=>{console.error("Failed initialized store manager: ",e)}))}),[s,n]),r.default.createElement(a.Provider,{value:n},r.default.createElement(o,{parentId:"root"},d?t:u||t))},exports.useStoreManagerContext=()=>e.useContext(a),exports.useStoreManagerParentContext=()=>e.useContext(n);

package/lib/index.d.ts

@@ -1,4 +1,4 @@
-export * from "./types-4732bbd2";
+export * from "./types-5b099751";
 export * from "./context";
 export { default as Manager } from "./manager";
 export { default as onChangeListener } from "./on-change-listener";

package/lib/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./context.js"),r=require("./manager.js"),t=require("./on-change-listener.js"),o=require("./wakeup.js"),s=require("./with-stores.js"),a=require("./storages/local-storage.js"),n=require("./storages/async-storage.js");exports.StoreManagerContext=e.StoreManagerContext,exports.StoreManagerProvider=e.StoreManagerProvider,exports.useStoreManagerContext=e.useStoreManagerContext,exports.Manager=r,exports.onChangeListener=t,exports.wakeup=o,exports.withStores=s,exports.MobxLocalStorage=a,exports.MobxAsyncStorage=n;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./context.js"),r=require("./manager.js"),t=require("./on-change-listener.js"),o=require("./wakeup.js"),a=require("./with-stores.js"),s=require("./storages/local-storage.js"),n=require("./storages/async-storage.js");exports.StoreManagerContext=e.StoreManagerContext,exports.StoreManagerParentContext=e.StoreManagerParentContext,exports.StoreManagerParentProvider=e.StoreManagerParentProvider,exports.StoreManagerProvider=e.StoreManagerProvider,exports.useStoreManagerContext=e.useStoreManagerContext,exports.useStoreManagerParentContext=e.useStoreManagerParentContext,exports.Manager=r,exports.onChangeListener=t,exports.wakeup=o,exports.withStores=a,exports.MobxLocalStorage=s,exports.MobxAsyncStorage=n;

package/lib/manager.d.ts

@@ -1,4 +1,4 @@
-import { IConstructableStore, IManagerParams, IStorage, IStore, TStoreDefinition, IManagerOptions, TStores, TInitStore } from "./types-4732bbd2";
+import { IConstructableStore, IManagerParams, IStorage, IStore, TStoreDefinition, IManagerOptions, TStores, IStoreLifecycle, TInitStore, IStoreParams } from "./types-5b099751";
 /**
  * Mobx stores manager
  */
@@ -10,12 +10,15 @@ declare class Manager {
     /**
      * Created stores
      */
-    private readonly stores;
+    protected readonly stores: Map<string, TInitStore<IStore>>;
     /**
-     * Counters for multiple stores
-     * @private
+     * Relations between stores
+     * @protected
      */
-    private readonly counterStores;
+    protected readonly storesRelations: Map<string, {
+        ids: Set<string>;
+        parentId: string | null;
+    }>;
     /**
      * Save persisted stores identities
      * @private
@@ -28,7 +31,6 @@ declare class Manager {
     protected readonly initState: Record<string, any>;
     /**
      * Storage for persisted stores
-     * @private
      */
     readonly storage: IStorage | undefined;
     /**
@@ -43,7 +45,6 @@ declare class Manager {
     protected readonly storesParams: IManagerParams['storesParams'];
     /**
      * Manager options
-     * @private
      */
     readonly options: IManagerOptions;
     /**
@@ -75,14 +76,30 @@ declare class Manager {
      * Get store identity
      * @protected
      */
-    protected static getStoreKey<T>(store: IConstructableStore<T> | TInitStore, id?: string, index?: number): string;
+    protected getStoreId<T>(store: IConstructableStore<T> | TInitStore, params?: IStoreParams): string;
+    /**
+     * Generate new context id
+     */
+    /**
+     * Generate new context id
+     */
+    createContextId(id?: string): string;
     /**
      * Get exist store
      */
     /**
      * Get exist store
      */
-    getStore<T>(store: IConstructableStore<T>, id?: string, index?: number): T | undefined;
+    getStore<T>(store: IConstructableStore<T>, params?: IStoreParams): T | undefined;
+    /**
+     * Lookup store
+     * @protected
+     */
+    /**
+     * Lookup store
+     * @protected
+     */
+    protected lookupStore<T>(id: string, params: IStoreParams): TInitStore<T> | undefined;
     /**
      * Create new store instance
      * @protected
@@ -91,14 +108,23 @@ declare class Manager {
      * Create new store instance
      * @protected
      */
-    protected createStore<T>(store: IConstructableStore<T>, id?: string): T;
+    protected createStore<T>(store: IConstructableStore<T>, params: Omit<Required<IStoreParams>, 'key'>): T;
     /**
      * Create stores for component
      */
     /**
      * Create stores for component
      */
-    createStores(map: [string, TStoreDefinition][]): TStores;
+    createStores(map: [string, TStoreDefinition][], parentId: string, contextId: string): TStores;
+    /**
+     * Prepare store before usage
+     * @protected
+     */
+    /**
+     * Prepare store before usage
+     * @protected
+     */
+    protected prepareStore(store: TStores[string]): Required<IStoreLifecycle>['onDestroy'][];
     /**
      * Mount stores to component
      */

package/lib/manager.js

@@ -1 +1 @@
-"use strict";var e=require("mobx"),t=require("./on-change-listener.js"),s=require("./wakeup.js");class r{constructor({initState:e,storesParams:t,storage:s,options:i}={}){Object.defineProperty(this,"stores",{enumerable:!0,configurable:!0,writable:!0,value:new Map}),Object.defineProperty(this,"counterStores",{enumerable:!0,configurable:!0,writable:!0,value:new Map}),Object.defineProperty(this,"initState",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"storage",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"persistData",{enumerable:!0,configurable:!0,writable:!0,value:{}}),Object.defineProperty(this,"storesParams",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"options",{enumerable:!0,configurable:!0,writable:!0,value:{shouldDisablePersist:!1,shouldRemoveInitState:!0,isSSR:!1}}),this.initState=e||{},this.storesParams=t||{},this.storage=s,Object.assign(this.options,i||{}),r.instance=this}async init(){return this.storage&&(this.persistData=await this.storage.get()||{}),this}static get(){if(!r.instance)throw new Error("Store manager is not initialized.");return r.instance}static getStoreKey(e,t,s){const r=t||e.id||e.name||e.constructor.name;return s?`${r}--index${s}`:r}getStore(e,t,s){const i=r.getStoreKey(e,t,s);return this.stores.has(i)?this.stores.get(i):e.isSingleton?this.createStore(e,t):void 0}createStore(e,t){var s,i,o;const n=r.getStoreKey(e,t);if((e.isSingleton||this.options.isSSR)&&this.stores.has(n))return this.stores.get(n);const a=this.counterStores.get(n)||0,l=r.getStoreKey(e,t,a>0?a+1:void 0),u=new e({storeManager:this,...this.storesParams});u.id=l,u.isSingleton=e.isSingleton;const c=this.initState[l],h=this.persistData[l];return c&&(Object.assign(u,c),this.options.shouldRemoveInitState&&delete this.initState[l]),"wakeup"in u&&r.persistedStores.has(l)&&(null===(s=u.wakeup)||void 0===s||s.call(u,u,{initState:c,persistedState:h}),null===(i=u.addOnChangeListener)||void 0===i||i.call(u,u,this)),this.stores.set(l,u),this.counterStores.set(n,a+1),null===(o=u.init)||void 0===o||o.call(u),u}createStores(e){return e.reduce(((e,[t,s])=>{const[r,i]="store"in s?[s.store,s.id]:[s];return{...e,[t]:this.createStore(r,i)}}),{})}mountStores(e){const t=[];return Object.values(e).forEach((e=>{var s;const i=r.getStoreKey(e);if(this.stores.has(i)||this.stores.set(i,e),"onMount"in e){const r=null===(s=e.onMount)||void 0===s?void 0:s.call(e);"function"==typeof r&&t.push(r)}"onDestroy"in e&&t.push((()=>{var t;return null===(t=e.onDestroy)||void 0===t?void 0:t.call(e)}))})),()=>{t.forEach((e=>e())),Object.values(e).forEach((e=>{var t;const s=r.getStoreKey(e);e.isSingleton||(this.stores.delete(s),this.counterStores.set(s.replace(/--index.+$/,""),(null!==(t=this.counterStores.get(s))&&void 0!==t?t:0)-1))}))}}toJSON(){var e,t;const s={};for(const[i,o]of this.stores.entries())s[i]=null!==(t=null===(e=o.toJSON)||void 0===e?void 0:e.call(o))&&void 0!==t?t:r.getObservableProps(o);return s}toPersistedJSON(){var e,t;const s={};for(const i of r.persistedStores){const o=this.stores.get(i);o&&(s[i]=null!==(t=null===(e=o.toJSON)||void 0===e?void 0:e.call(o))&&void 0!==t?t:r.getObservableProps(o))}return s}static getObservableProps(t){const s=e.toJS(t);return Object.entries(s).reduce(((s,[r,i])=>({...s,...e.isObservableProp(t,r)?{[r]:i}:{}})),{})}static persistStore(e,i){if(r.persistedStores.has(i))throw new Error(`Duplicate serializable store key: ${i}`);return r.persistedStores.add(i),e.id=i,"wakeup"in e.prototype||(e.prototype.wakeup=s),"addOnChangeListener"in e.prototype||(e.prototype.addOnChangeListener=t),e}}Object.defineProperty(r,"persistedStores",{enumerable:!0,configurable:!0,writable:!0,value:new Set}),module.exports=r;
+"use strict";var e=require("mobx"),t=require("./on-change-listener.js"),s=require("./wakeup.js");class r{constructor({initState:e,storesParams:t,storage:s,options:i}={}){Object.defineProperty(this,"stores",{enumerable:!0,configurable:!0,writable:!0,value:new Map}),Object.defineProperty(this,"storesRelations",{enumerable:!0,configurable:!0,writable:!0,value:new Map}),Object.defineProperty(this,"initState",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"storage",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"persistData",{enumerable:!0,configurable:!0,writable:!0,value:{}}),Object.defineProperty(this,"storesParams",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"options",{enumerable:!0,configurable:!0,writable:!0,value:{shouldDisablePersist:!1,shouldRemoveInitState:!0,isSSR:!1}}),this.initState=e||{},this.storesParams=t||{},this.storage=s,Object.assign(this.options,i||{}),r.instance=this}async init(){return this.storage&&(this.persistData=await this.storage.get()||{}),this}static get(){if(!r.instance)throw new Error("Store manager is not initialized.");return r.instance}getStoreId(e,t={}){const{id:s,contextId:r,key:i}=t;if(s)return s;if(e.id)return e.id;let o=e.name||e.constructor.name;return e.isSingleton?o:(o=`${o}--${r}`,i?`${o}--${i}`:o)}createContextId(e){return`ctx${e||this.storesRelations.size+1}`}getStore(e,t={}){const s=this.getStoreId(e,t);return this.stores.has(s)?this.stores.get(s):e.isSingleton?this.createStore(e,{id:s,contextId:"singleton",parentId:"root"}):this.lookupStore(s,t)}lookupStore(e,t){var s,r;const{contextId:i,parentId:o}=t,n=null===(s=e.split("--"))||void 0===s?void 0:s[0],{ids:a,parentId:l}=null!==(r=this.storesRelations.get(i))&&void 0!==r?r:{ids:new Set,parentId:o},d=[...a].filter((e=>e.startsWith(`${n}--`)));if(1===d.length)return this.stores.get(d[0]);if(d.length>1)console.error("Parent context has multiple stores with the same id, please pass key to getStore function.");else if(l&&"root"!==l)return this.lookupStore(e,{contextId:l})}createStore(e,t){var s,i;const{isSSR:o}=this.options,{id:n,contextId:a,parentId:l}=t;if((e.isSingleton||o)&&this.stores.has(n))return this.stores.get(n);const d=new e({storeManager:this,getStore:(e,t={contextId:a,parentId:l})=>this.getStore(e,t),...this.storesParams});d.id=n,d.isSingleton=e.isSingleton,d.contextId=e.isSingleton?"singleton":a,d.parentId=e.isSingleton||!l||l===a?"root":l;const c=this.initState[n],u=this.persistData[n];return c&&Object.assign(d,c),"wakeup"in d&&r.persistedStores.has(n)&&(null===(s=d.wakeup)||void 0===s||s.call(d,d,{initState:c,persistedState:u})),null===(i=d.init)||void 0===i||i.call(d),(d.isSingleton||o)&&this.prepareStore(d),d}createStores(e,t,s){return e.reduce(((e,[r,i])=>{const[o,n]="store"in i?[i.store,i.id]:[i,this.getStoreId(i,{key:r,contextId:s})];return{...e,[r]:this.createStore(o,{id:n,contextId:s,parentId:t})}}),{})}prepareStore(e){const{shouldRemoveInitState:t}=this.options,s=e.id,i=e.contextId,o=[];this.storesRelations.has(i)||this.storesRelations.set(i,{ids:new Set,parentId:e.parentId&&e.parentId!==i?e.parentId:"root"});const{ids:n}=this.storesRelations.get(i);return r.persistedStores.has(s)&&"addOnChangeListener"in e&&o.push(e.addOnChangeListener(e,this)),t&&this.initState[s]&&delete this.initState[s],this.stores.has(s)||(this.stores.set(s,e),n.add(s)),o}mountStores(e){const t=[];return Object.values(e).forEach((e=>{var s;if(t.push(...this.prepareStore(e)),"onMount"in e){const r=null===(s=e.onMount)||void 0===s?void 0:s.call(e);"function"==typeof r&&t.push(r)}"onDestroy"in e&&t.push((()=>{var t;return null===(t=e.onDestroy)||void 0===t?void 0:t.call(e)}))})),()=>{t.forEach((e=>e())),Object.values(e).forEach((e=>{var t;const s=e.id;if(!e.isSingleton){const{ids:r}=null!==(t=this.storesRelations.get(e.contextId))&&void 0!==t?t:{ids:new Set};this.stores.delete(s),r.delete(s),r.size||this.storesRelations.delete(e.contextId)}}))}}toJSON(){var e,t;const s={};for(const[i,o]of this.stores.entries())s[i]=null!==(t=null===(e=o.toJSON)||void 0===e?void 0:e.call(o))&&void 0!==t?t:r.getObservableProps(o);return s}toPersistedJSON(){var e,t;const s={};for(const i of r.persistedStores){const o=this.stores.get(i);o&&(s[i]=null!==(t=null===(e=o.toJSON)||void 0===e?void 0:e.call(o))&&void 0!==t?t:r.getObservableProps(o))}return s}static getObservableProps(t){const s=e.toJS(t);return Object.entries(s).reduce(((s,[r,i])=>({...s,...e.isObservableProp(t,r)?{[r]:i}:{}})),{})}static persistStore(e,i){return r.persistedStores.has(i)?(console.error(`Duplicate serializable store key: ${i}`),e):(r.persistedStores.add(i),e.id=i,"wakeup"in e.prototype||(e.prototype.wakeup=s),"addOnChangeListener"in e.prototype||(e.prototype.addOnChangeListener=t),e)}}Object.defineProperty(r,"persistedStores",{enumerable:!0,configurable:!0,writable:!0,value:new Set}),module.exports=r;

package/lib/on-change-listener.d.ts

@@ -1,4 +1,4 @@
-import { IStorePersisted } from "./types-4732bbd2";
+import { IStorePersisted } from "./types-5b099751";
 /**
  * Listen persist store changes
  */

package/lib/storages/async-storage.d.ts

@@ -1,4 +1,4 @@
-import { IStorage } from "../types-4732bbd2";
+import { IStorage } from "../types-5b099751";
 interface IAsyncStorage {
     getItem: (key: string) => Promise<string | null>;
     setItem: (key: string, value: string) => Promise<void>;

package/lib/storages/local-storage.d.ts

@@ -1,4 +1,4 @@
-import { IStorage } from "../types-4732bbd2";
+import { IStorage } from "../types-5b099751";
 declare class LocalStorage implements IStorage {
     globalKey: string;
     /**

package/lib/{types-4732bbd2.d.ts → types-5b099751.d.ts}

@@ -1,6 +1,7 @@
 import Manager from "./manager";
 interface IConstructorParams {
     storeManager: Manager;
+    getStore: <T>(store: IConstructableStore<T>, params?: Partial<IStoreParams>) => T | undefined;
 }
 interface IStoreLifecycle {
     onDestroy?: () => void;
@@ -8,6 +9,8 @@ interface IStoreLifecycle {
 }
 interface IStore extends IStoreLifecycle {
     id?: string;
+    contextId?: string;
+    parentId?: string;
     isSingleton?: boolean;
     init?: () => void;
     toJSON?: () => Record<string, any>;
@@ -29,7 +32,7 @@ type TStoreDefinition<TSto extends IStore | IStorePersisted = any> = IConstructa
 } & IStoreConfig);
 type TMapStores = Record<string, TStoreDefinition>;
 interface IManagerParams {
-    storesParams?: Omit<IConstructorParams, 'storeManager'>;
+    storesParams?: Omit<IConstructorParams, 'storeManager' | 'getStore'>;
     storage?: IStorage;
     options?: IManagerOptions;
     initState?: Record<string, any>;
@@ -63,4 +66,10 @@ type ClassReturnType<T> = T extends new (...args: any) => infer R ? R : T extend
 type StoresType<TSt> = {
     [keys in keyof TSt]: ClassReturnType<TSt[keys]>;
 };
-export { IConstructorParams, IStoreLifecycle, IStore, IStorePersisted, TInitStore, IConstructableStore, IStoreConfig, TStoreDefinition, TMapStores, IManagerParams, TWakeup, IStorage, IManagerOptions, TStores, ClassReturnType, StoresType };
+interface IStoreParams {
+    id?: string;
+    key?: string;
+    contextId?: string;
+    parentId?: string;
+}
+export { IConstructorParams, IStoreLifecycle, IStore, IStorePersisted, TInitStore, IConstructableStore, IStoreConfig, TStoreDefinition, TMapStores, IManagerParams, TWakeup, IStorage, IManagerOptions, TStores, ClassReturnType, StoresType, IStoreParams };

package/lib/wakeup.d.ts

@@ -1,4 +1,4 @@
-import { IStorePersisted } from "./types-4732bbd2";
+import { IStorePersisted } from "./types-5b099751";
 /**
  * Restore store state from initial state
  */

package/lib/with-stores.d.ts

@@ -1,7 +1,7 @@
 import { FC } from 'react';
-import { TMapStores } from "./types-4732bbd2";
+import { TMapStores } from "./types-5b099751";
 /**
  * Make component observable and pass stores as props
  */
-declare const withStores: <T extends Record<string, any>, TS extends TMapStores>(Component: FC<T>, stores: TS) => FC<Omit<T, keyof TS>>;
+declare const withStores: <T extends Record<string, any>, TS extends TMapStores>(Component: FC<T>, stores: TS, customContextId?: string) => FC<Omit<T, keyof TS>>;
 export { withStores as default };

package/lib/with-stores.js

@@ -1 +1 @@
-"use strict";var e=require("hoist-non-react-statics"),t=require("mobx-react-lite"),r=require("react"),a=require("./context.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=o(e),u=o(r);module.exports=(e,o)=>{const n=Object.entries(o),c=t.observer(e),i=e.displayName||e.name,l=({...e})=>{const t=a.useStoreManagerContext(),[o]=r.useState((()=>t.createStores(n)));return r.useEffect((()=>t.mountStores(o)),[o,t]),u.default.createElement(c,{...o,...e})};return s.default(l,e),l.displayName=`Mobx(${i})`,l};
+"use strict";var e=require("hoist-non-react-statics"),t=require("mobx-react-lite"),r=require("react"),a=require("./context.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(e),u=n(r);module.exports=(e,n,s)=>{const c=t.observer(e),d=s||e.contextId,i=({...e})=>{var t;const o=a.useStoreManagerContext(),{parentId:s}=a.useStoreManagerParentContext(),i=null===(t=u.default.useId)||void 0===t?void 0:t.call(u.default),[{contextId:l,initStores:f}]=r.useState((()=>{const e=o.createContextId(d||i);return{contextId:e,initStores:o.createStores(Object.entries(n),s,e)}}));return r.useEffect((()=>o.mountStores(f)),[f,o]),u.default.createElement(a.StoreManagerParentProvider,{parentId:l},u.default.createElement(c,{...f,...e}))};return o.default(i,e),i.displayName=`Mobx(${e.displayName||e.name})`,i};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lomray/react-mobx-manager",
-  "version": "1.0.0-beta.8",
+  "version": "1.1.0-beta.1",
   "description": "This package provides Mobx stores manager for react.",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -33,11 +33,9 @@
     "build": "rollup -c",
     "build:dev": "rollup -c --environment BUILD:development",
     "build:watch": "rollup -c -w --environment BUILD:development",
-    "prettier:format": "prettier --write 'src/**/*.{ts,tsx,*.ts,*tsx}'",
-    "prettier:check": "prettier --check --debug-check 'src/**/*.{ts,tsx,*.ts,*tsx}'",
-    "lint:check": "eslint --ext '.ts,.tsx' 'src/**/*.{ts,tsx,*.ts,*tsx}'",
-    "lint:format": "eslint --fix --ext '.ts,.tsx' 'src/**/*.{ts,tsx,*.ts,*tsx}'",
-    "ts:check": "tsc --project ./tsconfig.json --skipLibCheck --noemit",
+    "lint:check": "eslint --ext \".ts,.tsx\" \"src/**/*.{ts,tsx,*.ts,*tsx}\"",
+    "lint:format": "eslint --fix --ext \".ts,.tsx\" \"src/**/*.{ts,tsx,*.ts,*tsx}\"",
+    "ts:check": "tsc --project ./tsconfig.checks.json --skipLibCheck --noemit",
     "prepare": "husky install"
   },
   "devDependencies": {

package/tsconfig.checks.json

@@ -0,0 +1,6 @@
+{
+  "extends": "./tsconfig.json",
+  "include": [
+    "src/**/*"
+  ]
+}