@elizaos/app-core 2.0.0-alpha.73 → 2.0.0-alpha.75

package/src/components/inventory/TokensTable.tsx

@@ -1,216 +0,0 @@
-/**
- * Token balance table with per-chain error notices.
- */
-
-import type { EvmChainBalance } from "@elizaos/app-core/api";
-import type { createTranslator } from "@elizaos/app-core/i18n";
-import { Button } from "@elizaos/ui";
-import { chainIcon, formatBalance, type TokenRow } from "./constants";
-import { TokenLogo } from "./TokenLogo";
-
-interface WalletCopyAddress {
-  label: string;
-  address: string;
-}
-
-export interface TokensTableProps {
-  t: ReturnType<typeof createTranslator>;
-  walletLoading: boolean;
-  walletBalances: unknown;
-  visibleRows: TokenRow[];
-  visibleChainErrors: EvmChainBalance[];
-  inventoryChainFocus: string;
-  addresses: WalletCopyAddress[];
-  onCopyAddress: (address: string) => Promise<void> | void;
-  handleUntrackToken: (address: string) => void;
-}
-
-export function TokensTable({
-  t,
-  walletLoading,
-  walletBalances,
-  visibleRows,
-  visibleChainErrors,
-  inventoryChainFocus,
-  addresses,
-  onCopyAddress,
-  handleUntrackToken,
-}: TokensTableProps) {
-  const renderChainErrors = () =>
-    visibleChainErrors.length > 0 ? (
-      <div className="mt-1 text-[11px] text-muted px-3 pb-2">
-        {visibleChainErrors.map((chain: EvmChainBalance) => {
-          const icon = chainIcon(chain.chain);
-          return (
-            <div key={chain.chain} className="py-0.5">
-              <span
-                className={`inline-block w-3 h-3 rounded-full text-center leading-3 text-[7px] font-bold font-mono text-white align-middle ${icon.cls}`}
-              >
-                {icon.code}
-              </span>{" "}
-              {chain.chain}:{" "}
-              {chain.error?.includes("not enabled") ? (
-                <>
-                  data source not enabled &mdash;{" "}
-                  <a
-                    href="https://dashboard.alchemy.com/"
-                    target="_blank"
-                    rel="noopener"
-                    className="text-txt"
-                  >
-                    {t("wallet.enableIt")}
-                  </a>
-                </>
-              ) : (
-                chain.error
-              )}
-            </div>
-          );
-        })}
-      </div>
-    ) : null;
-
-  if (walletLoading) {
-    return (
-      <div className="text-center py-10 text-muted italic text-xs">
-        {t("wallet.loadingBalances")}
-      </div>
-    );
-  }
-
-  if (visibleRows.length === 0) {
-    return (
-      <div className="flex flex-1 flex-col items-center justify-center gap-4 px-4 text-center">
-        <div className="max-w-md space-y-2">
-          <div className="text-base font-medium text-txt-strong">
-            {walletBalances
-              ? t("wallet.noTokensFound")
-              : t("wallet.noDataRefresh")}
-          </div>
-          <div className="text-xs text-muted">{t("wallet.emptyTokensCta")}</div>
-        </div>
-        {addresses.length > 0 && (
-          <div className="flex flex-wrap items-center justify-center gap-2">
-            {addresses.map((item) => (
-              <Button
-                key={`${item.label}-${item.address}`}
-                variant="outline"
-                size="sm"
-                data-testid={`wallet-copy-${item.label.toLowerCase()}-address`}
-                className="h-8 px-3 text-xs shadow-sm hover:border-accent hover:text-txt"
-                onClick={() => void onCopyAddress(item.address)}
-              >
-                {item.label === "EVM"
-                  ? t("wallet.copyEvmAddress")
-                  : t("wallet.copySolanaAddress")}
-              </Button>
-            ))}
-          </div>
-        )}
-        {renderChainErrors()}
-      </div>
-    );
-  }
-
-  return (
-    <>
-      <table className="w-full border-collapse">
-        <thead>
-          <tr className="border-b border-border">
-            <th className="pl-3 pr-2 py-2 text-left w-12" />
-            <th className="px-3 py-2 text-left text-[10px] text-muted font-bold uppercase tracking-wide">
-              {t("wallet.table.token")}
-            </th>
-            <th className="px-3 py-2 text-right text-[10px] text-muted font-bold uppercase tracking-wide">
-              {t("wallet.table.balance")}
-            </th>
-            <th className="px-3 py-2 text-right text-[10px] text-muted font-bold uppercase tracking-wide">
-              {t("wallet.value")}
-            </th>
-            <th className="pl-3 pr-3 py-2 text-right w-24" />
-          </tr>
-        </thead>
-        <tbody>
-          {visibleRows.map((row) => {
-            const contractAddress = row.contractAddress;
-            return (
-              <tr
-                key={`${row.chain}-${row.symbol}-${row.contractAddress ?? ""}`}
-                className="border-b border-border last:border-b-0 hover:bg-bg-hover transition-colors"
-              >
-                {/* Logo */}
-                <td className="pl-3 pr-2 py-3 align-middle">
-                  <TokenLogo
-                    symbol={row.symbol}
-                    chain={row.chain}
-                    contractAddress={contractAddress}
-                    preferredLogoUrl={row.logoUrl}
-                    size={32}
-                  />
-                </td>
-                {/* Symbol + name */}
-                <td className="px-3 py-3 align-middle">
-                  <div className="flex items-center gap-2">
-                    <div>
-                      <div className="text-sm font-bold font-mono leading-tight">
-                        {row.symbol}
-                      </div>
-                      <div className="text-[10px] text-muted leading-tight mt-0.5">
-                        {row.isNative ? (
-                          <span className="text-[9px] bg-accent/15 text-accent px-1 py-0.5 rounded">
-                            {t("tokenstable.nativeGas")}
-                          </span>
-                        ) : (
-                          <span className="inline-flex items-center gap-1">
-                            <span className="truncate max-w-[160px] inline-block">
-                              {row.name}
-                            </span>
-                            {row.isTracked && (
-                              <span className="text-[9px] bg-accent/15 text-accent px-1 py-0.5 rounded">
-                                {t("wallet.manual")}
-                              </span>
-                            )}
-                          </span>
-                        )}
-                      </div>
-                    </div>
-                    {inventoryChainFocus === "all" && (
-                      <span className="text-[9px] text-muted font-mono border border-border px-1 py-0.5 rounded shrink-0">
-                        {row.chain}
-                      </span>
-                    )}
-                  </div>
-                </td>
-                {/* Balance */}
-                <td className="px-3 py-3 align-middle font-mono text-sm text-right whitespace-nowrap">
-                  {formatBalance(row.balance)}
-                </td>
-                {/* Value */}
-                <td className="px-3 py-3 align-middle font-mono text-sm text-right text-muted whitespace-nowrap">
-                  {row.valueUsd > 0
-                    ? `$${row.valueUsd.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 })}`
-                    : "\u2014"}
-                </td>
-                {/* Actions */}
-                <td className="pl-2 pr-3 py-3 align-middle whitespace-nowrap text-right">
-                  {row.isTracked && contractAddress && (
-                    <button
-                      type="button"
-                      data-testid="wallet-token-untrack"
-                      className="text-[10px] text-danger hover:underline cursor-pointer bg-transparent border-none p-0"
-                      title={t("wallet.removeManualTitle")}
-                      onClick={() => handleUntrackToken(contractAddress)}
-                    >
-                      {t("wallet.remove")}
-                    </button>
-                  )}
-                </td>
-              </tr>
-            );
-          })}
-        </tbody>
-      </table>
-      {renderChainErrors()}
-    </>
-  );
-}

