@carlonicora/nextjs-jsonapi 1.132.0 → 1.134.0

package/dist/{chunk-DZL2G7NB.mjs → chunk-DVOBOFCF.mjs}

@@ -1181,18 +1181,39 @@ __name(useComposedRefs, "useComposedRefs");
 // src/utils/use-mobile.tsx
 import * as React2 from "react";
 var MOBILE_BREAKPOINT = 768;
+var VIEWPORT_COOKIE_NAME = "viewport_mobile";
+var VIEWPORT_CONTEXT_KEY = /* @__PURE__ */ Symbol.for("nextjs-jsonapi:viewportContext");
+var globalStore2 = globalThis;
+function getViewportContext() {
+  if (globalStore2[VIEWPORT_CONTEXT_KEY] === void 0) {
+    globalStore2[VIEWPORT_CONTEXT_KEY] = React2.createContext(void 0);
+  }
+  return globalStore2[VIEWPORT_CONTEXT_KEY];
+}
+__name(getViewportContext, "getViewportContext");
+function measureViewport() {
+  return window.innerWidth < MOBILE_BREAKPOINT;
+}
+__name(measureViewport, "measureViewport");
+function persistViewport(isMobile) {
+  document.cookie = `${VIEWPORT_COOKIE_NAME}=${isMobile ? "1" : "0"}; path=/; max-age=31536000; samesite=lax`;
+}
+__name(persistViewport, "persistViewport");
+function subscribeViewport(onChange) {
+  const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+  onChange();
+  mql.addEventListener("change", onChange);
+  return () => mql.removeEventListener("change", onChange);
+}
+__name(subscribeViewport, "subscribeViewport");
 function useIsMobile() {
-  const [isMobile, setIsMobile] = React2.useState(void 0);
+  const seeded = React2.useContext(getViewportContext());
+  const [legacy, setLegacy] = React2.useState(false);
   React2.useEffect(() => {
-    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
-    const onChange = /* @__PURE__ */ __name(() => {
-      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
-    }, "onChange");
-    mql.addEventListener("change", onChange);
-    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
-    return () => mql.removeEventListener("change", onChange);
-  }, []);
-  return !!isMobile;
+    if (seeded !== void 0) return;
+    return subscribeViewport(() => setLegacy(measureViewport()));
+  }, [seeded]);
+  return seeded ?? legacy;
 }
 __name(useIsMobile, "useIsMobile");
 
@@ -7767,6 +7788,12 @@ export {
   cn,
   composeRefs,
   useComposedRefs,
+  MOBILE_BREAKPOINT,
+  VIEWPORT_COOKIE_NAME,
+  getViewportContext,
+  measureViewport,
+  persistViewport,
+  subscribeViewport,
   useIsMobile,
   formatLocalDate,
   formatDate,
@@ -7930,4 +7957,4 @@ export {
   AuditLogService,
   AuditLogModule
 };
-//# sourceMappingURL=chunk-DZL2G7NB.mjs.map
+//# sourceMappingURL=chunk-DVOBOFCF.mjs.map