Cetus Terminal

A lite version of Cetus Aggregator that can be embedded in to any website and dApp

Last updated 2 months ago

Cetus Terminal

A lite version of Cetus Aggregator that can be embedded in to any website and dApp

Demo

To use it in HTML

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Terminal</title>
  <link rel="stylesheet" href="https://archive.cetus.zone/assets/terminal/style.css">
  <script src="https://archive.cetus.zone/assets/terminal/main.js"></script>
</head>
<body>
  <div id="cetus-terminal"></div>
  <script>
    window.CetusSwap.init({
      containerId: "cetus-terminal",
      independentWallet: true,
      displayMode: 'Integrated',
    });
  </script>
</body>
</html>

Replace the script section with the code snippet generated in your own demo to get your html code.

Install from NPM and use it in your react project

To use the components in the @cetusprotocol/terminal, wrap your app with the providers shown in the following example. The props available on the providers are covered in more detail in their respective pages.

import { createNetworkConfig, SuiClientProvider, WalletProvider } from'@mysten/dapp-kit';
import { getFullnodeUrl } from'@mysten/sui/client';
import { QueryClient, QueryClientProvider } from'@tanstack/react-query';

// Config options for the networks you want to connect to
const { networkConfig } =createNetworkConfig({
  mainnet: { url:getFullnodeUrl('mainnet') },
});
constqueryClient=newQueryClient();

functionApp() {
  return (
    <QueryClientProviderclient={queryClient}>
		<SuiClientProvidernetworks={networkConfig} defaultNetwork="localnet">
			<WalletProvider>
			     <YourApp />
			</WalletProvider>
		 </SuiClientProvider>
    </QueryClientProvider>
  );
}

PreviousChangelog

Last updated 2 months ago