Skip to content

Commit 92cc310

Browse files
abdelkrimdevabdelkrimdev
authored
Merge pull request #73 from MeshJS/plutus-minting
Plutus Minting
2 parents 9998d62 + b9f5f1f commit 92cc310

File tree

75 files changed

+2044
-577
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

75 files changed

+2044
-577
lines changed

‎packages/demo/components/common/connectCipWallet.tsx

Lines changed: 4 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -1,32 +1,9 @@
1-
import Button from '../ui/button';
2-
import useWallet from '../../contexts/wallet';
1+
import { CardanoWallet, useWalletList } from '@meshsdk/react';
32

43
export default function ConnectCipWallet() {
5-
const { connecting, walletNameConnected, connectWallet, availableWallets } = useWallet();
6-
4+
const wallets = useWalletList();
5+
const hasAvailableWallets = wallets.length > 0;
76
return (
8-
<>
9-
{availableWallets
10-
? availableWallets.length == 0
11-
? 'No wallets installed'
12-
: availableWallets.map((wallet, i) => (
13-
<Button
14-
key={i}
15-
onClick={() => connectWallet(wallet.name)}
16-
style={
17-
walletNameConnected == wallet.name
18-
? 'success'
19-
: connecting
20-
? 'warning'
21-
: 'light'
22-
}
23-
disabled={connecting || walletNameConnected == wallet.name}
24-
>
25-
<img src={`${wallet.icon}`} className="m-0 mr-2 w-6 h-6" />
26-
Connect with {wallet.name}
27-
</Button>
28-
))
29-
: ''}
30-
</>
7+
<>{hasAvailableWallets ? <CardanoWallet /> : <>No wallets installed</>}</>
318
);
329
}

‎packages/demo/components/common/fetchSelectAssets.tsx

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,14 @@
11
import type { AssetExtended } from '@meshsdk/core';
22
import { useEffect, useState } from 'react';
3-
import useWallet from '../../contexts/wallet';
3+
import { useWallet } from '@meshsdk/react';
44
import Button from '../ui/button';
55

