# Griptape Update 2021-09-02

import {
  useGovernance,
  useStaking,
  useTokenSwap
} from '@stakeordie/griptape.js';
...

import {
  createContract,
  onContractError,
  OutOfGasError,
  ServerUnavailableError
} from '@stakeordie/griptape.js';

const counter = createContract(...);

onContractError(counter, OutOfGasError, () => showInUI())
onContractError(counter, ServerUnavailableError, () => handleError())

try {
  await counter.doTx();
} catch (e) {
  // Any error not defined using `onContractError` will still be thrown.
} finally {
  // Update UI or anything else
}

import {
  snip20Def,
  createContract,
  getContract
} from '@stakeordie/griptape.js';

const stkd = createContract(...);

const list = getSnip20s(); // [ { symbol: '...', address: '...' } ]

list.forEach(({ symbol: id, address: at }) => {
  const spec = { id, at, definition: snip20Def };
  createContract(spec);
})

getContract('sefi').getBalance();
getContract('stkd').getBalance();

getContract('stkd') === stkd // true

import { sust } from '@/contracts';
import { getError } from './errors';

export default {
  namespaced: true,

  state: {
    // The balance for UST.
    balance: undefined
  },

  // Hate Vuex.
  mutations: {
    updateBalance: (state, balance) => state.balance = balance,
  },

  actions: {
    // Updates the UST balance.
    async updateBalance({ commit }) {
      const { balance: { amount } } = await sust.getBalance();
      commit('updateBalance', amount);
    },

    // Perform a deposit to the UST contract.
    async deposit({ dispatch }, amount) {
      try {
        await sust.deposit(amount);

        dispatch('messages/message', {
            type: 'success',
            message: 'You have successfully deposited!'
          },
          { root: true }
        );
      } catch (e) {
        const { type, message } = getError(e);
        dispatch('messages/message', { type, message }, { root: true });
      } finally {
        // Update the SUST balance.
        dispatch('updateBalance')

        // Update the UST Staking Pool balance.
        dispatch('ustStakingPool/updateBalance', null, { root: true });

        // Update total value locked.
        dispatch('ustStakingPool/updateTotalLocked', null, { root: true });
      }
    }
  }
};