Synapse Protocol

https://docs.synapseprotocol.com/docs/
Admin
Synapse Protocol is an interchain programming interface and bridge that enables users and developers...
Tokens:51,379
Snippets:391
Trust Score:9.4
Update:4 days ago
Show doc for...
Tokens:
Raw
### Run signer example locally

Source: https://docs.synapseprotocol.com/docs/Services/Signer

Commands to run the signer example service locally. Requires Go (installed via brew on Mac), cloning the sanguine repository with submodules, and running the example with the path to the signer.yml config file.

```bash
brew install go # if on mac  
git clone https://github.com/synapsecns/sanguine --recurse-submodules  
cd sanguine/ethergo/examples/signer  
go run main.go --config=/path/to/signer.yml  

```

--------------------------------

### Quick Start

Source: https://docs.synapseprotocol.com/docs/Bridge/Widget

Initialize the Bridge widget with a web3Provider to get a fully operational bridge.

```APIDOC
## Quick Start

### Description
Import the Bridge component and initialize it with a web3Provider.

### Usage
```jsx
import { Bridge } from '@synapsecns/widget'

const MyApp = () => {
  const web3Provider = new ethers.BrowserProvider(window.ethereum)
  return <Bridge web3Provider={web3Provider} />
}
```

### Result
This will result in a fully operational Bridge integrating the routes and tokens supported by the Synapse protocol.
```

--------------------------------

### Installation

Source: https://docs.synapseprotocol.com/docs/Bridge/Widget

Install the @synapsecns/widget package using npm or yarn. Requires React and a package manager.

```APIDOC
## Installation

### Description
Install the Synapse Bridge Widget package.

### Prerequisites
- React
- npm or yarn package manager

### Steps
1. Add the GitHub Packages registry to your project's `.npmrc` file:
```
@synapsecns:registry=https://npm.pkg.github.com
```
2. Install the package:
- npm: `npm install @synapsecns/widget`
- yarn: `yarn add @synapsecns/widget`
```

--------------------------------

### Build and run OmniRPC from source

Source: https://docs.synapseprotocol.com/docs/Services/Omnirpc

Commands to clone the repository and start the service using Go.

```bash
git clone https://github.com/synapsecns/sanguine --recursive
cd sanguine/services/omnirpc
go run main.go --config /path/to/config.yaml
```

--------------------------------

### MySQL GORM Configuration

Source: https://docs.synapseprotocol.com/docs/Services/Submitter

Example of initializing a GORM database connection for MySQL.

```go
gdb, err := gorm.Open(mysql.Open(dbURL), &gorm.Config{  
    Logger:               common_base.GetGormLogger(logger),  
    FullSaveAssociations: true,  
    NamingStrategy:       NamingStrategy,  
    NowFunc:              time.Now,  
})  
```

--------------------------------

### OmniRPC YAML configuration example

Source: https://docs.synapseprotocol.com/docs/Services/Omnirpc

Example configuration defining RPC endpoints and confirmation requirements for specific chain IDs.

```yaml
chains:  
  1:  
    rpcs:  
      - https://api.mycryptoapi.com/eth  
      - https://rpc.flashbots.net/  
      - https://eth-mainnet.gateway.pokt.network/v1/5f3453978e354ab992c4da79  
      - https://cloudflare-eth.com/  
      - https://mainnet-nethermind.blockscout.com/  
      - https://nodes.mewapi.io/rpc/eth  
      - https://main-rpc.linkpool.io/  
      - https://mainnet.eth.cloud.ava.do/  
      - https://ethereumnodelight.app.runonflux.io  
      - https://rpc.ankr.com/eth  
      - https://eth-rpc.gateway.pokt.network  
      - https://main-light.eth.linkpool.io  
      - https://ethereum-mainnet.core.chainstack.com  
      - http://18.211.207.34:8545  
      - https://eth-mainnet.nodereal.io/v1/1659dfb40aa24bbb8153a677b98064d7  
      - wss://eth-mainnet.nodereal.io/ws/v1/1659dfb40aa24bbb8153a677b98064d7  
      - https://api.bitstack.com/v1/wNFxbiJyQsSeLrX8RRCHi7NpRxrlErZk/DjShIqLishPCTB9HiMkPHXjUM9CNM9Na/ETH/mainnet  
    confirmations: 5  
  10:  
    rpcs:  
      - https://mainnet.optimism.io  
    confirmations: 1  
# port to run on  
port: 5000  
# expressed in seconds  
refreshInterval: 60
```

