Copy <! 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.
Copy 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>
);
}