keyHash, use the{" "}
deserializeAddress(). To get the slot, use the{" "}
resolveSlotNo(). Check out{" "}
- Resolvers on how to use these
+ Resolvers on how to use these
functions.
diff --git a/apps/playground/src/pages/apis/transaction/staking/register-stake.tsx b/apps/playground/src/pages/apis/transaction/staking/register-stake.tsx index 1a15e163..830c378c 100644 --- a/apps/playground/src/pages/apis/transaction/staking/register-stake.tsx +++ b/apps/playground/src/pages/apis/transaction/staking/register-stake.tsx @@ -50,7 +50,7 @@ function Left() {
New address must "register" before they can delegate to stakepools. To
check if a reward address has been register, use{" "}
-
+
blockchainProvider.fetchAccountInfo(rewardAddress)
. For example this account information, active shows the
diff --git a/apps/playground/src/pages/apis/wallets/browserwallet/sign-data.tsx b/apps/playground/src/pages/apis/wallets/browserwallet/sign-data.tsx
index 52eca320..0372b1c0 100644
--- a/apps/playground/src/pages/apis/wallets/browserwallet/sign-data.tsx
+++ b/apps/playground/src/pages/apis/wallets/browserwallet/sign-data.tsx
@@ -49,7 +49,7 @@ function Left() {
Continue reading this{" "}
-
+
guide
{" "}
to learn how to verify the signature.
diff --git a/apps/playground/src/pages/apis/wallets/meshwallet/sign-data.tsx b/apps/playground/src/pages/apis/wallets/meshwallet/sign-data.tsx
index f41cfeaf..337a4f8d 100644
--- a/apps/playground/src/pages/apis/wallets/meshwallet/sign-data.tsx
+++ b/apps/playground/src/pages/apis/wallets/meshwallet/sign-data.tsx
@@ -43,7 +43,7 @@ function Left() {
Continue reading this{" "} - + guide {" "} to learn how to verify the signature. diff --git a/apps/playground/src/pages/guides/aiken.mdx b/apps/playground/src/pages/guides/aiken.mdx index c4220d2d..51a105bd 100644 --- a/apps/playground/src/pages/guides/aiken.mdx +++ b/apps/playground/src/pages/guides/aiken.mdx @@ -74,7 +74,7 @@ You can read more about this example on the [Aiken website](https://aiken-lang.o ### Create a new project -First, we will create a new project. Please refer to [this guide](https://meshjs.dev/guides/nextjs) for more information on creating a new Next.js project. +First, we will create a new project. Please refer to [this guide](/guides/nextjs) for more information on creating a new Next.js project. Next, we create a new Aiken project within this project folder: diff --git a/apps/playground/src/pages/guides/custom-provider.mdx b/apps/playground/src/pages/guides/custom-provider.mdx index 70453c31..a5283c49 100644 --- a/apps/playground/src/pages/guides/custom-provider.mdx +++ b/apps/playground/src/pages/guides/custom-provider.mdx @@ -14,7 +14,7 @@ export default function MDXPage({ children }) { ); } -As of writing (Dec 2022), Mesh offers a few options: [Blockfrost](https://blockfrost.io/) or [Koios](https://www.koios.rest/) (see a list of [Providers](https://meshjs.dev/providers)). These blockchain providers allow developers to access the Cardano blockchain and retrieve intricate data. For example, they can be used to query the UTXO of a smart contract and use it as part of a transaction, or to submit a signed transaction to the chain. +As of writing (Dec 2022), Mesh offers a few options: [Blockfrost](https://blockfrost.io/) or [Koios](https://www.koios.rest/) (see a list of [Providers](/providers)). These blockchain providers allow developers to access the Cardano blockchain and retrieve intricate data. For example, they can be used to query the UTXO of a smart contract and use it as part of a transaction, or to submit a signed transaction to the chain. You can customize a provider to utilize GraphQL, cardano-cli, or websocket with Mesh SDK. Whatever the query method used to obtain the data, it will work perfectly with Mesh SDK so long as the output of the function is compatible with the interface. diff --git a/apps/playground/src/pages/guides/minting-on-nodejs.mdx b/apps/playground/src/pages/guides/minting-on-nodejs.mdx index 5153aa79..11a0974c 100644 --- a/apps/playground/src/pages/guides/minting-on-nodejs.mdx +++ b/apps/playground/src/pages/guides/minting-on-nodejs.mdx @@ -14,7 +14,7 @@ export default function MDXPage({ children }) { ); } -In this guide, we will be minting some assets with **AppWallet** on Node.js. +In this guide, we will be minting some assets with **MeshWallet** on Node.js. ## System setup @@ -125,7 +125,7 @@ Lets create a file named **main.ts** and import the packages we need and the fil ``` import { - AppWallet, + MeshWallet, Transaction, ForgeScript, BlockfrostProvider, @@ -155,7 +155,7 @@ const blockfrostKey = 'BLOCKFROST_KEY_HERE'; ### 5\. Build the minting transaction -In this guide, we are building a minting transaction, but it could be any transactions. [Learn more about Transaction](https://meshjs.dev/apis/transaction). +In this guide, we are building a minting transaction, but it could be any transactions. [Learn more about Transaction](/apis/transaction). Firstly, we need a blockchain provider, in this guide, we will import **BlockfrostProvider**, but you can use other providers as well: @@ -163,10 +163,10 @@ Firstly, we need a blockchain provider, in this guide, we will import **Blockfro const blockchainProvider = new BlockfrostProvider(blockfrostKey); ``` -Next, lets initialize the **AppWallet** and its forging script. In this example, we initialize using CLI generated keys, but you can also load your wallet with private key and mnemonic phrases. [Learn more about AppWallet](https://meshjs.dev/apis/appwallet). +Next, lets initialize the **MeshWallet** and its forging script. In this example, we initialize using CLI generated keys, but you can also load your wallet with private key and mnemonic phrases. [Learn more about MeshWallet](/apis/wallets/meshwallet). ``` -const wallet = new AppWallet({ +const wallet = new MeshWallet({ networkId: networkId, fetcher: blockchainProvider, submitter: blockchainProvider, @@ -182,7 +182,7 @@ const walletAddress = wallet.getPaymentAddress(); const forgingScript = ForgeScript.withOneSignature(walletAddress); ``` -Then, lets create a new **Transaction**, loop through each recipient, and mint an assets with **mintAsset** ([Learn more about minting transactions](https://meshjs.dev/apis/transaction)): +Then, lets create a new **Transaction**, loop through each recipient, and mint an assets with **mintAsset** ([Learn more about minting transactions](/apis/transaction)): ``` const tx = new Transaction({ initiator: wallet }); diff --git a/apps/playground/src/pages/guides/multisig-minting/index.mdx b/apps/playground/src/pages/guides/multisig-minting/index.mdx index a4f87901..b41644cb 100644 --- a/apps/playground/src/pages/guides/multisig-minting/index.mdx +++ b/apps/playground/src/pages/guides/multisig-minting/index.mdx @@ -18,7 +18,7 @@ export default function MDXPage({ children }) { ); } -A multi-signature (multi-sig) transaction requires more than one user to sign a transaction prior to the transaction being broadcast on a blockchain. You can think of it like a husband and wife savings account, where both signatures are required to spend the funds, preventing one spouse from spending the money without the approval of the other. For a multi-sig transaction, you can include 2 or more required signers, these signers can be wallets ([Browser Wallet](https://meshjs.dev/apis/wallets/browserwallet) or [Mesh Wallet](https://meshjs.dev/apis/wallets/meshwallet)) or Plutus script. +A multi-signature (multi-sig) transaction requires more than one user to sign a transaction prior to the transaction being broadcast on a blockchain. You can think of it like a husband and wife savings account, where both signatures are required to spend the funds, preventing one spouse from spending the money without the approval of the other. For a multi-sig transaction, you can include 2 or more required signers, these signers can be wallets ([Browser Wallet](/apis/wallets/browserwallet) or [Mesh Wallet](/apis/wallets/meshwallet)) or Plutus script. In this guide, we will build a multi-sig transaction for minting. There are 2 wallets involved, @@ -77,7 +77,7 @@ In this section, we will build the minting transaction. In this guide, we won't be showing how to set up RESTful APIs and backend servers. There are thousands of tutorials on YouTube, we recommend building your backend server with [Vercel API](https://vercel.com/docs/rest-api) or [NestJs](https://www.youtube.com/results?search_query=nestjs) or [ExpressJs](https://www.youtube.com/results?search_query=expressjs). -First, we initialize a [blockchain provider](https://meshjs.dev/providers) and [`Mesh Wallet`](https://meshjs.dev/apis/wallets/meshwallet). In this example, we use mnemonic to restore our wallet, but you can initialize a wallet with mnemonic phrases, private keys, and Cardano CLI generated keys. +First, we initialize a [blockchain provider](/providers) and [`Mesh Wallet`](/apis/wallets/meshwallet). In this example, we use mnemonic to restore our wallet, but you can initialize a wallet with mnemonic phrases, private keys, and Cardano CLI generated keys. ``` const blockchainProvider = new BlockfrostProvider( @@ -95,7 +95,7 @@ const meshWallet = new MeshWallet({ }); ``` -Next, let's define the forging script, here we used the first wallet address, but you can also define using `NativeScript`, see [Transaction - Minting assets](https://meshjs.dev/apis/transaction/minting): +Next, let's define the forging script, here we used the first wallet address, but you can also define using `NativeScript`, see [Transaction - Minting assets](/apis/transaction/minting): ``` const meshWalletAddress = meshWallet.getChangeAddress(); diff --git a/apps/playground/src/pages/guides/nextjs.mdx b/apps/playground/src/pages/guides/nextjs.mdx index d838ece4..70315fd9 100644 --- a/apps/playground/src/pages/guides/nextjs.mdx +++ b/apps/playground/src/pages/guides/nextjs.mdx @@ -97,7 +97,7 @@ You just saved a few weeks of learning and a number days trying to get started. React context is an essential tool for building web applications. It allow you to easily share state in your applications, so you can use the data in any component within the app. This means that when the user has connected their wallet, visiting different pages on the app ensure their wallet is still connected. -Open **pages/\_app.tsx**, import and include [**MeshProvider**](https://meshjs.dev/react/getting-started). Your **\_app.tsx** should look similar to this: +Open **pages/\_app.tsx**, import and include [**MeshProvider**](/react/getting-started). Your **\_app.tsx** should look similar to this: ``` import "../styles/globals.css"; @@ -118,7 +118,7 @@ export default MyApp; ### 2. Add connect wallet component and check wallet's assets -Lets add the [connect wallet component](https://meshjs.dev/react/ui-components) to allow users to connect wallets they have installed on their device. Connecting to wallets will ask the user for permission if not granted, and proceed to connect the selected wallet. +Lets add the [connect wallet component](/react/ui-components) to allow users to connect wallets they have installed on their device. Connecting to wallets will ask the user for permission if not granted, and proceed to connect the selected wallet. Lastly, we link those components together, allowing users to choose a wallet to connect, and query for assets in the wallet with **wallet.getAssets()**. @@ -187,8 +187,10 @@ npm run dev Visit [http://localhost:3000](http://localhost:3000/) to connect available wallets and view the assets in wallet. +If you do not have any assets in your wallet, you can receive test ADA (tADA) from the [official faucet](https://docs.cardano.org/cardano-testnets/tools/faucet/). + If you are new to Cardano, you will first have to download one of the Cardano wallets. _Tall Nupinks_ has written a detailed [Cardano Wallets 101](https://cutedumborcs.substack.com/p/cardano-wallets-101) guide to help you understand the fundamentals of a Cardano wallet, including its features and how it works. With this guide, you will be able to make an informed decision on the best Cardano wallet for your needs. ### 3. Try on your own -Implement another component to display wallet's address and the amount of lovelace in your Next.js application. Check out the [wallet](https://meshjs.dev/apis/browserwallet) page for more details. +Implement another component to display wallet's address and the amount of lovelace in your Next.js application. Check out the [wallet](/apis/wallets/browserwallet) page for more details. diff --git a/apps/playground/src/pages/guides/smart-contract-transactions.mdx b/apps/playground/src/pages/guides/smart-contract-transactions.mdx index 65226093..3d8734ad 100644 --- a/apps/playground/src/pages/guides/smart-contract-transactions.mdx +++ b/apps/playground/src/pages/guides/smart-contract-transactions.mdx @@ -139,7 +139,7 @@ const datumConstr: Data = { }; ``` -For cancel, update and purchase endpoints, we need the UTxO in the script address as inputs to create the transaction. We use **fetchAddressUTxOs()** from one of the [providers](https://meshjs.dev/providers) to query for UTxOs that contain the asset of our interest. Next, we filter the UTxO list by the datum hash, which we can get from the datum with **resolveDataHash()** (see [resolvers](https://meshjs.dev/apis/resolvers)). Here is the implementation for **\_getAssetUtxo()**, to get the UTxO in the script address that consists of the listed asset, and we use the datum hash to filter and get the correct UTxO for the transaction's input: +For cancel, update and purchase endpoints, we need the UTxO in the script address as inputs to create the transaction. We use **fetchAddressUTxOs()** from one of the [providers](/providers) to query for UTxOs that contain the asset of our interest. Next, we filter the UTxO list by the datum hash, which we can get from the datum with **resolveDataHash()** (see [resolvers](/apis/utilities/resolvers)). Here is the implementation for **\_getAssetUtxo()**, to get the UTxO in the script address that consists of the listed asset, and we use the datum hash to filter and get the correct UTxO for the transaction's input: ``` async function _getAssetUtxo({ scriptAddress, asset, datum }) { diff --git a/apps/playground/src/pages/guides/standalone.mdx b/apps/playground/src/pages/guides/standalone.mdx index e2b799e5..405a2642 100644 --- a/apps/playground/src/pages/guides/standalone.mdx +++ b/apps/playground/src/pages/guides/standalone.mdx @@ -114,7 +114,7 @@ Explanation: ### Run Your Application -In the code, you must replace `YOUR\_KEY\_HERE` with a valid blockfrost key, and replace the mnemonic words with your own. You can visit [Blockfrost](https://blockfrost.io/) to get a free API key, and generate a new mnemonic key from the [Mesh website](https://meshjs.dev/apis/appwallet#generateWallet). +In the code, you must replace `YOUR\_KEY\_HERE` with a valid blockfrost key, and replace the mnemonic words with your own. You can visit [Blockfrost](https://blockfrost.io/) to get a free API key, and generate a new mnemonic key from the [Mesh website](/apis/wallets/meshwallet#generateWallet). Finally, start your application by running this command: diff --git a/apps/playground/src/pages/react/ui-components/connect-wallet.tsx b/apps/playground/src/pages/react/ui-components/connect-wallet.tsx index ded9131c..e627e8b0 100644 --- a/apps/playground/src/pages/react/ui-components/connect-wallet.tsx +++ b/apps/playground/src/pages/react/ui-components/connect-wallet.tsx @@ -57,7 +57,7 @@ function Left() {
Add this CardanoWallet to allow the user to select a wallet to connect to your dApp. After the wallet is connected, see{" "} - Browser Wallet for a list of + Browser Wallet for a list of CIP-30 APIs.
diff --git a/apps/playground/src/pages/react/wallet-hooks/use-wallet.tsx b/apps/playground/src/pages/react/wallet-hooks/use-wallet.tsx index d1f7dbb5..3d0ba802 100644 --- a/apps/playground/src/pages/react/wallet-hooks/use-wallet.tsx +++ b/apps/playground/src/pages/react/wallet-hooks/use-wallet.tsx @@ -30,7 +30,7 @@ function Left() {
wallet is a{" "}
- Browser Wallet instance, which
+ Browser Wallet instance, which
expose all CIP wallets functions from getting assets to signing
tranasction.