samuelandert.eth/auth.andert.me
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fixed dynamic authSig bug

Browse Source
This commit is contained in:
Samuel Andert 2023-07-20 19:14:57 +02:00
parent 141834dac8
commit 940b4c3c45
1 changed files with 22 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
src/lib/WalletConnect.svelte
View File

@ -1,36 +1,38 @@
<script> <script>
import { onMount } from 'svelte'; import { onMount } from 'svelte';
import { PKPClient } from '@lit-protocol/pkp-client'; import { PKPClient } from '@lit-protocol/pkp-client';
import { PKPWalletConnect } from '@lit-protocol/pkp-walletconnect'; import { PKPWalletConnect } from '@lit-protocol/pkp-walletconnect';
import { checkAndSignAuthMessage } from '@lit-protocol/lit-node-client';
const CONTROLLER_AUTHSIG = { let authSig;
sig: '0xace8d4a052d437cb834393e6a41c2ff0f2a3c877b0961fad94cca74cb9adb1be192a869b7f41bbeb2b073cef29bf2aa8f0aa8f0796c5b9bf3a4ad6a44b3997b21b',
derivedVia: 'web3.eth.personal.sign',
signedMessage:
'localhost:5173 wants you to sign in with your Ethereum account:\n0x1A5cfC9EA11afb50011F847fb7dC07bA1e18b05A\n\n\nURI: http://localhost:5173/\nVersion: 1\nChain ID: 100\nNonce: s5u4vZcvFgQHN17ns\nIssued At: 2023-07-20T13:30:44.566Z\nExpiration Time: 2023-07-27T13:30:43.591Z',
address: '0x1a5cfc9ea11afb50011f847fb7dc07ba1e18b05a'
};
let uri = ''; let uri = '';
const PKP_PUBKEY = const PKP_PUBKEY =
'046da3ba67065fd1e2726242ca01cd4601524893f4aa4b0042578fa6cbec28fa8c9a28eb9f7893932fc09717edc9e1db57e157a21eed346247c1db5a722a01f571'; '046da3ba67065fd1e2726242ca01cd4601524893f4aa4b0042578fa6cbec28fa8c9a28eb9f7893932fc09717edc9e1db57e157a21eed346247c1db5a722a01f571';
async function generateAuthSig() {
authSig = await checkAndSignAuthMessage({ chain: 'xdai' });
console.log('Generated authSig:', authSig);
}
// Set up PKP client // Set up PKP client
const pkpClient = new PKPClient({ const pkpClient = new PKPClient({
controllerAuthSig: CONTROLLER_AUTHSIG, controllerAuthSig: authSig,
pkpPubKey: PKP_PUBKEY pkpPubKey: PKP_PUBKEY
}); });
// Set up PKP WalletConnect
const pkpWalletConnect = new PKPWalletConnect(); const pkpWalletConnect = new PKPWalletConnect();
// Initialize PKPClient async function initializePKPClient(authSig) {
async function initializePKPClient() { // Set up PKP client using the provided authSig
const pkpClient = new PKPClient({
controllerAuthSig: authSig,
pkpPubKey: PKP_PUBKEY
});
await pkpClient.connect(); await pkpClient.connect();
pkpWalletConnect.addPKPClient(pkpClient); pkpWalletConnect.addPKPClient(pkpClient);
} }
// Initialize WalletConnect
async function initializeWalletConnect() { async function initializeWalletConnect() {
const config = { const config = {
projectId: '7db8ca514b865088d90cebec1bf28318', projectId: '7db8ca514b865088d90cebec1bf28318',
@ -44,18 +46,13 @@
await pkpWalletConnect.initWalletConnect(config); await pkpWalletConnect.initWalletConnect(config);
} }
// Get initialized SignClient
function getSignClient() { function getSignClient() {
return pkpWalletConnect.getSignClient(); return pkpWalletConnect.getSignClient();
} }
// Event listeners
function onSessionProposal(proposal) { function onSessionProposal(proposal) {
console.log('Received session proposal: ', proposal); console.log('Received session proposal: ', proposal);
// Accept session proposal
pkpWalletConnect.approveSessionProposal(proposal).then(() => { pkpWalletConnect.approveSessionProposal(proposal).then(() => {
// Print active sessions
const sessions = Object.values(pkpWalletConnect.getActiveSessions()); const sessions = Object.values(pkpWalletConnect.getActiveSessions());
for (const session of sessions) { for (const session of sessions) {
const { name, url } = session.peer.metadata; const { name, url } = session.peer.metadata;
@ -67,13 +64,10 @@
function onSessionRequest(requestEvent) { function onSessionRequest(requestEvent) {
console.log('Received session request: ', requestEvent); console.log('Received session request: ', requestEvent);
const { topic, params } = requestEvent; const { topic, params } = requestEvent;
const { request } = params; const { request } = params;
const requestSession = getSignClient().session.get(topic); const requestSession = getSignClient().session.get(topic);
const { name, url } = requestSession.peer.metadata; const { name, url } = requestSession.peer.metadata;
// Accept session request
console.log(`\nApproving ${request.method} request for session ${name} (${url})...\n`); console.log(`\nApproving ${request.method} request for session ${name} (${url})...\n`);
pkpWalletConnect.approveSessionRequest(requestEvent).then(() => { pkpWalletConnect.approveSessionRequest(requestEvent).then(() => {
console.log(`Check the ${name} dapp to confirm whether the request was approved`); console.log(`Check the ${name} dapp to confirm whether the request was approved`);
@ -82,34 +76,33 @@
} }
function onSessionDelete(event) { function onSessionDelete(event) {
// React to session delete event
console.log(`Session deleted ${JSON.stringify(event)}`); console.log(`Session deleted ${JSON.stringify(event)}`);
console.log('\n' + '*'.repeat(50) + '\n'); console.log('\n' + '*'.repeat(50) + '\n');
} }
// Connect to dapp
function connectToDapp(uri) { function connectToDapp(uri) {
// Pair using given URI
console.log(`Received URI: ${uri}`); console.log(`Received URI: ${uri}`);
pkpWalletConnect.pair({ uri: uri }).then(() => { pkpWalletConnect.pair({ uri: uri }).then(() => {
// Print number of pairings
console.log(`Number of pairings: ${getSignClient().core.pairing.pairings.values.length}`); console.log(`Number of pairings: ${getSignClient().core.pairing.pairings.values.length}`);
console.log('\n' + '*'.repeat(50) + '\n'); console.log('\n' + '*'.repeat(50) + '\n');
}); });
} }
onMount(async () => { onMount(async () => {
await initializePKPClient(); // Generate authSig first
await generateAuthSig();
// Now pass it to initializePKPClient
await initializePKPClient(authSig);
await initializeWalletConnect(); await initializeWalletConnect();
// Set up event listeners
pkpWalletConnect.on('session_proposal', onSessionProposal); pkpWalletConnect.on('session_proposal', onSessionProposal);
pkpWalletConnect.on('session_request', onSessionRequest); pkpWalletConnect.on('session_request', onSessionRequest);
getSignClient().on('session_delete', onSessionDelete); getSignClient().on('session_delete', onSessionDelete);
const uri = '';
const uri = ''; // Set the initial URI value here
connectToDapp(uri); connectToDapp(uri);
}); });
function handleConnect() { function handleConnect() {
connectToDapp(uri); connectToDapp(uri);
} }