---
aside: false
---

<script lang="ts" setup>
import CodeSandbox from '@theme/components/CodeSandbox.vue'
import { useXOCashLibs } from '@theme/utils/useXOCashLibs';

const xocashLibs = useXOCashLibs();
</script>

# Sandbox

We can include Code Sandboxes in our documentation.

This'll be very useful for:

1. Guides
2. Testing

## Primitives

The below is Address mess.

<!-- NOTE: It is absolutely crucial you leave a blank line before and after the backticks! Otherwise, you'll end up with errors.-->

<CodeSandbox
:libs="xocashLibs"
>

```
import { Address } from '@xocash/stack';

const lockscriptHex = Address.from('bitcoincash:qr2084lauctzarqk20kqlhef8gyneqhceqy75wvw8q').toLockscriptHex();

console.log(lockscriptHex);

// Testing one new line
console.log({
  someText: 'abc'
});
console.info('yep');
```

</CodeSandbox>

## Blockchain Connections

We can have more than one per page too. For example:

<!-- NOTE: It is absolutely crucial you leave a blank line before and after the backticks! Otherwise, you'll end up with errors.-->

<CodeSandbox
:libs="xocashLibs"
>

```
import { BlockchainElectrum } from '@xocash/stack';

const blockchain = new BlockchainElectrum();

await blockchain.start();

const tx = await blockchain.fetchTransaction('a23bbd321067fd039da53f007b26f62591e58e6554b0488d83534c032dbca38b');

console.log('Transaction Hex', tx.toHex());
```

</CodeSandbox>

## Wallet Example

The below demonstrates instantiating a wallet.

<!-- NOTE: It is absolutely crucial you leave a blank line before and after the backticks! Otherwise, you'll end up with errors.-->

<CodeSandbox
:libs="xocashLibs"
>

```
import { BlockchainElectrum, WalletP2PKH } from '@xocash/stack';

const wallet = WalletP2PKH.generateRandom({
  blockchain: new BlockchainElectrum
});

const address = await wallet.getReceivingAddress();

console.log(address.toCashAddr());
```

</CodeSandbox>