package/src/components/inventory/constants.ts

@@ -1,170 +0,0 @@
-/**
- * Shared constants, types, and utility helpers for the Inventory feature.
- */
-
-/* ── Constants ──────────────────────────────────────────────────────── */
-
-export const BSC_GAS_READY_THRESHOLD = 0.005;
-export const BSC_GAS_THRESHOLD = 0.005;
-export const TRACKED_BSC_TOKENS_KEY = "wt_tracked_bsc_tokens";
-export const MAX_TRACKED_BSC_TOKENS = 30;
-export const HEX_ADDRESS_RE = /^0x[a-fA-F0-9]{40}$/;
-
-/* ── Row types ──────────────────────────────────────────────────────── */
-
-export interface TokenRow {
-  chain: string;
-  symbol: string;
-  name: string;
-  contractAddress: string | null;
-  logoUrl: string | null;
-  balance: string;
-  valueUsd: number;
-  balanceRaw: number;
-  isNative: boolean;
-  isTracked?: boolean;
-}
-
-export interface NftItem {
-  chain: string;
-  name: string;
-  imageUrl: string;
-  collectionName: string;
-}
-
-export interface TrackedBscToken {
-  contractAddress: string;
-  symbol: string;
-  name: string;
-  logoUrl?: string;
-}
-
-export interface TrackedToken {
-  address: string;
-  symbol: string;
-  addedAt: number;
-}
-
-/* ── Chain helpers ───────────────────────────────────────────────────── */
-
-export function chainIcon(chain: string): { code: string; cls: string } {
-  const c = chain.toLowerCase();
-  if (c === "ethereum" || c === "mainnet")
-    return { code: "E", cls: "bg-chain-eth" };
-  if (c === "base") return { code: "B", cls: "bg-chain-base" };
-  if (c === "bsc" || c === "bnb chain" || c === "bnb smart chain")
-    return { code: "B", cls: "bg-chain-bsc" };
-  if (
-    c === "avax" ||
-    c === "avalanche" ||
-    c === "c-chain" ||
-    c === "avalanche c-chain"
-  )
-    return { code: "A", cls: "bg-chain-avax" };
-  if (c === "arbitrum") return { code: "A", cls: "bg-chain-arb" };
-  if (c === "optimism") return { code: "O", cls: "bg-chain-op" };
-  if (c === "polygon") return { code: "P", cls: "bg-chain-pol" };
-  if (c === "solana") return { code: "S", cls: "bg-chain-sol" };
-  return { code: chain.charAt(0).toUpperCase(), cls: "bg-bg-muted" };
-}
-
-export function normalizeChainName(chain: string): string {
-  return chain.trim().toLowerCase();
-}
-
-export function isBscChainName(chain: string): boolean {
-  const c = normalizeChainName(chain);
-  return c === "bsc" || c === "bnb chain" || c === "bnb smart chain";
-}
-
-export function isAvaxChainName(chain: string): boolean {
-  const c = normalizeChainName(chain);
-  return (
-    c === "avax" ||
-    c === "avalanche" ||
-    c === "c-chain" ||
-    c === "avalanche c-chain"
-  );
-}
-
-/* ── Balance formatter ──────────────────────────────────────────────── */
-
-export function formatBalance(balance: string): string {
-  const num = Number.parseFloat(balance);
-  if (Number.isNaN(num)) return balance;
-  if (num === 0) return "0";
-  if (num < 0.0001) return "<0.0001";
-  if (num < 1) return num.toFixed(6);
-  if (num < 1000) return num.toFixed(4);
-  return num.toLocaleString("en-US", { maximumFractionDigits: 2 });
-}
-
-/* ── Address helpers ────────────────────────────────────────────────── */
-
-export function toNormalizedAddress(addr: string): string {
-  return addr.trim().toLowerCase();
-}
-
-/* ── localStorage helpers for tracked BSC tokens ────────────────────── */
-
-export function loadTrackedBscTokens(): TrackedBscToken[] {
-  try {
-    const raw = localStorage.getItem(TRACKED_BSC_TOKENS_KEY);
-    const parsed = raw ? JSON.parse(raw) : [];
-    if (!Array.isArray(parsed)) return [];
-    return parsed
-      .filter(
-        (item): item is TrackedBscToken =>
-          Boolean(item) &&
-          typeof item === "object" &&
-          typeof item.contractAddress === "string" &&
-          typeof item.symbol === "string" &&
-          typeof item.name === "string" &&
-          (item.logoUrl === undefined || typeof item.logoUrl === "string") &&
-          HEX_ADDRESS_RE.test(item.contractAddress),
-      )
-      .slice(0, MAX_TRACKED_BSC_TOKENS);
-  } catch {
-    return [];
-  }
-}
-
-export function saveTrackedBscTokens(next: TrackedBscToken[]): void {
-  try {
-    localStorage.setItem(TRACKED_BSC_TOKENS_KEY, JSON.stringify(next));
-  } catch {
-    /* ignore */
-  }
-}
-
-export function removeTrackedBscToken(
-  contractAddress: string,
-  prev: TrackedBscToken[],
-): TrackedBscToken[] {
-  const normalized = toNormalizedAddress(contractAddress);
-  const next = prev.filter(
-    (item) => toNormalizedAddress(item.contractAddress) !== normalized,
-  );
-  saveTrackedBscTokens(next);
-  return next;
-}
-
-/* ── localStorage helpers for tracked tokens (TradePanel) ───────────── */
-
-export function loadTrackedTokens(): TrackedToken[] {
-  try {
-    const raw = localStorage.getItem(TRACKED_BSC_TOKENS_KEY);
-    if (!raw) return [];
-    return JSON.parse(raw) as TrackedToken[];
-  } catch {
-    return [];
-  }
-}
-
-export function saveTrackedTokens(tokens: TrackedToken[]): void {
-  try {
-    localStorage.setItem(TRACKED_BSC_TOKENS_KEY, JSON.stringify(tokens));
-  } catch {
-    // ignore in non-browser test runtime
-  }
-}

