@fluid-topics/ft-wc-utils 1.2.21 → 1.2.22

package/build/redux/ReduxWatcher.d.ts

@@ -0,0 +1,13 @@
+import { FtReduxStore } from "./FtReduxStore";
+import { Unsubscribe } from "@reduxjs/toolkit";
+export declare class ReduxWatcher<State, Value> {
+    protected readonly store: FtReduxStore<State>;
+    protected readonly valueSelector: (s: State) => Value;
+    protected readonly callback: (v: Value, s: State) => void;
+    constructor(store: FtReduxStore<State>, valueSelector: (s: State) => Value, callback: (v: Value, s: State) => void);
+    protected lastValue?: Value;
+    protected unsubscribe?: Unsubscribe;
+    watch(): this;
+    stop(): this;
+}
+export declare function watch<State, Value>(store: FtReduxStore<State>, valueSelector: (s: State) => Value, callback: (v: Value, s: State) => void): ReduxWatcher<State, Value>;

package/build/redux/ReduxWatcher.js

@@ -0,0 +1,32 @@
+import { hasChanged } from "../helpers";
+export class ReduxWatcher {
+    constructor(store, valueSelector, callback) {
+        this.store = store;
+        this.valueSelector = valueSelector;
+        this.callback = callback;
+    }
+    watch() {
+        this.stop();
+        this.lastValue = this.valueSelector(this.store.getState());
+        this.unsubscribe = this.store.subscribe(() => {
+            const state = this.store.getState();
+            const newValue = this.valueSelector(state);
+            if (hasChanged(this.lastValue, newValue)) {
+                this.callback(newValue, state);
+                this.lastValue = newValue;
+            }
+        });
+        return this;
+    }
+    stop() {
+        if (this.unsubscribe != null) {
+            this.unsubscribe();
+            this.unsubscribe = undefined;
+        }
+        this.lastValue = undefined;
+        return this;
+    }
+}
+export function watch(store, valueSelector, callback) {
+    return new ReduxWatcher(store, valueSelector, callback).watch();
+}

package/build/redux/index.d.ts

@@ -3,3 +3,4 @@ export * from "./FtCommandQueue";
 export * from "./FtLitElementRedux";
 export * from "./FtReduxStore";
 export * from "./models";
+export * from "./ReduxWatcher";

package/build/redux/index.js

@@ -3,3 +3,4 @@ export * from "./FtCommandQueue";
 export * from "./FtLitElementRedux";
 export * from "./FtReduxStore";
 export * from "./models";
+export * from "./ReduxWatcher";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluid-topics/ft-wc-utils",
-  "version": "1.2.21",
+  "version": "1.2.22",
   "description": "Internal web components tools",
   "author": "Fluid Topics <devtopics@antidot.net>",
   "license": "ISC",
@@ -24,5 +24,5 @@
     "mark.js": "8.11.1",
     "moment": "2.29.4"
   },
-  "gitHead": "d5ad6e93693f963ea69c3ee8aed39f9c6f0d569a"
+  "gitHead": "29f6269b3af8af4c82f5ab2228d52b493ac3ddea"
 }