--------------------------------

### RFQ Response Schema Example

Source: https://docs.synapseprotocol.com/docs/RFQ/Quoting/Quoter%20API/initiate-an-active-rfq

An example of the JSON response returned by the /rfq endpoint.

```json
{
  "dest_amount": "string",
  "quote_id": "string",
  "quote_type": "string",
  "reason": "string",
  "relayer_address": "string",
  "success": true
}
```

--------------------------------

### Start Scribe server

Source: https://docs.synapseprotocol.com/docs/Services/Scribe

Command to start the Scribe server component with specified port, database type, and path.

```bash
./server --port <port> --db <sqlite or mysql> --path <path/to/database or database url>
```

--------------------------------

### Start Scribe indexer

Source: https://docs.synapseprotocol.com/docs/Services/Scribe

Command to start the Scribe indexer component with specified configuration, database type, and path.

```bash
./scribe --config </Full/Path/To/Config.yaml> --db <sqlite or mysql> --path <path/to/database or database url>
```

--------------------------------

### Response schema example for GET /quotes

Source: https://docs.synapseprotocol.com/docs/RFQ/Quoting/Quoter%20API/get-quotes

Example JSON response from the /quotes endpoint, showing the structure of a quote object with fields such as dest_amount, dest_chain_id, fixed_fee, and relayer_addr.

```json
[  
  {  
    "dest_amount": "string",  
    "dest_chain_id": 0,  
    "dest_fast_bridge_address": "string",  
    "dest_token_addr": "string",  
    "fixed_fee": "string",  
    "max_origin_amount": "string",  
    "origin_chain_id": 0,  
    "origin_fast_bridge_address": "string",  
    "origin_token_addr": "string",  
    "relayer_addr": "string",  
    "updated_at": "string"  
  }  
]  
```

--------------------------------

### Initiate RFQ with C# HttpClient

Source: https://docs.synapseprotocol.com/docs/RFQ/Quoting/Quoter%20API/initiate-an-active-rfq

Example implementation of the PUT request to the /rfq endpoint using C# HttpClient.

```csharp
var client = new HttpClient();
var request = new HttpRequestMessage(HttpMethod.Put, "https://docs.synapseprotocol.com/rfq");
request.Headers.Add("Accept", "application/json");
var content = new StringContent("{\n  \"data\": {\n    \"dest_amount\": \"string\",\n    \"dest_chain_id\": 0,\n    \"dest_token_addr\": \"string\",\n    \"expiration_window\": 0,\n    \"origin_amount\": \"string\",\n    \"origin_chain_id\": 0,\n    \"origin_token_addr\": \"string\",\n    \"quote_id\": \"string\",\n    \"relayer_address\": \"string\"\n  },\n  \"integrator_id\": \"string\",\n  \"quote_types\": [\n    \"string\"\n  ],\n  \"user_address\": \"string\"\n}", null, "application/json");
request.Content = content;
var response = await client.SendAsync(request);
response.EnsureSuccessStatusCode();
Console.WriteLine(await response.Content.ReadAsStringAsync());
```

--------------------------------

### CCTP Relayer YAML Configuration Example

Source: https://docs.synapseprotocol.com/docs/Routers/CCTP

Example configuration for the CCTP relayer. Sets cctp_type to 'synapse', defines chains with synapse_cctp_address, and includes OmniRPC URL, signer, backoff settings, and submitter config. Note that unbonded_signer file should be a mounted secret.

