@mantine/hooks/cjs/use-network/use-network.cjs

A collection of 50+ hooks for state and UI management

'use client';
'use strict';

var React = require('react');
var useWindowEvent = require('../use-window-event/use-window-event.cjs');

function getConnection() {
  if (typeof navigator === "undefined") {
    return {};
  }
  const _navigator = navigator;
  const connection = _navigator.connection || _navigator.mozConnection || _navigator.webkitConnection;
  if (!connection) {
    return {};
  }
  return {
    downlink: connection?.downlink,
    downlinkMax: connection?.downlinkMax,
    effectiveType: connection?.effectiveType,
    rtt: connection?.rtt,
    saveData: connection?.saveData,
    type: connection?.type
  };
}
function useNetwork() {
  const [status, setStatus] = React.useState({ online: true });
  const handleConnectionChange = React.useCallback(
    () => setStatus((current) => ({ ...current, ...getConnection() })),
    []
  );
  useWindowEvent.useWindowEvent("online", () => setStatus({ online: true, ...getConnection() }));
  useWindowEvent.useWindowEvent("offline", () => setStatus({ online: false, ...getConnection() }));
  React.useEffect(() => {
    const _navigator = navigator;
    if (_navigator.connection) {
      setStatus({ online: _navigator.onLine, ...getConnection() });
      _navigator.connection.addEventListener("change", handleConnectionChange);
      return () => _navigator.connection.removeEventListener("change", handleConnectionChange);
    }
    if (typeof _navigator.onLine === "boolean") {
      setStatus((current) => ({ ...current, online: _navigator.onLine }));
    }
    return void 0;
  }, []);
  return status;
}

exports.useNetwork = useNetwork;
//# sourceMappingURL=use-network.cjs.map