deep-stack/wallet-connect-web-examples
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: gets eth_signTypedData working with web3js

Browse Source
This commit is contained in:
Ben Kremer 2022-02-21 14:15:53 +01:00
parent 240d874562
commit 68655234b4
1 changed files with 61 additions and 56 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

117
dapps/react-dapp-v2-with-web3js/src/App.tsx
View File

@ -167,66 +167,71 @@ export default function App() {
}; };
}; };
// FIXME: need `web3.currentProvider.sendAsync` method for `signTypedData`, but EthereumProvider const testSignTypedData: () => Promise<IFormattedRpcResponse> = async () => {
// doesn't seem to have it implemented? if (!web3Provider) {
// e.g. https://docs.metamask.io/guide/signing-data.html#sign-typed-data-v4 throw new Error("web3Provider not connected");
}
if (!web3Provider.currentProvider) {
throw new Error("web3Provider.currentProvider is not set");
}
// const testSignTypedData: () => Promise<IFormattedRpcResponse> = async () => { const typedData = {
// if (!web3Provider) { types: {
// throw new Error("web3Provider not connected"); Person: [
// } { name: "name", type: "string" },
{ name: "wallet", type: "address" },
],
Mail: [
{ name: "from", type: "Person" },
{ name: "to", type: "Person" },
{ name: "contents", type: "string" },
],
},
primaryType: "Mail",
domain: {
name: "Ether Mail",
version: "1",
chainId: 1,
verifyingContract: "0xCcCCccccCCCCcCCCCCCcCcCccCcCCCcCcccccccC",
},
message: {
from: {
name: "Cow",
wallet: "0xCD2a3d9F938E13CD947Ec05AbC7FE734Df8DD826",
},
to: {
name: "Bob",
wallet: "0xbBbBBBBbbBBBbbbBbbBbbbbBBbBbbbbBbBbbBBbB",
},
contents: "Hello, Bob!",
},
};
// const typedData = { const message = JSON.stringify(typedData);
// types: {
// Person: [
// { name: "name", type: "string" },
// { name: "wallet", type: "address" },
// ],
// Mail: [
// { name: "from", type: "Person" },
// { name: "to", type: "Person" },
// { name: "contents", type: "string" },
// ],
// },
// primaryType: "Mail",
// domain: {
// name: "Ether Mail",
// version: "1",
// chainId: 1,
// verifyingContract: "0xCcCCccccCCCCcCCCCCCcCcCccCcCCCcCcccccccC",
// },
// message: {
// from: {
// name: "Cow",
// wallet: "0xCD2a3d9F938E13CD947Ec05AbC7FE734Df8DD826",
// },
// to: {
// name: "Bob",
// wallet: "0xbBbBBBBbbBBBbbbBbbBbbbbBBbBbbbbBbBbbBBbB",
// },
// contents: "Hello, Bob!",
// },
// };
// const message = JSON.stringify(typedData); const [address] = await web3Provider.eth.getAccounts();
// const [address] = await web3Provider.eth.getAccounts(); // eth_signTypedData params
const params = [address, message];
// // eth_signTypedData params // FIXME:
// const params = [address, message]; // Property 'request' does not exist on type 'string | HttpProvider | IpcProvider | WebsocketProvider | AbstractProvider'.
// Property 'request' does not exist on type 'string'.ts(2339)
// // send message // @ts-expect-error
// const signature = await web3Provider.eth.signTypedData("eth_signTypedData", params); const signature = await web3Provider.currentProvider.request({
// const valid = method: "eth_signTypedData",
// utils.verifyTypedData(typedData.domain, typedData.types, typedData.message, signature) === params,
// address; });
// return { const valid =
// method: "eth_signTypedData", utils.verifyTypedData(typedData.domain, typedData.types, typedData.message, signature) ===
// address, address;
// valid, return {
// result: signature, method: "eth_signTypedData",
// }; address,
// }; valid,
result: signature,
};
};
const getEthereumActions = (): AccountAction[] => { const getEthereumActions = (): AccountAction[] => {
const wrapRpcRequest = (rpcRequest: () => Promise<IFormattedRpcResponse>) => async () => { const wrapRpcRequest = (rpcRequest: () => Promise<IFormattedRpcResponse>) => async () => {
@ -247,7 +252,7 @@ export default function App() {
{ method: "eth_signTransaction", callback: wrapRpcRequest(testSignTransaction) }, { method: "eth_signTransaction", callback: wrapRpcRequest(testSignTransaction) },
{ method: "personal_sign", callback: wrapRpcRequest(testSignMessage) }, { method: "personal_sign", callback: wrapRpcRequest(testSignMessage) },
{ method: "eth_sign (standard)", callback: wrapRpcRequest(testEthSign) }, { method: "eth_sign (standard)", callback: wrapRpcRequest(testEthSign) },
// { method: "eth_signTypedData", callback: wrapRpcRequest(testSignTypedData) }, { method: "eth_signTypedData", callback: wrapRpcRequest(testSignTypedData) },
]; ];
}; };