@kuindji/reactive 1.0.1 → 1.0.3

package/README.md

@@ -937,9 +937,20 @@ const store = useStore<PropTypes>(
 Use store value as state
 
 ```typescript
-const [ value, setValue ] = useStoreStore(
+const [ value: TypeOfValue, setValue: (value: TypeOfValue) => void ] = useStoreState(
     store: Store,
-    key: string
+    key: KeyInStore
+)
+```
+
+Listen to value changes
+
+```typescript
+useListenToStoreChanges(
+    store: Store,
+    key: KeyInStore,
+    listener: (value: TypeOfValue, previousValue?: TypeOfValue) => void
+    listenerOptions?: ListenerOptions
 )
 ```
 

package/dist/index.d.ts

@@ -1,4 +1,6 @@
 export * from "./action";
+export * from "./actionBus";
+export * from "./actionMap";
 export * from "./event";
 export * from "./eventBus";
 export * from "./lib/types";

package/dist/index.js

@@ -15,6 +15,8 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./action"), exports);
+__exportStar(require("./actionBus"), exports);
+__exportStar(require("./actionMap"), exports);
 __exportStar(require("./event"), exports);
 __exportStar(require("./eventBus"), exports);
 __exportStar(require("./lib/types"), exports);

package/dist/react/useListenToStoreChanges.d.ts

@@ -0,0 +1,5 @@
+import type { ListenerOptions } from "../event";
+import { KeyOf } from "../lib/types";
+import type { BaseStore } from "../store";
+export type { BaseStore, ListenerOptions };
+export declare function useListenToStoreChanges<TStore extends BaseStore, TKey extends KeyOf<TStore["__type"]["propTypes"]>, TListener extends TStore["__type"]["changeEvents"][TKey]>(store: TStore, key: TKey, listener: TListener, options?: ListenerOptions): void;

package/dist/react/useListenToStoreChanges.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useListenToStoreChanges = useListenToStoreChanges;
+const react_1 = require("react");
+function useListenToStoreChanges(store, key, listener, options) {
+    const listenerRef = (0, react_1.useRef)(listener);
+    const storeRef = (0, react_1.useRef)(store);
+    listenerRef.current = listener;
+    const genericHandler = (0, react_1.useCallback)((value, previousValue) => {
+        return listenerRef.current(value, previousValue);
+    }, []);
+    (0, react_1.useEffect)(() => {
+        return () => {
+            storeRef.current.removeOnChange(key, genericHandler);
+        };
+    }, []);
+    (0, react_1.useEffect)(() => {
+        storeRef.current.removeOnChange(key, genericHandler);
+        storeRef.current = store;
+        storeRef.current.onChange(key, genericHandler, options);
+    }, [store]);
+}

package/dist/react.d.ts

@@ -6,5 +6,6 @@ export * from "./react/useEventBus";
 export * from "./react/useListenToAction";
 export * from "./react/useListenToEvent";
 export * from "./react/useListenToEventBus";
+export * from "./react/useListenToStoreChanges";
 export * from "./react/useStore";
 export * from "./react/useStoreState";

package/dist/react.js

@@ -22,5 +22,6 @@ __exportStar(require("./react/useEventBus"), exports);
 __exportStar(require("./react/useListenToAction"), exports);
 __exportStar(require("./react/useListenToEvent"), exports);
 __exportStar(require("./react/useListenToEventBus"), exports);
+__exportStar(require("./react/useListenToStoreChanges"), exports);
 __exportStar(require("./react/useStore"), exports);
 __exportStar(require("./react/useStoreState"), exports);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@kuindji/reactive",
-    "version": "1.0.1",
+    "version": "1.0.3",
     "description": "A JavaScript/TypeScript utility library for building reactive applications with events, actions, stores, and React hooks",
     "keywords": [
         "events",