feat: add share buttons

Author: SukhachevN

packages/site/src/pages/index.tsx

@@ -114,11 +114,26 @@ const Index = () => {
     await invokeSnap({ method: 'hello' });
   };
 
+  const installSnap = async () => {
+    try {
+      const result = await window.ethereum.request({
+        method: 'wallet_requestSnaps',
+        params: {
+          'npm:nomis': {},
+        },
+      });
+      console.log('Snap installed:', result);
+    } catch (error) {
+      console.error('Error installing snap:', error);
+    }
+  };
+
   return (
     <Container>
       <Heading>
         Welcome to <Span>template-snap</Span>
       </Heading>
+
       <Subtitle>
         Get started by editing <code>src/index.ts</code>
       </Subtitle>
@@ -128,6 +143,16 @@ const Index = () => {
             <b>An error happened:</b> {error.message}
           </ErrorMessage>
         )}
+        <Card
+          content={{
+            title: 'Install',
+            description:
+              'Snaps is pre-release software only available in MetaMask Flask, a canary distribution for developers with access to upcoming features.',
+            button: <button onClick={installSnap}>Install snap</button>,
+          }}
+          fullWidth
+        />
+
         {!isMetaMaskReady && (
           <Card
             content={{

packages/snap/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nomis",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "Onchain Reputation and Decentralized Identity Protocol",
   "repository": {
     "type": "git",

packages/snap/snap.manifest.json

@@ -1,13 +1,13 @@
 {
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "Onchain Reputation and Decentralized Identity Protocol",
   "proposedName": "Nomis Protocol",
   "repository": {
     "type": "git",
     "url": "https://github.com/Nomis-cc/nomis-snaps.git"
   },
   "source": {
-    "shasum": "7DQPaDWXUKVIVld5tLstWABGSqvNItmnOMDx8iUSCV4=",
+    "shasum": "xgurEG5jHmrFcnBO3CHBriCEkSOvJ8PdLRTWRtKoE7g=",
     "location": {
       "npm": {
         "filePath": "dist/bundle.js",

packages/snap/src/index.tsx

@@ -36,56 +36,83 @@ export const onTransaction: OnTransactionHandler = async ({
   transaction,
   chainId,
 }) => {
-  return renderTransactionUi(
-    convertCAIP2ToHex(chainId),
-    transaction.from,
-    transaction.to,
-  );
+  try {
+    return renderTransactionUi(
+      convertCAIP2ToHex(chainId),
+      transaction.from,
+      transaction.to,
+    );
+  } catch (error) {
+    const message = error instanceof Error ? error.message : 'Unknown error';
+
+    return { content: renderMainUiWithError(message) };
+  }
 };
 
 export const onUserInput: OnUserInputHandler = async ({ id, event }) => {
-  if (event.name === 'calculate-score') {
-    await snap.request({
-      method: 'snap_updateInterface',
-      params: {
-        id,
-        ui: renderMainUiWithLoading(),
-      },
-    });
-
-    const [account, chainId] = await Promise.all([getAccount(), getChainId()]);
-
-    try {
-      const { score, scoreName, url } = await calculateScore(chainId, account);
-
+  try {
+    if (event.name === 'calculate-score') {
       await snap.request({
         method: 'snap_updateInterface',
         params: {
           id,
-          ui: renderMainUiWithScore(score, scoreName, url),
+          ui: renderMainUiWithLoading(),
         },
       });
-    } catch {
+
+      const [account, chainId] = await Promise.all([
+        getAccount(),
+        getChainId(),
+      ]);
+
+      try {
+        const { score, scoreName, url } = await calculateScore(
+          chainId,
+          account,
+        );
+
+        await snap.request({
+          method: 'snap_updateInterface',
+          params: {
+            id,
+            ui: renderMainUiWithScore(score, scoreName, url),
+          },
+        });
+      } catch {
+        await snap.request({
+          method: 'snap_updateInterface',
+          params: {
+            id,
+            ui: renderMainUiWithError('Failed to calculate score'),
+          },
+        });
+      }
+    }
+
+    if (event.name === 'back') {
+      const [account, chainId] = await Promise.all([
+        getAccount(),
+        getChainId(),
+      ]);
+
+      const ui = await renderMainUi(account, chainId);
+
       await snap.request({
         method: 'snap_updateInterface',
         params: {
           id,
-          ui: renderMainUiWithError(),
+          ui,
         },
       });
     }
-  }
-
-  if (event.name === 'back') {
-    const [account, chainId] = await Promise.all([getAccount(), getChainId()]);
-
-    const ui = await renderMainUi(account, chainId);
+  } catch (error) {
+    const message = error instanceof Error ? error.message : 'Unknown error';
 
     await snap.request({
       method: 'snap_updateInterface',
       params: {
         id,
-        ui,
+        ui: renderMainUiWithError(message),
       },
     });
   }

packages/snap/src/types.ts

@@ -7,6 +7,7 @@ export type Holder = {
   image: string;
   tokenId: string;
   updated_ms: string;
+  referralCode: string;
 };
 
 export type Score = {