@cervello/react 0.9.6 → 0.10.2

package/README.md

@@ -11,10 +11,11 @@
 
 
 ## 🚀 **Features**
-- ⚛️ Truly reactive on item change
+- ⚛️ Truly reactive on store change **_(nested properties too!!)_**
 - ✅ Super simple and minimalistic API
-- 🐨 Listen to attributes or items lazily
+- 🐨 Listen properties lazily
 - 👌 No unnecessary re-renders
+- 🔒 Immutable changes
 - 🔑 Typescript support
 
 ## 📦 **Install**
@@ -50,8 +51,12 @@ export const {
   useSelector, // The hook to use the selectors (part of the store)
 } = cervello({ count: 0 })
 ```
+<br>
+<br>
 
-
+------
+### `API Documentation`
+------
 ### 🟢 `store`
 The store object that you can use `inside or outside react components` to modify the store. It will automatically notify all the components listening for changes
 
@@ -62,7 +67,7 @@ import { store } from './store-example'
  * It can be used outside the react components
  * It will notify all the components listening for changes 
  */
-const increment = () => { store.count++}
+const increment = () => { store.count++ }
 
 const CounterButton = () => (
   /**
@@ -120,12 +125,14 @@ const logger: UseFunction<typeof store> = ({ onChange }): void => {
 }
 
 
-const { store } = cervello({ name: 'chempo', surname: 'gonzalez' })
-    .use(logger, /* other use functions */)
+const { store } = cervello({
+  name: 'chempo',
+  surname: 'gonzalez'
+}).use(logger, /* ... */)
   
 ```
 
