@pushwoosh/spa-context 1.1.3 → 1.1.4

package/index.d.ts

@@ -1,8 +1,9 @@
 import { SimpleEventEmitter } from './SimpleEventEmitter';
 import type { SPAContextType } from './types';
 import { UniversalKeyValueStore } from './UniversalKeyValueStore';
+import { useMemoryKey } from './useMemoryKey';
 import { useSession } from './useSession';
 import { useSPAContext } from './useSPAContext';
 export type { SPAContextType };
-export { useSPAContext, useSession, SimpleEventEmitter, UniversalKeyValueStore, };
+export { useSPAContext, useSession, useMemoryKey, SimpleEventEmitter, UniversalKeyValueStore, };
 export declare const SPAContextProvider: import("react").Provider<SPAContextType | undefined>;

package/index.js

@@ -1,7 +1,8 @@
 import { SPAContext } from './context';
 import { SimpleEventEmitter } from './SimpleEventEmitter';
 import { UniversalKeyValueStore } from './UniversalKeyValueStore';
+import { useMemoryKey } from './useMemoryKey';
 import { useSession } from './useSession';
 import { useSPAContext } from './useSPAContext';
-export { useSPAContext, useSession, SimpleEventEmitter, UniversalKeyValueStore };
+export { useSPAContext, useSession, useMemoryKey, SimpleEventEmitter, UniversalKeyValueStore };
 export const SPAContextProvider = SPAContext.Provider;

package/package.json

@@ -35,5 +35,5 @@
     "@pushwoosh/session-store": "^2.5.0",
     "react": "^16.14.0 || ^18.0.0"
   },
-  "version": "1.1.3"
+  "version": "1.1.4"
 }

package/useMemoryKey.d.ts

@@ -0,0 +1,3 @@
+type Initializer<V> = V | (() => V);
+export declare function useMemoryKey<V = unknown>(key: IDBValidKey, init: Initializer<V>): [V, (value: V) => void];
+export {};

package/useMemoryKey.js

@@ -0,0 +1,23 @@
+import { useCallback, useEffect, useState } from 'react';
+import { useSPAContext } from './useSPAContext';
+function resolveInit(init) {
+  return typeof init === 'function' ? init() : init;
+}
+export function useMemoryKey(key, init) {
+  const {
+    keyValueStorage
+  } = useSPAContext();
+  const [state, setState] = useState(() => {
+    const stored = keyValueStorage.getMemory(key);
+    return stored !== undefined ? stored : resolveInit(init);
+  });
+  useEffect(() => {
+    return keyValueStorage.subscribe(key, change => {
+      setState(change.value !== undefined ? change.value : resolveInit(init));
+    });
+  }, [keyValueStorage, key, init]);
+  const setValue = useCallback(value => {
+    keyValueStorage.set(key, value);
+  }, [keyValueStorage, key]);
+  return [state, setValue];
+}