@permissionless/wagmi 0.1.1 → 0.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/README.md +21 -30
- package/_cjs/hooks/useSendTransaction.js +14 -1
- package/_cjs/hooks/useSendTransaction.js.map +1 -1
- package/_esm/hooks/useSendTransaction.js +14 -1
- package/_esm/hooks/useSendTransaction.js.map +1 -1
- package/_types/hooks/useSendTransaction.d.ts.map +1 -1
- package/hooks/useSendTransaction.ts +16 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
package/README.md
CHANGED
|
@@ -1,11 +1,3 @@
|
|
|
1
|
-
---
|
|
2
|
-
showOutline: false
|
|
3
|
-
content:
|
|
4
|
-
width: 100%
|
|
5
|
-
description: Build with ERC-4337 smart accounts, bundlers, paymasters, and user operations
|
|
6
|
-
title: permissionless.js
|
|
7
|
-
---
|
|
8
|
-
|
|
9
1
|
<h1 className='vocs_HomePage_title'>@permissionless/wagmi</h1>
|
|
10
2
|
Enable gas sponsorship and transaction batching for your app with just a couple lines of cod.
|
|
11
3
|
<br />
|
|
@@ -24,19 +16,18 @@ complexity.
|
|
|
24
16
|
# Overview
|
|
25
17
|
|
|
26
18
|
```tsx [main.tsx]
|
|
27
|
-
import { PermissionlessProvider } from "@permissionless/wagmi";
|
|
19
|
+
import { PermissionlessProvider } from "@permissionless/wagmi";
|
|
28
20
|
|
|
29
21
|
function Main() {
|
|
30
22
|
return (
|
|
31
23
|
<WagmiProvider config={config}>
|
|
32
24
|
<QueryClientProvider client={queryClient}>
|
|
33
|
-
<PermissionlessProvider
|
|
34
|
-
capabilities={capabilities}
|
|
25
|
+
<PermissionlessProvider
|
|
26
|
+
capabilities={capabilities}
|
|
35
27
|
>
|
|
36
|
-
// [!code ++] // [!code focus]
|
|
37
28
|
{/** ... */}
|
|
38
|
-
</PermissionlessProvider>
|
|
39
|
-
|
|
29
|
+
</PermissionlessProvider>
|
|
30
|
+
{" "}
|
|
40
31
|
</QueryClientProvider>
|
|
41
32
|
</WagmiProvider>
|
|
42
33
|
);
|
|
@@ -44,31 +35,31 @@ function Main() {
|
|
|
44
35
|
```
|
|
45
36
|
|
|
46
37
|
```tsx [app.tsx]
|
|
47
|
-
import { useSendTransaction, useWaitForTransactionReceipt } from "wagmi"
|
|
48
|
-
import {
|
|
49
|
-
useSendTransaction,
|
|
50
|
-
useWaitForTransactionReceipt
|
|
51
|
-
} from "@permissionless/wagmi"
|
|
38
|
+
import { useSendTransaction, useWaitForTransactionReceipt } from "wagmi"
|
|
39
|
+
import {
|
|
40
|
+
useSendTransaction,
|
|
41
|
+
useWaitForTransactionReceipt
|
|
42
|
+
} from "@permissionless/wagmi"
|
|
52
43
|
|
|
53
44
|
function App() {
|
|
54
45
|
const {
|
|
55
|
-
sendTransaction,
|
|
46
|
+
sendTransaction,
|
|
56
47
|
data: transactionReference,
|
|
57
48
|
isPending
|
|
58
|
-
} = useSendTransaction()
|
|
49
|
+
} = useSendTransaction()
|
|
59
50
|
|
|
60
|
-
const { data: receipt, isPending: isReceiptPending } =
|
|
61
|
-
useWaitForTransactionReceipt({
|
|
62
|
-
hash: "0x1234"
|
|
63
|
-
id: transactionReference
|
|
64
|
-
})
|
|
51
|
+
const { data: receipt, isPending: isReceiptPending } =
|
|
52
|
+
useWaitForTransactionReceipt({
|
|
53
|
+
hash: "0x1234"
|
|
54
|
+
id: transactionReference
|
|
55
|
+
})
|
|
65
56
|
|
|
66
57
|
const sendTransactionCallback = useCallback(async () => {
|
|
67
58
|
console.log("Sending transaction...")
|
|
68
|
-
sendTransaction({
|
|
69
|
-
to: "0xd8da6bf26964af9d7eed9e03e53415d37aa96045",
|
|
70
|
-
data: "0x1234"
|
|
71
|
-
})
|
|
59
|
+
sendTransaction({
|
|
60
|
+
to: "0xd8da6bf26964af9d7eed9e03e53415d37aa96045",
|
|
61
|
+
data: "0x1234"
|
|
62
|
+
})
|
|
72
63
|
}, [sendTransaction])
|
|
73
64
|
|
|
74
65
|
}
|
|
@@ -10,9 +10,22 @@ const sendTransactionMutationOptions = (config, parameters = {}) => {
|
|
|
10
10
|
return {
|
|
11
11
|
mutationFn(variables) {
|
|
12
12
|
if (parameters.capabilities) {
|
|
13
|
+
const client = config.getClient({ chainId: variables.chainId });
|
|
14
|
+
const paymasterServiceUrl = parameters.capabilities
|
|
15
|
+
?.paymasterService?.url
|
|
16
|
+
? parameters.capabilities?.paymasterService?.url
|
|
17
|
+
: parameters.capabilities?.paymasterService[client.chain.id]
|
|
18
|
+
?.url;
|
|
13
19
|
return (0, experimental_1.sendCalls)(config, {
|
|
14
20
|
calls: [variables],
|
|
15
|
-
capabilities:
|
|
21
|
+
capabilities: {
|
|
22
|
+
...parameters.capabilities,
|
|
23
|
+
paymasterService: paymasterServiceUrl
|
|
24
|
+
? {
|
|
25
|
+
url: paymasterServiceUrl
|
|
26
|
+
}
|
|
27
|
+
: undefined
|
|
28
|
+
}
|
|
16
29
|
});
|
|
17
30
|
}
|
|
18
31
|
return (0, core_1.sendTransaction)(config, variables);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useSendTransaction.js","sourceRoot":"","sources":["../../hooks/useSendTransaction.ts"],"names":[],"mappings":";;;AAAA,uDAI8B;AAC9B,sCAA6C;AAC7C,2DAAoD;AAQpD,iCAAqE;AAMrE,yEAAqE;AAErE,MAAM,8BAA8B,GAAG,CACnC,MAAc,EACd,aAEI,EAAE,EACR,EAAE;IACA,OAAO;QACH,UAAU,CAAC,SAAS;YAChB,IAAI,UAAU,CAAC,YAAY,EAAE,CAAC;gBAC1B,OAAO,IAAA,wBAAS,EAAC,MAAM,EAAE;oBACrB,KAAK,EAAE,CAAC,SAAS,CAAC;oBAClB,YAAY,EAAE,UAAU,CAAC,YAAY;
|
|
1
|
+
{"version":3,"file":"useSendTransaction.js","sourceRoot":"","sources":["../../hooks/useSendTransaction.ts"],"names":[],"mappings":";;;AAAA,uDAI8B;AAC9B,sCAA6C;AAC7C,2DAAoD;AAQpD,iCAAqE;AAMrE,yEAAqE;AAErE,MAAM,8BAA8B,GAAG,CACnC,MAAc,EACd,aAEI,EAAE,EACR,EAAE;IACA,OAAO;QACH,UAAU,CAAC,SAAS;YAChB,IAAI,UAAU,CAAC,YAAY,EAAE,CAAC;gBAC1B,MAAM,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,SAAS,CAAC,OAAO,EAAE,CAAC,CAAA;gBAE/D,MAAM,mBAAmB,GAAG,UAAU,CAAC,YAAY;oBAC/C,EAAE,gBAAgB,EAAE,GAAG;oBACvB,CAAC,CAAC,UAAU,CAAC,YAAY,EAAE,gBAAgB,EAAE,GAAG;oBAChD,CAAC,CAAC,UAAU,CAAC,YAAY,EAAE,gBAAgB,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;wBACtD,EAAE,GAAG,CAAA;gBAEf,OAAO,IAAA,wBAAS,EAAC,MAAM,EAAE;oBACrB,KAAK,EAAE,CAAC,SAAS,CAAC;oBAClB,YAAY,EAAE;wBACV,GAAG,UAAU,CAAC,YAAY;wBAC1B,gBAAgB,EAAE,mBAAmB;4BACjC,CAAC,CAAC;gCACI,GAAG,EAAE,mBAAmB;6BAC3B;4BACH,CAAC,CAAC,SAAS;qBAClB;iBACJ,CAAC,CAAA;YACN,CAAC;YAED,OAAO,IAAA,sBAAe,EAAC,MAAM,EAAE,SAAS,CAAoB,CAAA;QAChE,CAAC;QACD,WAAW,EAAE,CAAC,iBAAiB,CAAC;KAKnC,CAAA;AACL,CAAC,CAAA;AA2EM,MAAM,kBAAkB,GAAG,CAI9B,aAA4D,EAAE,EACjB,EAAE;IAC/C,MAAM,EAAE,QAAQ,EAAE,GAAG,UAAU,CAAA;IAC/B,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,mDAAwB,GAAE,CAAA;IAEnD,MAAM,MAAM,GAAG,IAAA,iBAAS,EAAC,UAAU,CAAC,CAAA;IAEpC,MAAM,eAAe,GAAG,8BAA8B,CAAC,MAAM,EAAE;QAC3D,GAAG,UAAU;QACb,YAAY;KACf,CAAC,CAAA;IAEF,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,MAAM,EAAE,GAAG,IAAA,yBAAW,EAAC;QACnD,GAAG,QAAQ;QACX,GAAG,eAAe;KACrB,CAAC,CAAA;IAGF,OAAO;QACH,GAAG,MAAM;QACT,eAAe,EAAE,MAAmC;QACpD,oBAAoB,EAAE,WAA6C;KACtE,CAAA;AACL,CAAC,CAAA;AA3BY,QAAA,kBAAkB,sBA2B9B"}
|
|
@@ -7,9 +7,22 @@ const sendTransactionMutationOptions = (config, parameters = {}) => {
|
|
|
7
7
|
return {
|
|
8
8
|
mutationFn(variables) {
|
|
9
9
|
if (parameters.capabilities) {
|
|
10
|
+
const client = config.getClient({ chainId: variables.chainId });
|
|
11
|
+
const paymasterServiceUrl = parameters.capabilities
|
|
12
|
+
?.paymasterService?.url
|
|
13
|
+
? parameters.capabilities?.paymasterService?.url
|
|
14
|
+
: parameters.capabilities?.paymasterService[client.chain.id]
|
|
15
|
+
?.url;
|
|
10
16
|
return sendCalls(config, {
|
|
11
17
|
calls: [variables],
|
|
12
|
-
capabilities:
|
|
18
|
+
capabilities: {
|
|
19
|
+
...parameters.capabilities,
|
|
20
|
+
paymasterService: paymasterServiceUrl
|
|
21
|
+
? {
|
|
22
|
+
url: paymasterServiceUrl
|
|
23
|
+
}
|
|
24
|
+
: undefined
|
|
25
|
+
}
|
|
13
26
|
});
|
|
14
27
|
}
|
|
15
28
|
return sendTransaction(config, variables);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useSendTransaction.js","sourceRoot":"","sources":["../../hooks/useSendTransaction.ts"],"names":[],"mappings":"AAAA,OAAO,EAGH,WAAW,EACd,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AAQpD,OAAO,EAAsC,SAAS,EAAE,MAAM,OAAO,CAAA;AAMrE,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAA;AAErE,MAAM,8BAA8B,GAAG,CACnC,MAAc,EACd,aAEI,EAAE,EACR,EAAE;IACA,OAAO;QACH,UAAU,CAAC,SAAS;YAChB,IAAI,UAAU,CAAC,YAAY,EAAE,CAAC;gBAC1B,OAAO,SAAS,CAAC,MAAM,EAAE;oBACrB,KAAK,EAAE,CAAC,SAAS,CAAC;oBAClB,YAAY,EAAE,UAAU,CAAC,YAAY;
|
|
1
|
+
{"version":3,"file":"useSendTransaction.js","sourceRoot":"","sources":["../../hooks/useSendTransaction.ts"],"names":[],"mappings":"AAAA,OAAO,EAGH,WAAW,EACd,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AAQpD,OAAO,EAAsC,SAAS,EAAE,MAAM,OAAO,CAAA;AAMrE,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAA;AAErE,MAAM,8BAA8B,GAAG,CACnC,MAAc,EACd,aAEI,EAAE,EACR,EAAE;IACA,OAAO;QACH,UAAU,CAAC,SAAS;YAChB,IAAI,UAAU,CAAC,YAAY,EAAE,CAAC;gBAC1B,MAAM,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,SAAS,CAAC,OAAO,EAAE,CAAC,CAAA;gBAE/D,MAAM,mBAAmB,GAAG,UAAU,CAAC,YAAY;oBAC/C,EAAE,gBAAgB,EAAE,GAAG;oBACvB,CAAC,CAAC,UAAU,CAAC,YAAY,EAAE,gBAAgB,EAAE,GAAG;oBAChD,CAAC,CAAC,UAAU,CAAC,YAAY,EAAE,gBAAgB,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;wBACtD,EAAE,GAAG,CAAA;gBAEf,OAAO,SAAS,CAAC,MAAM,EAAE;oBACrB,KAAK,EAAE,CAAC,SAAS,CAAC;oBAClB,YAAY,EAAE;wBACV,GAAG,UAAU,CAAC,YAAY;wBAC1B,gBAAgB,EAAE,mBAAmB;4BACjC,CAAC,CAAC;gCACI,GAAG,EAAE,mBAAmB;6BAC3B;4BACH,CAAC,CAAC,SAAS;qBAClB;iBACJ,CAAC,CAAA;YACN,CAAC;YAED,OAAO,eAAe,CAAC,MAAM,EAAE,SAAS,CAAoB,CAAA;QAChE,CAAC;QACD,WAAW,EAAE,CAAC,iBAAiB,CAAC;KAKnC,CAAA;AACL,CAAC,CAAA;AA2ED,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAI9B,aAA4D,EAAE,EACjB,EAAE;IAC/C,MAAM,EAAE,QAAQ,EAAE,GAAG,UAAU,CAAA;IAC/B,MAAM,EAAE,YAAY,EAAE,GAAG,wBAAwB,EAAE,CAAA;IAEnD,MAAM,MAAM,GAAG,SAAS,CAAC,UAAU,CAAC,CAAA;IAEpC,MAAM,eAAe,GAAG,8BAA8B,CAAC,MAAM,EAAE;QAC3D,GAAG,UAAU;QACb,YAAY;KACf,CAAC,CAAA;IAEF,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,MAAM,EAAE,GAAG,WAAW,CAAC;QACnD,GAAG,QAAQ;QACX,GAAG,eAAe;KACrB,CAAC,CAAA;IAGF,OAAO;QACH,GAAG,MAAM;QACT,eAAe,EAAE,MAAmC;QACpD,oBAAoB,EAAE,WAA6C;KACtE,CAAA;AACL,CAAC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useSendTransaction.d.ts","sourceRoot":"","sources":["../../hooks/useSendTransaction.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,KAAK,aAAa,EAGrB,MAAM,uBAAuB,CAAA;AAG9B,OAAO,KAAK,EACR,QAAQ,EACR,wBAAwB,EAG3B,MAAM,MAAM,CAAA;AACb,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAC3D,OAAO,EAAE,KAAK,MAAM,EAAE,KAAK,gBAAgB,EAAa,MAAM,OAAO,CAAA;AACrE,OAAO,KAAK,EACR,wBAAwB,EACxB,qBAAqB,EACrB,qBAAqB,EACxB,MAAM,aAAa,CAAA;
|
|
1
|
+
{"version":3,"file":"useSendTransaction.d.ts","sourceRoot":"","sources":["../../hooks/useSendTransaction.ts"],"names":[],"mappings":"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"}
|
|
@@ -29,9 +29,24 @@ const sendTransactionMutationOptions = <config extends Config>(
|
|
|
29
29
|
return {
|
|
30
30
|
mutationFn(variables) {
|
|
31
31
|
if (parameters.capabilities) {
|
|
32
|
+
const client = config.getClient({ chainId: variables.chainId })
|
|
33
|
+
|
|
34
|
+
const paymasterServiceUrl = parameters.capabilities
|
|
35
|
+
?.paymasterService?.url
|
|
36
|
+
? parameters.capabilities?.paymasterService?.url
|
|
37
|
+
: parameters.capabilities?.paymasterService[client.chain.id]
|
|
38
|
+
?.url
|
|
39
|
+
|
|
32
40
|
return sendCalls(config, {
|
|
33
41
|
calls: [variables],
|
|
34
|
-
capabilities:
|
|
42
|
+
capabilities: {
|
|
43
|
+
...parameters.capabilities,
|
|
44
|
+
paymasterService: paymasterServiceUrl
|
|
45
|
+
? {
|
|
46
|
+
url: paymasterServiceUrl
|
|
47
|
+
}
|
|
48
|
+
: undefined
|
|
49
|
+
}
|
|
35
50
|
})
|
|
36
51
|
}
|
|
37
52
|
|