-#### 🗳️ Use function input parameters
+#### 🗳️ Use function - `utility functions`
 ```ts
 import type { UseFunction } from '@cervello/react'
 
@@ -144,6 +151,40 @@ const logger: UseFunction<typeof store> = ({ onChange, onPartialChange }): void
 ------
 <br>
 
+## 💡 Features out-of-the-box
+###  **`💠 Nested objects reactivity`**
+You can change a nested property of an object and it will be notified automatically as well without any problem
+
+```jsx
+import { store } from './other-example'
+
+const AddressChanger = () => {
+  return (
+    <button onClick={() => { store.address.street = 'New street' }}>
+      Change street to Seville
+    </button>
+  )
+}
+```
+
+```tsx
+import { useSelector } from './other-example'
+
+// Component listening for address object changes
+const Address = () => {
+  const { address } = useSelector(['address'])
+  const { street, city } = address
+  return (
+    <div>
+      <span>{ street }</span>
+      <span>{ city }</span>
+    </div>
+  )
+}
+```
+
+
+
 
 ## 🤓 Happy Code
 

package/dist/cervello.cjs

@@ -1,2 +1,2 @@
-var n=require("rxjs"),t=require("use-sync-external-store/shim"),r=require("use-sync-external-store/shim/with-selector");function e(){return e=Object.assign?Object.assign.bind():function(n){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var e in r)Object.prototype.hasOwnProperty.call(r,e)&&(n[e]=r[e])}return n},e.apply(this,arguments)}var i=Symbol("___nested-attributes___");function u(n,t){if("object"!=typeof t)throw new Error("Store must be an object");return new Proxy(t,{get:function(t,r){var o,c,s=t;return r in s?"function"==typeof s[r]?s[r].bind(u(n,s)):"object"!=typeof s[r]||Array.isArray(s[r])||"symbol"==typeof r?s[r]:u(n,e({},s[r],((c={})[i]=""+(null!=(o=null==t?void 0:t[i])?o:"")+r,c))):Reflect.get(t,r)},set:function(t,r,e){var i=n.getValue(),u=Object.assign({},i);return u[r]=e,n.next(u),Reflect.set(t,r,e)}})}var o=function(n){return function(t){var r=n.subscribe(t);return function(){r.unsubscribe()}}};function c(n){var r=o(n),e=n.getValue.bind(n);return function(){var i=t.useSyncExternalStore(r,e,e);return u(n,i)}}function s(n){var t=o(n),e=n.getValue.bind(n);return function(i,o){var c=r.useSyncExternalStoreWithSelector(t,e,e,function(n){return function(n,t){return n.reduce(function(n,r){return n[r]=t[r],n},{})}(i,n)},function(n,t){return o?o(n,t):JSON.stringify(n)===JSON.stringify(t)});return u(n,c)}}exports.cervello=function(t,r){var i="function"==typeof t?t():t,o=new n.BehaviorSubject(i),f=u(o,e({},i)),a={store:f,useStore:c(o),useSelector:s(o),use:function(){return[].slice.call(arguments).forEach(function(t){t({onChange:function(t){o.pipe(n.pairwise(),n.switchMap(function(t){var r=t[1];return t[0]!==r?n.of(r):n.NEVER})).subscribe(function(n){return t(f)})},onPartialChange:function(t,r){o.pipe(n.pairwise(),n.switchMap(function(t){var r=t[1];return t[0]!==r?n.of(r):n.NEVER}),n.distinctUntilChanged(function(n,r){var e=!0;return t.forEach(function(t){e&&"object"==typeof r[t]?JSON.stringify(n[t])!==JSON.stringify(r[t])&&(e=!1):e&&n[t]!==r[t]&&(e=!1)}),e})).subscribe(function(n){return r(f)})}})}),this}};return a};
+var n=require("rxjs"),e=require("use-sync-external-store/shim"),r=require("use-sync-external-store/shim/with-selector");function t(){return t=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(n[t]=r[t])}return n},t.apply(this,arguments)}var i=Symbol("$$nested-attributes");function u(n,e){if("object"!=typeof e)throw new Error("Store must be an object");return new Proxy(e,{get:function(e,r){var o=e;if(r in o){if("function"==typeof o[r])return o[r].bind(u(n,o));if(o[r]&&"object"==typeof o[r]&&!Array.isArray(o[r])&&"symbol"!=typeof r){var c=null==e?void 0:e[i],f=c?c+".":"";return u(n,Object.defineProperty(t({},o[r]),i,{value:""+f+r,enumerable:!1,writable:!1,configurable:!1}))}return o[r]}return Reflect.get(e,r)},set:function(e,r,t){var u,o=n.getValue(),c=Boolean(null==(u=e[i])?void 0:u.length),f=Object.assign({},o);return c?function(n,e,r,t){e.forEach(function(e){n=n[e]}),n[r]=t}(f,e[i].split("."),r,t):f[r]=t,n.next(f),Reflect.set(e,r,t)}})}var o=function(n){return function(e){var r=n.subscribe(e);return function(){r.unsubscribe()}}};function c(n){var r=o(n),t=n.getValue.bind(n);return function(){var i=e.useSyncExternalStore(r,t,t);return u(n,i)}}function f(n){var e=o(n),t=n.getValue.bind(n);return function(i,o){var c=r.useSyncExternalStoreWithSelector(e,t,t,function(n){return function(n,e){return n.reduce(function(n,r){return n[r]=e[r],n},{})}(i,n)},function(n,e){return o?o(n,e):JSON.stringify(n)===JSON.stringify(e)});return u(n,c)}}exports.cervello=function(e,r){var i="function"==typeof e?e():e,o=new n.BehaviorSubject(i),a=u(o,t({},i)),s={store:a,useStore:c(o),useSelector:f(o),use:function(){return[].slice.call(arguments).forEach(function(e){e({onChange:function(e){o.pipe(n.pairwise(),n.switchMap(function(e){var r=e[1];return e[0]!==r?n.of(r):n.NEVER})).subscribe(function(n){return e(a)})},onPartialChange:function(e,r){o.pipe(n.pairwise(),n.switchMap(function(e){var r=e[1];return e[0]!==r?n.of(r):n.NEVER}),n.distinctUntilChanged(function(n,r){var t=!0;return e.forEach(function(e){t&&"object"==typeof r[e]?JSON.stringify(n[e])!==JSON.stringify(r[e])&&(t=!1):t&&n[e]!==r[e]&&(t=!1)}),t})).subscribe(function(n){return r(a)})}})}),this}};return s};
 //# sourceMappingURL=cervello.cjs.map

package/dist/cervello.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"cervello.cjs","sources":["../src/lib/helpers/proxify-store.ts","../src/lib/utils/subscribe-for-react.ts","../src/lib/helpers/create-use-store.ts","../src/lib/helpers/create-use-selector.ts","../src/lib/store/index.ts"],"sourcesContent":["import type { BehaviorSubject } from 'rxjs'\n\n\n\nconst NESTED_ATTRIBUTES_SYMBOL = '___nested-attributes___'\nconst nestedAttrs = Symbol(NESTED_ATTRIBUTES_SYMBOL)\n\nexport function proxifyStore <T extends Record<string | symbol, any>> (store$$: BehaviorSubject<T>, storeObject: T): T {\n  if (typeof storeObject !== 'object') throw new Error('Store must be an object')\n\n  return new Proxy<T>(\n    storeObject,\n    {\n      get: function (target: T, prop: string | symbol): any {\n        const currentStore = target as any\n        // console.log('get', { target, prop, in: prop in currentStore })\n\n        // Problem with nested proxies because of currentStore is the root object\n        if (prop in currentStore) {\n          if (typeof currentStore[prop] === 'function') {\n            return currentStore[prop].bind(proxifyStore(store$$, currentStore))\n          }\n\n          // console.log('------', prop, typeof currentStore[prop] === 'object', !Array.isArray(currentStore[prop]))\n          // TODO:  add pseudo identifier in order to return\n          // TODO: the same object with a identifier of the level and the name of the property\n          if (typeof currentStore[prop] === 'object' && !Array.isArray(currentStore[prop]) && typeof prop !== 'symbol') {\n            // console.log('returning proxified object', prop)\n            return proxifyStore(\n              store$$,\n              {\n                ...currentStore[prop],\n                [nestedAttrs]: `${(target?.[nestedAttrs]) ?? ''}${prop}`,\n              })\n          }\n\n          return currentStore[prop]\n        }\n\n        return Reflect.get(target, prop)\n      },\n      set: function (target: T, prop: string | symbol, value: any) {\n        // Write a merge deep nested objects function (as 'deepmerge lib')\n        // console.log('set', { target, prop, value })\n        const currentStore = store$$.getValue() as any\n\n        const clonedStore = Object.assign({}, currentStore)\n        clonedStore[prop] = value\n\n        store$$.next(clonedStore)\n\n        return Reflect.set(target, prop, value)\n      },\n    },\n  )\n}\n","import type { BehaviorSubject } from 'rxjs'\n\n\n\nexport const subscribeForReactHook = <T>(store$$: BehaviorSubject<T>): typeof subscribe => {\n  const subscribe = (onStoreChange: () => void): () => void => {\n    const subscription = store$$.subscribe(onStoreChange)\n    return () => {\n      subscription.unsubscribe()\n    }\n  }\n  return subscribe\n}\n","\nimport { useSyncExternalStore } from 'use-sync-external-store/shim'\n\nimport { subscribeForReactHook } from '../utils/subscribe-for-react'\nimport { proxifyStore } from './proxify-store'\n\nimport type { BehaviorSubject } from 'rxjs'\n\n\n\nexport function createUseStore <T> (store$$: BehaviorSubject<T>): () => T {\n  const subscribe = subscribeForReactHook(store$$)\n  const getValue = store$$.getValue.bind(store$$)\n\n\n  // USE STORE HOOK -------------------------------------------------\n  const useStore = (): T => {\n    const store = useSyncExternalStore(subscribe, getValue, getValue)\n\n    return proxifyStore(store$$, store)\n  }\n\n\n  return useStore\n}\n","\nimport { useSyncExternalStoreWithSelector } from 'use-sync-external-store/shim/with-selector'\n\n\nimport { subscribeForReactHook } from '../utils/subscribe-for-react'\nimport { proxifyStore } from './proxify-store'\n\nimport type { ObjectFromAttributes, WithoutType } from '../../types/shared'\nimport type { BehaviorSubject } from 'rxjs'\n\n\n\nexport function getPartialObjectFromAttributes <T> (attributes: Array<keyof T>, store: T): any {\n  return attributes.reduce<any>((acc, curr) => {\n    acc[curr] = store[curr]\n    return acc\n  }, {})\n}\n\nexport type UseSelector<T> = <Attributes extends Array< keyof WithoutType<T, Function> >>(\n  selectors: Attributes,\n  isEqualFunction?: (previousState: ObjectFromAttributes<T, Attributes>, currentState: ObjectFromAttributes<T, Attributes>) => boolean,\n  ) => ObjectFromAttributes<T, Attributes>\n\nexport function createUseSelector <T> (store$$: BehaviorSubject<T>): UseSelector<T> {\n  const subscribe = subscribeForReactHook(store$$)\n  const getValue = store$$.getValue.bind(store$$)\n\n  // const subscribeWithSelectors = (selectors: Array<keyof T>): (onStoreChange: () => void) => () => void => {\n  //   return (onStoreChange: () => void): (() => void) => {\n  //     const subscription = store$$.subscribe(onStoreChange)\n  //     // console.log('1- FUNCTION OF SUBSCRIBE')\n  //     // const subscription = store$$.pipe(distinctUntilChanged((prev, curr) => {\n  //     //   let isEqual = true\n  //     //   selectors.forEach((selector) => {\n  //     //     if (typeof curr[selector] === 'object' && isEqual) {\n  //     //       if (JSON.stringify(prev[selector]) !== JSON.stringify(curr[selector])) {\n  //     //         isEqual = false\n  //     //       }\n  //     //     } else {\n  //     //       if (prev[selector] !== curr[selector] && isEqual) {\n  //     //         isEqual = false\n  //     //       }\n  //     //     }\n  //     //   })\n  //     //   console.log('1- FUNCTION OF distinctUntilChanged', { isEqual })\n\n  //     //   return isEqual\n  //     // })).subscribe(onStoreChange)\n\n  //     return () => {\n  //       subscription.unsubscribe()\n  //     }\n  //   }\n  // }\n\n\n\n\n  // USE SELECTOR HOOK -------------------------------------------------\n  const useSelector = <Attributes extends Array< keyof WithoutType<T, Function> >>(\n    selectors: Attributes,\n    isEqualFunction?: (previousState: ObjectFromAttributes<T, Attributes>, currentState: ObjectFromAttributes<T, Attributes>) => boolean,\n  ): ObjectFromAttributes<T, Attributes> => {\n    const store = useSyncExternalStoreWithSelector<T, ObjectFromAttributes<T, Attributes>>(\n      subscribe,\n      getValue,\n      getValue,\n      (store) => getPartialObjectFromAttributes(selectors, store),\n      (prev, curr) => isEqualFunction\n        ? isEqualFunction(prev, curr)\n        : JSON.stringify(prev) === JSON.stringify(curr),\n\n    )\n\n    return proxifyStore(store$$ as any, store)\n  }\n\n  return useSelector\n}\n","import { BehaviorSubject, distinctUntilChanged, NEVER, of, pairwise, switchMap } from 'rxjs'\n\nimport { createUseSelector, createUseStore, proxifyStore } from '../helpers'\n\nimport type { WithoutType } from '../../types/shared'\nimport type { UseSelector } from '../helpers'\n\n\n\n// const STORE_SYMBOL = '__cervello-store__'\n\n\ninterface CervelloStoreUseParam<StoreType> {\n  onChange: (cb: (store: StoreType) => void) => void\n  onPartialChange: <\n    Attributes extends Array< keyof WithoutType<StoreType, Function>>\n  > (selectors: Attributes, cb: (store: StoreType) => void) => void\n}\n\n/**\n * Use function which allows you to listen for changes in the store.\n */\nexport type CervelloUseFunction<StoreType> = (param: CervelloStoreUseParam<StoreType>) => void\n\n\ninterface CervelloStore<StoreType> {\n  /** Reactive store */\n  store: StoreType\n  /** Hook to react to all changes done to 'store' */\n  useStore: () => StoreType\n  /** Hook to react to changes done to 'store' in all the attributes provided */\n  useSelector: UseSelector<StoreType>\n  /** Functions to be attached to changes in a general way (tracking, loggers, ... etc) */\n  use: (...functions: Array<(useObj: CervelloStoreUseParam<StoreType>) => void>) => CervelloStore<StoreType>\n}\n\n/**\n * @note Currently not working\n */\nexport interface CervelloOptions {\n  persist?:\n  | boolean\n  // | {\n  //   getItem: (key: string) => any\n  // }\n}\n\n\n/**\n * Creates a store that is reactive and can be used inside and outside of React components.\n * @param initialValue Object with the default values for the store\n *\n * @returns - { store, useStore, useSelector }\n */\nexport function cervello <T extends Record<any, unknown>> (initialValue: T, options?: CervelloOptions): CervelloStore<T>\n\n\n/**\n * Creates a store that is reactive and can be used inside and outside of React components.\n * @param initialValue Function which returns the default values for the store\n *\n * @returns - { store, useStore, useSelector }\n */\nexport function cervello <T> (initialValue: () => T, options?: CervelloOptions): CervelloStore<T>\n\n\n\n\n\n\n\n/** @internal */\nexport function cervello <T> (initialValue: T | (() => T), options?: CervelloOptions): CervelloStore<T> {\n  const defaultValue = (typeof initialValue === 'function' ? (initialValue as any)() : initialValue) as T\n  const store$$ = new BehaviorSubject<T>(defaultValue)\n\n  const proxiedStore = proxifyStore<T>(store$$, { ...defaultValue })\n\n  const cervelloStore = {\n    store: proxiedStore,\n\n    // TO BE SEPARATED IN cervello/react package ---------------------\n    useStore: createUseStore<T>(store$$),\n    useSelector: createUseSelector<T>(store$$),\n    // ---------------------------------------------------------------\n\n    use (...functionList: any) {\n      functionList.forEach((func: any) => {\n        func({\n          onChange (cb: any) {\n            store$$.pipe(\n              pairwise(),\n              switchMap(([oldValue, newValue]) => (oldValue !== newValue ? of(newValue) : NEVER)),\n            ).subscribe((_) => cb(proxiedStore))\n          },\n          onPartialChange (attrs: Array<keyof T>, cb: any) {\n            store$$.pipe(\n              pairwise(),\n              switchMap(([oldValue, newValue]) => (oldValue !== newValue ? of(newValue) : NEVER)),\n              distinctUntilChanged((prev, curr) => {\n                let isEqual = true\n                attrs.forEach((selector) => {\n                  if (isEqual && typeof curr[selector] === 'object') {\n                    if (JSON.stringify(prev[selector]) !== JSON.stringify(curr[selector])) {\n                      isEqual = false\n                    }\n                  } else {\n                    if (isEqual && prev[selector] !== curr[selector]) {\n                      isEqual = false\n                    }\n                  }\n                })\n                return isEqual\n              }),\n            ).subscribe((_) => cb(proxiedStore))\n          },\n        })\n      })\n      return this\n    },\n  } as any\n\n\n\n  return cervelloStore as CervelloStore<T>\n}\n"],"names":["nestedAttrs","Symbol","store$$","storeObject","Error","Proxy","get","target","prop","_target$nestedAttrs","_extends2","currentStore","bind","proxifyStore","Array","isArray","_extends","set","value","getValue","clonedStore","Object","assign","next","subscribeForReactHook","onStoreChange","subscription","subscribe","unsubscribe","createUseStore","store","useSyncExternalStore","createUseSelector","selectors","isEqualFunction","useSyncExternalStoreWithSelector","getPartialObjectFromAttributes","attributes","reduce","acc","curr","prev","JSON","stringify","initialValue","options","defaultValue","proxiedStore","cervelloStore","useStore","useSelector","use","slice","call","arguments","forEach","func","onChange","cb","pipe","pairwise","switchMap","oldValue","newValue","of","NEVER","_","onPartialChange","attrs","_ref2","distinctUntilChanged","isEqual","selector","this"],"mappings":"4VAIA,IACiBA,EAAGC,OADa,2BAGjB,WAAuDC,EAA6BC,GAClG,GAA2B,iBAAhBA,EAA0B,MAAUC,IAAAA,MAAM,2BAErD,OAAWC,IAAAA,MACTF,EACA,CACEG,IAAK,SAAUC,EAAWC,GACxB,IAcIC,EAAAC,EAdEC,EAAeJ,EAIrB,OAAIC,OACgC,mBAAXG,EAACH,GACHG,EAACH,GAAMI,KAAKC,EAAaX,EAASS,IAMrB,iBAAXA,EAACH,IAAuBM,MAAMC,QAAQJ,EAAaH,KAA0B,mBAUjFG,EAACH,GARCK,EACjBX,EADiBc,EAAA,CAAA,EAGZL,EAAaH,KACfR,EAAAA,CAAAA,GAAAA,gBAJc,MAIIO,OAJJ,EAIIA,EAASP,MAAiB,IAAKQ,EAEvDE,aAKYJ,IAAIC,EAAQC,EAC5B,EACDS,IAAK,SAAUV,EAAWC,EAAuBU,GAG/C,IAAkBP,EAAGT,EAAQiB,WAEvBC,EAAcC,OAAOC,OAAO,CAAd,EAAkBX,GAKtC,OAJAS,EAAYZ,GAAQU,EAEpBhB,EAAQqB,KAAKH,WAEEH,IAAIV,EAAQC,EAAMU,EAClC,GAGN,KCnDiCM,EAAG,SAAItB,GAOvC,OANkB,SAACuB,GACjB,IAAMC,EAAexB,EAAQyB,UAAUF,GACvC,OAAY,WACVC,EAAaE,aACd,CACF,CAEF,ECFK,SAAAC,EAA8B3B,GAClC,MAAkBsB,EAAsBtB,GAC1BiB,EAAGjB,EAAQiB,SAASP,KAAKV,GAWvC,OAPiB,WACf,IAAM4B,EAAQC,EAAoBA,qBAACJ,EAAWR,EAAUA,GAExD,OAAON,EAAaX,EAAS4B,EAC9B,CAIF,UCAKE,EAAiC9B,GACrC,IAAMyB,EAAYH,EAAsBtB,KACvBA,EAAQiB,SAASP,KAAKV,GAoDvC,OAlBoB,SAClB+B,EACAC,GAEA,IAAMJ,EAAQK,EAAgCA,iCAC5CR,EACAR,EACAA,EACA,SAACW,GAAD,OAxDUM,SAAoCC,EAA4BP,GAC9E,OAAiBO,EAACC,OAAY,SAACC,EAAKC,GAElC,OADAD,EAAIC,GAAQV,EAAMU,GAEnBD,CAAA,EAAE,CAAA,EACJ,CAmD8CH,CAACH,EAAWH,EAArD,EACA,SAACW,EAAMD,GAASN,OAAAA,EACZA,EAAgBO,EAAMD,GACtBE,KAAKC,UAAUF,KAAUC,KAAKC,UAAUH,EAF5C,GAMF,OAAO3B,EAAaX,EAAgB4B,EACrC,CAGF,kBCPe,SAAcc,EAA6BC,GACzD,IAAMC,EAAwC,mBAAxBF,EAAsCA,IAAyBA,EAC/E1C,EAAU,sBAAuB4C,GAEjCC,EAAelC,EAAgBX,EAAJc,EAAA,CAAA,EAAkB8B,IAEhCE,EAAG,CACpBlB,MAAOiB,EAGPE,SAAUpB,EAAkB3B,GAC5BgD,YAAalB,EAAqB9B,GAGlCiD,IARoB,WAwClB,MA/BA,GAAAC,MAAAC,KAAAC,WAAaC,QAAQ,SAACC,GACpBA,EAAK,CACHC,SADG,SACOC,GACRxD,EAAQyD,KACNC,EAAQA,WACRC,EAAAA,UAAU,SAAEC,GAAAA,IAAUC,EAAeD,EAAAA,GAAAA,OAAfC,EAAAA,KAA4BA,EAAWC,EAAAA,GAAGD,GAAYE,EAAAA,KAAlE,IACVtC,UAAU,SAACuC,UAAQR,EAACX,EAAV,EACb,EACDoB,gBAAiBC,SAAAA,EAAuBV,GACtCxD,EAAQyD,KACNC,EAAAA,WACAC,YAAU,SAAAQ,GAAA,IAAYN,EAAZM,EAAA,GAAA,OAAAA,EAAA,KAAwCN,EAAWC,KAAGD,GAAYE,OAAlE,GACVK,EAAAA,qBAAqB,SAAC7B,EAAMD,GAC1B,IAAI+B,GAAU,EAYd,OAXAH,EAAMb,QAAQ,SAACiB,GACTD,GAAqC,mBAAdC,GACrB9B,KAAKC,UAAUF,EAAK+B,MAAe9B,KAAKC,UAAUH,EAAKgC,MACzDD,GAAU,GAGRA,GAAW9B,EAAK+B,KAAchC,EAAKgC,KACrCD,GAAU,EAGf,GAEFA,CAAA,IACD5C,UAAU,SAACuC,GAAD,OAASR,EAACX,EAAV,EACb,GAEJ,GAEF0B,IAAA,GAKH,OACDzB,CAAA"}
+{"version":3,"file":"cervello.cjs","sources":["../src/lib/helpers/proxify-store.ts","../src/lib/utils/subscribe-for-react.ts","../src/lib/helpers/create-use-store.ts","../src/lib/helpers/create-use-selector.ts","../src/lib/store/index.ts"],"sourcesContent":["\nimport type { BehaviorSubject } from 'rxjs'\n\n\n\nconst NESTED_ATTRIBUTES_SYMBOL = '$$nested-attributes'\nconst nestedAttrs = Symbol(NESTED_ATTRIBUTES_SYMBOL)\n\nfunction assignNestedProperty (obj: any, keyPath: Array<string>, prop: string, value: unknown): any {\n  keyPath.forEach((key) => { obj = obj[key] })\n  obj[prop] = value\n}\n\nexport function proxifyStore <T extends Record<string | symbol, any>> (store$$: BehaviorSubject<T>, storeObject: T): T {\n  if (typeof storeObject !== 'object') throw new Error('Store must be an object')\n\n  return new Proxy<T>(\n    storeObject,\n    {\n      get: function (target: T, prop: string | symbol): any {\n        const currentStore = target as any\n\n        if (prop in currentStore) {\n          if (typeof currentStore[prop] === 'function') {\n            return currentStore[prop].bind(proxifyStore(store$$, currentStore))\n          }\n\n          // Return proxied object for nested reactivity\n          if (currentStore[prop]\n            && typeof currentStore[prop] === 'object'\n            && !Array.isArray(currentStore[prop])\n            && typeof prop !== 'symbol') {\n            const currentNestedAttrs = target?.[nestedAttrs]\n            const nestedAttrsPrefix = currentNestedAttrs ? `${currentNestedAttrs as string}.` : ''\n            return proxifyStore(\n              store$$,\n              Object.defineProperty({\n                ...currentStore[prop],\n              },\n              nestedAttrs,\n              {\n                value: `${nestedAttrsPrefix}${prop}`,\n                enumerable: false,\n                writable: false,\n                configurable: false,\n              },\n              ),\n            )\n          }\n\n          return currentStore[prop]\n        }\n\n        return Reflect.get(target, prop)\n      },\n      set: function (target: T, prop: string | symbol, value: any) {\n        const currentStore = store$$.getValue() as any\n        const isNestedProp = Boolean(target[nestedAttrs]?.length)\n\n\n        const clonedStore = Object.assign({}, currentStore)\n\n        if (isNestedProp) {\n          const nestedAttributes = (target[nestedAttrs] as string).split('.')\n          assignNestedProperty(clonedStore, nestedAttributes, prop as string, value)\n        } else {\n          clonedStore[prop] = value\n        }\n\n        store$$.next(clonedStore)\n\n        return Reflect.set(target, prop, value)\n      },\n    },\n  )\n}\n","import type { BehaviorSubject } from 'rxjs'\n\n\n\nexport const subscribeForReactHook = <T>(store$$: BehaviorSubject<T>): typeof subscribe => {\n  const subscribe = (onStoreChange: () => void): () => void => {\n    const subscription = store$$.subscribe(onStoreChange)\n    return () => {\n      subscription.unsubscribe()\n    }\n  }\n  return subscribe\n}\n","\nimport { useSyncExternalStore } from 'use-sync-external-store/shim'\n\nimport { subscribeForReactHook } from '../utils/subscribe-for-react'\nimport { proxifyStore } from './proxify-store'\n\nimport type { BehaviorSubject } from 'rxjs'\n\n\n\nexport function createUseStore <T> (store$$: BehaviorSubject<T>): () => T {\n  const subscribe = subscribeForReactHook(store$$)\n  const getValue = store$$.getValue.bind(store$$)\n\n\n  // USE STORE HOOK -------------------------------------------------\n  const useStore = (): T => {\n    const store = useSyncExternalStore(subscribe, getValue, getValue)\n\n    return proxifyStore(store$$, store)\n  }\n\n\n  return useStore\n}\n","\nimport { useSyncExternalStoreWithSelector } from 'use-sync-external-store/shim/with-selector'\n\n\nimport { subscribeForReactHook } from '../utils/subscribe-for-react'\nimport { proxifyStore } from './proxify-store'\n\nimport type { ObjectFromAttributes, WithoutType } from '../../types/shared'\nimport type { BehaviorSubject } from 'rxjs'\n\n\n\nexport function getPartialObjectFromAttributes <T> (attributes: Array<keyof T>, store: T): any {\n  return attributes.reduce<any>((acc, curr) => {\n    acc[curr] = store[curr]\n    return acc\n  }, {})\n}\n\nexport type UseSelector<T> = <Attributes extends Array< keyof WithoutType<T, Function> >>(\n  selectors: Attributes,\n  isEqualFunction?: (previousState: ObjectFromAttributes<T, Attributes>, currentState: ObjectFromAttributes<T, Attributes>) => boolean,\n  ) => ObjectFromAttributes<T, Attributes>\n\n\n\nexport function createUseSelector <T> (store$$: BehaviorSubject<T>): UseSelector<T> {\n  const subscribe = subscribeForReactHook(store$$)\n  const getValue = store$$.getValue.bind(store$$)\n\n  // USE SELECTOR HOOK -------------------------------------------------\n  const useSelector = <Attributes extends Array< keyof WithoutType<T, Function> >>(\n    selectors: Attributes,\n    isEqualFunction?: (previousState: ObjectFromAttributes<T, Attributes>, currentState: ObjectFromAttributes<T, Attributes>) => boolean,\n  ): ObjectFromAttributes<T, Attributes> => {\n    const store = useSyncExternalStoreWithSelector<T, ObjectFromAttributes<T, Attributes>>(\n      subscribe,\n      getValue,\n      getValue,\n      (store) => getPartialObjectFromAttributes(selectors, store),\n      (prev, curr) => isEqualFunction\n        ? isEqualFunction(prev, curr)\n        : JSON.stringify(prev) === JSON.stringify(curr),\n\n    )\n\n    return proxifyStore(store$$ as any, store)\n  }\n\n  return useSelector\n}\n","import { BehaviorSubject, distinctUntilChanged, NEVER, of, pairwise, switchMap } from 'rxjs'\n\nimport { createUseSelector, createUseStore, proxifyStore } from '../helpers'\n\nimport type { WithoutType } from '../../types/shared'\nimport type { UseSelector } from '../helpers'\n\n\n\n// const STORE_SYMBOL = '__cervello-store__'\n\n\ninterface CervelloStoreUseParam<StoreType> {\n  onChange: (cb: (store: StoreType) => void) => void\n  onPartialChange: <\n    Attributes extends Array< keyof WithoutType<StoreType, Function>>\n  > (selectors: Attributes, cb: (store: StoreType) => void) => void\n}\n\n/**\n * Use function which allows you to listen for changes in the store.\n */\nexport type CervelloUseFunction<StoreType> = (param: CervelloStoreUseParam<StoreType>) => void\n\n\ninterface CervelloStore<StoreType> {\n  /** Reactive store */\n  store: StoreType\n  /** Hook to react to all changes done to 'store' */\n  useStore: () => StoreType\n  /** Hook to react to changes done to 'store' in all the attributes provided */\n  useSelector: UseSelector<StoreType>\n  /** Functions to be attached to changes in a general way (tracking, loggers, ... etc) */\n  use: (...functions: Array<(useObj: CervelloStoreUseParam<StoreType>) => void>) => CervelloStore<StoreType>\n}\n\n/**\n * @note Currently not working\n */\nexport interface CervelloOptions {\n  persist?:\n  | boolean\n  // | {\n  //   getItem: (key: string) => any\n  // }\n}\n\n\n/**\n * Creates a store that is reactive and can be used inside and outside of React components.\n * @param initialValue Object with the default values for the store\n *\n * @returns - { store, useStore, useSelector }\n */\nexport function cervello <T extends Record<any, unknown>> (initialValue: T, options?: CervelloOptions): CervelloStore<T>\n\n\n/**\n * Creates a store that is reactive and can be used inside and outside of React components.\n * @param initialValue Function which returns the default values for the store\n *\n * @returns - { store, useStore, useSelector }\n */\nexport function cervello <T> (initialValue: () => T, options?: CervelloOptions): CervelloStore<T>\n\n\n\n\n\n\n\n/** @internal */\nexport function cervello <T> (initialValue: T | (() => T), options?: CervelloOptions): CervelloStore<T> {\n  const defaultValue = (typeof initialValue === 'function' ? (initialValue as any)() : initialValue) as T\n  const store$$ = new BehaviorSubject<T>(defaultValue)\n\n  const proxiedStore = proxifyStore<T>(store$$, { ...defaultValue })\n\n  const cervelloStore = {\n    store: proxiedStore,\n\n    // TO BE SEPARATED IN cervello/react package ---------------------\n    useStore: createUseStore<T>(store$$),\n    useSelector: createUseSelector<T>(store$$),\n    // ---------------------------------------------------------------\n\n    use (...functionList: any) {\n      functionList.forEach((func: any) => {\n        func({\n          onChange (cb: any) {\n            store$$.pipe(\n              pairwise(),\n              switchMap(([oldValue, newValue]) => (oldValue !== newValue ? of(newValue) : NEVER)),\n            ).subscribe((_) => cb(proxiedStore))\n          },\n          onPartialChange (attrs: Array<keyof T>, cb: any) {\n            store$$.pipe(\n              pairwise(),\n              switchMap(([oldValue, newValue]) => (oldValue !== newValue ? of(newValue) : NEVER)),\n              distinctUntilChanged((prev, curr) => {\n                let isEqual = true\n                attrs.forEach((selector) => {\n                  if (isEqual && typeof curr[selector] === 'object') {\n                    if (JSON.stringify(prev[selector]) !== JSON.stringify(curr[selector])) {\n                      isEqual = false\n                    }\n                  } else {\n                    if (isEqual && prev[selector] !== curr[selector]) {\n                      isEqual = false\n                    }\n                  }\n                })\n                return isEqual\n              }),\n            ).subscribe((_) => cb(proxiedStore))\n          },\n        })\n      })\n      return this\n    },\n  } as any\n\n\n\n  return cervelloStore as CervelloStore<T>\n}\n"],"names":["Symbol","proxifyStore","store$$","storeObject","Error","get","target","prop","currentStore","bind","Array","isArray","currentNestedAttrs","nestedAttrs","nestedAttrsPrefix","Object","defineProperty","_extends","value","enumerable","writable","configurable","set","_target$nestedAttrs","getValue","isNestedProp","Boolean","length","clonedStore","assign","obj","keyPath","forEach","key","assignNestedProperty","split","next","subscribeForReactHook","onStoreChange","subscription","subscribe","unsubscribe","createUseStore","store","useSyncExternalStore","createUseSelector","selectors","isEqualFunction","useSyncExternalStoreWithSelector","getPartialObjectFromAttributes","attributes","reduce","acc","curr","prev","JSON","stringify","initialValue","options","defaultValue","proxiedStore","cervelloStore","useStore","useSelector","use","slice","call","arguments","func","onChange","cb","pipe","pairwise","switchMap","oldValue","newValue","of","NEVER","_","onPartialChange","attrs","_ref2","distinctUntilChanged","isEqual","selector","this"],"mappings":"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"}

package/dist/cervello.esm.js

@@ -1,2 +1,2 @@
-import{BehaviorSubject as n,pairwise as t,switchMap as r,of as e,NEVER as u,distinctUntilChanged as o}from"rxjs";import{useSyncExternalStore as i}from"use-sync-external-store/shim";import{useSyncExternalStoreWithSelector as c}from"use-sync-external-store/shim/with-selector";function f(){return f=Object.assign?Object.assign.bind():function(n){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var e in r)Object.prototype.hasOwnProperty.call(r,e)&&(n[e]=r[e])}return n},f.apply(this,arguments)}var s=Symbol("___nested-attributes___");function a(n,t){if("object"!=typeof t)throw new Error("Store must be an object");return new Proxy(t,{get:function(t,r){var e,u,o=t;return r in o?"function"==typeof o[r]?o[r].bind(a(n,o)):"object"!=typeof o[r]||Array.isArray(o[r])||"symbol"==typeof r?o[r]:a(n,f({},o[r],((u={})[s]=""+(null!=(e=null==t?void 0:t[s])?e:"")+r,u))):Reflect.get(t,r)},set:function(t,r,e){var u=n.getValue(),o=Object.assign({},u);return o[r]=e,n.next(o),Reflect.set(t,r,e)}})}var b=function(n){return function(t){var r=n.subscribe(t);return function(){r.unsubscribe()}}};function l(n){var t=b(n),r=n.getValue.bind(n);return function(){var e=i(t,r,r);return a(n,e)}}function y(n){var t=b(n),r=n.getValue.bind(n);return function(e,u){var o=c(t,r,r,function(n){return function(n,t){return n.reduce(function(n,r){return n[r]=t[r],n},{})}(e,n)},function(n,t){return u?u(n,t):JSON.stringify(n)===JSON.stringify(t)});return a(n,o)}}function p(i,c){var s="function"==typeof i?i():i,b=new n(s),p=a(b,f({},s)),v={store:p,useStore:l(b),useSelector:y(b),use:function(){return[].slice.call(arguments).forEach(function(n){n({onChange:function(n){b.pipe(t(),r(function(n){var t=n[1];return n[0]!==t?e(t):u})).subscribe(function(t){return n(p)})},onPartialChange:function(n,i){b.pipe(t(),r(function(n){var t=n[1];return n[0]!==t?e(t):u}),o(function(t,r){var e=!0;return n.forEach(function(n){e&&"object"==typeof r[n]?JSON.stringify(t[n])!==JSON.stringify(r[n])&&(e=!1):e&&t[n]!==r[n]&&(e=!1)}),e})).subscribe(function(n){return i(p)})}})}),this}};return v}export{p as cervello};
+import{BehaviorSubject as n,pairwise as r,switchMap as t,of as e,NEVER as u,distinctUntilChanged as i}from"rxjs";import{useSyncExternalStore as o}from"use-sync-external-store/shim";import{useSyncExternalStoreWithSelector as c}from"use-sync-external-store/shim/with-selector";function f(){return f=Object.assign?Object.assign.bind():function(n){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var e in t)Object.prototype.hasOwnProperty.call(t,e)&&(n[e]=t[e])}return n},f.apply(this,arguments)}var a=Symbol("$$nested-attributes");function s(n,r){if("object"!=typeof r)throw new Error("Store must be an object");return new Proxy(r,{get:function(r,t){var e=r;if(t in e){if("function"==typeof e[t])return e[t].bind(s(n,e));if(e[t]&&"object"==typeof e[t]&&!Array.isArray(e[t])&&"symbol"!=typeof t){var u=null==r?void 0:r[a],i=u?u+".":"";return s(n,Object.defineProperty(f({},e[t]),a,{value:""+i+t,enumerable:!1,writable:!1,configurable:!1}))}return e[t]}return Reflect.get(r,t)},set:function(r,t,e){var u,i=n.getValue(),o=Boolean(null==(u=r[a])?void 0:u.length),c=Object.assign({},i);return o?function(n,r,t,e){r.forEach(function(r){n=n[r]}),n[t]=e}(c,r[a].split("."),t,e):c[t]=e,n.next(c),Reflect.set(r,t,e)}})}var l=function(n){return function(r){var t=n.subscribe(r);return function(){t.unsubscribe()}}};function b(n){var r=l(n),t=n.getValue.bind(n);return function(){var e=o(r,t,t);return s(n,e)}}function p(n){var r=l(n),t=n.getValue.bind(n);return function(e,u){var i=c(r,t,t,function(n){return function(n,r){return n.reduce(function(n,t){return n[t]=r[t],n},{})}(e,n)},function(n,r){return u?u(n,r):JSON.stringify(n)===JSON.stringify(r)});return s(n,i)}}function y(o,c){var a="function"==typeof o?o():o,l=new n(a),y=s(l,f({},a)),v={store:y,useStore:b(l),useSelector:p(l),use:function(){return[].slice.call(arguments).forEach(function(n){n({onChange:function(n){l.pipe(r(),t(function(n){var r=n[1];return n[0]!==r?e(r):u})).subscribe(function(r){return n(y)})},onPartialChange:function(n,o){l.pipe(r(),t(function(n){var r=n[1];return n[0]!==r?e(r):u}),i(function(r,t){var e=!0;return n.forEach(function(n){e&&"object"==typeof t[n]?JSON.stringify(r[n])!==JSON.stringify(t[n])&&(e=!1):e&&r[n]!==t[n]&&(e=!1)}),e})).subscribe(function(n){return o(y)})}})}),this}};return v}export{y as cervello};
 //# sourceMappingURL=cervello.esm.js.map

package/dist/cervello.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"cervello.esm.js","sources":["../src/lib/helpers/proxify-store.ts","../src/lib/utils/subscribe-for-react.ts","../src/lib/helpers/create-use-store.ts","../src/lib/helpers/create-use-selector.ts","../src/lib/store/index.ts"],"sourcesContent":["import type { BehaviorSubject } from 'rxjs'\n\n\n\nconst NESTED_ATTRIBUTES_SYMBOL = '___nested-attributes___'\nconst nestedAttrs = Symbol(NESTED_ATTRIBUTES_SYMBOL)\n\nexport function proxifyStore <T extends Record<string | symbol, any>> (store$$: BehaviorSubject<T>, storeObject: T): T {\n  if (typeof storeObject !== 'object') throw new Error('Store must be an object')\n\n  return new Proxy<T>(\n    storeObject,\n    {\n      get: function (target: T, prop: string | symbol): any {\n        const currentStore = target as any\n        // console.log('get', { target, prop, in: prop in currentStore })\n\n        // Problem with nested proxies because of currentStore is the root object\n        if (prop in currentStore) {\n          if (typeof currentStore[prop] === 'function') {\n            return currentStore[prop].bind(proxifyStore(store$$, currentStore))\n          }\n\n          // console.log('------', prop, typeof currentStore[prop] === 'object', !Array.isArray(currentStore[prop]))\n          // TODO:  add pseudo identifier in order to return\n          // TODO: the same object with a identifier of the level and the name of the property\n          if (typeof currentStore[prop] === 'object' && !Array.isArray(currentStore[prop]) && typeof prop !== 'symbol') {\n            // console.log('returning proxified object', prop)\n            return proxifyStore(\n              store$$,\n              {\n                ...currentStore[prop],\n                [nestedAttrs]: `${(target?.[nestedAttrs]) ?? ''}${prop}`,\n              })\n          }\n\n          return currentStore[prop]\n        }\n\n        return Reflect.get(target, prop)\n      },\n      set: function (target: T, prop: string | symbol, value: any) {\n        // Write a merge deep nested objects function (as 'deepmerge lib')\n        // console.log('set', { target, prop, value })\n        const currentStore = store$$.getValue() as any\n\n        const clonedStore = Object.assign({}, currentStore)\n        clonedStore[prop] = value\n\n        store$$.next(clonedStore)\n\n        return Reflect.set(target, prop, value)\n      },\n    },\n  )\n}\n","import type { BehaviorSubject } from 'rxjs'\n\n\n\nexport const subscribeForReactHook = <T>(store$$: BehaviorSubject<T>): typeof subscribe => {\n  const subscribe = (onStoreChange: () => void): () => void => {\n    const subscription = store$$.subscribe(onStoreChange)\n    return () => {\n      subscription.unsubscribe()\n    }\n  }\n  return subscribe\n}\n","\nimport { useSyncExternalStore } from 'use-sync-external-store/shim'\n\nimport { subscribeForReactHook } from '../utils/subscribe-for-react'\nimport { proxifyStore } from './proxify-store'\n\nimport type { BehaviorSubject } from 'rxjs'\n\n\n\nexport function createUseStore <T> (store$$: BehaviorSubject<T>): () => T {\n  const subscribe = subscribeForReactHook(store$$)\n  const getValue = store$$.getValue.bind(store$$)\n\n\n  // USE STORE HOOK -------------------------------------------------\n  const useStore = (): T => {\n    const store = useSyncExternalStore(subscribe, getValue, getValue)\n\n    return proxifyStore(store$$, store)\n  }\n\n\n  return useStore\n}\n","\nimport { useSyncExternalStoreWithSelector } from 'use-sync-external-store/shim/with-selector'\n\n\nimport { subscribeForReactHook } from '../utils/subscribe-for-react'\nimport { proxifyStore } from './proxify-store'\n\nimport type { ObjectFromAttributes, WithoutType } from '../../types/shared'\nimport type { BehaviorSubject } from 'rxjs'\n\n\n\nexport function getPartialObjectFromAttributes <T> (attributes: Array<keyof T>, store: T): any {\n  return attributes.reduce<any>((acc, curr) => {\n    acc[curr] = store[curr]\n    return acc\n  }, {})\n}\n\nexport type UseSelector<T> = <Attributes extends Array< keyof WithoutType<T, Function> >>(\n  selectors: Attributes,\n  isEqualFunction?: (previousState: ObjectFromAttributes<T, Attributes>, currentState: ObjectFromAttributes<T, Attributes>) => boolean,\n  ) => ObjectFromAttributes<T, Attributes>\n\nexport function createUseSelector <T> (store$$: BehaviorSubject<T>): UseSelector<T> {\n  const subscribe = subscribeForReactHook(store$$)\n  const getValue = store$$.getValue.bind(store$$)\n\n  // const subscribeWithSelectors = (selectors: Array<keyof T>): (onStoreChange: () => void) => () => void => {\n  //   return (onStoreChange: () => void): (() => void) => {\n  //     const subscription = store$$.subscribe(onStoreChange)\n  //     // console.log('1- FUNCTION OF SUBSCRIBE')\n  //     // const subscription = store$$.pipe(distinctUntilChanged((prev, curr) => {\n  //     //   let isEqual = true\n  //     //   selectors.forEach((selector) => {\n  //     //     if (typeof curr[selector] === 'object' && isEqual) {\n  //     //       if (JSON.stringify(prev[selector]) !== JSON.stringify(curr[selector])) {\n  //     //         isEqual = false\n  //     //       }\n  //     //     } else {\n  //     //       if (prev[selector] !== curr[selector] && isEqual) {\n  //     //         isEqual = false\n  //     //       }\n  //     //     }\n  //     //   })\n  //     //   console.log('1- FUNCTION OF distinctUntilChanged', { isEqual })\n\n  //     //   return isEqual\n  //     // })).subscribe(onStoreChange)\n\n  //     return () => {\n  //       subscription.unsubscribe()\n  //     }\n  //   }\n  // }\n\n\n\n\n  // USE SELECTOR HOOK -------------------------------------------------\n  const useSelector = <Attributes extends Array< keyof WithoutType<T, Function> >>(\n    selectors: Attributes,\n    isEqualFunction?: (previousState: ObjectFromAttributes<T, Attributes>, currentState: ObjectFromAttributes<T, Attributes>) => boolean,\n  ): ObjectFromAttributes<T, Attributes> => {\n    const store = useSyncExternalStoreWithSelector<T, ObjectFromAttributes<T, Attributes>>(\n      subscribe,\n      getValue,\n      getValue,\n      (store) => getPartialObjectFromAttributes(selectors, store),\n      (prev, curr) => isEqualFunction\n        ? isEqualFunction(prev, curr)\n        : JSON.stringify(prev) === JSON.stringify(curr),\n\n    )\n\n    return proxifyStore(store$$ as any, store)\n  }\n\n  return useSelector\n}\n","import { BehaviorSubject, distinctUntilChanged, NEVER, of, pairwise, switchMap } from 'rxjs'\n\nimport { createUseSelector, createUseStore, proxifyStore } from '../helpers'\n\nimport type { WithoutType } from '../../types/shared'\nimport type { UseSelector } from '../helpers'\n\n\n\n// const STORE_SYMBOL = '__cervello-store__'\n\n\ninterface CervelloStoreUseParam<StoreType> {\n  onChange: (cb: (store: StoreType) => void) => void\n  onPartialChange: <\n    Attributes extends Array< keyof WithoutType<StoreType, Function>>\n  > (selectors: Attributes, cb: (store: StoreType) => void) => void\n}\n\n/**\n * Use function which allows you to listen for changes in the store.\n */\nexport type CervelloUseFunction<StoreType> = (param: CervelloStoreUseParam<StoreType>) => void\n\n\ninterface CervelloStore<StoreType> {\n  /** Reactive store */\n  store: StoreType\n  /** Hook to react to all changes done to 'store' */\n  useStore: () => StoreType\n  /** Hook to react to changes done to 'store' in all the attributes provided */\n  useSelector: UseSelector<StoreType>\n  /** Functions to be attached to changes in a general way (tracking, loggers, ... etc) */\n  use: (...functions: Array<(useObj: CervelloStoreUseParam<StoreType>) => void>) => CervelloStore<StoreType>\n}\n\n/**\n * @note Currently not working\n */\nexport interface CervelloOptions {\n  persist?:\n  | boolean\n  // | {\n  //   getItem: (key: string) => any\n  // }\n}\n\n\n/**\n * Creates a store that is reactive and can be used inside and outside of React components.\n * @param initialValue Object with the default values for the store\n *\n * @returns - { store, useStore, useSelector }\n */\nexport function cervello <T extends Record<any, unknown>> (initialValue: T, options?: CervelloOptions): CervelloStore<T>\n\n\n/**\n * Creates a store that is reactive and can be used inside and outside of React components.\n * @param initialValue Function which returns the default values for the store\n *\n * @returns - { store, useStore, useSelector }\n */\nexport function cervello <T> (initialValue: () => T, options?: CervelloOptions): CervelloStore<T>\n\n\n\n\n\n\n\n/** @internal */\nexport function cervello <T> (initialValue: T | (() => T), options?: CervelloOptions): CervelloStore<T> {\n  const defaultValue = (typeof initialValue === 'function' ? (initialValue as any)() : initialValue) as T\n  const store$$ = new BehaviorSubject<T>(defaultValue)\n\n  const proxiedStore = proxifyStore<T>(store$$, { ...defaultValue })\n\n  const cervelloStore = {\n    store: proxiedStore,\n\n    // TO BE SEPARATED IN cervello/react package ---------------------\n    useStore: createUseStore<T>(store$$),\n    useSelector: createUseSelector<T>(store$$),\n    // ---------------------------------------------------------------\n\n    use (...functionList: any) {\n      functionList.forEach((func: any) => {\n        func({\n          onChange (cb: any) {\n            store$$.pipe(\n              pairwise(),\n              switchMap(([oldValue, newValue]) => (oldValue !== newValue ? of(newValue) : NEVER)),\n            ).subscribe((_) => cb(proxiedStore))\n          },\n          onPartialChange (attrs: Array<keyof T>, cb: any) {\n            store$$.pipe(\n              pairwise(),\n              switchMap(([oldValue, newValue]) => (oldValue !== newValue ? of(newValue) : NEVER)),\n              distinctUntilChanged((prev, curr) => {\n                let isEqual = true\n                attrs.forEach((selector) => {\n                  if (isEqual && typeof curr[selector] === 'object') {\n                    if (JSON.stringify(prev[selector]) !== JSON.stringify(curr[selector])) {\n                      isEqual = false\n                    }\n                  } else {\n                    if (isEqual && prev[selector] !== curr[selector]) {\n                      isEqual = false\n                    }\n                  }\n                })\n                return isEqual\n              }),\n            ).subscribe((_) => cb(proxiedStore))\n          },\n        })\n      })\n      return this\n    },\n  } as any\n\n\n\n  return cervelloStore as CervelloStore<T>\n}\n"],"names":["nestedAttrs","Symbol","store$$","storeObject","Error","Proxy","get","target","prop","_target$nestedAttrs","_extends2","currentStore","bind","proxifyStore","Array","isArray","_extends","set","value","getValue","clonedStore","Object","assign","next","subscribeForReactHook","onStoreChange","subscription","subscribe","unsubscribe","createUseStore","store","useSyncExternalStore","createUseSelector","selectors","isEqualFunction","useSyncExternalStoreWithSelector","getPartialObjectFromAttributes","attributes","reduce","acc","curr","prev","JSON","stringify","cervello","initialValue","options","defaultValue","proxiedStore","cervelloStore","useStore","useSelector","use","slice","call","arguments","forEach","func","onChange","cb","pipe","pairwise","switchMap","oldValue","newValue","of","NEVER","_","onPartialChange","attrs","_ref2","distinctUntilChanged","isEqual","selector","this"],"mappings":"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"}
+{"version":3,"file":"cervello.esm.js","sources":["../src/lib/helpers/proxify-store.ts","../src/lib/utils/subscribe-for-react.ts","../src/lib/helpers/create-use-store.ts","../src/lib/helpers/create-use-selector.ts","../src/lib/store/index.ts"],"sourcesContent":["\nimport type { BehaviorSubject } from 'rxjs'\n\n\n\nconst NESTED_ATTRIBUTES_SYMBOL = '$$nested-attributes'\nconst nestedAttrs = Symbol(NESTED_ATTRIBUTES_SYMBOL)\n\nfunction assignNestedProperty (obj: any, keyPath: Array<string>, prop: string, value: unknown): any {\n  keyPath.forEach((key) => { obj = obj[key] })\n  obj[prop] = value\n}\n\nexport function proxifyStore <T extends Record<string | symbol, any>> (store$$: BehaviorSubject<T>, storeObject: T): T {\n  if (typeof storeObject !== 'object') throw new Error('Store must be an object')\n\n  return new Proxy<T>(\n    storeObject,\n    {\n      get: function (target: T, prop: string | symbol): any {\n        const currentStore = target as any\n\n        if (prop in currentStore) {\n          if (typeof currentStore[prop] === 'function') {\n            return currentStore[prop].bind(proxifyStore(store$$, currentStore))\n          }\n\n          // Return proxied object for nested reactivity\n          if (currentStore[prop]\n            && typeof currentStore[prop] === 'object'\n            && !Array.isArray(currentStore[prop])\n            && typeof prop !== 'symbol') {\n            const currentNestedAttrs = target?.[nestedAttrs]\n            const nestedAttrsPrefix = currentNestedAttrs ? `${currentNestedAttrs as string}.` : ''\n            return proxifyStore(\n              store$$,\n              Object.defineProperty({\n                ...currentStore[prop],\n              },\n              nestedAttrs,\n              {\n                value: `${nestedAttrsPrefix}${prop}`,\n                enumerable: false,\n                writable: false,\n                configurable: false,\n              },\n              ),\n            )\n          }\n\n          return currentStore[prop]\n        }\n\n        return Reflect.get(target, prop)\n      },\n      set: function (target: T, prop: string | symbol, value: any) {\n        const currentStore = store$$.getValue() as any\n        const isNestedProp = Boolean(target[nestedAttrs]?.length)\n\n\n        const clonedStore = Object.assign({}, currentStore)\n\n        if (isNestedProp) {\n          const nestedAttributes = (target[nestedAttrs] as string).split('.')\n          assignNestedProperty(clonedStore, nestedAttributes, prop as string, value)\n        } else {\n          clonedStore[prop] = value\n        }\n\n        store$$.next(clonedStore)\n\n        return Reflect.set(target, prop, value)\n      },\n    },\n  )\n}\n","import type { BehaviorSubject } from 'rxjs'\n\n\n\nexport const subscribeForReactHook = <T>(store$$: BehaviorSubject<T>): typeof subscribe => {\n  const subscribe = (onStoreChange: () => void): () => void => {\n    const subscription = store$$.subscribe(onStoreChange)\n    return () => {\n      subscription.unsubscribe()\n    }\n  }\n  return subscribe\n}\n","\nimport { useSyncExternalStore } from 'use-sync-external-store/shim'\n\nimport { subscribeForReactHook } from '../utils/subscribe-for-react'\nimport { proxifyStore } from './proxify-store'\n\nimport type { BehaviorSubject } from 'rxjs'\n\n\n\nexport function createUseStore <T> (store$$: BehaviorSubject<T>): () => T {\n  const subscribe = subscribeForReactHook(store$$)\n  const getValue = store$$.getValue.bind(store$$)\n\n\n  // USE STORE HOOK -------------------------------------------------\n  const useStore = (): T => {\n    const store = useSyncExternalStore(subscribe, getValue, getValue)\n\n    return proxifyStore(store$$, store)\n  }\n\n\n  return useStore\n}\n","\nimport { useSyncExternalStoreWithSelector } from 'use-sync-external-store/shim/with-selector'\n\n\nimport { subscribeForReactHook } from '../utils/subscribe-for-react'\nimport { proxifyStore } from './proxify-store'\n\nimport type { ObjectFromAttributes, WithoutType } from '../../types/shared'\nimport type { BehaviorSubject } from 'rxjs'\n\n\n\nexport function getPartialObjectFromAttributes <T> (attributes: Array<keyof T>, store: T): any {\n  return attributes.reduce<any>((acc, curr) => {\n    acc[curr] = store[curr]\n    return acc\n  }, {})\n}\n\nexport type UseSelector<T> = <Attributes extends Array< keyof WithoutType<T, Function> >>(\n  selectors: Attributes,\n  isEqualFunction?: (previousState: ObjectFromAttributes<T, Attributes>, currentState: ObjectFromAttributes<T, Attributes>) => boolean,\n  ) => ObjectFromAttributes<T, Attributes>\n\n\n\nexport function createUseSelector <T> (store$$: BehaviorSubject<T>): UseSelector<T> {\n  const subscribe = subscribeForReactHook(store$$)\n  const getValue = store$$.getValue.bind(store$$)\n\n  // USE SELECTOR HOOK -------------------------------------------------\n  const useSelector = <Attributes extends Array< keyof WithoutType<T, Function> >>(\n    selectors: Attributes,\n    isEqualFunction?: (previousState: ObjectFromAttributes<T, Attributes>, currentState: ObjectFromAttributes<T, Attributes>) => boolean,\n  ): ObjectFromAttributes<T, Attributes> => {\n    const store = useSyncExternalStoreWithSelector<T, ObjectFromAttributes<T, Attributes>>(\n      subscribe,\n      getValue,\n      getValue,\n      (store) => getPartialObjectFromAttributes(selectors, store),\n      (prev, curr) => isEqualFunction\n        ? isEqualFunction(prev, curr)\n        : JSON.stringify(prev) === JSON.stringify(curr),\n\n    )\n\n    return proxifyStore(store$$ as any, store)\n  }\n\n  return useSelector\n}\n","import { BehaviorSubject, distinctUntilChanged, NEVER, of, pairwise, switchMap } from 'rxjs'\n\nimport { createUseSelector, createUseStore, proxifyStore } from '../helpers'\n\nimport type { WithoutType } from '../../types/shared'\nimport type { UseSelector } from '../helpers'\n\n\n\n// const STORE_SYMBOL = '__cervello-store__'\n\n\ninterface CervelloStoreUseParam<StoreType> {\n  onChange: (cb: (store: StoreType) => void) => void\n  onPartialChange: <\n    Attributes extends Array< keyof WithoutType<StoreType, Function>>\n  > (selectors: Attributes, cb: (store: StoreType) => void) => void\n}\n\n/**\n * Use function which allows you to listen for changes in the store.\n */\nexport type CervelloUseFunction<StoreType> = (param: CervelloStoreUseParam<StoreType>) => void\n\n\ninterface CervelloStore<StoreType> {\n  /** Reactive store */\n  store: StoreType\n  /** Hook to react to all changes done to 'store' */\n  useStore: () => StoreType\n  /** Hook to react to changes done to 'store' in all the attributes provided */\n  useSelector: UseSelector<StoreType>\n  /** Functions to be attached to changes in a general way (tracking, loggers, ... etc) */\n  use: (...functions: Array<(useObj: CervelloStoreUseParam<StoreType>) => void>) => CervelloStore<StoreType>\n}\n\n/**\n * @note Currently not working\n */\nexport interface CervelloOptions {\n  persist?:\n  | boolean\n  // | {\n  //   getItem: (key: string) => any\n  // }\n}\n\n\n/**\n * Creates a store that is reactive and can be used inside and outside of React components.\n * @param initialValue Object with the default values for the store\n *\n * @returns - { store, useStore, useSelector }\n */\nexport function cervello <T extends Record<any, unknown>> (initialValue: T, options?: CervelloOptions): CervelloStore<T>\n\n\n/**\n * Creates a store that is reactive and can be used inside and outside of React components.\n * @param initialValue Function which returns the default values for the store\n *\n * @returns - { store, useStore, useSelector }\n */\nexport function cervello <T> (initialValue: () => T, options?: CervelloOptions): CervelloStore<T>\n\n\n\n\n\n\n\n/** @internal */\nexport function cervello <T> (initialValue: T | (() => T), options?: CervelloOptions): CervelloStore<T> {\n  const defaultValue = (typeof initialValue === 'function' ? (initialValue as any)() : initialValue) as T\n  const store$$ = new BehaviorSubject<T>(defaultValue)\n\n  const proxiedStore = proxifyStore<T>(store$$, { ...defaultValue })\n\n  const cervelloStore = {\n    store: proxiedStore,\n\n    // TO BE SEPARATED IN cervello/react package ---------------------\n    useStore: createUseStore<T>(store$$),\n    useSelector: createUseSelector<T>(store$$),\n    // ---------------------------------------------------------------\n\n    use (...functionList: any) {\n      functionList.forEach((func: any) => {\n        func({\n          onChange (cb: any) {\n            store$$.pipe(\n              pairwise(),\n              switchMap(([oldValue, newValue]) => (oldValue !== newValue ? of(newValue) : NEVER)),\n            ).subscribe((_) => cb(proxiedStore))\n          },\n          onPartialChange (attrs: Array<keyof T>, cb: any) {\n            store$$.pipe(\n              pairwise(),\n              switchMap(([oldValue, newValue]) => (oldValue !== newValue ? of(newValue) : NEVER)),\n              distinctUntilChanged((prev, curr) => {\n                let isEqual = true\n                attrs.forEach((selector) => {\n                  if (isEqual && typeof curr[selector] === 'object') {\n                    if (JSON.stringify(prev[selector]) !== JSON.stringify(curr[selector])) {\n                      isEqual = false\n                    }\n                  } else {\n                    if (isEqual && prev[selector] !== curr[selector]) {\n                      isEqual = false\n                    }\n                  }\n                })\n                return isEqual\n              }),\n            ).subscribe((_) => cb(proxiedStore))\n          },\n        })\n      })\n      return this\n    },\n  } as any\n\n\n\n  return cervelloStore as CervelloStore<T>\n}\n"],"names":["Symbol","proxifyStore","store$$","storeObject","Error","get","target","prop","currentStore","bind","Array","isArray","currentNestedAttrs","nestedAttrs","nestedAttrsPrefix","Object","defineProperty","_extends","value","enumerable","writable","configurable","set","_target$nestedAttrs","getValue","isNestedProp","Boolean","length","clonedStore","assign","obj","keyPath","forEach","key","assignNestedProperty","split","next","subscribeForReactHook","onStoreChange","subscription","subscribe","unsubscribe","createUseStore","store","useSyncExternalStore","createUseSelector","selectors","isEqualFunction","useSyncExternalStoreWithSelector","getPartialObjectFromAttributes","attributes","reduce","acc","curr","prev","JSON","stringify","cervello","initialValue","options","defaultValue","proxiedStore","cervelloStore","useStore","useSelector","use","slice","call","arguments","func","onChange","cb","pipe","pairwise","switchMap","oldValue","newValue","of","NEVER","_","onPartialChange","attrs","_ref2","distinctUntilChanged","isEqual","selector","this"],"mappings":"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"}

package/dist/cervello.modern.js

@@ -1,2 +1,2 @@
-import{BehaviorSubject as t,pairwise as e,switchMap as n,of as r,NEVER as o,distinctUntilChanged as s}from"rxjs";import{useSyncExternalStore as i}from"use-sync-external-store/shim";import{useSyncExternalStoreWithSelector as c}from"use-sync-external-store/shim/with-selector";function u(){return u=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},u.apply(this,arguments)}const f=Symbol("___nested-attributes___");function a(t,e){if("object"!=typeof e)throw new Error("Store must be an object");return new Proxy(e,{get:function(e,n){const r=e;var o;return n in r?"function"==typeof r[n]?r[n].bind(a(t,r)):"object"!=typeof r[n]||Array.isArray(r[n])||"symbol"==typeof n?r[n]:a(t,u({},r[n],{[f]:`${null!=(o=null==e?void 0:e[f])?o:""}${n}`})):Reflect.get(e,n)},set:function(e,n,r){const o=t.getValue(),s=Object.assign({},o);return s[n]=r,t.next(s),Reflect.set(e,n,r)}})}const b=t=>e=>{const n=t.subscribe(e);return()=>{n.unsubscribe()}};function l(t){const e=b(t),n=t.getValue.bind(t);return()=>{const r=i(e,n,n);return a(t,r)}}function y(t){const e=b(t),n=t.getValue.bind(t);return(r,o)=>{const s=c(e,n,n,t=>function(t,e){return t.reduce((t,n)=>(t[n]=e[n],t),{})}(r,t),(t,e)=>o?o(t,e):JSON.stringify(t)===JSON.stringify(e));return a(t,s)}}function p(i,c){const f="function"==typeof i?i():i,b=new t(f),p=a(b,u({},f));return{store:p,useStore:l(b),useSelector:y(b),use(...t){return t.forEach(t=>{t({onChange(t){b.pipe(e(),n(([t,e])=>t!==e?r(e):o)).subscribe(e=>t(p))},onPartialChange(t,i){b.pipe(e(),n(([t,e])=>t!==e?r(e):o),s((e,n)=>{let r=!0;return t.forEach(t=>{r&&"object"==typeof n[t]?JSON.stringify(e[t])!==JSON.stringify(n[t])&&(r=!1):r&&e[t]!==n[t]&&(r=!1)}),r})).subscribe(t=>i(p))}})}),this}}}export{p as cervello};
+import{BehaviorSubject as t,pairwise as e,switchMap as n,of as r,NEVER as o,distinctUntilChanged as i}from"rxjs";import{useSyncExternalStore as s}from"use-sync-external-store/shim";import{useSyncExternalStoreWithSelector as u}from"use-sync-external-store/shim/with-selector";function c(){return c=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},c.apply(this,arguments)}const f=Symbol("$$nested-attributes");function a(t,e){if("object"!=typeof e)throw new Error("Store must be an object");return new Proxy(e,{get:function(e,n){const r=e;if(n in r){if("function"==typeof r[n])return r[n].bind(a(t,r));if(r[n]&&"object"==typeof r[n]&&!Array.isArray(r[n])&&"symbol"!=typeof n){const o=null==e?void 0:e[f],i=o?`${o}.`:"";return a(t,Object.defineProperty(c({},r[n]),f,{value:`${i}${n}`,enumerable:!1,writable:!1,configurable:!1}))}return r[n]}return Reflect.get(e,n)},set:function(e,n,r){var o;const i=t.getValue(),s=Boolean(null==(o=e[f])?void 0:o.length),u=Object.assign({},i);return s?function(t,e,n,r){e.forEach(e=>{t=t[e]}),t[n]=r}(u,e[f].split("."),n,r):u[n]=r,t.next(u),Reflect.set(e,n,r)}})}const b=t=>e=>{const n=t.subscribe(e);return()=>{n.unsubscribe()}};function l(t){const e=b(t),n=t.getValue.bind(t);return()=>{const r=s(e,n,n);return a(t,r)}}function p(t){const e=b(t),n=t.getValue.bind(t);return(r,o)=>{const i=u(e,n,n,t=>function(t,e){return t.reduce((t,n)=>(t[n]=e[n],t),{})}(r,t),(t,e)=>o?o(t,e):JSON.stringify(t)===JSON.stringify(e));return a(t,i)}}function y(s,u){const f="function"==typeof s?s():s,b=new t(f),y=a(b,c({},f));return{store:y,useStore:l(b),useSelector:p(b),use(...t){return t.forEach(t=>{t({onChange(t){b.pipe(e(),n(([t,e])=>t!==e?r(e):o)).subscribe(e=>t(y))},onPartialChange(t,s){b.pipe(e(),n(([t,e])=>t!==e?r(e):o),i((e,n)=>{let r=!0;return t.forEach(t=>{r&&"object"==typeof n[t]?JSON.stringify(e[t])!==JSON.stringify(n[t])&&(r=!1):r&&e[t]!==n[t]&&(r=!1)}),r})).subscribe(t=>s(y))}})}),this}}}export{y as cervello};
 //# sourceMappingURL=cervello.modern.js.map

package/dist/cervello.modern.js.map

@@ -1 +1 @@
-{"version":3,"file":"cervello.modern.js","sources":["../src/lib/helpers/proxify-store.ts","../src/lib/utils/subscribe-for-react.ts","../src/lib/helpers/create-use-store.ts","../src/lib/helpers/create-use-selector.ts","../src/lib/store/index.ts"],"sourcesContent":["import type { BehaviorSubject } from 'rxjs'\n\n\n\nconst NESTED_ATTRIBUTES_SYMBOL = '___nested-attributes___'\nconst nestedAttrs = Symbol(NESTED_ATTRIBUTES_SYMBOL)\n\nexport function proxifyStore <T extends Record<string | symbol, any>> (store$$: BehaviorSubject<T>, storeObject: T): T {\n  if (typeof storeObject !== 'object') throw new Error('Store must be an object')\n\n  return new Proxy<T>(\n    storeObject,\n    {\n      get: function (target: T, prop: string | symbol): any {\n        const currentStore = target as any\n        // console.log('get', { target, prop, in: prop in currentStore })\n\n        // Problem with nested proxies because of currentStore is the root object\n        if (prop in currentStore) {\n          if (typeof currentStore[prop] === 'function') {\n            return currentStore[prop].bind(proxifyStore(store$$, currentStore))\n          }\n\n          // console.log('------', prop, typeof currentStore[prop] === 'object', !Array.isArray(currentStore[prop]))\n          // TODO:  add pseudo identifier in order to return\n          // TODO: the same object with a identifier of the level and the name of the property\n          if (typeof currentStore[prop] === 'object' && !Array.isArray(currentStore[prop]) && typeof prop !== 'symbol') {\n            // console.log('returning proxified object', prop)\n            return proxifyStore(\n              store$$,\n              {\n                ...currentStore[prop],\n                [nestedAttrs]: `${(target?.[nestedAttrs]) ?? ''}${prop}`,\n              })\n          }\n\n          return currentStore[prop]\n        }\n\n        return Reflect.get(target, prop)\n      },\n      set: function (target: T, prop: string | symbol, value: any) {\n        // Write a merge deep nested objects function (as 'deepmerge lib')\n        // console.log('set', { target, prop, value })\n        const currentStore = store$$.getValue() as any\n\n        const clonedStore = Object.assign({}, currentStore)\n        clonedStore[prop] = value\n\n        store$$.next(clonedStore)\n\n        return Reflect.set(target, prop, value)\n      },\n    },\n  )\n}\n","import type { BehaviorSubject } from 'rxjs'\n\n\n\nexport const subscribeForReactHook = <T>(store$$: BehaviorSubject<T>): typeof subscribe => {\n  const subscribe = (onStoreChange: () => void): () => void => {\n    const subscription = store$$.subscribe(onStoreChange)\n    return () => {\n      subscription.unsubscribe()\n    }\n  }\n  return subscribe\n}\n","\nimport { useSyncExternalStore } from 'use-sync-external-store/shim'\n\nimport { subscribeForReactHook } from '../utils/subscribe-for-react'\nimport { proxifyStore } from './proxify-store'\n\nimport type { BehaviorSubject } from 'rxjs'\n\n\n\nexport function createUseStore <T> (store$$: BehaviorSubject<T>): () => T {\n  const subscribe = subscribeForReactHook(store$$)\n  const getValue = store$$.getValue.bind(store$$)\n\n\n  // USE STORE HOOK -------------------------------------------------\n  const useStore = (): T => {\n    const store = useSyncExternalStore(subscribe, getValue, getValue)\n\n    return proxifyStore(store$$, store)\n  }\n\n\n  return useStore\n}\n","\nimport { useSyncExternalStoreWithSelector } from 'use-sync-external-store/shim/with-selector'\n\n\nimport { subscribeForReactHook } from '../utils/subscribe-for-react'\nimport { proxifyStore } from './proxify-store'\n\nimport type { ObjectFromAttributes, WithoutType } from '../../types/shared'\nimport type { BehaviorSubject } from 'rxjs'\n\n\n\nexport function getPartialObjectFromAttributes <T> (attributes: Array<keyof T>, store: T): any {\n  return attributes.reduce<any>((acc, curr) => {\n    acc[curr] = store[curr]\n    return acc\n  }, {})\n}\n\nexport type UseSelector<T> = <Attributes extends Array< keyof WithoutType<T, Function> >>(\n  selectors: Attributes,\n  isEqualFunction?: (previousState: ObjectFromAttributes<T, Attributes>, currentState: ObjectFromAttributes<T, Attributes>) => boolean,\n  ) => ObjectFromAttributes<T, Attributes>\n\nexport function createUseSelector <T> (store$$: BehaviorSubject<T>): UseSelector<T> {\n  const subscribe = subscribeForReactHook(store$$)\n  const getValue = store$$.getValue.bind(store$$)\n\n  // const subscribeWithSelectors = (selectors: Array<keyof T>): (onStoreChange: () => void) => () => void => {\n  //   return (onStoreChange: () => void): (() => void) => {\n  //     const subscription = store$$.subscribe(onStoreChange)\n  //     // console.log('1- FUNCTION OF SUBSCRIBE')\n  //     // const subscription = store$$.pipe(distinctUntilChanged((prev, curr) => {\n  //     //   let isEqual = true\n  //     //   selectors.forEach((selector) => {\n  //     //     if (typeof curr[selector] === 'object' && isEqual) {\n  //     //       if (JSON.stringify(prev[selector]) !== JSON.stringify(curr[selector])) {\n  //     //         isEqual = false\n  //     //       }\n  //     //     } else {\n  //     //       if (prev[selector] !== curr[selector] && isEqual) {\n  //     //         isEqual = false\n  //     //       }\n  //     //     }\n  //     //   })\n  //     //   console.log('1- FUNCTION OF distinctUntilChanged', { isEqual })\n\n  //     //   return isEqual\n  //     // })).subscribe(onStoreChange)\n\n  //     return () => {\n  //       subscription.unsubscribe()\n  //     }\n  //   }\n  // }\n\n\n\n\n  // USE SELECTOR HOOK -------------------------------------------------\n  const useSelector = <Attributes extends Array< keyof WithoutType<T, Function> >>(\n    selectors: Attributes,\n    isEqualFunction?: (previousState: ObjectFromAttributes<T, Attributes>, currentState: ObjectFromAttributes<T, Attributes>) => boolean,\n  ): ObjectFromAttributes<T, Attributes> => {\n    const store = useSyncExternalStoreWithSelector<T, ObjectFromAttributes<T, Attributes>>(\n      subscribe,\n      getValue,\n      getValue,\n      (store) => getPartialObjectFromAttributes(selectors, store),\n      (prev, curr) => isEqualFunction\n        ? isEqualFunction(prev, curr)\n        : JSON.stringify(prev) === JSON.stringify(curr),\n\n    )\n\n    return proxifyStore(store$$ as any, store)\n  }\n\n  return useSelector\n}\n","import { BehaviorSubject, distinctUntilChanged, NEVER, of, pairwise, switchMap } from 'rxjs'\n\nimport { createUseSelector, createUseStore, proxifyStore } from '../helpers'\n\nimport type { WithoutType } from '../../types/shared'\nimport type { UseSelector } from '../helpers'\n\n\n\n// const STORE_SYMBOL = '__cervello-store__'\n\n\ninterface CervelloStoreUseParam<StoreType> {\n  onChange: (cb: (store: StoreType) => void) => void\n  onPartialChange: <\n    Attributes extends Array< keyof WithoutType<StoreType, Function>>\n  > (selectors: Attributes, cb: (store: StoreType) => void) => void\n}\n\n/**\n * Use function which allows you to listen for changes in the store.\n */\nexport type CervelloUseFunction<StoreType> = (param: CervelloStoreUseParam<StoreType>) => void\n\n\ninterface CervelloStore<StoreType> {\n  /** Reactive store */\n  store: StoreType\n  /** Hook to react to all changes done to 'store' */\n  useStore: () => StoreType\n  /** Hook to react to changes done to 'store' in all the attributes provided */\n  useSelector: UseSelector<StoreType>\n  /** Functions to be attached to changes in a general way (tracking, loggers, ... etc) */\n  use: (...functions: Array<(useObj: CervelloStoreUseParam<StoreType>) => void>) => CervelloStore<StoreType>\n}\n\n/**\n * @note Currently not working\n */\nexport interface CervelloOptions {\n  persist?:\n  | boolean\n  // | {\n  //   getItem: (key: string) => any\n  // }\n}\n\n\n/**\n * Creates a store that is reactive and can be used inside and outside of React components.\n * @param initialValue Object with the default values for the store\n *\n * @returns - { store, useStore, useSelector }\n */\nexport function cervello <T extends Record<any, unknown>> (initialValue: T, options?: CervelloOptions): CervelloStore<T>\n\n\n/**\n * Creates a store that is reactive and can be used inside and outside of React components.\n * @param initialValue Function which returns the default values for the store\n *\n * @returns - { store, useStore, useSelector }\n */\nexport function cervello <T> (initialValue: () => T, options?: CervelloOptions): CervelloStore<T>\n\n\n\n\n\n\n\n/** @internal */\nexport function cervello <T> (initialValue: T | (() => T), options?: CervelloOptions): CervelloStore<T> {\n  const defaultValue = (typeof initialValue === 'function' ? (initialValue as any)() : initialValue) as T\n  const store$$ = new BehaviorSubject<T>(defaultValue)\n\n  const proxiedStore = proxifyStore<T>(store$$, { ...defaultValue })\n\n  const cervelloStore = {\n    store: proxiedStore,\n\n    // TO BE SEPARATED IN cervello/react package ---------------------\n    useStore: createUseStore<T>(store$$),\n    useSelector: createUseSelector<T>(store$$),\n    // ---------------------------------------------------------------\n\n    use (...functionList: any) {\n      functionList.forEach((func: any) => {\n        func({\n          onChange (cb: any) {\n            store$$.pipe(\n              pairwise(),\n              switchMap(([oldValue, newValue]) => (oldValue !== newValue ? of(newValue) : NEVER)),\n            ).subscribe((_) => cb(proxiedStore))\n          },\n          onPartialChange (attrs: Array<keyof T>, cb: any) {\n            store$$.pipe(\n              pairwise(),\n              switchMap(([oldValue, newValue]) => (oldValue !== newValue ? of(newValue) : NEVER)),\n              distinctUntilChanged((prev, curr) => {\n                let isEqual = true\n                attrs.forEach((selector) => {\n                  if (isEqual && typeof curr[selector] === 'object') {\n                    if (JSON.stringify(prev[selector]) !== JSON.stringify(curr[selector])) {\n                      isEqual = false\n                    }\n                  } else {\n                    if (isEqual && prev[selector] !== curr[selector]) {\n                      isEqual = false\n                    }\n                  }\n                })\n                return isEqual\n              }),\n            ).subscribe((_) => cb(proxiedStore))\n          },\n        })\n      })\n      return this\n    },\n  } as any\n\n\n\n  return cervelloStore as CervelloStore<T>\n}\n"],"names":["nestedAttrs","Symbol","proxifyStore","store$$","storeObject","Error","Proxy","get","target","prop","currentStore","_target$nestedAttrs","bind","Array","isArray","_extends","Reflect","set","value","getValue","clonedStore","Object","assign","next","subscribeForReactHook","onStoreChange","subscription","subscribe","unsubscribe","createUseStore","store","useSyncExternalStore","createUseSelector","selectors","isEqualFunction","useSyncExternalStoreWithSelector","attributes","reduce","acc","curr","getPartialObjectFromAttributes","prev","JSON","stringify","cervello","initialValue","options","defaultValue","proxiedStore","useStore","useSelector","use","functionList","forEach","func","onChange","cb","pipe","pairwise","switchMap","oldValue","newValue","of","NEVER","_","onPartialChange","attrs","distinctUntilChanged","isEqual","selector","this"],"mappings":"ufAIA,MACiBA,EAAGC,OADa,2BAGjB,SAAAC,EAAuDC,EAA6BC,GAClG,GAA2B,iBAAvBA,EAAiC,UAAMC,MAAU,2BAErD,OAAO,IAAAC,MACLF,EACA,CACEG,IAAK,SAAUC,EAAWC,GACxB,MAAkBC,EAAGF,EAY2F,IAAAG,EARhH,OAAIF,KAAQC,EACwB,mBAAvBA,EAAaD,GACfC,EAAaD,GAAMG,KAAKV,EAAaC,EAASO,IAMrB,iBAAXA,EAACD,IAAuBI,MAAMC,QAAQJ,EAAaD,KAA0B,iBAAhBA,EAU7EC,EAAaD,GARCP,EACjBC,EADiBY,EAAA,CAAA,EAGZL,EAAaD,GAHD,CAIfT,CAACA,GAAc,YAAA,MAAIQ,OAAJ,EAAIA,EAASR,MAAiB,KAAKS,OAO5CO,QAACT,IAAIC,EAAQC,EAC5B,EACDQ,IAAK,SAAUT,EAAWC,EAAuBS,GAG/C,MAAMR,EAAeP,EAAQgB,WAEZC,EAAGC,OAAOC,OAAO,CAAA,EAAIZ,GAKtC,OAJAU,EAAYX,GAAQS,EAEpBf,EAAQoB,KAAKH,WAEEH,IAAIT,EAAQC,EAAMS,EAClC,GAGN,CCnDYM,MAAAA,EAA4BrB,GACpBsB,IACjB,MAAMC,EAAevB,EAAQwB,UAAUF,GACvC,MAAO,KACLC,EAAaE,cACd,ECCC,SAAAC,EAA8B1B,GAClC,QAAkBqB,EAAsBrB,GAClCgB,EAAWhB,EAAQgB,SAASP,KAAKT,GAWvC,MAPiB,KACf,MAAW2B,EAAGC,EAAqBJ,EAAWR,EAAUA,GAExD,OAAmBjB,EAACC,EAAS2B,EAAV,CAKtB,CCAK,SAAAE,EAAiC7B,GACrC,QAAkBqB,EAAsBrB,GAC1BgB,EAAGhB,EAAQgB,SAASP,KAAKT,GAoDvC,MAlBoB,CAClB8B,EACAC,KAEA,MAAWJ,EAAGK,EACZR,EACAR,EACAA,EACCW,GAxDS,SAAoCM,EAA4BN,GAC9E,OAAOM,EAAWC,OAAY,CAACC,EAAKC,KAClCD,EAAIC,GAAQT,EAAMS,GACXD,GACN,CAAA,EACJ,CAmDgBE,CAA+BP,EAAWH,GACrD,CAACW,EAAMF,IAASL,EACZA,EAAgBO,EAAMF,GACtBG,KAAKC,UAAUF,KAAUC,KAAKC,UAAUJ,IAI9C,OAAOrC,EAAaC,EAAgB2B,EAAjB,CAItB,CCPe,SAAAc,EAAcC,EAA6BC,GACzD,MAAMC,EAAwC,mBAAxBF,EAAsCA,IAAyBA,EAC/E1C,EAAU,MAAuB4C,GAEjCC,EAAe9C,EAAgBC,EAAJY,EAAA,CAAA,EAAkBgC,IAgDnD,MA9CsB,CACpBjB,MAAOkB,EAGPC,SAAUpB,EAAkB1B,GAC5B+C,YAAalB,EAAqB7B,GAGlCgD,OAAQC,GAgCN,OA/BAA,EAAaC,QAASC,IACpBA,EAAK,CACHC,SAAUC,GACRrD,EAAQsD,KACNC,IACAC,EAAU,EAAEC,EAAUC,KAAeD,IAAaC,EAAWC,EAAGD,GAAYE,IAC5EpC,UAAWqC,GAAMR,EAAGR,GACvB,EACDiB,gBAAiBC,EAAuBV,GACtCrD,EAAQsD,KACNC,IACAC,EAAU,EAAEC,EAAUC,KAAeD,IAAaC,EAAWC,EAAGD,GAAYE,GAC5EI,EAAqB,CAAC1B,EAAMF,KAC1B,IAAW6B,GAAG,EAYd,OAXAF,EAAMb,QAASgB,IACTD,GAAqC,iBAAnB7B,EAAK8B,GACrB3B,KAAKC,UAAUF,EAAK4B,MAAe3B,KAAKC,UAAUJ,EAAK8B,MACzDD,GAAU,GAGRA,GAAW3B,EAAK4B,KAAc9B,EAAK8B,KACrCD,GAAU,EAEb,GAGJA,KACDzC,UAAWqC,GAAMR,EAAGR,GACvB,MAINsB,IAAA,EAMJ"}
+{"version":3,"file":"cervello.modern.js","sources":["../src/lib/helpers/proxify-store.ts","../src/lib/utils/subscribe-for-react.ts","../src/lib/helpers/create-use-store.ts","../src/lib/helpers/create-use-selector.ts","../src/lib/store/index.ts"],"sourcesContent":["\nimport type { BehaviorSubject } from 'rxjs'\n\n\n\nconst NESTED_ATTRIBUTES_SYMBOL = '$$nested-attributes'\nconst nestedAttrs = Symbol(NESTED_ATTRIBUTES_SYMBOL)\n\nfunction assignNestedProperty (obj: any, keyPath: Array<string>, prop: string, value: unknown): any {\n  keyPath.forEach((key) => { obj = obj[key] })\n  obj[prop] = value\n}\n\nexport function proxifyStore <T extends Record<string | symbol, any>> (store$$: BehaviorSubject<T>, storeObject: T): T {\n  if (typeof storeObject !== 'object') throw new Error('Store must be an object')\n\n  return new Proxy<T>(\n    storeObject,\n    {\n      get: function (target: T, prop: string | symbol): any {\n        const currentStore = target as any\n\n        if (prop in currentStore) {\n          if (typeof currentStore[prop] === 'function') {\n            return currentStore[prop].bind(proxifyStore(store$$, currentStore))\n          }\n\n          // Return proxied object for nested reactivity\n          if (currentStore[prop]\n            && typeof currentStore[prop] === 'object'\n            && !Array.isArray(currentStore[prop])\n            && typeof prop !== 'symbol') {\n            const currentNestedAttrs = target?.[nestedAttrs]\n            const nestedAttrsPrefix = currentNestedAttrs ? `${currentNestedAttrs as string}.` : ''\n            return proxifyStore(\n              store$$,\n              Object.defineProperty({\n                ...currentStore[prop],\n              },\n              nestedAttrs,\n              {\n                value: `${nestedAttrsPrefix}${prop}`,\n                enumerable: false,\n                writable: false,\n                configurable: false,\n              },\n              ),\n            )\n          }\n\n          return currentStore[prop]\n        }\n\n        return Reflect.get(target, prop)\n      },\n      set: function (target: T, prop: string | symbol, value: any) {\n        const currentStore = store$$.getValue() as any\n        const isNestedProp = Boolean(target[nestedAttrs]?.length)\n\n\n        const clonedStore = Object.assign({}, currentStore)\n\n        if (isNestedProp) {\n          const nestedAttributes = (target[nestedAttrs] as string).split('.')\n          assignNestedProperty(clonedStore, nestedAttributes, prop as string, value)\n        } else {\n          clonedStore[prop] = value\n        }\n\n        store$$.next(clonedStore)\n\n        return Reflect.set(target, prop, value)\n      },\n    },\n  )\n}\n","import type { BehaviorSubject } from 'rxjs'\n\n\n\nexport const subscribeForReactHook = <T>(store$$: BehaviorSubject<T>): typeof subscribe => {\n  const subscribe = (onStoreChange: () => void): () => void => {\n    const subscription = store$$.subscribe(onStoreChange)\n    return () => {\n      subscription.unsubscribe()\n    }\n  }\n  return subscribe\n}\n","\nimport { useSyncExternalStore } from 'use-sync-external-store/shim'\n\nimport { subscribeForReactHook } from '../utils/subscribe-for-react'\nimport { proxifyStore } from './proxify-store'\n\nimport type { BehaviorSubject } from 'rxjs'\n\n\n\nexport function createUseStore <T> (store$$: BehaviorSubject<T>): () => T {\n  const subscribe = subscribeForReactHook(store$$)\n  const getValue = store$$.getValue.bind(store$$)\n\n\n  // USE STORE HOOK -------------------------------------------------\n  const useStore = (): T => {\n    const store = useSyncExternalStore(subscribe, getValue, getValue)\n\n    return proxifyStore(store$$, store)\n  }\n\n\n  return useStore\n}\n","\nimport { useSyncExternalStoreWithSelector } from 'use-sync-external-store/shim/with-selector'\n\n\nimport { subscribeForReactHook } from '../utils/subscribe-for-react'\nimport { proxifyStore } from './proxify-store'\n\nimport type { ObjectFromAttributes, WithoutType } from '../../types/shared'\nimport type { BehaviorSubject } from 'rxjs'\n\n\n\nexport function getPartialObjectFromAttributes <T> (attributes: Array<keyof T>, store: T): any {\n  return attributes.reduce<any>((acc, curr) => {\n    acc[curr] = store[curr]\n    return acc\n  }, {})\n}\n\nexport type UseSelector<T> = <Attributes extends Array< keyof WithoutType<T, Function> >>(\n  selectors: Attributes,\n  isEqualFunction?: (previousState: ObjectFromAttributes<T, Attributes>, currentState: ObjectFromAttributes<T, Attributes>) => boolean,\n  ) => ObjectFromAttributes<T, Attributes>\n\n\n\nexport function createUseSelector <T> (store$$: BehaviorSubject<T>): UseSelector<T> {\n  const subscribe = subscribeForReactHook(store$$)\n  const getValue = store$$.getValue.bind(store$$)\n\n  // USE SELECTOR HOOK -------------------------------------------------\n  const useSelector = <Attributes extends Array< keyof WithoutType<T, Function> >>(\n    selectors: Attributes,\n    isEqualFunction?: (previousState: ObjectFromAttributes<T, Attributes>, currentState: ObjectFromAttributes<T, Attributes>) => boolean,\n  ): ObjectFromAttributes<T, Attributes> => {\n    const store = useSyncExternalStoreWithSelector<T, ObjectFromAttributes<T, Attributes>>(\n      subscribe,\n      getValue,\n      getValue,\n      (store) => getPartialObjectFromAttributes(selectors, store),\n      (prev, curr) => isEqualFunction\n        ? isEqualFunction(prev, curr)\n        : JSON.stringify(prev) === JSON.stringify(curr),\n\n    )\n\n    return proxifyStore(store$$ as any, store)\n  }\n\n  return useSelector\n}\n","import { BehaviorSubject, distinctUntilChanged, NEVER, of, pairwise, switchMap } from 'rxjs'\n\nimport { createUseSelector, createUseStore, proxifyStore } from '../helpers'\n\nimport type { WithoutType } from '../../types/shared'\nimport type { UseSelector } from '../helpers'\n\n\n\n// const STORE_SYMBOL = '__cervello-store__'\n\n\ninterface CervelloStoreUseParam<StoreType> {\n  onChange: (cb: (store: StoreType) => void) => void\n  onPartialChange: <\n    Attributes extends Array< keyof WithoutType<StoreType, Function>>\n  > (selectors: Attributes, cb: (store: StoreType) => void) => void\n}\n\n/**\n * Use function which allows you to listen for changes in the store.\n */\nexport type CervelloUseFunction<StoreType> = (param: CervelloStoreUseParam<StoreType>) => void\n\n\ninterface CervelloStore<StoreType> {\n  /** Reactive store */\n  store: StoreType\n  /** Hook to react to all changes done to 'store' */\n  useStore: () => StoreType\n  /** Hook to react to changes done to 'store' in all the attributes provided */\n  useSelector: UseSelector<StoreType>\n  /** Functions to be attached to changes in a general way (tracking, loggers, ... etc) */\n  use: (...functions: Array<(useObj: CervelloStoreUseParam<StoreType>) => void>) => CervelloStore<StoreType>\n}\n\n/**\n * @note Currently not working\n */\nexport interface CervelloOptions {\n  persist?:\n  | boolean\n  // | {\n  //   getItem: (key: string) => any\n  // }\n}\n\n\n/**\n * Creates a store that is reactive and can be used inside and outside of React components.\n * @param initialValue Object with the default values for the store\n *\n * @returns - { store, useStore, useSelector }\n */\nexport function cervello <T extends Record<any, unknown>> (initialValue: T, options?: CervelloOptions): CervelloStore<T>\n\n\n/**\n * Creates a store that is reactive and can be used inside and outside of React components.\n * @param initialValue Function which returns the default values for the store\n *\n * @returns - { store, useStore, useSelector }\n */\nexport function cervello <T> (initialValue: () => T, options?: CervelloOptions): CervelloStore<T>\n\n\n\n\n\n\n\n/** @internal */\nexport function cervello <T> (initialValue: T | (() => T), options?: CervelloOptions): CervelloStore<T> {\n  const defaultValue = (typeof initialValue === 'function' ? (initialValue as any)() : initialValue) as T\n  const store$$ = new BehaviorSubject<T>(defaultValue)\n\n  const proxiedStore = proxifyStore<T>(store$$, { ...defaultValue })\n\n  const cervelloStore = {\n    store: proxiedStore,\n\n    // TO BE SEPARATED IN cervello/react package ---------------------\n    useStore: createUseStore<T>(store$$),\n    useSelector: createUseSelector<T>(store$$),\n    // ---------------------------------------------------------------\n\n    use (...functionList: any) {\n      functionList.forEach((func: any) => {\n        func({\n          onChange (cb: any) {\n            store$$.pipe(\n              pairwise(),\n              switchMap(([oldValue, newValue]) => (oldValue !== newValue ? of(newValue) : NEVER)),\n            ).subscribe((_) => cb(proxiedStore))\n          },\n          onPartialChange (attrs: Array<keyof T>, cb: any) {\n            store$$.pipe(\n              pairwise(),\n              switchMap(([oldValue, newValue]) => (oldValue !== newValue ? of(newValue) : NEVER)),\n              distinctUntilChanged((prev, curr) => {\n                let isEqual = true\n                attrs.forEach((selector) => {\n                  if (isEqual && typeof curr[selector] === 'object') {\n                    if (JSON.stringify(prev[selector]) !== JSON.stringify(curr[selector])) {\n                      isEqual = false\n                    }\n                  } else {\n                    if (isEqual && prev[selector] !== curr[selector]) {\n                      isEqual = false\n                    }\n                  }\n                })\n                return isEqual\n              }),\n            ).subscribe((_) => cb(proxiedStore))\n          },\n        })\n      })\n      return this\n    },\n  } as any\n\n\n\n  return cervelloStore as CervelloStore<T>\n}\n"],"names":["Symbol","proxifyStore","store$$","storeObject","Error","Proxy","get","target","prop","currentStore","bind","Array","isArray","currentNestedAttrs","nestedAttrs","nestedAttrsPrefix","Object","defineProperty","_extends","value","enumerable","writable","configurable","Reflect","set","getValue","isNestedProp","Boolean","_target$nestedAttrs","length","assign","obj","keyPath","forEach","key","assignNestedProperty","clonedStore","split","next","subscribeForReactHook","onStoreChange","subscription","subscribe","unsubscribe","createUseStore","store","useSyncExternalStore","createUseSelector","selectors","isEqualFunction","useSyncExternalStoreWithSelector","attributes","reduce","acc","curr","getPartialObjectFromAttributes","prev","JSON","stringify","cervello","initialValue","options","defaultValue","proxiedStore","useStore","useSelector","use","functionList","func","onChange","cb","pipe","pairwise","switchMap","oldValue","newValue","of","NEVER","_","onPartialChange","attrs","distinctUntilChanged","isEqual","selector","this"],"mappings":"ufAKA,QACoBA,OADa,uBAQjBC,SAAAA,EAAuDC,EAA6BC,GAClG,GAA2B,mBAAU,UAAMC,MAAU,2BAErD,OAAO,IAAAC,MACLF,EACA,CACEG,IAAK,SAAUC,EAAWC,GACxB,MAAkBC,EAAGF,EAErB,GAAIC,KAAJC,EAA0B,CACxB,GAAkC,mBAAXA,EAACD,GACtB,OAAOC,EAAaD,GAAME,KAAKT,EAAaC,EAASO,IAIvD,GAAIA,EAAaD,IACkB,iBAAXC,EAACD,KACnBG,MAAMC,QAAQH,EAAaD,KACZ,iBAAhBA,EAA0B,CAC7B,MAAMK,QAAqBN,SAAAA,EAASO,GACbC,EAAGF,EAAwB,GAAAA,KAAkC,GACpF,OAAOZ,EACLC,EACAc,OAAOC,eAAPC,EAAA,CAAA,EACKT,EAAaD,IAElBM,EACA,CACEK,MAAO,GAAGJ,IAAoBP,IAC9BY,YAAY,EACZC,UAAU,EACVC,cAAc,IAInB,CAED,OAAmBb,EAACD,EACrB,CAED,OAAOe,QAAQjB,IAAIC,EAAQC,EAC5B,EACDgB,IAAK,SAAUjB,EAAWC,EAAuBW,SAC/C,MAAMV,EAAeP,EAAQuB,WACvBC,EAAeC,QAAO,OAAAC,EAACrB,EAAOO,SAAR,EAACc,EAAqBC,UAG9Bb,OAAOc,OAAO,GAAIrB,GAWtC,OATIiB,EAtDZ,SAA+BK,EAAUC,EAAwBxB,EAAcW,GAC7Ea,EAAQC,QAASC,IAAUH,EAAMA,EAAIG,EAAD,GACpCH,EAAIvB,GAAQW,CACb,CAqDSgB,CAAqBC,EADK7B,EAAOO,GAAwBuB,MAAM,KACX7B,EAAgBW,GAEpEiB,EAAY5B,GAAQW,EAGtBjB,EAAQoC,KAAKF,WAEEZ,IAAIjB,EAAQC,EAAMW,EAClC,GAGN,CCvEYoB,MAAAA,EAA4BrC,GACpBsC,IACjB,MAAMC,EAAevC,EAAQwC,UAAUF,GACvC,MAAO,KACLC,EAAaE,cACd,ECCC,SAAAC,EAA8B1C,GAClC,QAAkBqC,EAAsBrC,GAClCuB,EAAWvB,EAAQuB,SAASf,KAAKR,GAWvC,MAPiB,KACf,MAAW2C,EAAGC,EAAqBJ,EAAWjB,EAAUA,GAExD,OAAmBxB,EAACC,EAAS2C,EAAV,CAKtB,CCEK,SAAAE,EAAiC7C,GACrC,QAAkBqC,EAAsBrC,GAC1BuB,EAAGvB,EAAQuB,SAASf,KAAKR,GAqBvC,MAlBoB,CAClB8C,EACAC,KAEA,MAAWJ,EAAGK,EACZR,EACAjB,EACAA,EACCoB,GA3BS,SAAoCM,EAA4BN,GAC9E,OAAOM,EAAWC,OAAY,CAACC,EAAKC,KAClCD,EAAIC,GAAQT,EAAMS,GACXD,GACN,CAAA,EACJ,CAsBgBE,CAA+BP,EAAWH,GACrD,CAACW,EAAMF,IAASL,EACZA,EAAgBO,EAAMF,GACtBG,KAAKC,UAAUF,KAAUC,KAAKC,UAAUJ,IAI9C,OAAOrD,EAAaC,EAAgB2C,EAAjB,CAItB,CCsBe,SAAAc,EAAcC,EAA6BC,GACzD,MAAMC,EAAwC,mBAAxBF,EAAsCA,IAAyBA,EAC/E1D,EAAU,MAAuB4D,GAEjCC,EAAe9D,EAAgBC,EAAJgB,EAAA,CAAA,EAAkB4C,IAgDnD,MA9CsB,CACpBjB,MAAOkB,EAGPC,SAAUpB,EAAkB1C,GAC5B+D,YAAalB,EAAqB7C,GAGlCgE,OAAQC,GAgCN,OA/BAA,EAAalC,QAASmC,IACpBA,EAAK,CACHC,SAAUC,GACRpE,EAAQqE,KACNC,IACAC,EAAU,EAAEC,EAAUC,KAAeD,IAAaC,EAAWC,EAAGD,GAAYE,IAC5EnC,UAAWoC,GAAMR,EAAGP,GACvB,EACDgB,gBAAiBC,EAAuBV,GACtCpE,EAAQqE,KACNC,IACAC,EAAU,EAAEC,EAAUC,KAAeD,IAAaC,EAAWC,EAAGD,GAAYE,GAC5EI,EAAqB,CAACzB,EAAMF,KAC1B,IAAW4B,GAAG,EAYd,OAXAF,EAAM/C,QAASkD,IACTD,GAAqC,iBAAnB5B,EAAK6B,GACrB1B,KAAKC,UAAUF,EAAK2B,MAAe1B,KAAKC,UAAUJ,EAAK6B,MACzDD,GAAU,GAGRA,GAAW1B,EAAK2B,KAAc7B,EAAK6B,KACrCD,GAAU,EAEb,GAGJA,KACDxC,UAAWoC,GAAMR,EAAGP,GACvB,MAINqB,IAAA,EAMJ"}

package/dist/cervello.umd.js

@@ -1,2 +1,2 @@
-!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("rxjs"),require("use-sync-external-store/shim"),require("use-sync-external-store/shim/with-selector")):"function"==typeof define&&define.amd?define(["exports","rxjs","use-sync-external-store/shim","use-sync-external-store/shim/with-selector"],n):n((e||self).react={},e.rxjs,e.shim,e.withSelector)}(this,function(e,n,t,r){function i(){return i=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},i.apply(this,arguments)}var o=Symbol("___nested-attributes___");function u(e,n){if("object"!=typeof n)throw new Error("Store must be an object");return new Proxy(n,{get:function(n,t){var r,c,s=n;return t in s?"function"==typeof s[t]?s[t].bind(u(e,s)):"object"!=typeof s[t]||Array.isArray(s[t])||"symbol"==typeof t?s[t]:u(e,i({},s[t],((c={})[o]=""+(null!=(r=null==n?void 0:n[o])?r:"")+t,c))):Reflect.get(n,t)},set:function(n,t,r){var i=e.getValue(),o=Object.assign({},i);return o[t]=r,e.next(o),Reflect.set(n,t,r)}})}var c=function(e){return function(n){var t=e.subscribe(n);return function(){t.unsubscribe()}}};function s(e){var n=c(e),r=e.getValue.bind(e);return function(){var i=t.useSyncExternalStore(n,r,r);return u(e,i)}}function f(e){var n=c(e),t=e.getValue.bind(e);return function(i,o){var c=r.useSyncExternalStoreWithSelector(n,t,t,function(e){return function(e,n){return e.reduce(function(e,t){return e[t]=n[t],e},{})}(i,e)},function(e,n){return o?o(e,n):JSON.stringify(e)===JSON.stringify(n)});return u(e,c)}}e.cervello=function(e,t){var r="function"==typeof e?e():e,o=new n.BehaviorSubject(r),c=u(o,i({},r)),a={store:c,useStore:s(o),useSelector:f(o),use:function(){return[].slice.call(arguments).forEach(function(e){e({onChange:function(e){o.pipe(n.pairwise(),n.switchMap(function(e){var t=e[1];return e[0]!==t?n.of(t):n.NEVER})).subscribe(function(n){return e(c)})},onPartialChange:function(e,t){o.pipe(n.pairwise(),n.switchMap(function(e){var t=e[1];return e[0]!==t?n.of(t):n.NEVER}),n.distinctUntilChanged(function(n,t){var r=!0;return e.forEach(function(e){r&&"object"==typeof t[e]?JSON.stringify(n[e])!==JSON.stringify(t[e])&&(r=!1):r&&n[e]!==t[e]&&(r=!1)}),r})).subscribe(function(e){return t(c)})}})}),this}};return a}});
+!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("rxjs"),require("use-sync-external-store/shim"),require("use-sync-external-store/shim/with-selector")):"function"==typeof define&&define.amd?define(["exports","rxjs","use-sync-external-store/shim","use-sync-external-store/shim/with-selector"],n):n((e||self).react={},e.rxjs,e.shim,e.withSelector)}(this,function(e,n,t,r){function i(){return i=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},i.apply(this,arguments)}var o=Symbol("$$nested-attributes");function u(e,n){if("object"!=typeof n)throw new Error("Store must be an object");return new Proxy(n,{get:function(n,t){var r=n;if(t in r){if("function"==typeof r[t])return r[t].bind(u(e,r));if(r[t]&&"object"==typeof r[t]&&!Array.isArray(r[t])&&"symbol"!=typeof t){var c=null==n?void 0:n[o],s=c?c+".":"";return u(e,Object.defineProperty(i({},r[t]),o,{value:""+s+t,enumerable:!1,writable:!1,configurable:!1}))}return r[t]}return Reflect.get(n,t)},set:function(n,t,r){var i,u=e.getValue(),c=Boolean(null==(i=n[o])?void 0:i.length),s=Object.assign({},u);return c?function(e,n,t,r){n.forEach(function(n){e=e[n]}),e[t]=r}(s,n[o].split("."),t,r):s[t]=r,e.next(s),Reflect.set(n,t,r)}})}var c=function(e){return function(n){var t=e.subscribe(n);return function(){t.unsubscribe()}}};function s(e){var n=c(e),r=e.getValue.bind(e);return function(){var i=t.useSyncExternalStore(n,r,r);return u(e,i)}}function f(e){var n=c(e),t=e.getValue.bind(e);return function(i,o){var c=r.useSyncExternalStoreWithSelector(n,t,t,function(e){return function(e,n){return e.reduce(function(e,t){return e[t]=n[t],e},{})}(i,e)},function(e,n){return o?o(e,n):JSON.stringify(e)===JSON.stringify(n)});return u(e,c)}}e.cervello=function(e,t){var r="function"==typeof e?e():e,o=new n.BehaviorSubject(r),c=u(o,i({},r)),a={store:c,useStore:s(o),useSelector:f(o),use:function(){return[].slice.call(arguments).forEach(function(e){e({onChange:function(e){o.pipe(n.pairwise(),n.switchMap(function(e){var t=e[1];return e[0]!==t?n.of(t):n.NEVER})).subscribe(function(n){return e(c)})},onPartialChange:function(e,t){o.pipe(n.pairwise(),n.switchMap(function(e){var t=e[1];return e[0]!==t?n.of(t):n.NEVER}),n.distinctUntilChanged(function(n,t){var r=!0;return e.forEach(function(e){r&&"object"==typeof t[e]?JSON.stringify(n[e])!==JSON.stringify(t[e])&&(r=!1):r&&n[e]!==t[e]&&(r=!1)}),r})).subscribe(function(e){return t(c)})}})}),this}};return a}});
 //# sourceMappingURL=cervello.umd.js.map

package/dist/cervello.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"cervello.umd.js","sources":["../src/lib/helpers/proxify-store.ts","../src/lib/utils/subscribe-for-react.ts","../src/lib/helpers/create-use-store.ts","../src/lib/helpers/create-use-selector.ts","../src/lib/store/index.ts"],"sourcesContent":["import type { BehaviorSubject } from 'rxjs'\n\n\n\nconst NESTED_ATTRIBUTES_SYMBOL = '___nested-attributes___'\nconst nestedAttrs = Symbol(NESTED_ATTRIBUTES_SYMBOL)\n\nexport function proxifyStore <T extends Record<string | symbol, any>> (store$$: BehaviorSubject<T>, storeObject: T): T {\n  if (typeof storeObject !== 'object') throw new Error('Store must be an object')\n\n  return new Proxy<T>(\n    storeObject,\n    {\n      get: function (target: T, prop: string | symbol): any {\n        const currentStore = target as any\n        // console.log('get', { target, prop, in: prop in currentStore })\n\n        // Problem with nested proxies because of currentStore is the root object\n        if (prop in currentStore) {\n          if (typeof currentStore[prop] === 'function') {\n            return currentStore[prop].bind(proxifyStore(store$$, currentStore))\n          }\n\n          // console.log('------', prop, typeof currentStore[prop] === 'object', !Array.isArray(currentStore[prop]))\n          // TODO:  add pseudo identifier in order to return\n          // TODO: the same object with a identifier of the level and the name of the property\n          if (typeof currentStore[prop] === 'object' && !Array.isArray(currentStore[prop]) && typeof prop !== 'symbol') {\n            // console.log('returning proxified object', prop)\n            return proxifyStore(\n              store$$,\n              {\n                ...currentStore[prop],\n                [nestedAttrs]: `${(target?.[nestedAttrs]) ?? ''}${prop}`,\n              })\n          }\n\n          return currentStore[prop]\n        }\n\n        return Reflect.get(target, prop)\n      },\n      set: function (target: T, prop: string | symbol, value: any) {\n        // Write a merge deep nested objects function (as 'deepmerge lib')\n        // console.log('set', { target, prop, value })\n        const currentStore = store$$.getValue() as any\n\n        const clonedStore = Object.assign({}, currentStore)\n        clonedStore[prop] = value\n\n        store$$.next(clonedStore)\n\n        return Reflect.set(target, prop, value)\n      },\n    },\n  )\n}\n","import type { BehaviorSubject } from 'rxjs'\n\n\n\nexport const subscribeForReactHook = <T>(store$$: BehaviorSubject<T>): typeof subscribe => {\n  const subscribe = (onStoreChange: () => void): () => void => {\n    const subscription = store$$.subscribe(onStoreChange)\n    return () => {\n      subscription.unsubscribe()\n    }\n  }\n  return subscribe\n}\n","\nimport { useSyncExternalStore } from 'use-sync-external-store/shim'\n\nimport { subscribeForReactHook } from '../utils/subscribe-for-react'\nimport { proxifyStore } from './proxify-store'\n\nimport type { BehaviorSubject } from 'rxjs'\n\n\n\nexport function createUseStore <T> (store$$: BehaviorSubject<T>): () => T {\n  const subscribe = subscribeForReactHook(store$$)\n  const getValue = store$$.getValue.bind(store$$)\n\n\n  // USE STORE HOOK -------------------------------------------------\n  const useStore = (): T => {\n    const store = useSyncExternalStore(subscribe, getValue, getValue)\n\n    return proxifyStore(store$$, store)\n  }\n\n\n  return useStore\n}\n","\nimport { useSyncExternalStoreWithSelector } from 'use-sync-external-store/shim/with-selector'\n\n\nimport { subscribeForReactHook } from '../utils/subscribe-for-react'\nimport { proxifyStore } from './proxify-store'\n\nimport type { ObjectFromAttributes, WithoutType } from '../../types/shared'\nimport type { BehaviorSubject } from 'rxjs'\n\n\n\nexport function getPartialObjectFromAttributes <T> (attributes: Array<keyof T>, store: T): any {\n  return attributes.reduce<any>((acc, curr) => {\n    acc[curr] = store[curr]\n    return acc\n  }, {})\n}\n\nexport type UseSelector<T> = <Attributes extends Array< keyof WithoutType<T, Function> >>(\n  selectors: Attributes,\n  isEqualFunction?: (previousState: ObjectFromAttributes<T, Attributes>, currentState: ObjectFromAttributes<T, Attributes>) => boolean,\n  ) => ObjectFromAttributes<T, Attributes>\n\nexport function createUseSelector <T> (store$$: BehaviorSubject<T>): UseSelector<T> {\n  const subscribe = subscribeForReactHook(store$$)\n  const getValue = store$$.getValue.bind(store$$)\n\n  // const subscribeWithSelectors = (selectors: Array<keyof T>): (onStoreChange: () => void) => () => void => {\n  //   return (onStoreChange: () => void): (() => void) => {\n  //     const subscription = store$$.subscribe(onStoreChange)\n  //     // console.log('1- FUNCTION OF SUBSCRIBE')\n  //     // const subscription = store$$.pipe(distinctUntilChanged((prev, curr) => {\n  //     //   let isEqual = true\n  //     //   selectors.forEach((selector) => {\n  //     //     if (typeof curr[selector] === 'object' && isEqual) {\n  //     //       if (JSON.stringify(prev[selector]) !== JSON.stringify(curr[selector])) {\n  //     //         isEqual = false\n  //     //       }\n  //     //     } else {\n  //     //       if (prev[selector] !== curr[selector] && isEqual) {\n  //     //         isEqual = false\n  //     //       }\n  //     //     }\n  //     //   })\n  //     //   console.log('1- FUNCTION OF distinctUntilChanged', { isEqual })\n\n  //     //   return isEqual\n  //     // })).subscribe(onStoreChange)\n\n  //     return () => {\n  //       subscription.unsubscribe()\n  //     }\n  //   }\n  // }\n\n\n\n\n  // USE SELECTOR HOOK -------------------------------------------------\n  const useSelector = <Attributes extends Array< keyof WithoutType<T, Function> >>(\n    selectors: Attributes,\n    isEqualFunction?: (previousState: ObjectFromAttributes<T, Attributes>, currentState: ObjectFromAttributes<T, Attributes>) => boolean,\n  ): ObjectFromAttributes<T, Attributes> => {\n    const store = useSyncExternalStoreWithSelector<T, ObjectFromAttributes<T, Attributes>>(\n      subscribe,\n      getValue,\n      getValue,\n      (store) => getPartialObjectFromAttributes(selectors, store),\n      (prev, curr) => isEqualFunction\n        ? isEqualFunction(prev, curr)\n        : JSON.stringify(prev) === JSON.stringify(curr),\n\n    )\n\n    return proxifyStore(store$$ as any, store)\n  }\n\n  return useSelector\n}\n","import { BehaviorSubject, distinctUntilChanged, NEVER, of, pairwise, switchMap } from 'rxjs'\n\nimport { createUseSelector, createUseStore, proxifyStore } from '../helpers'\n\nimport type { WithoutType } from '../../types/shared'\nimport type { UseSelector } from '../helpers'\n\n\n\n// const STORE_SYMBOL = '__cervello-store__'\n\n\ninterface CervelloStoreUseParam<StoreType> {\n  onChange: (cb: (store: StoreType) => void) => void\n  onPartialChange: <\n    Attributes extends Array< keyof WithoutType<StoreType, Function>>\n  > (selectors: Attributes, cb: (store: StoreType) => void) => void\n}\n\n/**\n * Use function which allows you to listen for changes in the store.\n */\nexport type CervelloUseFunction<StoreType> = (param: CervelloStoreUseParam<StoreType>) => void\n\n\ninterface CervelloStore<StoreType> {\n  /** Reactive store */\n  store: StoreType\n  /** Hook to react to all changes done to 'store' */\n  useStore: () => StoreType\n  /** Hook to react to changes done to 'store' in all the attributes provided */\n  useSelector: UseSelector<StoreType>\n  /** Functions to be attached to changes in a general way (tracking, loggers, ... etc) */\n  use: (...functions: Array<(useObj: CervelloStoreUseParam<StoreType>) => void>) => CervelloStore<StoreType>\n}\n\n/**\n * @note Currently not working\n */\nexport interface CervelloOptions {\n  persist?:\n  | boolean\n  // | {\n  //   getItem: (key: string) => any\n  // }\n}\n\n\n/**\n * Creates a store that is reactive and can be used inside and outside of React components.\n * @param initialValue Object with the default values for the store\n *\n * @returns - { store, useStore, useSelector }\n */\nexport function cervello <T extends Record<any, unknown>> (initialValue: T, options?: CervelloOptions): CervelloStore<T>\n\n\n/**\n * Creates a store that is reactive and can be used inside and outside of React components.\n * @param initialValue Function which returns the default values for the store\n *\n * @returns - { store, useStore, useSelector }\n */\nexport function cervello <T> (initialValue: () => T, options?: CervelloOptions): CervelloStore<T>\n\n\n\n\n\n\n\n/** @internal */\nexport function cervello <T> (initialValue: T | (() => T), options?: CervelloOptions): CervelloStore<T> {\n  const defaultValue = (typeof initialValue === 'function' ? (initialValue as any)() : initialValue) as T\n  const store$$ = new BehaviorSubject<T>(defaultValue)\n\n  const proxiedStore = proxifyStore<T>(store$$, { ...defaultValue })\n\n  const cervelloStore = {\n    store: proxiedStore,\n\n    // TO BE SEPARATED IN cervello/react package ---------------------\n    useStore: createUseStore<T>(store$$),\n    useSelector: createUseSelector<T>(store$$),\n    // ---------------------------------------------------------------\n\n    use (...functionList: any) {\n      functionList.forEach((func: any) => {\n        func({\n          onChange (cb: any) {\n            store$$.pipe(\n              pairwise(),\n              switchMap(([oldValue, newValue]) => (oldValue !== newValue ? of(newValue) : NEVER)),\n            ).subscribe((_) => cb(proxiedStore))\n          },\n          onPartialChange (attrs: Array<keyof T>, cb: any) {\n            store$$.pipe(\n              pairwise(),\n              switchMap(([oldValue, newValue]) => (oldValue !== newValue ? of(newValue) : NEVER)),\n              distinctUntilChanged((prev, curr) => {\n                let isEqual = true\n                attrs.forEach((selector) => {\n                  if (isEqual && typeof curr[selector] === 'object') {\n                    if (JSON.stringify(prev[selector]) !== JSON.stringify(curr[selector])) {\n                      isEqual = false\n                    }\n                  } else {\n                    if (isEqual && prev[selector] !== curr[selector]) {\n                      isEqual = false\n                    }\n                  }\n                })\n                return isEqual\n              }),\n            ).subscribe((_) => cb(proxiedStore))\n          },\n        })\n      })\n      return this\n    },\n  } as any\n\n\n\n  return cervelloStore as CervelloStore<T>\n}\n"],"names":["nestedAttrs","Symbol","store$$","storeObject","Error","Proxy","get","target","prop","_target$nestedAttrs","_extends2","currentStore","bind","proxifyStore","Array","isArray","_extends","set","value","getValue","clonedStore","Object","assign","next","subscribeForReactHook","onStoreChange","subscription","subscribe","unsubscribe","createUseStore","store","useSyncExternalStore","createUseSelector","selectors","isEqualFunction","useSyncExternalStoreWithSelector","getPartialObjectFromAttributes","attributes","reduce","acc","curr","prev","JSON","stringify","initialValue","options","defaultValue","proxiedStore","cervelloStore","useStore","useSelector","use","slice","call","arguments","forEach","func","onChange","cb","pipe","pairwise","switchMap","oldValue","newValue","of","NEVER","_","onPartialChange","attrs","_ref2","distinctUntilChanged","isEqual","selector","this"],"mappings":"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"}
+{"version":3,"file":"cervello.umd.js","sources":["../src/lib/helpers/proxify-store.ts","../src/lib/utils/subscribe-for-react.ts","../src/lib/helpers/create-use-store.ts","../src/lib/helpers/create-use-selector.ts","../src/lib/store/index.ts"],"sourcesContent":["\nimport type { BehaviorSubject } from 'rxjs'\n\n\n\nconst NESTED_ATTRIBUTES_SYMBOL = '$$nested-attributes'\nconst nestedAttrs = Symbol(NESTED_ATTRIBUTES_SYMBOL)\n\nfunction assignNestedProperty (obj: any, keyPath: Array<string>, prop: string, value: unknown): any {\n  keyPath.forEach((key) => { obj = obj[key] })\n  obj[prop] = value\n}\n\nexport function proxifyStore <T extends Record<string | symbol, any>> (store$$: BehaviorSubject<T>, storeObject: T): T {\n  if (typeof storeObject !== 'object') throw new Error('Store must be an object')\n\n  return new Proxy<T>(\n    storeObject,\n    {\n      get: function (target: T, prop: string | symbol): any {\n        const currentStore = target as any\n\n        if (prop in currentStore) {\n          if (typeof currentStore[prop] === 'function') {\n            return currentStore[prop].bind(proxifyStore(store$$, currentStore))\n          }\n\n          // Return proxied object for nested reactivity\n          if (currentStore[prop]\n            && typeof currentStore[prop] === 'object'\n            && !Array.isArray(currentStore[prop])\n            && typeof prop !== 'symbol') {\n            const currentNestedAttrs = target?.[nestedAttrs]\n            const nestedAttrsPrefix = currentNestedAttrs ? `${currentNestedAttrs as string}.` : ''\n            return proxifyStore(\n              store$$,\n              Object.defineProperty({\n                ...currentStore[prop],\n              },\n              nestedAttrs,\n              {\n                value: `${nestedAttrsPrefix}${prop}`,\n                enumerable: false,\n                writable: false,\n                configurable: false,\n              },\n              ),\n            )\n          }\n\n          return currentStore[prop]\n        }\n\n        return Reflect.get(target, prop)\n      },\n      set: function (target: T, prop: string | symbol, value: any) {\n        const currentStore = store$$.getValue() as any\n        const isNestedProp = Boolean(target[nestedAttrs]?.length)\n\n\n        const clonedStore = Object.assign({}, currentStore)\n\n        if (isNestedProp) {\n          const nestedAttributes = (target[nestedAttrs] as string).split('.')\n          assignNestedProperty(clonedStore, nestedAttributes, prop as string, value)\n        } else {\n          clonedStore[prop] = value\n        }\n\n        store$$.next(clonedStore)\n\n        return Reflect.set(target, prop, value)\n      },\n    },\n  )\n}\n","import type { BehaviorSubject } from 'rxjs'\n\n\n\nexport const subscribeForReactHook = <T>(store$$: BehaviorSubject<T>): typeof subscribe => {\n  const subscribe = (onStoreChange: () => void): () => void => {\n    const subscription = store$$.subscribe(onStoreChange)\n    return () => {\n      subscription.unsubscribe()\n    }\n  }\n  return subscribe\n}\n","\nimport { useSyncExternalStore } from 'use-sync-external-store/shim'\n\nimport { subscribeForReactHook } from '../utils/subscribe-for-react'\nimport { proxifyStore } from './proxify-store'\n\nimport type { BehaviorSubject } from 'rxjs'\n\n\n\nexport function createUseStore <T> (store$$: BehaviorSubject<T>): () => T {\n  const subscribe = subscribeForReactHook(store$$)\n  const getValue = store$$.getValue.bind(store$$)\n\n\n  // USE STORE HOOK -------------------------------------------------\n  const useStore = (): T => {\n    const store = useSyncExternalStore(subscribe, getValue, getValue)\n\n    return proxifyStore(store$$, store)\n  }\n\n\n  return useStore\n}\n","\nimport { useSyncExternalStoreWithSelector } from 'use-sync-external-store/shim/with-selector'\n\n\nimport { subscribeForReactHook } from '../utils/subscribe-for-react'\nimport { proxifyStore } from './proxify-store'\n\nimport type { ObjectFromAttributes, WithoutType } from '../../types/shared'\nimport type { BehaviorSubject } from 'rxjs'\n\n\n\nexport function getPartialObjectFromAttributes <T> (attributes: Array<keyof T>, store: T): any {\n  return attributes.reduce<any>((acc, curr) => {\n    acc[curr] = store[curr]\n    return acc\n  }, {})\n}\n\nexport type UseSelector<T> = <Attributes extends Array< keyof WithoutType<T, Function> >>(\n  selectors: Attributes,\n  isEqualFunction?: (previousState: ObjectFromAttributes<T, Attributes>, currentState: ObjectFromAttributes<T, Attributes>) => boolean,\n  ) => ObjectFromAttributes<T, Attributes>\n\n\n\nexport function createUseSelector <T> (store$$: BehaviorSubject<T>): UseSelector<T> {\n  const subscribe = subscribeForReactHook(store$$)\n  const getValue = store$$.getValue.bind(store$$)\n\n  // USE SELECTOR HOOK -------------------------------------------------\n  const useSelector = <Attributes extends Array< keyof WithoutType<T, Function> >>(\n    selectors: Attributes,\n    isEqualFunction?: (previousState: ObjectFromAttributes<T, Attributes>, currentState: ObjectFromAttributes<T, Attributes>) => boolean,\n  ): ObjectFromAttributes<T, Attributes> => {\n    const store = useSyncExternalStoreWithSelector<T, ObjectFromAttributes<T, Attributes>>(\n      subscribe,\n      getValue,\n      getValue,\n      (store) => getPartialObjectFromAttributes(selectors, store),\n      (prev, curr) => isEqualFunction\n        ? isEqualFunction(prev, curr)\n        : JSON.stringify(prev) === JSON.stringify(curr),\n\n    )\n\n    return proxifyStore(store$$ as any, store)\n  }\n\n  return useSelector\n}\n","import { BehaviorSubject, distinctUntilChanged, NEVER, of, pairwise, switchMap } from 'rxjs'\n\nimport { createUseSelector, createUseStore, proxifyStore } from '../helpers'\n\nimport type { WithoutType } from '../../types/shared'\nimport type { UseSelector } from '../helpers'\n\n\n\n// const STORE_SYMBOL = '__cervello-store__'\n\n\ninterface CervelloStoreUseParam<StoreType> {\n  onChange: (cb: (store: StoreType) => void) => void\n  onPartialChange: <\n    Attributes extends Array< keyof WithoutType<StoreType, Function>>\n  > (selectors: Attributes, cb: (store: StoreType) => void) => void\n}\n\n/**\n * Use function which allows you to listen for changes in the store.\n */\nexport type CervelloUseFunction<StoreType> = (param: CervelloStoreUseParam<StoreType>) => void\n\n\ninterface CervelloStore<StoreType> {\n  /** Reactive store */\n  store: StoreType\n  /** Hook to react to all changes done to 'store' */\n  useStore: () => StoreType\n  /** Hook to react to changes done to 'store' in all the attributes provided */\n  useSelector: UseSelector<StoreType>\n  /** Functions to be attached to changes in a general way (tracking, loggers, ... etc) */\n  use: (...functions: Array<(useObj: CervelloStoreUseParam<StoreType>) => void>) => CervelloStore<StoreType>\n}\n\n/**\n * @note Currently not working\n */\nexport interface CervelloOptions {\n  persist?:\n  | boolean\n  // | {\n  //   getItem: (key: string) => any\n  // }\n}\n\n\n/**\n * Creates a store that is reactive and can be used inside and outside of React components.\n * @param initialValue Object with the default values for the store\n *\n * @returns - { store, useStore, useSelector }\n */\nexport function cervello <T extends Record<any, unknown>> (initialValue: T, options?: CervelloOptions): CervelloStore<T>\n\n\n/**\n * Creates a store that is reactive and can be used inside and outside of React components.\n * @param initialValue Function which returns the default values for the store\n *\n * @returns - { store, useStore, useSelector }\n */\nexport function cervello <T> (initialValue: () => T, options?: CervelloOptions): CervelloStore<T>\n\n\n\n\n\n\n\n/** @internal */\nexport function cervello <T> (initialValue: T | (() => T), options?: CervelloOptions): CervelloStore<T> {\n  const defaultValue = (typeof initialValue === 'function' ? (initialValue as any)() : initialValue) as T\n  const store$$ = new BehaviorSubject<T>(defaultValue)\n\n  const proxiedStore = proxifyStore<T>(store$$, { ...defaultValue })\n\n  const cervelloStore = {\n    store: proxiedStore,\n\n    // TO BE SEPARATED IN cervello/react package ---------------------\n    useStore: createUseStore<T>(store$$),\n    useSelector: createUseSelector<T>(store$$),\n    // ---------------------------------------------------------------\n\n    use (...functionList: any) {\n      functionList.forEach((func: any) => {\n        func({\n          onChange (cb: any) {\n            store$$.pipe(\n              pairwise(),\n              switchMap(([oldValue, newValue]) => (oldValue !== newValue ? of(newValue) : NEVER)),\n            ).subscribe((_) => cb(proxiedStore))\n          },\n          onPartialChange (attrs: Array<keyof T>, cb: any) {\n            store$$.pipe(\n              pairwise(),\n              switchMap(([oldValue, newValue]) => (oldValue !== newValue ? of(newValue) : NEVER)),\n              distinctUntilChanged((prev, curr) => {\n                let isEqual = true\n                attrs.forEach((selector) => {\n                  if (isEqual && typeof curr[selector] === 'object') {\n                    if (JSON.stringify(prev[selector]) !== JSON.stringify(curr[selector])) {\n                      isEqual = false\n                    }\n                  } else {\n                    if (isEqual && prev[selector] !== curr[selector]) {\n                      isEqual = false\n                    }\n                  }\n                })\n                return isEqual\n              }),\n            ).subscribe((_) => cb(proxiedStore))\n          },\n        })\n      })\n      return this\n    },\n  } as any\n\n\n\n  return cervelloStore as CervelloStore<T>\n}\n"],"names":["Symbol","proxifyStore","store$$","storeObject","Error","get","target","prop","currentStore","bind","Array","isArray","currentNestedAttrs","nestedAttrs","nestedAttrsPrefix","Object","defineProperty","_extends","value","enumerable","writable","configurable","set","_target$nestedAttrs","getValue","isNestedProp","Boolean","length","clonedStore","assign","obj","keyPath","forEach","key","assignNestedProperty","split","next","subscribeForReactHook","onStoreChange","subscription","subscribe","unsubscribe","createUseStore","store","useSyncExternalStore","createUseSelector","selectors","isEqualFunction","useSyncExternalStoreWithSelector","getPartialObjectFromAttributes","attributes","reduce","acc","curr","prev","JSON","stringify","initialValue","options","defaultValue","proxiedStore","cervelloStore","useStore","useSelector","use","slice","call","arguments","func","onChange","cb","pipe","pairwise","switchMap","oldValue","newValue","of","NEVER","_","onPartialChange","attrs","_ref2","distinctUntilChanged","isEqual","selector","this"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cervello/react",
-  "version": "0.9.6",
+  "version": "0.10.2",
   "description": "🤯 Simplest and truly reactive state manager for React",
   "main": "./dist/cervello.cjs",
   "module": "./dist/cervello.esm.js",
@@ -28,7 +28,8 @@
     "types"
   ],
   "scripts": {
-    "prepublish": "npm run build",
+    "release": "pnpx bumpp --push=false",
+    "prepublishOnly": "pnpm build",
     "build": "(rm -rf types & rm -rf dist) && microbundle --alias @observable-lib=../observable-lib/src/index.ts",
     "dev": "microbundle watch"
   },
@@ -38,11 +39,13 @@
   },
   "sideEffects": false,
   "keywords": [
-    "state",
     "react",
+    "state",
     "manager",
+    "management",
+    "redux",
+    "zustand",
     "reactive",
-    "immutable",
     "observable",
     "global",
     "local"