Connection

// React Example
import { useAppKit } from '@to-nexus/sdk/react'

function connectWallet() {
  const appKit = useAppKit()
  appKit.connect()
}

// Vanilla JS Example
import { useAppKitWallet } from '@to-nexus/sdk';

const appkitWallet = useAppKitWallet();

async function connectWallet() {
  await appkitWallet.connect('cross_wallet');
}

// React Example
import { useDisconnect } from '@to-nexus/sdk/react'

function disconnectWallet() {
  const { disconnect } = useDisconnect()
  disconnect()
}

// Vanilla JS Example
const appkitWallet = useAppKitWallet();

async function disconnectWallet() {
  await appkitWallet.disconnect();
}

// React Example
import { useAppKitNetwork } from '@to-nexus/sdk/react'
import { crossMainnet, crossTestnet } from '@to-nexus/sdk/react'

function switchNetwork() {
  const { switchNetwork } = useAppKitNetwork()
  const targetNetwork = import.meta.env['VITE_NODE_ENV'] === 'production' 
    ? crossMainnet 
    : crossTestnet
  switchNetwork(targetNetwork)
}

// Vanilla JS Example
import { crossMainnet, crossTestnet } from '@to-nexus/sdk';

const targetNetwork = window?.VITE_NODE_ENV === 'production' ? crossMainnet : crossTestnet;
await crossSdk.switchNetwork(targetNetwork);

// React Example
import { useAppKitNetwork } from '@to-nexus/sdk/react'

function NetworkStatus() {
  // Get current network information
  const { chainId, isConnected } = useAppKitNetwork()
  
  return (
    <div>
      <p>Chain ID: {chainId}</p>
      <p>Network Status: {isConnected ? 'Connected' : 'Disconnected'}</p>
    </div>
  )
}

// Vanilla JS Example
// Assume networkState is set via crossSdk.subscribeNetwork
console.log('Chain ID:', networkState.chainId);
console.log('Network Status:', networkState.isConnected ? 'Connected' : 'Disconnected');

// React Example
import { useAppKit } from '@to-nexus/sdk/react'
import { useEffect } from 'react'

function ConnectionListener() {
  // Get AppKit instance
  const appKit = useAppKit()
  
  useEffect(() => {
    // Handle successful connection
    const handleConnect = () => {
      console.log('Wallet connected')
    }
    
    // Handle disconnection
    const handleDisconnect = () => {
      console.log('Wallet disconnected')
    }
    
    // Subscribe to connection events
    appKit.on('connect', handleConnect)
    appKit.on('disconnect', handleDisconnect)
    
    // Cleanup event listeners
    return () => {
      appKit.off('connect', handleConnect)
      appKit.off('disconnect', handleDisconnect)
    }
  }, [appKit])

  return null
}

// Vanilla JS Example
const appkitWallet = useAppKitWallet();

function handleConnect() {
  console.log('Wallet connected');
}
function handleDisconnect() {
  console.log('Wallet disconnected');
}

// Subscribe to connection events
appkitWallet.on('connect', handleConnect);
appkitWallet.on('disconnect', handleDisconnect);

// Unsubscribe example
// appkitWallet.off('connect', handleConnect);
// appkitWallet.off('disconnect', handleDisconnect);