EasyCord LogoDocs
Plugin EcosystemSystem & OS

Network

Monitor network connectivity and connection types.

The Network plugin allows you to monitor the device's network connectivity status and type (e.g., WiFi, Cellular). This ensures your app can degrade gracefully during offline scenarios.

Installation

npm install @easycord/network

API Reference

getStatus()

Retrieves the current network connectivity status.

import { Network } from '@easycord/network';
import { useEffect, useState } from 'react';

export function OfflineBanner() {
  const [isOnline, setIsOnline] = useState(true);

  useEffect(() => {
    // Initial check
    Network.getStatus().then(status => setIsOnline(status.connected));

    // Subscription
    const listener = Network.addListener('networkStatusChange', (status) => {
      setIsOnline(status.connected);
    });

    return () => {
      listener.remove();
    };
  }, []);

  if (isOnline) return null;

  return <div className="banner bg-red-500 text-white">You are currently offline.</div>;
}