package/src/components/inventory/index.ts

@@ -1,29 +0,0 @@
-export {
-  CHAIN_CONFIGS,
-  type ChainConfig,
-  type ChainKey,
-  getChainConfig,
-  PRIMARY_CHAIN_KEYS,
-  resolveChainKey,
-} from "../chainConfig";
-export { CopyableAddress } from "./CopyableAddress";
-export {
-  BSC_GAS_READY_THRESHOLD,
-  BSC_GAS_THRESHOLD,
-  isAvaxChainName,
-  isBscChainName,
-  loadTrackedBscTokens,
-  loadTrackedTokens,
-  type NftItem,
-  removeTrackedBscToken,
-  saveTrackedTokens,
-  type TokenRow,
-  type TrackedBscToken,
-  type TrackedToken,
-  toNormalizedAddress,
-} from "./constants";
-export { InventoryToolbar } from "./InventoryToolbar";
-export { NftGrid } from "./NftGrid";
-export { TokenLogo } from "./TokenLogo";
-export { TokensTable } from "./TokensTable";
-export { useInventoryData } from "./useInventoryData";

package/src/components/inventory/media-url.test.ts

@@ -1,38 +0,0 @@
-import { describe, expect, it } from "vitest";
-import { normalizeInventoryImageUrl } from "./media-url";
-
-describe("normalizeInventoryImageUrl", () => {
-  it("passes through http(s) urls", () => {
-    expect(normalizeInventoryImageUrl("https://example.com/a.png")).toBe(
-      "https://example.com/a.png",
-    );
-  });
-
-  it("passes through data:image urls", () => {
-    expect(normalizeInventoryImageUrl("data:image/png;base64,abc")).toBe(
-      "data:image/png;base64,abc",
-    );
-  });
-
-  it("rewrites ipfs:// urls to gateway", () => {
-    expect(normalizeInventoryImageUrl("ipfs://bafy123/image.png")).toBe(
-      "https://ipfs.io/ipfs/bafy123/image.png",
-    );
-  });
-
-  it("rewrites ipns:// urls to gateway", () => {
-    expect(normalizeInventoryImageUrl("ipns://k51abc/avatar.png")).toBe(
-      "https://ipfs.io/ipns/k51abc/avatar.png",
-    );
-  });
-
-  it("rewrites ar:// urls to arweave gateway", () => {
-    expect(normalizeInventoryImageUrl("ar://tx123")).toBe(
-      "https://arweave.net/tx123",
-    );
-  });
-
-  it("returns null for unsupported schemes", () => {
-    expect(normalizeInventoryImageUrl("ftp://example.com/a.png")).toBeNull();
-  });
-});

