@m4l/core 0.1.15 → 0.1.16

package/hooks/index.d.ts

@@ -3,6 +3,7 @@ export { useFlags, useFlagsPresent } from './useFlags';
 export { useHostTools } from './useHostTools';
 export { useDomain } from './useDomain';
 export { useLocalStorage } from './useLocalStorage';
+export { useLocalStorageWithListener } from './useLocalStorageWithListener';
 export { useModuleDictionary } from './useModuleDictionary';
 export { useModulePrivileges } from './useModulePrivileges';
 export { useModuleSkeleton } from './useModuleSkeleton';

package/hooks/useLocalStorage/index.js

@@ -1,4 +1,4 @@
-import { useState } from "react";
+import { useState, useEffect } from "react";
 function useLocalStorage(key, initialValue) {
   const [value, setValue] = useState(() => {
     try {
@@ -18,4 +18,29 @@ function useLocalStorage(key, initialValue) {
   };
   return [value, setValueInLocalStorage];
 }
-export { useLocalStorage as u };
+function useLocalStorageWithListener(key, defaultValue) {
+  const [value, setValue] = useState(() => {
+    const storedValue = localStorage.getItem(key);
+    return storedValue === null ? defaultValue : JSON.parse(storedValue);
+  });
+  useEffect(() => {
+    const listener = (e) => {
+      if (e.storageArea === localStorage && e.key === key) {
+        setValue(e.newValue ? JSON.parse(e.newValue) : e.newValue);
+      }
+    };
+    window.addEventListener("storage", listener);
+    return () => {
+      window.removeEventListener("storage", listener);
+    };
+  }, [key, defaultValue]);
+  const setValueInLocalStorage = (newValue) => {
+    setValue((currentValue) => {
+      const result = typeof newValue === "function" ? newValue(currentValue) : newValue;
+      localStorage.setItem(key, JSON.stringify(result));
+      return result;
+    });
+  };
+  return [value, setValueInLocalStorage];
+}
+export { useLocalStorageWithListener as a, useLocalStorage as u };

package/hooks/useLocalStorageWithListener/index.d.ts

@@ -0,0 +1,2 @@
+export declare function useLocalStorageWithListener<ValueType>(key: string, defaultValue: ValueType): any[];
+export default useLocalStorageWithListener;

package/index.js

@@ -11,7 +11,7 @@ export { u as useEnvironment } from "./hooks/useEnvironment/index.js";
 export { u as useFlags, a as useFlagsPresent } from "./hooks/useFlags/index.js";
 export { u as useHostTools } from "./hooks/useHostTools/index.js";
 export { u as useDomain } from "./hooks/useDomain/index.js";
-export { u as useLocalStorage } from "./hooks/useLocalStorage/index.js";
+export { u as useLocalStorage, a as useLocalStorageWithListener } from "./hooks/useLocalStorage/index.js";
 export { u as useModuleDictionary } from "./hooks/useModuleDictionary/index.js";
 export { u as useModulePrivileges } from "./hooks/useModulePrivileges/index.js";
 export { u as useModuleSkeleton } from "./hooks/useModuleSkeleton/index.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/core",
-  "version": "0.1.15",
+  "version": "0.1.16",
   "license": "UNLICENSED",
   "author": "M4L Team",
   "dependencies": {