@himanshu-sorathiya/react-kit 1.0.24 → 1.0.26

package/dist/storage2.js

@@ -0,0 +1,261 @@
+import { t as e } from "./useEventListener.js";
+import { useCallback as t, useEffect as n, useRef as r, useState as i } from "react";
+//#region src/shared/storageShared/serializers.ts
+var a = {
+	serialize: (e) => JSON.stringify(e),
+	deserialize: (e) => JSON.parse(e)
+};
+function o() {
+	return {
+		serialize: (e) => JSON.stringify(Array.from(e.entries())),
+		deserialize: (e) => new Map(JSON.parse(e))
+	};
+}
+function s() {
+	return {
+		serialize: (e) => JSON.stringify(Array.from(e.values())),
+		deserialize: (e) => new Set(JSON.parse(e))
+	};
+}
+var c = {
+	serialize: (e) => e.toISOString(),
+	deserialize: (e) => {
+		let t = new Date(e);
+		if (isNaN(t.getTime())) throw Error(`[react-kit] dateSerializer: invalid date string "${e}"`);
+		return t;
+	}
+}, l = {
+	serialize: (e) => e.toString(),
+	deserialize: (e) => {
+		try {
+			return BigInt(e);
+		} catch {
+			throw Error(`[react-kit] bigIntSerializer: cannot convert "${e}" to bigint`);
+		}
+	}
+}, u = "react-kit:use-local-storage";
+//#endregion
+//#region src/storage/useLocalStorage/utils.ts
+function d() {
+	if (typeof window > "u") return null;
+	try {
+		return window.localStorage;
+	} catch {
+		return null;
+	}
+}
+function f(e, t, n, r) {
+	try {
+		let i = e.getItem(t);
+		return i === null ? {
+			value: n,
+			error: null
+		} : {
+			value: r.deserialize(i),
+			error: null
+		};
+	} catch (e) {
+		return {
+			value: n,
+			error: e instanceof Error ? e : Error(String(e))
+		};
+	}
+}
+function p(e, t, n) {
+	let r = {
+		value: t,
+		instanceId: n
+	}, i = new CustomEvent(`${u}:${e}`, { detail: r });
+	window.dispatchEvent(i);
+}
+//#endregion
+//#region src/storage/useLocalStorage/useLocalStorage.ts
+function m(o, s, c = {}) {
+	let { serializer: l = a, initializeWithValue: m = !0, sameInstanceSync: h = !0, crossInstanceSync: g = !0 } = c, [_] = i(() => o), v = r(_), y = o !== _, b = `${u}:${_}`, x = r(Symbol()), S = r(l);
+	n(() => {
+		S.current = l;
+	}, [l]);
+	let [C, w] = i(() => {
+		if (!m) return;
+		let e = d();
+		if (!e) return s;
+		let { value: t } = f(e, o, s, l);
+		return t;
+	}), T = r(C);
+	n(() => {
+		T.current = C;
+	}, [C]);
+	let [E, D] = i(m && typeof window < "u"), [O, k] = i(null);
+	n(() => {
+		if (!y) return;
+		let e = /* @__PURE__ */ Error(`[react-kit:use-local-storage] Changing the storage key at runtime is not supported. Still using original key: "${v.current}". Received new key: "${o}".`);
+		console.warn(e.message), k(e);
+	}, [o, y]), n(() => {
+		if (m) return;
+		let e = d(), { value: t, error: n } = e === null ? {
+			value: s,
+			error: null
+		} : f(e, v.current, s, S.current);
+		n && (console.warn(`[react-kit:use-local-storage] Failed to read key "${v.current}" from localStorage:`, n.message), k(n)), w(t), D(!0);
+	}, [m]);
+	let A = t((e) => {
+		let t = d();
+		if (!t) return;
+		let n = T.current, r = typeof e == "function" ? e(n) : e;
+		try {
+			let e = S.current.serialize(r);
+			t.setItem(v.current, e), w(r), k(null), h && p(v.current, e, x.current);
+		} catch (e) {
+			let t = e instanceof Error ? e : Error(String(e));
+			console.warn(`[react-kit:use-local-storage] Failed to write key "${v.current}" to localStorage:`, t.message), k(t);
+		}
+	}, [h]), j = t(() => {
+		let e = d();
+		e && (e.removeItem(v.current), w(s), k(null), h && p(v.current, null, x.current));
+	}, [h]);
+	return e("storage", (e) => {
+		if (g && e.storageArea === d() && e.key === v.current) {
+			if (e.newValue === null) {
+				w(s), k(null);
+				return;
+			}
+			try {
+				let t = S.current.deserialize(e.newValue);
+				w(t), k(null);
+			} catch (e) {
+				let t = e instanceof Error ? e : Error(String(e));
+				console.warn(`[react-kit:use-local-storage] Failed to deserialize cross-tab update for key "${v.current}":`, t.message), w(s), k(t);
+			}
+		}
+	}), e(b, (e) => {
+		if (!h) return;
+		let t = e.detail;
+		if (t.instanceId !== x.current) {
+			if (t.value === null) {
+				w(s), k(null);
+				return;
+			}
+			try {
+				let e = S.current.deserialize(t.value);
+				w(e), k(null);
+			} catch (e) {
+				let t = e instanceof Error ? e : Error(String(e));
+				console.warn(`[react-kit:use-local-storage] Failed to deserialize same-tab update for key "${v.current}":`, t.message), w(s), k(t);
+			}
+		}
+	}, { target: typeof window > "u" ? null : window }), {
+		value: C,
+		setValue: A,
+		removeValue: j,
+		isHydrated: E,
+		error: O
+	};
+}
+//#endregion
+//#region src/storage/useSessionStorage/constants.ts
+var h = "react-kit:use-session-storage";
+//#endregion
+//#region src/storage/useSessionStorage/utils.ts
+function g() {
+	if (typeof window > "u") return null;
+	try {
+		return window.sessionStorage;
+	} catch {
+		return null;
+	}
+}
+function _(e, t, n, r) {
+	try {
+		let i = e.getItem(t);
+		return i === null ? {
+			value: n,
+			error: null
+		} : {
+			value: r.deserialize(i),
+			error: null
+		};
+	} catch (e) {
+		return {
+			value: n,
+			error: e instanceof Error ? e : Error(String(e))
+		};
+	}
+}
+function v(e, t, n) {
+	let r = {
+		value: t,
+		instanceId: n
+	}, i = new CustomEvent(`${h}:${e}`, { detail: r });
+	window.dispatchEvent(i);
+}
+//#endregion
+//#region src/storage/useSessionStorage/useSessionStorage.ts
+function y(o, s, c = {}) {
+	let { serializer: l = a, initializeWithValue: u = !0, sameInstanceSync: d = !0 } = c, [f] = i(() => o), p = r(f), m = o !== f, y = `${h}:${f}`, b = r(Symbol()), x = r(l);
+	n(() => {
+		x.current = l;
+	}, [l]);
+	let [S, C] = i(() => {
+		if (!u) return;
+		let e = g();
+		if (!e) return s;
+		let { value: t } = _(e, o, s, l);
+		return t;
+	}), w = r(S);
+	n(() => {
+		w.current = S;
+	}, [S]);
+	let [T, E] = i(u && typeof window < "u"), [D, O] = i(null);
+	n(() => {
+		if (!m) return;
+		let e = /* @__PURE__ */ Error(`[react-kit:use-session-storage] Changing the storage key at runtime is not supported. Still using original key: "${p.current}". Received new key: "${o}".`);
+		console.warn(e.message), O(e);
+	}, [o, m]), n(() => {
+		if (u) return;
+		let e = g(), { value: t, error: n } = e === null ? {
+			value: s,
+			error: null
+		} : _(e, p.current, s, x.current);
+		n && (console.warn(`[react-kit:use-session-storage] Failed to read key "${p.current}" from sessionStorage:`, n.message), O(n)), C(t), E(!0);
+	}, [u]);
+	let k = t((e) => {
+		let t = g();
+		if (!t) return;
+		let n = w.current, r = typeof e == "function" ? e(n) : e;
+		try {
+			let e = x.current.serialize(r);
+			t.setItem(p.current, e), C(r), O(null), d && v(p.current, e, b.current);
+		} catch (e) {
+			let t = e instanceof Error ? e : Error(String(e));
+			console.warn(`[react-kit:use-session-storage] Failed to write key "${p.current}" to sessionStorage:`, t.message), O(t);
+		}
+	}, [d]), A = t(() => {
+		let e = g();
+		e && (e.removeItem(p.current), C(s), O(null), d && v(p.current, null, b.current));
+	}, [d]);
+	return e(y, (e) => {
+		if (!d) return;
+		let t = e.detail;
+		if (t.instanceId !== b.current) {
+			if (t.value === null) {
+				C(s), O(null);
+				return;
+			}
+			try {
+				let e = x.current.deserialize(t.value);
+				C(e), O(null);
+			} catch (e) {
+				let t = e instanceof Error ? e : Error(String(e));
+				console.warn(`[react-kit:use-session-storage] Failed to deserialize same-tab update for key "${p.current}":`, t.message), C(s), O(t);
+			}
+		}
+	}, { target: typeof window > "u" ? null : window }), {
+		value: S,
+		setValue: k,
+		removeValue: A,
+		isHydrated: T,
+		error: D
+	};
+}
+//#endregion
+export { a, c as i, m as n, o, l as r, s, y as t };

