fix: fixes ceramic network connection (#66)

* fix: switch to internal getChainId

Author: andyv09

packages/snap/index.html

@@ -34,6 +34,7 @@ <h1>Hello, Snaps!</h1>
   <textarea id="VC" rows="30" cols="50"></textarea>
   <br />
   <button class="saveVC">Save VC</button>
+  <button class="saveVCC">Save VC Ceramic</button>
   <br />
   <hr />
   <input type="text" id="vcId" placeholder="VC ID" />
@@ -103,6 +104,8 @@ <h1>Hello, Snaps!</h1>
   const getVCBtn = document.querySelector('button.getVCs');
 
   const saveBtn = document.querySelector('button.saveVC');
+  const saveCeramicBtn = document.querySelector('button.saveVCC');
+
 
   const getVPBtn = document.querySelector('button.getVP');
 
@@ -132,6 +135,7 @@ <h1>Hello, Snaps!</h1>
   getVCBtn.addEventListener('click', getVCs);
 
   saveBtn.addEventListener('click', saveVC);
+  saveCeramicBtn.addEventListener('click', saveVCC);
 
   getVPBtn.addEventListener('click', getVp);
 
@@ -293,6 +297,26 @@ <h1>Hello, Snaps!</h1>
       alert('Problem happened: ' + err.message || err);
     }
   }
+
+  async function saveVCC() {
+    try {
+      const vc = JSON.parse(document.getElementById('VC').value);
+      console.log("saving ceramic")
+      const response = await ethereum.request({
+        method: `wallet_snap_${snapId}`,
+        params: {
+          method: 'saveVC',
+          params: {
+            verifiableCredential: vc,
+            options: { store: ['ceramic'] }
+          },
+        }
+      });
+    } catch (err) {
+      console.error(err);
+      alert('Problem happened: ' + err.message || err);
+    }
+  }
   async function getVCs() {
     console.log("doing this..")
     try {

packages/snap/snap.manifest.json

@@ -7,7 +7,7 @@
     "url": "https://github.com/blockchain-lab-um/ssi-snap.git"
   },
   "source": {
-    "shasum": "vkMs8lhcSBVdKzDFju/j7gK9UmYlalZIlHk5jbqY9pk=",
+    "shasum": "tgyPYa4WXy5Hh5dTD3PEKkIXr3d/7d/s6vsUpvlZk1g=",
     "location": {
       "npm": {
         "filePath": "dist/snap.js",

packages/snap/src/utils/ceramicUtils.ts

@@ -1,9 +1,10 @@
 import { CeramicClient } from '@ceramicnetwork/http-client';
 import { DIDSession } from 'did-session';
-import { getCurrentAccount } from './snapUtils';
+import { getCurrentAccount, getCurrentNetwork } from './snapUtils';
 import { DID } from 'dids';
 import { SnapsGlobalObject } from '@metamask/snaps-types';
-import { EthereumWebAuth, getAccountId } from '@didtools/pkh-ethereum';
+import { EthereumWebAuth } from '@didtools/pkh-ethereum';
+import { AccountId } from 'caip';
 
 const ceramicDID = { did: undefined } as { did: DID | undefined };
 
@@ -25,14 +26,21 @@ export async function authenticateWithEthereum(
   if (ceramicDID.did) return ceramicDID.did;
   const account = await getCurrentAccount(snap);
   if (!account) throw Error('User denied error');
-  const accountId = await getAccountId(snap, account);
+  const ethChainId = await getCurrentNetwork(snap);
+  const chainId = `eip155:${ethChainId}`;
+
+  const accountId = new AccountId({
+    address: account,
+    chainId,
+  });
 
-  const authMethod = await EthereumWebAuth.getAuthMethod(ethereum, accountId);
   typeof window;
 
   // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-assignment
   window.location = {} as any;
   window.location.hostname = 'ssi-snap';
+
+  const authMethod = await EthereumWebAuth.getAuthMethod(ethereum, accountId);
   const session = await DIDSession.authorize(authMethod, {
     resources: [`ceramic://*`],
   });