```yaml
cctp_type: "synapse"  
# prod contract addresses  
chains:  
  - chain_id: 1  
    synapse_cctp_address: "0x12715a66773BD9C54534a01aBF01d05F6B4Bd35E"  
  - chain_id: 42161  
    synapse_cctp_address: "0x12715a66773BD9C54534a01aBF01d05F6B4Bd35E"  
base_omnirpc_url: "http://omnrpc-url/"  
unbonded_signer:  
  type: "AWS"  
  # should be a mounted secret  
  file: "/config/aws.txt"  
http_backoff_initial_interval_ms: 1000  
http_backoff_max_elapsed_time_ms: 300000  
# submitter config for cctp  
submitter_config:  
  chains:  
    1:  
      supports_eip_1559: true  
      gas_estimate: 1000000  
    42161:  
      gas_estimate: 30000000  
      max_gas_price: 10000000000  
      supports_eip_1559: true  

```

--------------------------------

### Submitter Configuration YAML

Source: https://docs.synapseprotocol.com/docs/Services/Submitter

Example configuration for the Submitter, showing global settings and chain-specific overrides for gas prices, batching, and reaper intervals.

```yaml
submitter_config:  
  chains:  
    1:  
      # MaxBatchSize is the maximum number of transactions to send in a batch.  
      # If this is zero, the default will be used.  
      # This field is ignored if batching is disabled.  
      max_batch_size: 50  
      # Batch is whether or not to batch transactions at the rpc level.  
      skip_batching: false  
      # MaxGasPrice is the maximum gas price to use for transactions.  
      max_gas_price: 200000000000 # 200 Gwei  
      # MinGasPrice is the gas price that will be used if 0 is returned  
      # from the gas price oracle.  
      min_gas_price: 1000000000 # 1 Gwei  
      # BumpIntervalSeconds is the number of seconds to  
      # wait before bumping a transaction.  
      bump_interval_seconds: 120  
      # GasBumpPercentages is the percentage to bump the gas price by.  
      # This is applied to the greater of the chainprice or the last price.  
      gas_bump_percentage: 10  
      # GasEstimate is the gas estimate to use for transactions if  
      # dynamic gas estimation is enabled.  
      # This is only used as a default if the estimate fails.  
      gas_estimate: 1000000  
      # DynamicGasEstimate is whether or not to use dynamic gas estimation.  
      dynamic_gas_estimate: true  
      # SupportsEIP1559 is whether or not this chain supports EIP1559.  
      supports_eip_1559: true  
    43114:  
      max_gas_price: 100000000000 # 100 Gwei  
    10:  
      max_gas_price: 90000000000 # 90 Gwei  
      min_gas_price: 100000000 # 0.1 Gwei  
  # ReaperInterval is the interval at which scan for transactions to flush  
  reaper_interval: 604800000000000 # int64(7 * 24 * time.Hour)  
  # MaxRecordAge is the maximum age of a record before it is flushed  
  max_record_age: 86400000000000 # int64(1 * 24 * time.Hour)  
```

--------------------------------

### Listen for Active RFQs with HttpClient

Source: https://docs.synapseprotocol.com/docs/RFQ/Quoting/Quoter%20API/listen-for-active-rf-qs

Example using C# HttpClient to connect to the /rfq_stream endpoint and read the response.

```csharp
var client = new HttpClient();  
var request = new HttpRequestMessage(HttpMethod.Get, "https://docs.synapseprotocol.com/rfq_stream");  
var response = await client.SendAsync(request);  
response.EnsureSuccessStatusCode();  
Console.WriteLine(await response.Content.ReadAsStringAsync());
```

--------------------------------

### HttpClient C# implementation

Source: https://docs.synapseprotocol.com/docs/RFQ/Quoting/Quoter%20API/relay-ack

Example of sending a PUT request to the /ack endpoint using C# HttpClient.

```csharp
var client = new HttpClient();  
var request = new HttpRequestMessage(HttpMethod.Put, "https://docs.synapseprotocol.com/ack");  
var content = new StringContent("{\n  \"dest_amount\": \"string\",\n  \"dest_chain_id\": 0,\n  \"dest_fast_bridge_address\": \"string\",\n  \"dest_token_addr\": \"string\",\n  \"fixed_fee\": \"string\",\n  \"max_origin_amount\": \"string\",\n  \"origin_chain_id\": 0,\n  \"origin_fast_bridge_address\": \"string\",\n  \"origin_token_addr\": \"string\"\n}", null, "application/json");  
request.Content = content;  
var response = await client.SendAsync(request);  
response.EnsureSuccessStatusCode();  
Console.WriteLine(await response.Content.ReadAsStringAsync());
```

