Proposed usage for reading state

[jjgonecrypto]

This is from the codepen I have on synth distribution: https://codepen.io/justinjmoses/pen/vMKywz

It assumes that the browser bundle has been added to the codepen (or page), exposing the synthetix global to window.

  const network = 'mainnet';
  const { formatEther } = window.synthetix.ethers.utils; 
  const snxjs = window.synthetix({ network }); 
  // this instance exposes props for the given network: synths, sources, targets, users, as well as helper function toBytes32 - as per synthetix: https://github.com/Synthetixio/synthetix/blob/develop/index.js#L199

  const synths = snxjs.synths.map(({ name }) => name); 
  const fromBlock = blockTarget.value;
  const blockOptions = fromBlock ? { blockTag: Number(fromBlock) } : {};
  
  let totalInUSD = 0;
  
  // note how I can pass it a string and it will convert it to bytes32 for me
  const snxPrice = formatEther(await snxjs.ExchangeRates.rateForCurrency('SNX', blockOptions));  // note blockOptions must be passed to `ethers.Contract` as the final parameter (and fails if no archive node)
  // or better yet, can't we just expose these functions top level? 
  const snxPrice = formatEther(await snxjs.rateForCurrency('SNX', blockOptions)); 

  let results = await Promise.all(synths.map(async synth => {
    const totalAmount = await snxjs[synth].contract.totalSupply(blockOptions);
      
    const totalSupply = formatEther(totalAmount);  
    const rateForSynth = formatEther(await snxjs.rateForCurrency(synth, blockOptions));
    const totalSupplyInUSD = rateForSynth * totalSupply;
    totalInUSD += totalSupplyInUSD;
    const rateIsFrozen = await snxjs.rateIsFrozen(synth, blockOptions);
     
    return { synth, totalAmount, totalSupply, rateForSynth, totalSupplyInUSD, rateIsFrozen };
  }));