Merge pull request #89 from MeshJS/fetchAssetAddresses

Fetch asset addresses
MeshJS · Feb 4, 2023 · e759d68 · e759d68 · vercel · Feb 4, 2023
2 parents 0269936 + ed7ab75
commit e759d68
Show file tree

Hide file tree

Showing 30 changed files with 314 additions and 12 deletions.
diff --git a/packages/demo/components/pages/apis/appwallet/generateWallet.tsx b/packages/demo/components/pages/apis/appwallet/generateWallet.tsx
@@ -60,6 +60,12 @@ function Right() {
   return (
     <>
       <Card>
+        <div className="p-5 text-lg font-semibold text-left text-gray-900 bg-white dark:text-white dark:bg-gray-800">
+          Generate Wallet
+          <p className="mt-1 text-sm font-normal text-gray-500 dark:text-gray-400">
+            Generate new mnemonic phrases for your wallet
+          </p>
+        </div>
         <RunDemoButton
           runDemoFn={runDemoGetMnemonic}
           loading={loading}

diff --git a/packages/demo/components/pages/apis/browserwallet/connectWallet.tsx b/packages/demo/components/pages/apis/browserwallet/connectWallet.tsx
@@ -37,10 +37,16 @@ function Left() {
 
 function Right() {
   const { name } = useWallet();
-  const wallets = useWalletList();
-  const hasAvailableWallets = wallets.length > 0;
+
   return (
     <Card>
+      <div className="p-5 text-lg font-semibold text-left text-gray-900 bg-white dark:text-white dark:bg-gray-800">
+        Connect Wallet
+        <p className="mt-1 text-sm font-normal text-gray-500 dark:text-gray-400">
+          Connect to a CIP30 compatible wallet
+        </p>
+      </div>
+
       <Codeblock
         data={`const wallet = await BrowserWallet.enable('${
           name ? name : 'eternl'

diff --git a/packages/demo/components/pages/apis/browserwallet/getAssets.tsx b/packages/demo/components/pages/apis/browserwallet/getAssets.tsx
@@ -58,6 +58,12 @@ function Right() {
   return (
     <>
       <Card>
+        <div className="p-5 text-lg font-semibold text-left text-gray-900 bg-white dark:text-white dark:bg-gray-800">
+          Get Assets
+          <p className="mt-1 text-sm font-normal text-gray-500 dark:text-gray-400">
+            Get assets in the connected wallet
+          </p>
+        </div>
         <Codeblock
           data={`const assets = await wallet.getAssets();`}
           isJson={false}

diff --git a/packages/demo/components/pages/apis/browserwallet/getBalance.tsx b/packages/demo/components/pages/apis/browserwallet/getBalance.tsx
@@ -60,6 +60,12 @@ function Right() {
   return (
     <>
       <Card>
+        <div className="p-5 text-lg font-semibold text-left text-gray-900 bg-white dark:text-white dark:bg-gray-800">
+          Get Balance
+          <p className="mt-1 text-sm font-normal text-gray-500 dark:text-gray-400">
+            Get all assets in the connected wallet
+          </p>
+        </div>
         <Codeblock
           data={`const balance = await wallet.getBalance();`}
           isJson={false}

diff --git a/packages/demo/components/pages/apis/browserwallet/getChangeAddress.tsx b/packages/demo/components/pages/apis/browserwallet/getChangeAddress.tsx
@@ -44,6 +44,12 @@ function Right() {
   return (
     <>
       <Card>
+        <div className="p-5 text-lg font-semibold text-left text-gray-900 bg-white dark:text-white dark:bg-gray-800">
+          Get Change Address
+          <p className="mt-1 text-sm font-normal text-gray-500 dark:text-gray-400">
+            Get address that should be used for transaction's change
+          </p>
+        </div>
         <Codeblock
           data={`const changeAddress = await wallet.getChangeAddress();`}
           isJson={false}

diff --git a/packages/demo/components/pages/apis/browserwallet/getInstalledWallets.tsx b/packages/demo/components/pages/apis/browserwallet/getInstalledWallets.tsx
@@ -10,7 +10,7 @@ export default function GetInstalledWallets() {
   return (
     <SectionTwoCol
       sidebarTo="getInstallWallets"
-      header="Get installed wallets"
+      header="Get Installed Wallets"
       leftFn={Left()}
       rightFn={Right()}
     />
@@ -41,6 +41,12 @@ function Right() {
   }
   return (
     <Card>
+      <div className="p-5 text-lg font-semibold text-left text-gray-900 bg-white dark:text-white dark:bg-gray-800">
+        Get Installed Wallets
+        <p className="mt-1 text-sm font-normal text-gray-500 dark:text-gray-400">
+          Get a list of wallets on user's device
+        </p>
+      </div>
       <Codeblock data={`BrowserWallet.getInstalledWallets();`} isJson={false} />
       <RunDemoButton
         runDemoFn={runDemo}

diff --git a/packages/demo/components/pages/apis/browserwallet/getLovelace.tsx b/packages/demo/components/pages/apis/browserwallet/getLovelace.tsx
@@ -40,6 +40,12 @@ function Right() {
   return (
     <>
       <Card>
+        <div className="p-5 text-lg font-semibold text-left text-gray-900 bg-white dark:text-white dark:bg-gray-800">
+          Get Lovelace
+          <p className="mt-1 text-sm font-normal text-gray-500 dark:text-gray-400">
+            Get amount of ADA in connected wallet
+          </p>
+        </div>
         <Codeblock
           data={`const lovelace = await wallet.getLovelace();`}
           isJson={false}

diff --git a/packages/demo/components/pages/apis/browserwallet/getNetworkId.tsx b/packages/demo/components/pages/apis/browserwallet/getNetworkId.tsx
@@ -45,6 +45,12 @@ function Right() {
   return (
     <>
       <Card>
+        <div className="p-5 text-lg font-semibold text-left text-gray-900 bg-white dark:text-white dark:bg-gray-800">
+          Get Network ID
+          <p className="mt-1 text-sm font-normal text-gray-500 dark:text-gray-400">
+            Get currently connected network
+          </p>
+        </div>
         <Codeblock
           data={`const networkId = await wallet.getNetworkId();`}
           isJson={false}

diff --git a/packages/demo/components/pages/apis/browserwallet/getPolicyIdAssets.tsx b/packages/demo/components/pages/apis/browserwallet/getPolicyIdAssets.tsx
@@ -47,6 +47,12 @@ function Right({ policyId, setPolicyId }) {
   }
   return (
     <Card>
+      <div className="p-5 text-lg font-semibold text-left text-gray-900 bg-white dark:text-white dark:bg-gray-800">
+        Get a Collection of Assets
+        <p className="mt-1 text-sm font-normal text-gray-500 dark:text-gray-400">
+          Get a list of assets belonging to the policy ID
+        </p>
+      </div>
       <Input
         value={policyId}
         onChange={(e) => setPolicyId(e.target.value)}

diff --git a/packages/demo/components/pages/apis/browserwallet/getPolicyIds.tsx b/packages/demo/components/pages/apis/browserwallet/getPolicyIds.tsx
@@ -40,6 +40,12 @@ function Right() {
   return (
     <>
       <Card>
+        <div className="p-5 text-lg font-semibold text-left text-gray-900 bg-white dark:text-white dark:bg-gray-800">
+          Get Policy IDs
+          <p className="mt-1 text-sm font-normal text-gray-500 dark:text-gray-400">
+            Get a list of policy IDs from all assets in wallet
+          </p>
+        </div>
         <Codeblock
           data={`const policyIds = await wallet.getPolicyIds();`}
           isJson={false}

diff --git a/packages/demo/components/pages/apis/browserwallet/getRewardAddresses.tsx b/packages/demo/components/pages/apis/browserwallet/getRewardAddresses.tsx
@@ -40,6 +40,12 @@ function Right() {
   return (
     <>
       <Card>
+        <div className="p-5 text-lg font-semibold text-left text-gray-900 bg-white dark:text-white dark:bg-gray-800">
+          Get Reward Addresses
+          <p className="mt-1 text-sm font-normal text-gray-500 dark:text-gray-400">
+            Get stake addresses
+          </p>
+        </div>
         <Codeblock
           data={`const rewardAddresses = await wallet.getRewardAddresses();`}
           isJson={false}

diff --git a/packages/demo/components/pages/apis/browserwallet/getUnusedAddresses.tsx b/packages/demo/components/pages/apis/browserwallet/getUnusedAddresses.tsx
@@ -40,6 +40,12 @@ function Right() {
   return (
     <>
       <Card>
+        <div className="p-5 text-lg font-semibold text-left text-gray-900 bg-white dark:text-white dark:bg-gray-800">
+          Get Unused Addresses
+          <p className="mt-1 text-sm font-normal text-gray-500 dark:text-gray-400">
+            Get addresses that are unused
+          </p>
+        </div>
         <Codeblock
           data={`const unusedAddresses = await wallet.getUnusedAddresses();`}
           isJson={false}

diff --git a/packages/demo/components/pages/apis/browserwallet/getUsedAddresses.tsx b/packages/demo/components/pages/apis/browserwallet/getUsedAddresses.tsx
@@ -40,6 +40,12 @@ function Right() {
   return (
     <>
       <Card>
+        <div className="p-5 text-lg font-semibold text-left text-gray-900 bg-white dark:text-white dark:bg-gray-800">
+          Get Used Addresses
+          <p className="mt-1 text-sm font-normal text-gray-500 dark:text-gray-400">
+            Get addresses that are used
+          </p>
+        </div>
         <Codeblock
           data={`const usedAddresses = await wallet.getUsedAddresses();`}
           isJson={false}

diff --git a/packages/demo/components/pages/apis/browserwallet/getUtxos.tsx b/packages/demo/components/pages/apis/browserwallet/getUtxos.tsx
@@ -44,6 +44,12 @@ function Right() {
   return (
     <>
       <Card>
+        <div className="p-5 text-lg font-semibold text-left text-gray-900 bg-white dark:text-white dark:bg-gray-800">
+          Get UTXOs
+          <p className="mt-1 text-sm font-normal text-gray-500 dark:text-gray-400">
+            Get UTXOs of the connected wallet
+          </p>
+        </div>
         <Codeblock
           data={`const utxos = await wallet.getUtxos();`}
           isJson={false}

diff --git a/packages/demo/components/pages/apis/browserwallet/signData.tsx b/packages/demo/components/pages/apis/browserwallet/signData.tsx
@@ -68,6 +68,12 @@ function Right(payload, setPayload) {
 
   return (
     <Card>
+      <div className="p-5 text-lg font-semibold text-left text-gray-900 bg-white dark:text-white dark:bg-gray-800">
+        Sign Data
+        <p className="mt-1 text-sm font-normal text-gray-500 dark:text-gray-400">
+          Use connected wallet to sign a payload
+        </p>
+      </div>
       <Input
         value={payload}
         onChange={(e) => setPayload(e.target.value)}

diff --git a/packages/demo/components/pages/apis/browserwallet/signTx.tsx b/packages/demo/components/pages/apis/browserwallet/signTx.tsx
@@ -31,6 +31,12 @@ function Left() {
 function Right() {
   return (
     <Card>
+      <div className="p-5 text-lg font-semibold text-left text-gray-900 bg-white dark:text-white dark:bg-gray-800">
+        Sign Transaction
+        <p className="mt-1 text-sm font-normal text-gray-500 dark:text-gray-400">
+          Use connected wallet to sign a transaction
+        </p>
+      </div>
       <Codeblock
         data={`const signedTx = await wallet.signTx(tx, partialSign?);`}
         isJson={false}

diff --git a/packages/demo/components/pages/apis/browserwallet/submitTx.tsx b/packages/demo/components/pages/apis/browserwallet/submitTx.tsx
@@ -31,6 +31,12 @@ function Left() {
 function Right() {
   return (
     <Card>
+      <div className="p-5 text-lg font-semibold text-left text-gray-900 bg-white dark:text-white dark:bg-gray-800">
+        Submit Transaction
+        <p className="mt-1 text-sm font-normal text-gray-500 dark:text-gray-400">
+          Use connected wallet to submit a transaction
+        </p>
+      </div>
       <Codeblock
         data={`const txHash = await wallet.submitTx(signedTx);`}
         isJson={false}

diff --git a/packages/demo/components/pages/providers/evaluator/evaluateTx.tsx b/packages/demo/components/pages/providers/evaluator/evaluateTx.tsx
@@ -119,10 +119,14 @@ export function evaluateTxRight({ evaluator }) {
   return (
     <>
       <Card>
-        <p>
-          Unlock an asset from the always succeed to check how much it takes to
-          execute this transaction.
-        </p>
+        <div className="p-5 text-lg font-semibold text-left text-gray-900 bg-white dark:text-white dark:bg-gray-800">
+          Evaluate Transaction
+          <p className="mt-1 text-sm font-normal text-gray-500 dark:text-gray-400">
+            Unlock an asset from the always succeed to check how much it takes
+            to execute this transaction.
+          </p>
+        </div>
+
         {connected ? (
           <>
             <RunDemoButton

diff --git a/packages/demo/components/pages/providers/fetcher.tsx b/packages/demo/components/pages/providers/fetcher.tsx
@@ -32,6 +32,10 @@ import {
   fetchBlockInfoLeft,
   fetchBlockInfoRight,
 } from './fetchers/fetchBlockInfo';
+import {
+  fetchCollectionAssetsLeft,
+  fetchCollectionAssetsRight,
+} from './fetchers/fetchCollectionAssets';
 
 export default function Fetcher({ fetcher, fetcherName }) {
   const { wallet, connected } = useWallet();
@@ -65,6 +69,10 @@ export default function Fetcher({ fetcher, fetcherName }) {
   const [block, setBlock] = useState<string>(
     '79f60880b097ec7dabb81f75f0b52fedf5e922d4f779a11c0c432dcf22c56089'
   );
+  const [policyId, setPolicyId] = useState<string>(
+    'd9312da562da182b02322fd8acb536f37eb9d29fba7c49dc17255527'
+  );
+  const [cursor, setCursor] = useState<string>('1');
 
   // useEffect(() => {
   //   async function init() {
@@ -164,6 +172,25 @@ export default function Fetcher({ fetcher, fetcherName }) {
         badge={<BadgeFetcher />}
       />
 
+      <SectionTwoCol
+        sidebarTo="fetchCollectionAssets"
+        header="fetchCollectionAssets"
+        leftFn={fetchCollectionAssetsLeft({
+          fetcherName,
+          policyId,
+          cursor,
+        })}
+        rightFn={fetchCollectionAssetsRight({
+          fetcher,
+          policyId,
+          setPolicyId,
+          cursor,
+          setCursor,
+        })}
+        isH3={true}
+        badge={<BadgeFetcher />}
+      />
+
       <SectionTwoCol
         sidebarTo="fetchHandleAddress"
         header="fetchHandleAddress"

diff --git a/packages/demo/components/pages/providers/fetchers/fetchAccountInfo.tsx b/packages/demo/components/pages/providers/fetchers/fetchAccountInfo.tsx
@@ -6,7 +6,7 @@ import Codeblock from '../../../ui/codeblock';
 import Input from '../../../ui/input';
 
 export function fetchAccountInfoLeft({ fetcherName, fetchAccountInfoAddress }) {
-  let code1 = `await ${fetcherName}.fetchAddressUTxOs(\n`;
+  let code1 = `await ${fetcherName}.fetchAccountInfo(\n`;
   code1 += `  '${fetchAccountInfoAddress}',\n`;
   code1 += `)`;
   return (

diff --git a/packages/demo/components/pages/providers/fetchers/fetchAssetAddresses.tsx b/packages/demo/components/pages/providers/fetchers/fetchAssetAddresses.tsx
@@ -9,7 +9,7 @@ export function fetchAssetAddressesLeft({
   fetcherName,
   fetchAssetAddressesAsset,
 }) {
-  let code1 = `await ${fetcherName}.fetchAssetAddress(\n`;
+  let code1 = `await ${fetcherName}.fetchAssetAddresses(\n`;
   code1 += `  '${fetchAssetAddressesAsset}',\n`;
   code1 += `)`;
   return (