--------------------------------

### Perform Cross-Chain Swap via SynapseRouter

Source: https://docs.synapseprotocol.com/docs/Routers/Synapse-Router

A TypeScript pseudocode example demonstrating the workflow to bridge tokens from an origin chain to a destination chain, including quote calculation and transaction execution.

```typescript
// - Synapse: bridge bToken from origin chain to destination  
  // - Destination chain: bToken -> tokenOut is performed  
  
  // Here we describe a list of actions to perform such a cross-chain swap, knowing only  
  // - tokenIn, tokenOut, amountIn  
  // - SynapseRouter deployments  
  // - User settings for maximum slippage and deadline  
  // - User address on origin and destination chain (might be equal or different)  
  
  // Beware: below is a TypeScript pseudocode.  
  
  // 0. Fetch deployments of SynapseRouter on origin and destination chains  
  let routerOrigin = getSynapseRouter(originChainId);  
  let routerDest = getSynapseRouter(destChainId);  
  
  // 1. Determine the set of bridge tokens that could enable "receive tokenOut on destination chain"  
  // For that we perform a static call to SynapseRouter on destination chain  
  let bridgeTokens = routerDest.getConnectedBridgeTokens(tokenOut);  
  // Then we get the list of bridge token symbols  
  let symbols = bridgeTokens.map((token) => token.symbol);  
  
  // 2. Get the list of Queries with possible swap instructions for origin chain  
  // For that we perform a static call to SynapseRouter on origin chain  
  // This gets us the quotes from tokenIn to every bridge token (one quote per bridge token in the list)  
  let originQueries = routerOrigin.getOriginAmountOut(  
    tokenIn,  
    symbols,  
    amountIn  
  );  
  
  // 3. Get the list of Queries with possible swap instructions for destination chain  
  // First, we form a list of "destination requests" by merging  
  // list of token symbols with list of quotes obtained in step 2.  
  let requests = symbols.map((value, index) => {  
    let request: DestRequest = {  
      symbol: value,  
      amountIn: originQueries[index].minAmountOut,  
    };  
    return request;  
  });  
  // Then we perform a static call to SynapseRouter on destination chain  
  // This gets us the quotes from every bridge token to tokenOut (one quote per bridge token in the list)  
  // These quotes will take into account the fee for bridging the token to destination chain  
  let destQueries = routerDest.getDestinationAmountOut(requests, tokenOut);  
  
  // 4. Pick a pair of originQueries[i], destQueries[i] to perform the cross-chain swap  
  // In this example we are picking the pair that yields the best overall quote  
  let destQuery = maxBy(destQueries, (query) => query.minAmountOut);  
  let selectedIndex = destQueries.indexOf(destQuery)  
  let originQuery = originQueries[selectedIndex]  
  
  // Now we apply user slippage and deadline settings  
  originQuery = applyUserSettings(originQuery, userSettings)  
  destQuery = applyUserSettings(destQuery, userSettings)  
  
  // 5. Call SynapseRouter on origin chain to perform a swap  
  let amountETH: BigInt;  
  // 0xEeee address is used to represent native ETH  
  if (tokenIn == "0xEeeeeEeeeEeEeeEeEeEeeEEEeeeeEeeeeeeeEEeE") {  
    // If user selected "native ETH" as tokenIn, we would need to modify msg.value for the call  
    amountETH = amountIn;  
  } else {  
    // If user selected an ERC-20 token as tokenIn, we would need to use msg.value=0  
    amountETH = 0  
    // We also need to check if user approved routerOrigin to spend `tokenIn`  
    if (allowance(tokenIn, userOrigin, routerOrigin) < amountIn) {  
      // Users needs to issue a token approval  
      // tokenIn.approve(routerOrigin, amountIn)  
    }  
  }  
  // Perform a call to Synapse Router with all the derived parameters  
  // Use previously determined msg.value for this call  
  // (WETH wrapping is done by the Synapse Router)  
  routerOrigin.bridge{value: amountETH}(  
    userDest,  
    destChainId,  
    tokenIn,  
    amountIn,  
    originQuery,  
    destQuery  
  );
```

