@choksheak/react-utils 0.1.8 → 0.1.9

package/sharedQuery.mjs

@@ -174,6 +174,7 @@ var SharedState = class {
     this.defaultValue = defaultValue;
     this.pubSubKey = String(stateKey++);
     this.storageAdapter = getStorageAdapter(options, DEFAULT_EXPIRY_DELTA_MS);
+    this.setValueBounded = (arg) => this.setValue(arg);
     pubSubStore.setNoNotify(this.pubSubKey, defaultValue);
     const lazyLoad = options?.lazyLoad;
     const lazy = lazyLoad !== void 0 ? lazyLoad : SharedStateConfig.lazyLoad;
@@ -183,6 +184,7 @@ var SharedState = class {
   }
   pubSubKey;
   storageAdapter;
+  setValueBounded;
   initDone = false;
   // `subscribe` function required by useSyncExternalStore
   subscribe(subscriber) {
@@ -227,7 +229,7 @@ function useSharedState(state) {
     // getServerSnapshot is needed to prevent SSR dev errors in nextjs.
     () => state.getSnapshot()
   );
-  return [value, state.setValue];
+  return [value, state.setValueBounded];
 }
 
 // src/utils/stringify.ts

package/sharedState.d.mts

@@ -34,6 +34,7 @@ declare class SharedState<T> {
     private readonly defaultValue;
     private readonly pubSubKey;
     private readonly storageAdapter;
+    readonly setValueBounded: (next: T | ((prev: T) => T)) => void;
     initDone: boolean;
     constructor(defaultValue: T, options?: SharedStateOptions<T>);
     subscribe(subscriber: () => void): () => void;

package/sharedState.d.ts

@@ -33,6 +33,7 @@ export declare class SharedState<T> {
     private readonly defaultValue;
     private readonly pubSubKey;
     private readonly storageAdapter;
+    readonly setValueBounded: (next: T | ((prev: T) => T)) => void;
     initDone: boolean;
     constructor(defaultValue: T, options?: SharedStateOptions<T>);
     subscribe(subscriber: () => void): () => void;

package/sharedState.js

@@ -199,6 +199,7 @@ var SharedState = class {
     this.defaultValue = defaultValue;
     this.pubSubKey = String(stateKey++);
     this.storageAdapter = getStorageAdapter(options, import_kvStore2.DEFAULT_EXPIRY_DELTA_MS);
+    this.setValueBounded = (arg) => this.setValue(arg);
     pubSubStore.setNoNotify(this.pubSubKey, defaultValue);
     const lazyLoad = options?.lazyLoad;
     const lazy = lazyLoad !== void 0 ? lazyLoad : SharedStateConfig.lazyLoad;
@@ -208,6 +209,7 @@ var SharedState = class {
   }
   pubSubKey;
   storageAdapter;
+  setValueBounded;
   initDone = false;
   // `subscribe` function required by useSyncExternalStore
   subscribe(subscriber) {
@@ -252,7 +254,7 @@ function useSharedState(state) {
     // getServerSnapshot is needed to prevent SSR dev errors in nextjs.
     () => state.getSnapshot()
   );
-  return [value, state.setValue];
+  return [value, state.setValueBounded];
 }
 function useSharedStateValue(state) {
   return useSharedState(state)[0];

package/sharedState.mjs

@@ -170,6 +170,7 @@ var SharedState = class {
     this.defaultValue = defaultValue;
     this.pubSubKey = String(stateKey++);
     this.storageAdapter = getStorageAdapter(options, DEFAULT_EXPIRY_DELTA_MS);
+    this.setValueBounded = (arg) => this.setValue(arg);
     pubSubStore.setNoNotify(this.pubSubKey, defaultValue);
     const lazyLoad = options?.lazyLoad;
     const lazy = lazyLoad !== void 0 ? lazyLoad : SharedStateConfig.lazyLoad;
@@ -179,6 +180,7 @@ var SharedState = class {
   }
   pubSubKey;
   storageAdapter;
+  setValueBounded;
   initDone = false;
   // `subscribe` function required by useSyncExternalStore
   subscribe(subscriber) {
@@ -223,7 +225,7 @@ function useSharedState(state) {
     // getServerSnapshot is needed to prevent SSR dev errors in nextjs.
     () => state.getSnapshot()
   );
-  return [value, state.setValue];
+  return [value, state.setValueBounded];
 }
 function useSharedStateValue(state) {
   return useSharedState(state)[0];

package/src/sharedState.ts

@@ -121,6 +121,7 @@ let stateKey = 0;
 export class SharedState<T> {
   private readonly pubSubKey: string;
   private readonly storageAdapter: StorageAdapter<T> | null;
+  public readonly setValueBounded: (next: T | ((prev: T) => T)) => void;
   public initDone = false;
 
   public constructor(
@@ -132,6 +133,9 @@ export class SharedState<T> {
     // Use max of 1 storage adapter per shared state.
     this.storageAdapter = getStorageAdapter(options, DEFAULT_EXPIRY_DELTA_MS);
 
+    // Same as this.setValue, but binding the `this` reference.
+    this.setValueBounded = (arg) => this.setValue(arg);
+
     // Always set the default value first to avoid returning undefineds if that
     // is not part of T.
     pubSubStore.setNoNotify(this.pubSubKey, defaultValue);
@@ -211,7 +215,7 @@ export function useSharedState<T>(
     () => state.getSnapshot(),
   );
 
-  return [value, state.setValue];
+  return [value, state.setValueBounded];
 }
 
 /** E.g. const my = useSharedStateValue(myState) */