@tamagui/use-store 1.52.6 → 1.52.8

package/src/{selector.tsx → observe.tsx}

@@ -5,8 +5,6 @@ import { UNWRAP_PROXY } from './constants'
 import { StoreInfo } from './interfaces'
 import { trackStoresAccess } from './useStore'
 
-// TODO i think we can just replace reaction() with this, its not worse in any way
-
 const logUpdate =
   process.env.NODE_ENV === 'development'
     ? (fn: any, stores: any[], last: any, next: any) => {
@@ -26,57 +24,59 @@ const logUpdate =
       }
     : null
 
-// // TODO test this works the same as useSelector
-// export function selector(fn: () => any) {
-//   let prev = runStoreSelector(fn)
-//   let disposeValue: Function | null = null
-//   const subscribe = () => {
-//     return subscribeToStores([...prev.storeInfos], () => {
-//       try {
-//         disposeValue?.()
-//         setIsInReaction(true)
-//         const next = runStoreSelector(fn)
-//         if (typeof next.value === 'function') {
-//           disposeValue = next.value
-//           if (process.env.NODE_ENV === 'development') {
-//             logUpdate!(fn, [...next.storeInfos], '(fn)', '(fn)')
-//           }
-//           return
-//         }
-//         if (
-//           isEqualSubsetShallow(prev.stores, next.stores) &&
-//           isEqualSubsetShallow(prev.value, next.value)
-//         ) {
-//           return
-//         }
-//         if (process.env.NODE_ENV === 'development') {
-//           logUpdate!(fn, [...next.stores], prev.value, next.value)
-//         }
-//         prev = next
-//         dispose()
-//         dispose = subscribe()
-//       } finally {
-//         setIsInReaction(false)
-//       }
-//     })
-//   }
-//   let dispose = subscribe()
-//   return () => {
-//     dispose()
-//     disposeValue?.()
-//   }
-// }
-
-export function useSelector<A>(fn: () => A): A {
+export function observe(fn: () => any) {
+  let prev = getObserverValueAndStoresAccessed(fn)
+  let disposeValue: Function | null = null
+
+  const subscribe = () => {
+    const stores = [...prev.storeInfos]
+    return subscribeToStores(stores, () => {
+      disposeValue?.()
+      const next = getObserverValueAndStoresAccessed(fn)
+
+      if (typeof next.value === 'function') {
+        disposeValue = next.value
+        if (process.env.NODE_ENV === 'development') {
+          logUpdate!(fn, [...next.storeInfos], '(fn)', '(fn)')
+        }
+        return
+      }
+      if (
+        isEqualSubsetShallow(prev.storeInfos, next.storeInfos) &&
+        isEqualSubsetShallow(prev.value, next.value)
+      ) {
+        return
+      }
+      if (process.env.NODE_ENV === 'development') {
+        logUpdate!(fn, [...next.storeInfos], prev.value, next.value)
+      }
+      prev = next
+      dispose()
+      dispose = subscribe()
+    })
+  }
+
+  let dispose = subscribe()
+
+  return {
+    dispose: () => {
+      dispose()
+      disposeValue?.()
+    },
+    getValue: () => prev.value,
+  }
+}
+
+export function useObserve<A>(fn: () => A): A {
   const [state, setState] = useState(() => {
-    return runStoreSelector(fn)
+    return getObserverValueAndStoresAccessed(fn)
   })
 
   useEffect(() => {
     let dispose
     const unsub = subscribeToStores([...state.storeInfos], () => {
       dispose?.()
-      const next = runStoreSelector(fn)
+      const next = getObserverValueAndStoresAccessed(fn)
 
       const nextStoreInfos = [...next.storeInfos]
       const prevStoreInfos = [...state.storeInfos]
@@ -89,6 +89,7 @@ export function useSelector<A>(fn: () => A): A {
         dispose = next.value
         return
       }
+
       setState((prev) => {
         if (
           isEqualSubsetShallow(prevStoreInfos, nextStoreInfos) &&
@@ -102,6 +103,7 @@ export function useSelector<A>(fn: () => A): A {
         return next
       })
     })
+
     return () => {
       unsub()
       dispose?.()
@@ -111,7 +113,7 @@ export function useSelector<A>(fn: () => A): A {
   return state.value
 }
 
-function runStoreSelector<A>(selector: () => A): {
+function getObserverValueAndStoresAccessed<A>(selector: () => A): {
   value: A
   storeInfos: Set<StoreInfo>
 } {
@@ -127,10 +129,31 @@ function runStoreSelector<A>(selector: () => A): {
   }
 }
 
-function subscribeToStores(stores: StoreInfo[], onUpdate: () => any) {
+function subscribeToStores(storeInfos: StoreInfo[], onUpdate: () => any) {
   const disposes: Function[] = []
-  for (const store of stores) {
-    disposes.push(store.subscribe(onUpdate))
+
+  // wrap onUpdate to avoid waterfall calls + avoid tracking during onUpdate
+  let isUpdating = false
+  const onUpdateDebouncedWithoutTracking = () => {
+    if (isUpdating) return
+    isUpdating = true
+    queueMicrotask(() => {
+      try {
+        for (const storeInfo of storeInfos) {
+          storeInfo.disableTracking = true
+        }
+        onUpdate()
+      } finally {
+        isUpdating = false
+        for (const storeInfo of storeInfos) {
+          storeInfo.disableTracking = false
+        }
+      }
+    })
+  }
+
+  for (const storeInfo of storeInfos) {
+    disposes.push(storeInfo.subscribe(onUpdateDebouncedWithoutTracking))
   }
   return () => {
     disposes.forEach((x) => x())

package/src/useStore.tsx

@@ -40,10 +40,7 @@ export function createStore<A, B extends Object>(
   props?: B,
   options?: UseStoreOptions<A, any>
 ): A {
-  return getOrCreateStoreInfo(StoreKlass, props, {
-    ...options,
-    avoidCache: true,
-  }).store as any
+  return getOrCreateStoreInfo(StoreKlass, props, options).store as any
 }
 // use singleton with react
 // TODO selector support with types...
@@ -128,6 +125,15 @@ export function getStore<A, B extends Object>(
   return getStoreInfo(StoreKlass, props).store as any
 }
 
+export function getOrCreateStore<A, B extends Object>(
+  StoreKlass: (new (props: B) => A) | (new () => A),
+  props?: B
+): A {
+  return getOrCreateStoreInfo(StoreKlass, props, {
+    refuseCreation: false,
+  }).store as any
+}
+
 // just like getOrCreateStoreInfo but refuses to create
 export function getStoreInfo(StoreKlass: any, props: any) {
   return getOrCreateStoreInfo(StoreKlass, props, {
@@ -135,6 +141,17 @@ export function getStoreInfo(StoreKlass: any, props: any) {
   })
 }
 
+export type CreateStoreListener = (storeInfo: StoreInfo) => void
+
+const onCreateListeners = new Set<CreateStoreListener>()
+
+export function onCreateStore(cb: CreateStoreListener) {
+  onCreateListeners.add(cb)
+  return () => {
+    onCreateListeners.delete(cb)
+  }
+}
+
 function getOrCreateStoreInfo(
   StoreKlass: any,
   props: any,
@@ -176,11 +193,12 @@ function getOrCreateStoreInfo(
   const listeners = new Set<Function>()
 
   const storeInfo = {
-    uid: Math.random(),
+    uid,
     keyComparators,
     storeInstance,
     getters,
     stateKeys,
+    props,
     actions,
     debug: options?.debug,
     disableTracking: false,
@@ -228,6 +246,8 @@ function getOrCreateStoreInfo(
   // still set even when avoidCache is true (hmr)
   cache.set(uid, result)
 
+  onCreateListeners.forEach((cb) => cb(result))
+
   return result
 }
 
@@ -543,13 +563,8 @@ function createProxiedStore(storeInfo: StoreInfo) {
       if (key === UNWRAP_STORE_INFO) {
         return storeInfo
       }
-      const trackingDisabled = storeInfo.disableTracking
-      if (!trackingDisabled) {
-        if (storeAccessTrackers.size && !storeAccessTrackers.has(storeInstance)) {
-          for (const t of storeAccessTrackers) {
-            t(storeInfo)
-          }
-        }
+      if (storeAccessTrackers.size) {
+        storeAccessTrackers.forEach((cb) => cb(storeInfo))
       }
       if (typeof key !== 'string') {
         return Reflect.get(storeInstance, key)
@@ -557,7 +572,7 @@ function createProxiedStore(storeInfo: StoreInfo) {
 
       // non-actions...
 
-      if (!trackingDisabled) {
+      if (!storeInfo.disableTracking) {
         if (gettersState.isGetting) {
           gettersState.curGetKeys.add(key)
         } else {

package/types/helpers.d.ts

@@ -1,12 +1,11 @@
 import { StoreInfo } from './interfaces';
-export declare function getStoreUid(Constructor: any, props: string | Object | void): string;
+export declare function getStoreUid(Constructor: any, props: string | Object | void): any;
 export declare const UNWRAP_STORE_INFO: unique symbol;
 export declare const cache: Map<string, StoreInfo>;
 export declare function getStoreDescriptors(storeInstance: any): {
     [x: string]: TypedPropertyDescriptor<any> & PropertyDescriptor;
 };
 export declare function get<A>(_: A, b?: any): A extends new (props?: any) => infer B ? B : A;
-export declare function getKey(props: Object): string;
 export default function useConstant<T>(fn: () => T): T;
 export declare function simpleStr(arg: any): any;
 export declare function getStoreDebugInfo(store: any): any;

package/types/helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../src/helpers.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAUxC,wBAAgB,WAAW,CAAC,WAAW,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,UAS1E;AAED,eAAO,MAAM,iBAAiB,eAA8B,CAAA;AAC5D,eAAO,MAAM,KAAK,wBAA+B,CAAA;AAEjD,wBAAgB,mBAAmB,CAAC,aAAa,EAAE,GAAG;;EAWrD;AAED,wBAAgB,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,GAAG,CAAC,SAAS,KAAK,KAAK,CAAC,EAAE,GAAG,KAAK,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,CAEpF;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,MAAM,UAYnC;AAID,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,GAAG,CAAC,CAMrD;AAED,wBAAgB,SAAS,CAAC,GAAG,EAAE,GAAG,OAejC;AAGD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,GAAG,OAI3C"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../src/helpers.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAExC,wBAAgB,WAAW,CAAC,WAAW,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,OAO1E;AAED,eAAO,MAAM,iBAAiB,eAA8B,CAAA;AAC5D,eAAO,MAAM,KAAK,wBAA+B,CAAA;AAEjD,wBAAgB,mBAAmB,CAAC,aAAa,EAAE,GAAG;;EAWrD;AAED,wBAAgB,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,GAAG,CAAC,SAAS,KAAK,KAAK,CAAC,EAAE,GAAG,KAAK,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,CAEpF;AAID,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,GAAG,CAAC,CAMrD;AAED,wBAAgB,SAAS,CAAC,GAAG,EAAE,GAAG,OAejC;AAGD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,GAAG,OAI3C"}

package/types/index.d.ts

@@ -1,8 +1,7 @@
 export * from './useStore';
 export { configureUseStore } from './configureUseStore';
 export * from './interfaces';
-export * from './selector';
-export * from './reaction';
+export * from './observe';
 export { UNWRAP_PROXY } from './constants';
 export * from './comparators';
 export * from './decorators';

package/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC1C,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAG5B,qBAAa,KAAK,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;IAC/B,KAAK,EAAE,KAAK;gBAAZ,KAAK,EAAE,KAAK;CAChC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC1C,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAG5B,qBAAa,KAAK,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;IAC/B,KAAK,EAAE,KAAK;gBAAZ,KAAK,EAAE,KAAK;CAChC"}

package/types/interfaces.d.ts

@@ -11,11 +11,12 @@ export interface Store<Props = Record<string, any> | null | undefined> {
     props: Props;
 }
 export type StoreInfo<A = Store> = {
-    uid: number;
+    uid: string;
     keyComparators?: {
         [key: string]: (a: any, b: any) => boolean;
     };
     store: A;
+    props: Record<string, any> | null;
     storeInstance: any;
     getters: {
         [key: string]: any;

package/types/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../src/interfaces.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAEzC,MAAM,MAAM,QAAQ,CAAC,CAAC,GAAG,OAAO,EAAE,CAAC,GAAG,OAAO,IAAI,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAA;AAE5D,MAAM,MAAM,gBAAgB,CAAC,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE,KAAK,KAAK,GAAG,CAAA;AAChE,MAAM,MAAM,eAAe,CAAC,KAAK,GAAG,GAAG,EAAE,WAAW,GAAG,GAAG,IAAI;IAC5D,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,gBAAgB,CAAC,KAAK,EAAE,WAAW,CAAC,CAAA;IAC/C,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;AAED,MAAM,WAAW,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,GAAG,SAAS;IACnE,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,GAAG,CAAA;IACzB,KAAK,EAAE,KAAK,CAAA;CACb;AAED,MAAM,MAAM,SAAS,CAAC,CAAC,GAAG,KAAK,IAAI;IACjC,GAAG,EAAE,MAAM,CAAA;IACX,cAAc,CAAC,EAAE;QACf,CAAC,GAAG,EAAE,MAAM,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,KAAK,OAAO,CAAA;KAC3C,CAAA;IAED,KAAK,EAAE,CAAC,CAAA;IACR,aAAa,EAAE,GAAG,CAAA;IAClB,OAAO,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAA;IAC/B,OAAO,EAAE,GAAG,CAAA;IACZ,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACtB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,YAAY,EAAE;QACZ,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;QAC1B,YAAY,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,CAAA;QACtC,UAAU,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;QACvB,SAAS,EAAE,OAAO,CAAA;KACnB,CAAA;IACD,SAAS,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAA;IACxB,QAAQ,EAAE,GAAG,CAAC,YAAY,CAAC,CAAA;IAC3B,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,CAAC,SAAS,EAAE,MAAM,IAAI,KAAK,MAAM,IAAI,CAAA;IAChD,aAAa,EAAE,QAAQ,CAAA;IACvB,eAAe,EAAE,OAAO,CAAA;CACzB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAA;CACtC,CAAA"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../src/interfaces.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAEzC,MAAM,MAAM,QAAQ,CAAC,CAAC,GAAG,OAAO,EAAE,CAAC,GAAG,OAAO,IAAI,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAA;AAE5D,MAAM,MAAM,gBAAgB,CAAC,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE,KAAK,KAAK,GAAG,CAAA;AAChE,MAAM,MAAM,eAAe,CAAC,KAAK,GAAG,GAAG,EAAE,WAAW,GAAG,GAAG,IAAI;IAC5D,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,gBAAgB,CAAC,KAAK,EAAE,WAAW,CAAC,CAAA;IAC/C,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;AAED,MAAM,WAAW,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,GAAG,SAAS;IACnE,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,GAAG,CAAA;IACzB,KAAK,EAAE,KAAK,CAAA;CACb;AAED,MAAM,MAAM,SAAS,CAAC,CAAC,GAAG,KAAK,IAAI;IACjC,GAAG,EAAE,MAAM,CAAA;IACX,cAAc,CAAC,EAAE;QACf,CAAC,GAAG,EAAE,MAAM,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,KAAK,OAAO,CAAA;KAC3C,CAAA;IAED,KAAK,EAAE,CAAC,CAAA;IACR,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,CAAA;IACjC,aAAa,EAAE,GAAG,CAAA;IAClB,OAAO,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAA;IAC/B,OAAO,EAAE,GAAG,CAAA;IACZ,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACtB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,YAAY,EAAE;QACZ,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;QAC1B,YAAY,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,CAAA;QACtC,UAAU,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;QACvB,SAAS,EAAE,OAAO,CAAA;KACnB,CAAA;IACD,SAAS,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAA;IACxB,QAAQ,EAAE,GAAG,CAAC,YAAY,CAAC,CAAA;IAC3B,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,CAAC,SAAS,EAAE,MAAM,IAAI,KAAK,MAAM,IAAI,CAAA;IAChD,aAAa,EAAE,QAAQ,CAAA;IACvB,eAAe,EAAE,OAAO,CAAA;CACzB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAA;CACtC,CAAA"}

package/types/observe.d.ts

@@ -0,0 +1,6 @@
+export declare function observe(fn: () => any): {
+    dispose: () => void;
+    getValue: () => any;
+};
+export declare function useObserve<A>(fn: () => A): A;
+//# sourceMappingURL=observe.d.ts.map

package/types/observe.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"observe.d.ts","sourceRoot":"","sources":["../src/observe.tsx"],"names":[],"mappings":"AA0BA,wBAAgB,OAAO,CAAC,EAAE,EAAE,MAAM,GAAG;;;EAyCpC;AAED,wBAAgB,UAAU,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,GAAG,CAAC,CA4C5C"}

package/types/reaction.d.ts

@@ -1,4 +1 @@
-import { StoreInfo } from './interfaces';
-export declare function useReaction<StoreInstance, Selector extends (a: StoreInstance) => any>(store: StoreInstance, selector: Selector, receiver: Selector extends (a: StoreInstance) => infer Derived ? (a: Derived) => any : unknown, props?: Record<string, any>, equalityFn?: (a: any, b: any) => boolean, memoArgs?: any[]): () => void;
-export declare function reaction<StoreInstance extends StoreInfo, Selector extends (a: StoreInstance) => any>({ store, subscribe }: StoreInstance, selector: Selector, receiver: Selector extends (a: StoreInstance) => infer Derived ? (a: Derived) => any : unknown, equalityFn?: (a: any, b: any) => boolean): () => void;
 //# sourceMappingURL=reaction.d.ts.map

package/types/reaction.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reaction.d.ts","sourceRoot":"","sources":["../src/reaction.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AASxC,wBAAgB,WAAW,CAAC,aAAa,EAAE,QAAQ,SAAS,CAAC,CAAC,EAAE,aAAa,KAAK,GAAG,EACnF,KAAK,EAAE,aAAa,EACpB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,SAAS,CAAC,CAAC,EAAE,aAAa,KAAK,MAAM,OAAO,GAC1D,CAAC,CAAC,EAAE,OAAO,KAAK,GAAG,GACnB,OAAO,EACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC3B,UAAU,GAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,KAAK,OAA8B,EAC9D,QAAQ,CAAC,EAAE,GAAG,EAAE,cAOjB;AAED,wBAAgB,QAAQ,CACtB,aAAa,SAAS,SAAS,EAC/B,QAAQ,SAAS,CAAC,CAAC,EAAE,aAAa,KAAK,GAAG,EAE1C,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,aAAa,EACnC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,SAAS,CAAC,CAAC,EAAE,aAAa,KAAK,MAAM,OAAO,GAC1D,CAAC,CAAC,EAAE,OAAO,KAAK,GAAG,GACnB,OAAO,EACX,UAAU,GAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,KAAK,OAA8B,cAyC/D"}
+{"version":3,"file":"reaction.d.ts","sourceRoot":"","sources":["../src/reaction.tsx"],"names":[],"mappings":""}

package/types/selector.d.ts

@@ -1,2 +1,6 @@
-export declare function useSelector<A>(fn: () => A): A;
+export declare function observe(fn: () => any): {
+    dispose: () => void;
+    getValue: () => any;
+};
+export declare function useObserve<A>(fn: () => A): A;
 //# sourceMappingURL=selector.d.ts.map

package/types/selector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"selector.d.ts","sourceRoot":"","sources":["../src/selector.tsx"],"names":[],"mappings":"AAqEA,wBAAgB,WAAW,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,GAAG,CAAC,CA0C7C"}
+{"version":3,"file":"selector.d.ts","sourceRoot":"","sources":["../src/selector.tsx"],"names":[],"mappings":"AA0BA,wBAAgB,OAAO,CAAC,EAAE,EAAE,MAAM,GAAG;;;EAwCpC;AAED,wBAAgB,UAAU,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,GAAG,CAAC,CA4C5C"}

package/types/useStore.d.ts

@@ -10,7 +10,10 @@ export declare function useStoreSelector<A extends Store<B>, B extends Object, S
 type StoreAccessTracker = (store: StoreInfo) => void;
 export declare function trackStoresAccess(cb: StoreAccessTracker): () => void;
 export declare function getStore<A, B extends Object>(StoreKlass: (new (props: B) => A) | (new () => A), props?: B): A;
+export declare function getOrCreateStore<A, B extends Object>(StoreKlass: (new (props: B) => A) | (new () => A), props?: B): A;
 export declare function getStoreInfo(StoreKlass: any, props: any): StoreInfo;
+export type CreateStoreListener = (storeInfo: StoreInfo) => void;
+export declare function onCreateStore(cb: CreateStoreListener): () => void;
 export declare const allStores: {};
 export declare const setIsInReaction: (val: boolean) => void;
 export type StoreTracker = {

package/types/useStore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useStore.d.ts","sourceRoot":"","sources":["../src/useStore.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"useStore.d.ts","sourceRoot":"","sources":["../src/useStore.tsx"],"names":[],"mappings":"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"}

package/src/reaction.tsx

@@ -1,112 +0,0 @@
-import { useMemo } from 'react'
-
-import { isEqualSubsetShallow } from './comparators'
-import { UNWRAP_PROXY } from './constants'
-import { StoreInfo } from './interfaces'
-import { getStoreInfo, setIsInReaction } from './useStore'
-
-const dispose = (d: any) => {
-  if (typeof d === 'function') {
-    d()
-  }
-}
-
-export function useReaction<StoreInstance, Selector extends (a: StoreInstance) => any>(
-  store: StoreInstance,
-  selector: Selector,
-  receiver: Selector extends (a: StoreInstance) => infer Derived
-    ? (a: Derived) => any
-    : unknown,
-  props?: Record<string, any>,
-  equalityFn: (a: any, b: any) => boolean = isEqualSubsetShallow,
-  memoArgs?: any[]
-) {
-  const storeInfo = getStoreInfo(store, props)
-  return useMemo(
-    () => reaction(storeInfo, selector as any, receiver, equalityFn),
-    [memoArgs]
-  )
-}
-
-export function reaction<
-  StoreInstance extends StoreInfo,
-  Selector extends (a: StoreInstance) => any
->(
-  { store, subscribe }: StoreInstance,
-  selector: Selector,
-  receiver: Selector extends (a: StoreInstance) => infer Derived
-    ? (a: Derived) => any
-    : unknown,
-  equalityFn: (a: any, b: any) => boolean = isEqualSubsetShallow
-) {
-  let last: any = undefined
-  let innerDispose: any
-
-  function updateReaction() {
-    try {
-      setIsInReaction(true)
-      const storeInstance = store[UNWRAP_PROXY] || store
-      const next = selector(storeInstance)
-      if (!equalityFn(last, next)) {
-        if (process.env.NODE_ENV === 'development') {
-          console.groupCollapsed(
-            `🌑  ⏭ %c${receiver.name.padStart(24)} (${storeInstance.constructor.name}${
-              store.props?.id ? `:${store.props.id}` : ''
-            }) ${last} => ${next}`,
-            'color: chocolate;'
-          )
-          console.groupCollapsed('trace >')
-          console.trace()
-          console.groupEnd()
-          // rome-ignore lint/nursery/noConsoleLog: <explanation>
-          console.log('  ARG', next)
-          console.groupEnd()
-        }
-        dispose(innerDispose)
-        last = next
-        innerDispose = receiver(next)
-      }
-    } finally {
-      setIsInReaction(false)
-    }
-  }
-
-  const disposeSubscribe = subscribe(updateReaction)
-  updateReaction()
-
-  return () => {
-    disposeSubscribe()
-    dispose(innerDispose)
-  }
-}
-
-// start on simpler reaction
-// export function reaction2(fn: () => any): () => void {
-//   let state = runStoreSelector(fn)
-//   let disposeSubscribe
-//   const disposePrev = () => {
-//     // treat return functions as dispose
-//     if (typeof state.value === 'function') {
-//       state.value()
-//     }
-//   }
-//   const dispose = () => {
-//     disposeSubscribe?.()
-//     disposePrev()
-//   }
-//   function update() {
-//     dispose()
-//     disposeSubscribe = subscribeToStores([...state.stores], () => {
-//       const next = runStoreSelector(fn)
-//       disposePrev()
-//       if (!isEqualSubsetShallow(state.stores, next.stores)) {
-//         state = next
-//         update()
-//       } else {
-//         state = next
-//       }
-//     })
-//   }
-//   update()
-//   return dispose
-// }