--------------------------------

### Run service with configuration

Source: https://docs.synapseprotocol.com/docs/Services/Submitter

Execute the service by passing the configuration file path as a command-line argument.

```bash
<service_name> --config=config.yml
```

--------------------------------

### GET /quotes

Source: https://docs.synapseprotocol.com/docs/RFQ/Quoting/Quoter%20API

Get all current passive quotes. This permissionless endpoint can be filtered by different parameters.

```APIDOC
## GET /quotes

### Description
Get all current passive quotes. This permissionless endpoint can be filtered by different parameters.

### Method
GET

### Endpoint
/quotes

```

--------------------------------

### Initialize web3Provider for Ethers v5 and v6

Source: https://docs.synapseprotocol.com/docs/Bridge/Widget

Shows how to instantiate a web3 provider using either Ethers v5 or v6 for the Bridge widget.

```javascript
// Ethers v5  
const web3Provider = new ethers.providers.Web3Provider(window.ethereum, 'any')  
  
// Ethers v6  
const web3Provider = new ethers.BrowserProvider(window.ethereum)
```

--------------------------------

### Build and Run Quoter API from Source

Source: https://docs.synapseprotocol.com/docs/RFQ/Quoting/Quoter%20API

Commands to clone the repository and execute the service using a specified configuration file. Requires Go 1.21 or higher.

```bash
git clone https://github.com/synapsecns/sanguine --recursive
cd sanguine/services/rfq
go run main.go --config /path/to/config.yaml
```

--------------------------------

### Run Relayer from Source

Source: https://docs.synapseprotocol.com/docs/RFQ/CanonicalRelayer

Clone the Sanguine repository and execute the main.go file with your configuration. Requires Go 1.21 or higher.

```bash
git clone https://github.com/synapsecns/sanguine --recursive
cd sanguine/services/rfq/relayer
go run main.go --config /path/to/config.yaml
```

--------------------------------

### GET /rfq

Source: https://docs.synapseprotocol.com/docs/RFQ/Quoting/Quoter%20API

Retrieve currently open RFQs. Quoters can use this endpoint to get a list of active quote requests.

```APIDOC
## GET /rfq

### Description
Retrieve currently open RFQs. Quoters can use this endpoint to get a list of active quote requests.

### Method
GET

### Endpoint
/rfq

```

--------------------------------

### C# HTTP client request to GET /quotes

Source: https://docs.synapseprotocol.com/docs/RFQ/Quoting/Quoter%20API/get-quotes

C# code using HttpClient to send a GET request to https://docs.synapseprotocol.com/quotes with an Accept header for application/json. It ensures success and prints the response content.

```csharp
var client = new HttpClient();  
var request = new HttpRequestMessage(HttpMethod.Get, "https://docs.synapseprotocol.com/quotes");  
request.Headers.Add("Accept", "application/json");  
var response = await client.SendAsync(request);  
response.EnsureSuccessStatusCode();  
Console.WriteLine(await response.Content.ReadAsStringAsync());  
```

--------------------------------

### Build Scribe from source

Source: https://docs.synapseprotocol.com/docs/Services/Scribe

Commands to clone the repository and build the Scribe service from source using Go.

```bash
git clone https://github.com/synapsecns/sanguine --recursive
cd sanguine/services/scribe
go build
```

--------------------------------

### Define signer private key in signer.txt

Source: https://docs.synapseprotocol.com/docs/Services/Submitter

Create a text file named signer.txt containing the private key for the transaction signer.

```text
# signer.txt  
55a4bb8f1bdaec6a8b7a9aa45824f91a96200dc316297eb82ad19e3d035ee5af  
```

--------------------------------

### Configure SynapseSDK with Ethers v6

Source: https://docs.synapseprotocol.com/docs/Bridge/SDK