66
export default function FetchSelectAssets({
77
index,
88
selectedAssets,
99
selectAssetFn,
1010
}) {
11-
const { wallet, walletConnected, connecting } = useWallet();
11+
const { wallet, connected, connecting } = useWallet();
1212
const [loadingAssets, setLoadingAssets] = useState<boolean>(false);
1313
const [walletAssets, setWalletAssets] = useState<AssetExtended[]>([
1414
{
@@ -34,13 +34,13 @@ export default function FetchSelectAssets({
3434
setWalletAssets(assets);
3535
setLoadingAssets(false);
3636
}
37-
if (walletConnected) {
37+
if (connected) {
3838
init();
3939
}
40-
}, [walletConnected]);
40+
}, [connected]);
4141

4242
useEffect(() => {
43-
if (connecting && !walletConnected) {
43+
if (connecting && !connected) {
4444
setWalletAssets([]);
4545
}
4646
}, [connecting]);

‎packages/demo/components/pages/apis/browserwallet/connectWallet.tsx

Lines changed: 7 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,8 @@
11
import Codeblock from '../../../ui/codeblock';
22
import Card from '../../../ui/card';
33
import SectionTwoCol from '../../../common/sectionTwoCol';
4-
import useWallet from '../../../../contexts/wallet';
4+
import { useWallet, useWalletList } from '@meshsdk/react';
5+
56
import ConnectCipWallet from '../../../common/connectCipWallet';
67

78
export default function ConnectWallet() {
@@ -35,16 +36,18 @@ function Left() {
3536
}
3637

3738
function Right() {
38-
const { hasAvailableWallets, walletNameConnected } = useWallet();
39+
const { name } = useWallet();
40+
const wallets = useWalletList();
41+
const hasAvailableWallets = wallets.length > 0;
3942
return (
4043
<Card>
4144
<Codeblock
4245
data={`const wallet = await BrowserWallet.enable('${
43-
walletNameConnected ? walletNameConnected : 'eternl'
46+
name ? name : 'eternl'
4447
}');`}
4548
isJson={false}
4649
/>
47-
{hasAvailableWallets && <ConnectCipWallet />}
50+
{<ConnectCipWallet />}
4851
</Card>
4952
);
5053
}

‎packages/demo/components/pages/apis/browserwallet/getAssets.tsx

Lines changed: 23 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ import Card from '../../../ui/card';
44
import RunDemoButton from '../../../common/runDemoButton';
55
import RunDemoResult from '../../../common/runDemoResult';
66
import SectionTwoCol from '../../../common/sectionTwoCol';
7-
import useWallet from '../../../../contexts/wallet';
7+
import { useWallet } from '@meshsdk/react';
88
import ConnectCipWallet from '../../../common/connectCipWallet';
99

1010
export default function GetAssets() {
@@ -19,17 +19,35 @@ export default function GetAssets() {
1919
}
2020

2121
function Left() {
22+
let codeSample = `[\n`;
23+
codeSample += ` {\n`;
24+
codeSample += ` "unit": "1207329a668cf5c42b80a220a8c85d5e82ac0b6f5ecedda4c07a8acc4d657368486f6e6f72546f6b656e2d3530343935",\n`;
25+
codeSample += ` "policyId": "1207329a668cf5c42b80a220a8c85d5e82ac0b6f5ecedda4c07a8acc",\n`;
26+
codeSample += ` "assetName": "Mesh Token Of Appreciation",\n`;
27+
codeSample += ` "fingerprint": "asset1dw74h0w0meqg9cxkc9sezp8zqcxu8nl93fzfpz",\n`;
28+
codeSample += ` "quantity": "1"\n`;
29+
codeSample += ` }\n`;
30+
codeSample += ` {\n`;
31+
codeSample += ` "unit": "9c8e9da7f81e3ca90485f32ebefc98137c8ac260a072a00c4aaf142d4d657368546f6b656e",\n`;
32+
codeSample += ` "policyId": "9c8e9da7f81e3ca90485f32ebefc98137c8ac260a072a00c4aaf142d",\n`;
33+
codeSample += ` "assetName": "MeshToken",\n`;
34+
codeSample += ` "fingerprint": "asset177e7535dclmkkph8ewt9fsghllkwmpspa3n98p",\n`;
35+
codeSample += ` "quantity": "10"\n`;
36+
codeSample += ` }\n`;
37+
codeSample += `]\n`;
38+
2239
return (
2340
<>
24-
<p>Returns a list of assets in wallet excluding lovelace.</p>
41+
<p>Returns a list of assets in wallet excluding lovelace, example:</p>
42+
<Codeblock data={codeSample} isJson={false} />
2543
</>
2644
);
2745
}
2846

2947
function Right() {
3048
const [loading, setLoading] = useState<boolean>(false);
3149
const [response, setResponse] = useState<null | any>(null);
32-
const { wallet, walletConnected, hasAvailableWallets } = useWallet();
50+
const { wallet, connected } = useWallet();
3351

3452
async function runDemo() {
3553
setLoading(true);
@@ -44,7 +62,7 @@ function Right() {
4462
data={`const assets = await wallet.getAssets();`}
4563
isJson={false}
4664
/>
47-
{walletConnected ? (
65+
{connected ? (
4866
<>
4967
<RunDemoButton
5068
runDemoFn={runDemo}
@@ -54,7 +72,7 @@ function Right() {
5472
<RunDemoResult response={response} />
5573
</>
5674
) : (
57-
hasAvailableWallets && <ConnectCipWallet />
75+
<ConnectCipWallet />
5876
)}
5977
</Card>
6078
</>

‎packages/demo/components/pages/apis/browserwallet/getBalance.tsx

Lines changed: 22 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,8 @@ import Card from '../../../ui/card';
44
import RunDemoButton from '../../../common/runDemoButton';
55
import RunDemoResult from '../../../common/runDemoResult';
66
import SectionTwoCol from '../../../common/sectionTwoCol';
7-
import useWallet from '../../../../contexts/wallet';
7+
import { useWallet } from '@meshsdk/react';
8+
89
import ConnectCipWallet from '../../../common/connectCipWallet';
910

1011
export default function GetBalance() {
@@ -19,20 +20,36 @@ export default function GetBalance() {
1920
}
2021

2122
function Left() {
23+
let codeSample = `[\n`;
24+
codeSample += ` {\n`;
25+
codeSample += ` "unit": "lovelace",\n`;
26+
codeSample += ` "quantity": "796105407"\n`;
27+
codeSample += ` },\n`;
28+
codeSample += ` {\n`;
29+
codeSample += ` "unit": "0f5560dbc05282e05507aedb02d823d9d9f0e583cce579b81f9d1cd8",\n`;
30+
codeSample += ` "quantity": "1"\n`;
31+
codeSample += ` },\n`;
32+
codeSample += ` {\n`;
33+
codeSample += ` "unit": "9c8e9da7f81e3ca90485f32ebefc98137c8ac260a072a00c4aaf142d4d657368546f6b656e",\n`;
34+
codeSample += ` "quantity": "2"\n`;
35+
codeSample += ` },\n`;
36+
codeSample += `]\n`;
37+
2238
return (
2339
<>
2440
<p>
2541
Returns a list of assets in the wallet. This API will return every
26-
assets in the wallet.
42+
assets in the wallet, example:
2743
</p>
44+
<Codeblock data={codeSample} isJson={false} />
2845
</>
2946
);
3047
}
3148

3249
function Right() {
3350
const [loading, setLoading] = useState<boolean>(false);
3451
const [response, setResponse] = useState<null | any>(null);
35-
const { wallet, walletConnected, hasAvailableWallets } = useWallet();
52+
const { wallet, connected } = useWallet();
3653

3754
async function runDemo() {
3855
setLoading(true);
@@ -47,7 +64,7 @@ function Right() {
4764
data={`const balance = await wallet.getBalance();`}
4865
isJson={false}
4966
/>
50-
{walletConnected ? (
67+
{connected ? (
5168
<>
5269
<RunDemoButton
5370
runDemoFn={runDemo}
@@ -57,7 +74,7 @@ function Right() {
5774
<RunDemoResult response={response} />
5875
</>
5976
) : (
60-
hasAvailableWallets && <ConnectCipWallet />
77+
<ConnectCipWallet />
6178
)}
6279
</Card>
6380
</>

‎packages/demo/components/pages/apis/browserwallet/getChangeAddress.tsx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ import Card from '../../../ui/card';
44
import RunDemoButton from '../../../common/runDemoButton';
55
import RunDemoResult from '../../../common/runDemoResult';
66
import SectionTwoCol from '../../../common/sectionTwoCol';
7-
import useWallet from '../../../../contexts/wallet';
7+
import { useWallet } from '@meshsdk/react';
88
import ConnectCipWallet from '../../../common/connectCipWallet';
99

1010
export default function GetChangeAddress() {
@@ -33,7 +33,7 @@ function Left() {
3333
function Right() {
3434
const [loading, setLoading] = useState<boolean>(false);
3535
const [response, setResponse] = useState<null | any>(null);
36-
const { wallet, walletConnected, hasAvailableWallets } = useWallet();
36+
const { wallet, connected } = useWallet();
3737

3838
async function runDemo() {
3939
setLoading(true);
@@ -48,7 +48,7 @@ function Right() {
4848
data={`const changeAddress = await wallet.getChangeAddress();`}
4949
isJson={false}
5050
/>
51-
{walletConnected ? (
51+
{connected ? (
5252
<>
5353
<RunDemoButton
5454
runDemoFn={runDemo}
@@ -58,7 +58,7 @@ function Right() {
5858
<RunDemoResult response={response} />
5959
</>
6060
) : (
61-
hasAvailableWallets && <ConnectCipWallet />
61+
<ConnectCipWallet />
6262
)}
6363
</Card>
6464
</>

‎packages/demo/components/pages/apis/browserwallet/getLovelace.tsx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ import Card from '../../../ui/card';
44
import RunDemoButton from '../../../common/runDemoButton';
55
import RunDemoResult from '../../../common/runDemoResult';
66
import SectionTwoCol from '../../../common/sectionTwoCol';
7-
import useWallet from '../../../../contexts/wallet';
7+
import { useWallet } from '@meshsdk/react';
88
import ConnectCipWallet from '../../../common/connectCipWallet';
99

1010
export default function GetLovelace() {
@@ -29,7 +29,7 @@ function Left() {
2929
function Right() {
3030
const [loading, setLoading] = useState<boolean>(false);
3131
const [response, setResponse] = useState<null | any>(null);
32-
const { wallet, walletConnected, hasAvailableWallets } = useWallet();
32+
const { wallet, connected } = useWallet();
3333

3434
async function runDemo() {
3535
setLoading(true);
@@ -44,7 +44,7 @@ function Right() {
4444
data={`const lovelace = await wallet.getLovelace();`}
4545
isJson={false}
4646
/>
47-
{walletConnected ? (
47+
{connected ? (
4848
<>
4949
<RunDemoButton
5050
runDemoFn={runDemo}
@@ -54,7 +54,7 @@ function Right() {
5454
<RunDemoResult response={response} />
5555
</>
5656
) : (
57-
hasAvailableWallets && <ConnectCipWallet />
57+
<ConnectCipWallet />
5858
)}
5959
</Card>
6060
</>

‎packages/demo/components/pages/apis/browserwallet/getNetworkId.tsx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ import Card from '../../../ui/card';
44
import RunDemoButton from '../../../common/runDemoButton';
55
import RunDemoResult from '../../../common/runDemoResult';
66
import SectionTwoCol from '../../../common/sectionTwoCol';
7-
import useWallet from '../../../../contexts/wallet';
7+
import { useWallet } from '@meshsdk/react';
88
import ConnectCipWallet from '../../../common/connectCipWallet';
99

1010
export default function GetNetworkId() {
@@ -34,7 +34,7 @@ function Left() {
3434
function Right() {
3535
const [loading, setLoading] = useState<boolean>(false);
3636
const [response, setResponse] = useState<null | any>(null);
37-
const { wallet, walletConnected, hasAvailableWallets } = useWallet();
37+
const { wallet, connected } = useWallet();
3838

3939
async function runDemo() {
4040
setLoading(true);
@@ -49,7 +49,7 @@ function Right() {
4949
data={`const networkId = await wallet.getNetworkId();`}
5050
isJson={false}
5151
/>
52-
{walletConnected ? (
52+
{connected ? (
5353
<>
5454
<RunDemoButton
5555
runDemoFn={runDemo}
@@ -59,7 +59,7 @@ function Right() {
5959
<RunDemoResult response={response} />
6060
</>
6161
) : (
62-
hasAvailableWallets && <ConnectCipWallet />
62+
<ConnectCipWallet />
6363
)}
6464
</Card>
6565
</>

‎packages/demo/components/pages/apis/browserwallet/getPolicyIdAssets.tsx

Lines changed: 12 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ import Card from '../../../ui/card';
44
import RunDemoButton from '../../../common/runDemoButton';
55
import RunDemoResult from '../../../common/runDemoResult';
66
import SectionTwoCol from '../../../common/sectionTwoCol';
7-
import useWallet from '../../../../contexts/wallet';
7+
import { useWallet } from '@meshsdk/react';
88
import ConnectCipWallet from '../../../common/connectCipWallet';
99
import Input from '../../../ui/input';
1010

@@ -37,7 +37,7 @@ function Left({ policyId }) {
3737
function Right({ policyId, setPolicyId }) {
3838
const [loading, setLoading] = useState<boolean>(false);
3939
const [response, setResponse] = useState<null | any>(null);
40-
const { wallet, walletConnected, hasAvailableWallets } = useWallet();
40+
const { wallet, connected } = useWallet();
4141

4242
async function runDemo() {
4343
setLoading(true);
@@ -57,21 +57,18 @@ function Right({ policyId, setPolicyId }) {
5757
data={`const assets = await wallet.getPolicyIdAssets('${policyId}');`}
5858
isJson={false}
5959
/>
60-
{hasAvailableWallets && (
60+
61+
{connected ? (
6162
<>
62-
{walletConnected ? (
63-
<>
64-
<RunDemoButton
65-
runDemoFn={runDemo}
66-
loading={loading}
67-
response={response}
68-
/>
69-
<RunDemoResult response={response} />
70-
</>
71-
) : (
72-
<ConnectCipWallet />
73-
)}
63+
<RunDemoButton
64+
runDemoFn={runDemo}
65+
loading={loading}
66+
response={response}
67+
/>
68+
<RunDemoResult response={response} />
7469
</>
70+
) : (
71+
<ConnectCipWallet />
7572
)}
7673
</Card>
7774
);

0 commit comments

Comments
 (0)