package/src/components/inventory/media-url.ts

@@ -1,36 +0,0 @@
-/**
- * Normalize NFT/token image URLs for browser rendering.
- * Wallet APIs often return ipfs://, ipns://, or ar:// URIs that <img> cannot load directly.
- */
-
-const IPFS_GATEWAY_BASE = "https://ipfs.io/ipfs/";
-const IPNS_GATEWAY_BASE = "https://ipfs.io/ipns/";
-const ARWEAVE_GATEWAY_BASE = "https://arweave.net/";
-
-export function normalizeInventoryImageUrl(
-  raw: string | null | undefined,
-): string | null {
-  const value = raw?.trim();
-  if (!value) return null;
-
-  if (/^(?:https?:|data:image\/|blob:)/i.test(value)) {
-    return value;
-  }
-
-  if (/^ipfs:\/\//i.test(value)) {
-    const cidPath = value.replace(/^ipfs:\/\//i, "").replace(/^ipfs\//i, "");
-    return cidPath ? `${IPFS_GATEWAY_BASE}${cidPath}` : null;
-  }
-
-  if (/^ipns:\/\//i.test(value)) {
-    const namePath = value.replace(/^ipns:\/\//i, "");
-    return namePath ? `${IPNS_GATEWAY_BASE}${namePath}` : null;
-  }
-
-  if (/^ar:\/\//i.test(value)) {
-    const txId = value.replace(/^ar:\/\//i, "");
-    return txId ? `${ARWEAVE_GATEWAY_BASE}${txId}` : null;
-  }
-
-  return null;
-}