nebula interface

Author: arcoraven

apps/dashboard/package.json

@@ -45,7 +45,6 @@
     "@radix-ui/react-separator": "^1.1.1",
     "@radix-ui/react-slot": "^1.1.1",
     "@radix-ui/react-switch": "^1.1.2",
-    "@radix-ui/react-tabs": "^1.1.2",
     "@radix-ui/react-tooltip": "1.1.7",
     "@sentry/nextjs": "8.51.0",
     "@shazow/whatsabi": "^0.19.0",

apps/dashboard/src/app/(dashboard)/hackweek/[chain_id]/[address]/actions/createNebulaSession.ts

@@ -0,0 +1,40 @@
+"use server";
+import assert from "node:assert";
+import { DASHBOARD_THIRDWEB_SECRET_KEY } from "@/constants/env";
+
+export async function createNebulaSesssion(args: {
+  chainId: number;
+  address: string;
+}): Promise<string> {
+  try {
+    const { NEXT_PUBLIC_NEBULA_URL } = process.env;
+    assert(NEXT_PUBLIC_NEBULA_URL, "NEXT_PUBLIC_NEBULA_URL is not set");
+    const { chainId, address } = args;
+
+    const response = await fetch(`${NEXT_PUBLIC_NEBULA_URL}/session`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${DASHBOARD_THIRDWEB_SECRET_KEY}`,
+      },
+      body: JSON.stringify({
+        title: `Wallet Overview - ${chainId}:${address}`,
+        context_filter: {
+          chainIds: [chainId],
+          walletAddresses: [address],
+        },
+      }),
+    });
+    if (!response.ok) {
+      throw new Error(
+        `Unexpected status ${response.status}: ${await response.text()}`,
+      );
+    }
+
+    const data = await response.json();
+    return data.result.id;
+  } catch (error) {
+    console.error("Error creating Nebula session:", error);
+    throw error;
+  }
+}

apps/dashboard/src/app/(dashboard)/hackweek/[chain_id]/[address]/actions/fetchERC20Tokens.ts

@@ -3,14 +3,58 @@
 import assert from "node:assert";
 import type { TokenDetails } from "../hooks/useGetERC20Tokens";
 
+// "native_tokens": [
+//   {
+//     "token_id": "ethereum.native",
+//     "name": "Ether",
+//     "symbol": "ETH",
+//     "decimals": 18,
+//     "chain": "ethereum",
+//     "total_quantity": 1527391387004726000,
+//     "total_quantity_string": "1527391387004725927",
+//     "total_value_usd_cents": 477180,
+//     "queried_wallet_balances": [
+//       {
+//         "address": "0xa5B8492D8223D255dB279C7c3ebdA34Be5eC9D85",
+//         "quantity": 1527391387004726000,
+//         "quantity_string": "1527391387004725927",
+//         "value_usd_cents": 477180
+//       }
+//     ]
+//   }
+// ]
+
+interface QueriedWalletBalance {
+  address: string;
+  quantity_string: string;
+  value_usd_cents: number;
+  first_transferred_date: string;
+  last_transferred_date: string;
+}
+
+interface FungibleToken {
+  fungible_id: string;
+  name: string;
+  symbol: string;
+  decimals: number;
+  total_quantity_string: string;
+  total_value_usd_cents: number;
+  queried_wallet_balances: QueriedWalletBalance[];
+}
+
+interface NativeToken {
+  token_id: string;
+  name: string;
+  symbol: string;
+  decimals: number;
+  total_quantity_string: string;
+  total_value_usd_cents: number;
+  queried_wallet_balances: QueriedWalletBalance[];
+}
+
 interface SimpleHashResponse {
-  fungibles: {
-    name: string;
-    symbol: string;
-    decimals: number;
-    total_quantity_string: string;
-    total_value_usd_string: string;
-  }[];
+  fungibles: FungibleToken[];
+  native_tokens: NativeToken[];
   next_cursor: string | null;
 }
 
@@ -24,7 +68,7 @@ export async function fetchERC20Tokens(args: {
     const { chainId, address } = args;
 
     const response = await fetch(
-      `https://api.simplehash.com/api/v0/fungibles/balances?chains=eip155:${chainId}&wallet_addresses=${address}&include_fungible_details=1&include_prices=1&count=0&limit=50&order_by=last_transferred_date__desc&include_native_tokens=0`,
+      `https://api.simplehash.com/api/v0/fungibles/balances?chains=eip155:${chainId}&wallet_addresses=${address}&include_fungible_details=0&include_prices=1&count=0&limit=50&order_by=last_transferred_date__desc&include_native_tokens=1`,
       {
         headers: { "X-API-KEY": SIMPLEHASH_API_KEY },
       },
@@ -36,13 +80,31 @@ export async function fetchERC20Tokens(args: {
     }
 
     const data: SimpleHashResponse = await response.json();
-    return data.fungibles.map((token) => ({
+    const nativeTokens = data.native_tokens.map((token) => ({
+      name: token.name,
+      symbol: token.symbol,
+      contractAddress: "Native",
+      decimals: token.decimals,
+      balance: BigInt(token.total_quantity_string ?? 0n),
+      totalValueUsdCents: token.total_value_usd_cents,
+      firstTransferredDate:
+        token.queried_wallet_balances[0]?.first_transferred_date,
+      lastTransferredDate:
+        token.queried_wallet_balances[0]?.last_transferred_date,
+    }));
+    const fungibleTokens = data.fungibles.map((token) => ({
       name: token.name,
       symbol: token.symbol,
+      contractAddress: token.fungible_id.split(".")[1] ?? "--",
       decimals: token.decimals,
-      balance: token.total_quantity_string,
-      totalValueUsdString: token.total_value_usd_string,
+      balance: BigInt(token.total_quantity_string ?? 0n),
+      totalValueUsdCents: token.total_value_usd_cents,
+      firstTransferredDate:
+        token.queried_wallet_balances[0]?.first_transferred_date,
+      lastTransferredDate:
+        token.queried_wallet_balances[0]?.last_transferred_date,
     }));
+    return [...nativeTokens, ...fungibleTokens];
   } catch (error) {
     console.error("Error fetching tokens:", error);
     return [];