Merge pull request #21 from Nomis-cc/feature/show-recipient-score-on-…

…transaction feat: update dependencies for JSX
Nomis-cc · Aug 6, 2024 · 2b260f7 · 2b260f7
2 parents abca5db + 37529cc
commit 2b260f7
Show file tree

Hide file tree

Showing 8 changed files with 3,857 additions and 3,479 deletions.
diff --git a/packages/snap/.eslintrc.js b/packages/snap/.eslintrc.js
@@ -12,11 +12,25 @@ module.exports = {
     },
 
     {
-      files: ['*.test.ts'],
+      files: ['*.test.ts', '*.test.tsx'],
       rules: {
         '@typescript-eslint/unbound-method': 'off',
       },
     },
+
+    {
+      files: ['**/*.ts', '**/*.tsx'],
+      extends: ['@metamask/eslint-config-typescript'],
+      rules: {
+        // This allows importing the `Text` JSX component.
+        '@typescript-eslint/no-shadow': [
+          'error',
+          {
+            allow: ['Text'],
+          },
+        ],
+      },
+    },
   ],
 
   ignorePatterns: ['!.eslintrc.js', 'dist/'],

diff --git a/packages/snap/package.json b/packages/snap/package.json
@@ -27,7 +27,7 @@
     "test": "jest"
   },
   "dependencies": {
-    "@metamask/snaps-sdk": "^4.0.0",
+    "@metamask/snaps-sdk": "^6.1.1",
     "buffer": "^6.0.3"
   },
   "devDependencies": {
@@ -37,8 +37,8 @@
     "@metamask/eslint-config-jest": "^12.1.0",
     "@metamask/eslint-config-nodejs": "^12.1.0",
     "@metamask/eslint-config-typescript": "^12.1.0",
-    "@metamask/snaps-cli": "^6.1.0",
-    "@metamask/snaps-jest": "^7.0.0",
+    "@metamask/snaps-cli": "^6.2.1",
+    "@metamask/snaps-jest": "^8.2.0",
     "@typescript-eslint/eslint-plugin": "^5.42.1",
     "@typescript-eslint/parser": "^5.42.1",
     "eslint": "^8.45.0",

diff --git a/packages/snap/snap.config.ts b/packages/snap/snap.config.ts
@@ -3,7 +3,7 @@ import { resolve } from 'path';
 
 const config: SnapConfig = {
   bundler: 'webpack',
-  input: resolve(__dirname, 'src/index.ts'),
+  input: resolve(__dirname, 'src/index.tsx'),
   server: {
     port: 8080,
   },

diff --git a/packages/snap/snap.manifest.json b/packages/snap/snap.manifest.json
@@ -7,7 +7,7 @@
     "url": "https://github.com/MetaMask/template-snap-monorepo.git"
   },
   "source": {
-    "shasum": "lKdj2bNf8RHmIe5hUyu+7f+Fwwi1gcj5ypwMkpy1IBo=",
+    "shasum": "EKgxZg2D/EjYdJAZFj9iHIxGTkDUSJtPKd7uXQAYdvk=",
     "location": {
       "npm": {
         "filePath": "dist/bundle.js",

diff --git a/packages/snap/src/index.ts → packages/snap/src/index.tsx b/packages/snap/src/index.ts → packages/snap/src/index.tsx
@@ -79,7 +79,12 @@ export const onUserInput: OnUserInputHandler = async ({ id, event }) => {
         method: 'snap_updateInterface',
         params: {
           id,
-          ui: renderMainUiWithScore(score, scoreName, url),
+          ui: renderMainUiWithScore(
+            score,
+            scoreName,
+            url,
+            `https://nomis.cc/api/snap/score?chainId=${chainId}&address=${account}`,
+          ),
         },
       });
     } catch {

diff --git a/packages/snap/src/ui.ts → packages/snap/src/ui.tsx b/packages/snap/src/ui.ts → packages/snap/src/ui.tsx
@@ -55,10 +55,12 @@ export const renderMainUiWithScore = (
   score: number,
   scoreName: string,
   url: string,
+  link: string,
 ) => {
   return panel([
     heading(`${scoreName} Score: ${Number((score * 100).toFixed(2))}`),
     text(`[Mint your score](https://nomis.cc${url})`),
+    text(link),
     divider(),
     form({
       name: 'back',

diff --git a/packages/snap/tsconfig.json b/packages/snap/tsconfig.json
@@ -1,7 +1,9 @@
 {
   "extends": "../../tsconfig.json",
   "compilerOptions": {
-    "baseUrl": "./"
+    "baseUrl": "./",
+    "jsx": "react-jsx",
+    "jsxImportSource": "@metamask/snaps-sdk"
   },
-  "include": ["**/*.ts"]
+  "include": ["**/*.ts", "**/*.tsx"]
 }