Introduction

npm install @apophis-sdk/core @apophis-sdk/cosmos @apophis-sdk/cosmwasm @apophis-sdk/cosmos-signers

import { Apophis, Cosmos, DefaultCosmosMiddlewares, LocalSigner } from '@apophis-sdk/cosmos';

Apophis.use(...DefaultCosmosMiddlewares);

const mnemonic = '...';

const signer = LocalSigner.fromMnemonic(mnemonic);
const network = await Cosmos.getNetworkFromRegistry('neutrontestnet');

const tx = Cosmos.tx([
  new Bank.Send({
    fromAddress: signer.address,
    toAddress: signer.address,
    amount: [Cosmos.coin(1n, 'untrn')],
  }),
]);

await tx.estimateGas(network, signer, true); // true stores the gas price in the tx object
await signer.sign(network, tx);
const result = await tx.broadcast(network);

// success does not indicate that the tx was actually successful, only that it hasn't been rejected
// prior to execution, e.g. if the user has insufficient funds to cover gas.
if (result.success) {
  try {
    await Cosmos.ws(network).expectTx(tx);
    console.log('tx successful:', tx.hash);
  } catch (error) {
    console.error('tx failed:', error);
  }
}

import { signals } from '@apophis-sdk/core';
import { Apophis, Cosmos, DefaultCosmosMiddlewares } from '@apophis-sdk/cosmos';
import { CosmosComponents, reconnectSigner } from '@kiruse/cosmos-components';
import { render } from 'preact';

Apophis.use(...DefaultCosmosMiddlewares);

// though you may want to hard-code these to remove the async overhead
const networks = Promise.all([
  Cosmos.getNetworkFromRegistry('neutron'),
  Cosmos.getNetworkFromRegistry('neutrontestnet'),
  Cosmos.getNetworkFromRegistry('cosmoshub'),
  Cosmos.getNetworkFromRegistry('osmosis'),
  Cosmos.getNetworkFromRegistry('terra2'),
]);

// Register all components
CosmosComponents.register();

networks.then((networks) => {
  reconnectSigner(networks);
});

render(<MyApp />, document.body);

function MyApp() {
  return (
    <cosmos-connect-boundary>
      <div slot="content">
        Welcome, <cosmos-user-address />!
      </div>
      <div slot="connect">
        <button
          onClick={async () => modals.showWalletModal(await networks)}
        >Connect Wallet</button>
      </div>
    </cosmos-connect-boundary>
  );
}