react-use-singleton-hook 1.0.13 → 1.0.15

package/dist/main.d.ts

@@ -1,6 +1,9 @@
 import { singletonHook } from './singletonHook';
-export { singletonHook as useSingletonGlobalState };
+export { singletonHook as createSingletonGlobalState };
 declare const ReactSingletonHook: {
-    useSingletonGlobalState: typeof singletonHook;
+    createSingletonGlobalState: <T>(initValue: T | (() => T), useHookBody: () => T, options?: {
+        mountId?: string;
+        unmountIfNoConsumers?: boolean;
+    }) => (() => T);
 };
 export default ReactSingletonHook;

package/dist/main.js

@@ -1,57 +1,67 @@
 import i, { useEffect as v } from "react";
-import { createRoot as E } from "react-dom/client";
-const g = (t) => {
-  let e;
-  const u = /* @__PURE__ */ new Set(), c = (o, s) => {
-    const n = typeof o == "function" ? o(e) : o;
-    if (!Object.is(n, e)) {
-      const m = e;
-      e = s ?? (typeof n != "object" || n === null) ? n : Object.assign({}, e, n), u.forEach((b) => b(e, m));
+import { createRoot as h } from "react-dom/client";
+const g = (e) => {
+  let n;
+  const s = /* @__PURE__ */ new Set(), l = (u, o) => {
+    const t = typeof u == "function" ? u(n) : u;
+    if (!Object.is(t, n)) {
+      const m = n;
+      n = o ?? (typeof t != "object" || t === null) ? t : Object.assign({}, n, t), s.forEach((b) => b(n, m));
     }
-  }, a = () => e, l = { setState: c, getState: a, getInitialState: () => r, subscribe: (o) => (u.add(o), () => u.delete(o)) }, r = e = t(c, a, l);
-  return l;
-}, h = ((t) => t ? g(t) : g), k = (t) => t;
-function C(t, e = k) {
-  const u = i.useSyncExternalStore(
-    t.subscribe,
-    i.useCallback(() => e(t.getState()), [t, e]),
-    i.useCallback(() => e(t.getInitialState()), [t, e])
+  }, a = () => n, c = { setState: l, getState: a, getInitialState: () => r, subscribe: (u) => (s.add(u), () => s.delete(u)) }, r = n = e(l, a, c);
+  return c;
+}, k = ((e) => e ? g(e) : g), E = (e) => e;
+function C(e, n = E) {
+  const s = i.useSyncExternalStore(
+    e.subscribe,
+    i.useCallback(() => n(e.getState()), [e, n]),
+    i.useCallback(() => n(e.getInitialState()), [e, n])
   );
-  return i.useDebugValue(u), u;
+  return i.useDebugValue(s), s;
 }
-function j(t, e, u = {}) {
-  const { mountId: c, unmountIfNoConsumers: a = !0 } = u, f = typeof t == "function";
-  let S = !f, l = f ? void 0 : t;
-  const r = h(() => ({ value: l }));
-  let o = 0, s = null, n = null;
+const j = (e, n, s = {}) => {
+  const { mountId: l, unmountIfNoConsumers: a = !0 } = s, f = typeof e == "function";
+  let S = !f, c = f ? void 0 : e;
+  const r = k(() => ({ value: c }));
+  let u = 0, o = null, t = null;
   function m() {
-    const d = e();
+    const d = n();
     return v(() => {
       r.setState({ value: d });
     }, [d]), null;
   }
   function b() {
-    s || (n = document.createElement("div"), n.style.display = "none", c && (n.id = c), document.body.appendChild(n), s = E(n), s.render(i.createElement(m)));
-  }
-  function I() {
-    !s || !n || (s.unmount(), n.remove(), s = null, n = null);
+    if (o) {
+      if (t && document.body.contains(t)) return;
+      try {
+        o.unmount();
+      } catch {
+      }
+      o = null, t = null;
+    }
+    t = document.createElement("div"), t.style.display = "none", l && (t.id = l), document.body.appendChild(t), o = h(t), o.render(i.createElement(m));
   }
   function y() {
-    !S && f && (S = !0, l = t(), r.setState({ value: l }));
+    !o || !t || queueMicrotask(() => {
+      !o || !t || u > 0 || (o.unmount(), t.remove(), o = null, t = null);
+    });
+  }
+  function I() {
+    !S && f && (S = !0, c = e(), r.setState({ value: c }));
   }
   function R() {
-    y();
+    I();
     const d = C(r, (p) => p.value);
-    return v(() => (o += 1, o === 1 && b(), () => {
-      o -= 1, o === 0 && a && I();
+    return v(() => (u += 1, o || b(), () => {
+      u -= 1, u === 0 && a && y();
     }), []), d;
   }
   return R;
-}
-const G = {
-  useSingletonGlobalState: j
+}, G = {
+  //This Generic Arrow Function is creating a hook, not calling one, so naming convention should not have use prefix
+  createSingletonGlobalState: j
 };
 export {
-  G as default,
-  j as useSingletonGlobalState
+  j as createSingletonGlobalState,
+  G as default
 };

package/dist/singletonHook.d.ts

@@ -2,5 +2,5 @@ type Options = {
     mountId?: string;
     unmountIfNoConsumers?: boolean;
 };
-export declare function singletonHook<T>(initValue: T | (() => T), useHookBody: () => T, options?: Options): () => T;
+export declare const singletonHook: <T>(initValue: T | (() => T), useHookBody: () => T, options?: Options) => (() => T);
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-use-singleton-hook",
-  "version": "1.0.13",
+  "version": "1.0.15",
   "type": "module",
   "main": "dist/main.js",
   "module": "dist/main.js",