Connection.Provider

The Connection.Provider component manages connection state and provides context for all connection-related components. It provides:

• Centralized connection state management
• Translation context for internationalization
• Session token management
• Connection data sharing

​

Installation

yarn add @runmorph/atoms

​

Usage

"use client"
import { Connection } from "@runmorph/atoms";

function App({ sessionToken }) {
    return (
        <Connection.Provider sessionToken={sessionToken}>
            <YourConnectionComponents />
        </Connection.Provider>
    );
}

export default App;

​

Props

​

Context Values

The connection context provides:

• sessionToken: The current session token
• t: The translation function if provided
• settings: Any connection settings
• status: The current connection status

​

Internationalization

The provider supports translation keys for:

• Connection status messages
• Action buttons
• Error messages
• UI elements