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

​
sessionToken
string
required
The session token used to identify and manage the connection.
​
children
ReactNode
required
The child components that will have access to the connection context.
​
t
TranslationFunction

​
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