package/dist/useEventListener.js

@@ -1,32 +1,40 @@
-import { useEffect as e, useLayoutEffect as t, useRef as n } from "react";
+import { useCallback as e, useEffect as t, useEffectEvent as n, useRef as r } from "react";
 //#region src/events/useEventListener/useEventListener.ts
-var r = typeof window < "u" ? t : e;
-function i(t, i, a = {}) {
-	let { target: o, capture: s = !1, passive: c = !1, once: l = !1 } = a, u = o === void 0 ? typeof window > "u" ? null : window : o, d = n(i);
-	r(() => {
-		d.current = i;
-	}, [i]), e(() => {
-		let e = u && "current" in u ? u.current : u;
-		if (!e?.addEventListener) return;
-		let n = Array.isArray(t) ? t : [t], r = (e) => d.current(e);
-		return n.forEach((t) => {
-			e.addEventListener(t, r, {
-				capture: s,
-				passive: c,
-				once: l
+var i = globalThis.process?.env?.NODE_ENV !== "production";
+function a(a, o, s = {}) {
+	let { target: c, capture: l = !1, passive: u = !1, once: d = !1, signal: f } = s, p = c === void 0 ? typeof window > "u" ? null : window : c, m = n(o), h = Array.isArray(a) ? a.join(",") : a, g = r(null), _ = e(() => {
+		g.current?.abort(), g.current = null;
+	}, []);
+	return t(() => {
+		let e = Array.isArray(a) ? a : [a];
+		i && e.length === 0 && console.warn("[useEventListener] Called with an empty eventName array — no listeners were attached.");
+		let t = p && "current" in p ? p.current : p;
+		if (!t) return;
+		if (!t.addEventListener) {
+			i && console.warn("[useEventListener] The resolved target does not implement addEventListener — no listener was attached.", t);
+			return;
+		}
+		let n = new AbortController();
+		g.current = n;
+		let r = f ? AbortSignal.any([n.signal, f]) : n.signal, o = (e) => m(e);
+		return e.forEach((e) => {
+			t.addEventListener(e, o, {
+				capture: l,
+				passive: u,
+				once: d,
+				signal: r
 			});
 		}), () => {
-			n.forEach((t) => {
-				e.removeEventListener(t, r, { capture: s });
-			});
+			n.abort(), g.current === n && (g.current = null);
 		};
 	}, [
-		Array.isArray(t) ? t.join(",") : t,
+		h,
+		p,
+		l,
 		u,
-		s,
-		c,
-		l
-	]);
+		d,
+		f
+	]), _;
 }
 //#endregion
-export { i as t };
+export { a as t };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@himanshu-sorathiya/react-kit",
-	"version": "1.0.24",
+	"version": "1.0.26",
 	"description": "An opinionated collection of react hooks, and reusable UI components.",
 	"type": "module",
 	"module": "./dist/index.js",
@@ -29,11 +29,15 @@
 			"types": "./dist/events.d.ts",
 			"import": "./dist/events.js"
 		},
+		"./storage": {
+			"types": "./dist/storage.d.ts",
+			"import": "./dist/storage.js"
+		},
 		"./styles.css": "./dist/index.css"
 	},
 	"scripts": {
 		"dev": "vite",
-		"build": "vite build && dts-bundle-generator --project tsconfig.app.json -o dist/index.d.ts src/index.ts && dts-bundle-generator --project tsconfig.app.json -o dist/ui.d.ts src/ui/index.ts && dts-bundle-generator --project tsconfig.app.json -o dist/state.d.ts src/state/index.ts && dts-bundle-generator --project tsconfig.app.json -o dist/performance.d.ts src/performance/index.ts && dts-bundle-generator --project tsconfig.app.json -o dist/events.d.ts src/events/index.ts",
+		"build": "vite build && dts-bundle-generator --project tsconfig.app.json -o dist/index.d.ts src/index.ts && dts-bundle-generator --project tsconfig.app.json -o dist/ui.d.ts src/ui/index.ts && dts-bundle-generator --project tsconfig.app.json -o dist/state.d.ts src/state/index.ts && dts-bundle-generator --project tsconfig.app.json -o dist/performance.d.ts src/performance/index.ts && dts-bundle-generator --project tsconfig.app.json -o dist/events.d.ts src/events/index.ts && dts-bundle-generator --project tsconfig.app.json -o dist/storage.d.ts src/storage/index.ts",
 		"lint": "eslint .",
 		"preview": "vite preview",
 		"format": "prettier . --write"