Skip to content

Browser bundles that can be included as-is, without a build step

License

Notifications You must be signed in to change notification settings

polkadot-js/build-bundle

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

build-bundle

Browser bundles that can be included as-is, without a build step. These bundles operate in sections of functionality, for instance polkadot-bundle-util would need to be included before polkadot-bundle-api since the latter uses the former.

For a full example of the bundles being includes, look at the index.html file that has a full example for util & the API itself. For those that just want to get started quickly a trimmed-down example is included below:

<!DOCTYPE html>
<html>
  <head>
    <title>build-bundle</title>
  </head>
  <body>
    <!-- @polkadot/util -->
    <script src="bundle-polkadot-util.js"></script>
    <script>
      console.log('polkadotUtil');

      const { bnToBn, u8aToHex } = polkadotUtil;

      console.log('u8aToHex', u8aToHex(new Uint8Array([1, 2, 3, 4, 5, 6, 7, 8])));
    </script>

    <!-- @polkadot/util-crypto -->
    <script src="bundle-polkadot-util-crypto.js"></script>
    <script>
      console.log('polkadotUtilCrypto');

      const { blake2AsHex, randomAsHex, selectableNetworks } = polkadotUtilCrypto;

      console.log('blake2AsHex', blake2AsHex(new Uint8Array([1, 2, 3, 4, 5, 6, 7, 8])));
    </script>

    <!-- @polkadot/keyring -->
    <script src="bundle-polkadot-keyring.js"></script>
    <script>
      console.log('polkadotKeyring');

      const { Keyring } = polkadotKeyring;
      const { cryptoWaitReady } = polkadotUtilCrypto;

      cryptoWaitReady().then(() => {
        const keyring = new Keyring({ type: 'sr25519' });
        const alice = keyring.addFromUri('//Alice');

        console.log('alice.address', alice.address);
        console.log('signature', u8aToHex(alice.sign('hello world')));
      });
    </script>
  </body>
</html>