Add Home Page

packages/onchaintrust-snap/snap.config.ts

@@ -2,7 +2,7 @@ import type { SnapConfig } from '@metamask/snaps-cli';
 import { resolve } from 'path';
 
 const config: SnapConfig = {
-  input: resolve(__dirname, 'src/index.ts'),
+  input: resolve(__dirname, 'src/index.tsx'),
   server: {
     port: 8080,
   },

packages/onchaintrust-snap/snap.manifest.json

@@ -7,7 +7,7 @@
     "url": "https://github.com/OnChainTrust/onchaintrust-snap.git"
   },
   "source": {
-    "shasum": "+S9dM+erS0GOV1AWm2MxKJVJfvigx6knvyF15zGU3HM=",
+    "shasum": "E0NYWHnFys84r72pOYrCa2M3ZsyNVYYfyQMPAMJ0naI=",
     "location": {
       "npm": {
         "filePath": "dist/bundle.js",
@@ -21,7 +21,8 @@
     "endowment:transaction-insight": {
       "allowTransactionOrigin": true
     },
-    "endowment:network-access": {}
+    "endowment:network-access": {},
+    "endowment:page-home": {}
   },
   "platformVersion": "9.2.0",
   "manifestVersion": "0.1"

packages/onchaintrust-snap/src/index.tsx

@@ -0,0 +1,58 @@
+import type {
+  OnTransactionHandler,
+  OnHomePageHandler,
+} from '@metamask/snaps-sdk';
+import { SeverityLevel } from '@metamask/snaps-sdk';
+import { Box, Link, Text, Divider, Section } from '@metamask/snaps-sdk/jsx';
+
+import { requestUiDefinition } from './api';
+import { renderUI, errorElements } from './ui';
+
+export const onTransaction: OnTransactionHandler = async ({
+  transactionOrigin,
+  chainId,
+  transaction,
+}) => {
+  const result = await requestUiDefinition(
+    transaction.to ?? '',
+    transactionOrigin ?? '',
+    chainId,
+  );
+
+  const ui = result.ok
+    ? result.data.ui
+    : errorElements('Unable to load data. Please try again later.');
+
+  const content = renderUI(ui);
+
+  return result.ok && result.data.severity === 'critical'
+    ? { content, severity: SeverityLevel.Critical }
+    : { content };
+};
+
+export const onHomePage: OnHomePageHandler = async () => {
+  return {
+    content: (
+      <Box>
+        <Section>
+          <Text>Make your web3-interactions safer and more transparent.</Text>
+          <Text>
+            Protect your assets with advanced security checks and real-time
+            insights before every transaction.
+          </Text>
+          <Link href="https://onchaintrust.org">Learn more</Link>
+        </Section>
+        <Divider />
+        <Section>
+          <Text>
+            Do you run a Web3 application? Keep your users safe with
+            OnChainTrust.
+          </Text>
+          <Link href="https://app.onchaintrust.org/protection">
+            Verify your domain and enable protection
+          </Link>
+        </Section>
+      </Box>
+    ),
+  };
+};