Files

defiQUG 1fb7266469 Add Oracle Aggregator and CCIP Integration

- Introduced Aggregator.sol for Chainlink-compatible oracle functionality, including round-based updates and access control.
- Added OracleWithCCIP.sol to extend Aggregator with CCIP cross-chain messaging capabilities.
- Created .gitmodules to include OpenZeppelin contracts as a submodule.
- Developed a comprehensive deployment guide in NEXT_STEPS_COMPLETE_GUIDE.md for Phase 2 and smart contract deployment.
- Implemented Vite configuration for the orchestration portal, supporting both Vue and React frameworks.
- Added server-side logic for the Multi-Cloud Orchestration Portal, including API endpoints for environment management and monitoring.
- Created scripts for resource import and usage validation across non-US regions.
- Added tests for CCIP error handling and integration to ensure robust functionality.
- Included various new files and directories for the orchestration portal and deployment scripts.

2025-12-12 14:57:48 -08:00

1.5 KiB

Raw Permalink Blame History

React MetaMask Integration Example

React example for integrating ChainID 138 with MetaMask.

Installation

cd examples/metamask-react
npm install

Usage

npm run dev

Components

useChain138 Hook

Custom hook for managing ChainID 138 connection:

import { useChain138 } from './useChain138';

function MyComponent() {
  const { isConnected, isLoading, connect } = useChain138();
  
  // Use the hook
}

Chain138Button

Button component for connecting to ChainID 138:

import { Chain138Button } from './Chain138Button';

function App() {
  return <Chain138Button />;
}

AddTokenButton

Button component for adding tokens:

import { AddTokenButton } from './AddTokenButton';

function App() {
  return (
    <AddTokenButton
      address="0xYourTokenAddress"
      symbol="WETH"
      decimals={18}
      image="https://explorer.d-bis.org/images/tokens/weth.png"
    />
  );
}

Example Usage

import React from 'react';
import { useChain138 } from './useChain138';
import { AddTokenButton } from './AddTokenButton';

function App() {
  const { isConnected, connect } = useChain138();

  return (
    <div>
      {!isConnected && (
        <button onClick={connect}>
          Connect to ChainID 138
        </button>
      )}
      {isConnected && (
        <AddTokenButton
          address="0xYourWETHAddress"
          symbol="WETH"
          decimals={18}
        />
      )}
    </div>
  );
}

1.5 KiB Raw Permalink Blame History