Initialize a SynapseSDK instance using Ethers v6, requiring the @ethersproject/providers dependency.

```javascript
import { JsonRpcProvider } from '@ethersproject/providers'  
  
//Set up providers (RPCs) for each chain desired  
const arbitrumProvider: Provider = new JsonRpcProvider(  
  'https://arb1.arbitrum.io/rpc'  
)  
const avalancheProvider: Provider = new JsonRpcProvider(  
  'https://api.avax.network/ext/bc/C/rpc'  
)  
  
//Structure arguments properly  
const chainIds = [42161, 43114]  
const providers = [arbitrumProvider, avalancheProvider]  
  
//Set up a SynapseSDK instance  
const Synapse = new SynapseSDK(chainIds, providers)
```

--------------------------------

### allBridgeQuotes()

Source: https://docs.synapseprotocol.com/docs/Bridge/SDK

Gets all bridge quotes for a given set of parameters. Accepts an options object with deadline, excludedModules, and originUserAddress.

```APIDOC
## allBridgeQuotes()

### Description
Gets all bridge quotes for a given set of parameters. Accepts an options object with deadline, excludedModules, and originUserAddress.

### Method
SDK Function

### Parameters
- **options** (object) - Optional - Options object with the following fields:
  - **deadline** (number) - Optional - Deadline for the transaction to be initiated on the origin chain, in seconds.
  - **excludedModules** (array of string) - Optional - List of bridge modules to exclude from the result. Supported names: SynapseBridge, SynapseCCTP, SynapseRFQ.
  - **originUserAddress** (address) - Optional - Address of the user on the origin chain. Required to initiate a bridge transaction on behalf of a user.

### Request Example
```javascript
allBridgeQuotes({
  deadline: 1234567890,
  excludedModules: ['SynapseCCTP'],
  originUserAddress: '0x1234...',
})
```
```

--------------------------------

### Run OmniRPC with Docker

Source: https://docs.synapseprotocol.com/docs/Services/Omnirpc

Command to pull and execute the OmniRPC Docker image with a configuration file.

```bash
docker run ghcr.io/synapsecns/sanguine/omnirpc:latest --config /path/to/config
```

--------------------------------

### Scribe indexer configuration

Source: https://docs.synapseprotocol.com/docs/Services/Scribe

Example YAML configuration structure for the Scribe indexer, defining chain parameters and contract addresses.

```yaml
chains:  
  - chain_id: 1  
    get_logs_range: 500  
    get_block_batch_amount: 1  
    store_concurrency: 100  
    concurrency_threshold: 50000  
    livefill_threshold: 300  
    livefill_range: 200  
    livefill_flush_interval: 10000  
    confirmations: 200  
    contracts:  
      - address: 0xAf41a65F786339e7911F4acDAD6BD49426F2Dc6b  
        start_block: 18646320
```

--------------------------------

### Upsert quote using C# HttpClient

Source: https://docs.synapseprotocol.com/docs/RFQ/Quoting/Quoter%20API/upsert-quote

Example implementation of the PUT /quotes request using the C# HttpClient library.

```csharp
var client = new HttpClient();  
var request = new HttpRequestMessage(HttpMethod.Put, "https://docs.synapseprotocol.com/quotes");  
var content = new StringContent("{\n  \"dest_amount\": \"string\",\n  \"dest_chain_id\": 0,\n  \"dest_fast_bridge_address\": \"string\",\n  \"dest_token_addr\": \"string\",\n  \"fixed_fee\": \"string\",\n  \"max_origin_amount\": \"string\",\n  \"origin_chain_id\": 0,\n  \"origin_fast_bridge_address\": \"string\",\n  \"origin_token_addr\": \"string\"\n}", null, "application/json");  
request.Content = content;  
var response = await client.SendAsync(request);  
response.EnsureSuccessStatusCode();  
Console.WriteLine(await response.Content.ReadAsStringAsync());
```

--------------------------------

### Bridge Integration in React Component

Source: https://docs.synapseprotocol.com/docs/Bridge/Code-Examples

This example demonstrates how to set up the Synapse SDK context, manage bridge state, fetch quotes, and execute bridge transactions within a React component.

```typescript
// `/homepage/index.tsx`  
  
import { useSynapseContext } from '@/utils/SynapseProvider'  
import { Zero } from '@ethersproject/constants'  
import { useState, useEffect } from 'react'  
import { getNetwork } from '@wagmi/core'  
import {  
  DEFAULT_FROM_CHAIN,  
  DEFAULT_TO_CHAIN,  
  DEFAULT_FROM_TOKEN,  
  DEFAULT_TO_TOKEN,  
} from '@/constants/bridge'  
  
export default function HomePage({ address }: { address: `0x${string}` }) {  
  // Get the synapse sdk  
  const SynapseSDK = useSynapseContext()  
    
  // Get the current time  
  const time = // add logic to get the current unix timestamp  
  // Example state hooks  
  const [fromToken, setFromToken] = useState(DEFAULT_FROM_TOKEN)  
  const [toToken, setToToken] = useState(DEFAULT_TO_TOKEN)  
  const [fromChainId, setFromChainId] = useState(DEFAULT_FROM_CHAIN)  
  const [toChainId, setToChainId] = useState(DEFAULT_TO_CHAIN)  
  const [amount, setAmount] = useState(Zero)  
  const [bridgeQuote, setBridgeQuote] = useState({  
    outputAmountString: '',  
    quotes: { originQuery: null, destQuery: null },  
  })  
  
  // Set connected network when component is mounted  
  useEffect(() => {  
      const { chain: fromChainIdRaw } = getNetwork()  
      setFromChainId(fromChainIdRaw ? fromChainIdRaw?.id : DEFAULT_FROM_CHAIN)  
    }, [])  
  
  // Get Quote function  
  // Suggestion: this function should be triggered from an useEffect when amount or to/from token/chain is altered  
  const getQuote = async () = {  
    SynapseSDK.bridgeQuote(  
      fromChainId,  
      toChainId,  
      fromToken,  
      toToken,  
      amount,  
      {  
        deadline: time + 10000,  
        excludedModules: [],  
        originUserAddress: address,  
      }  
    )  
    .then(  
      ({ feeAmount, bridgeFee, maxAmountOut, originQuery, destQuery }) => {  
        let toValueBigNum = maxAmountOut ?? Zero  
        let toValueBase = toValueBigNum.div(toDecimals).toString()  
        let toValueMantissa = toValueBigNum.mod(toDecimals).toString()  
  
        setBridgeQuote({  
          outputAmountString: toValueBase + '.' + toValueMantissa,  
          quotes: {  
            originQuery,  
            destQuery,  
          },  
        })  
        // do something  
      }  
    )  
    .catch((err) => {  
      alert('error getting quote', err)  
      // do something  
    })  
  
  }  
  
  // Execute bridge function  
  const executeBridge = async () = {  
    await Synapse.bridge(  
      toAddress, // To Address  
      bridgeQuote.routerAddress, // bridge router contract address  
      fromChainId, // Origin Chain  
      toChainId, // Destination Chain  
      fromToken, // Origin Token Address  
      amount, // Amount  
      bridgeQuote.quotes.originQuery, // Origin query from bridgeQuote()  
      bridgeQuote.quotes.destQuery // Destination query from bridgeQuote()  
    ).then(({to, data}) => {  
        // do something  
      }  
    )  
    .catch((err) => {  
      alert('error bridging', err)  
      // do something  
     })  
  }  
  
// ...  
  
}  
```

--------------------------------

### Fetch data via cURL

Source: https://docs.synapseprotocol.com/docs/Services/Omnirpc

Example cURL request to query data from a specific chain ID via the OmniRPC service.

```bash
curl --location --request POST 'http://localhost:5000/rpc/1' \
--header 'Content-Type: application/json' \
--data-raw '{
	"jsonrpc":"2.0",
	"method":"eth_getTransactionCount",
	"params":[
		"0x230a1ac45690b9ae1176389434610b9526d2f21b",
		"0xec1d40"
	],
	"id":1
}'
```
Tokens:
Raw