@b3dotfun/sdk 0.1.70-alpha.1 → 0.1.70-alpha.11

package/src/shared/utils/chain-transformers.ts

@@ -1,51 +1,53 @@
-import type { ChainNetworks } from "@b3dotfun/sdk/global-account/types/chain-networks";
+import type { ChainDefinition } from "@b3/chain-registry";
 import type { Chain as ThirdwebChain } from "thirdweb";
 import { defineChain as defineThirdwebChain } from "thirdweb";
-import { Chain } from "viem";
+import type { Chain } from "viem";
 
-export function toViemChain(network: ChainNetworks): Chain {
+// fallbackRpc is validated non-null at chain-registry module init for every
+// anyspend EVM chain (see ANYSPEND_EVM_CHAINS in @b3/chain-registry). Callers
+// outside the anyspend EVM set must ensure their own data shape.
+
+// Derive icon format from URL extension. Thirdweb chain config carries an
+// explicit `format` field; the old chain-networks.json had per-chain values
+// (svg/png/etc.) but @b3/chain-registry only stores `logoUrl`. URL extension
+// is reliable across our current chain set — 9/11 anyspend chains use .png
+// (trustwallet/relay/coinmarketcap), 2 use .svg (Base, Plume from cdn.b3.fun).
+function inferIconFormat(url: string): string {
+  const match = url.toLowerCase().match(/\.([a-z0-9]+)(?:\?|#|$)/);
+  const ext = match?.[1];
+  if (ext === "png" || ext === "jpg" || ext === "jpeg" || ext === "gif" || ext === "webp") return ext;
+  return "svg";
+}
+
+export function toViemChain(chain: ChainDefinition): Chain {
+  if (!chain.fallbackRpc) {
+    throw new Error(`toViemChain: chain ${chain.chainId} (${chain.key}) has no fallbackRpc`);
+  }
   return {
-    id: network.id,
-    name: network.name,
-    nativeCurrency: network.nativeCurrency,
-    rpcUrls: {
-      default: {
-        http: [network.rpcUrls.default.http],
-        webSocket: network.rpcUrls.default.ws ? [network.rpcUrls.default.ws] : undefined,
-      },
-    },
+    id: chain.chainId,
+    name: chain.name,
+    nativeCurrency: chain.nativeCurrency,
+    rpcUrls: { default: { http: [chain.fallbackRpc] } },
     blockExplorers: {
-      default: {
-        name: network.blockExplorers.explorerTitle,
-        url: network.blockExplorers.default,
-      },
+      default: { name: `${chain.name} Explorer`, url: chain.explorer },
     },
-    contracts: network.contracts,
-    testnet: network.testnet,
-    sourceId: network.sourceId,
-    formatters: network.formatters,
-    fees: network.fees,
+    testnet: chain.isTestnet,
   };
 }
 
-export function toThirdwebChain(network: ChainNetworks): ThirdwebChain {
+export function toThirdwebChain(chain: ChainDefinition): ThirdwebChain {
+  if (!chain.fallbackRpc) {
+    throw new Error(`toThirdwebChain: chain ${chain.chainId} (${chain.key}) has no fallbackRpc`);
+  }
   return defineThirdwebChain({
-    id: network.id,
-    name: network.name,
-    nativeCurrency: network.nativeCurrency,
-    rpc: network.rpcUrls.default.http,
-    icon: {
-      url: network.icon.url,
-      width: network.icon.width,
-      height: network.icon.height,
-      format: network.icon.format,
-    },
-    blockExplorers: [
-      {
-        name: network.blockExplorers.explorerTitle,
-        url: network.blockExplorers.default,
-      },
-    ],
-    testnet: network.testnet ? true : undefined,
+    id: chain.chainId,
+    name: chain.name,
+    nativeCurrency: chain.nativeCurrency,
+    rpc: chain.fallbackRpc,
+    icon: chain.logoUrl
+      ? { url: chain.logoUrl, width: 32, height: 32, format: inferIconFormat(chain.logoUrl) }
+      : undefined,
+    blockExplorers: [{ name: `${chain.name} Explorer`, url: chain.explorer }],
+    testnet: chain.isTestnet ? true : undefined,
   });
 }

package/src/shared/utils/thirdweb-insights.ts

@@ -291,7 +291,7 @@ export async function getNativeTokenBalance(address: string, chainId: number): P
 
   try {
     // Find chain info from supported chains
-    const chainInfo = supportedChainNetworks.find(chain => chain.id === chainId);
+    const chainInfo = supportedChainNetworks.find(chain => chain.chainId === chainId);
 
     // Create a chain object from the chainId
     const chain = defineChain({
@@ -323,7 +323,7 @@ export async function getNativeTokenBalance(address: string, chainId: number): P
       balance: balance.value.toString(),
       metadata: {
         logoURI:
-          chainInfo?.icon?.url ||
+          chainInfo?.logoUrl ||
           "https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/ethereum/info/logo.png",
       },
       // Add native token info in extra_metadata

package/src/shared/utils/upload.ts

@@ -0,0 +1,48 @@
+const DEFAULT_UPLOADS_URL = "https://uploads.b3.fun";
+
+const ALLOWED_TYPES = ["image/jpeg", "image/png", "image/gif", "image/webp"];
+const MAX_FILE_SIZE = 5 * 1024 * 1024; // 5MB
+
+interface UploadResponse {
+  success: boolean;
+  data?: { url: string; filename: string; size: number; contentType: string };
+  error?: string;
+}
+
+interface UploadOptions {
+  baseUrl?: string;
+}
+
+/**
+ * Upload a file to the B3 uploads service (Cloudflare R2).
+ * Returns the public URL of the uploaded asset.
+ */
+export async function uploadFile(file: File, options?: UploadOptions): Promise<string> {
+  if (!ALLOWED_TYPES.includes(file.type)) {
+    throw new Error(`Invalid file type. Allowed: ${ALLOWED_TYPES.join(", ")}`);
+  }
+  if (file.size > MAX_FILE_SIZE) {
+    throw new Error(`File too large. Maximum size: ${MAX_FILE_SIZE / 1024 / 1024}MB`);
+  }
+
+  const uploadsUrl = options?.baseUrl || DEFAULT_UPLOADS_URL;
+  const formData = new FormData();
+  formData.append("file", file);
+
+  const res = await fetch(`${uploadsUrl}/upload/image`, {
+    method: "POST",
+    body: formData,
+  });
+
+  if (!res.ok) {
+    const body: UploadResponse = await res.json().catch(() => ({ success: false, error: "Upload failed" }));
+    throw new Error(body.error || `Upload failed (${res.status})`);
+  }
+
+  const body: UploadResponse = await res.json().catch(() => ({ success: false, error: "Invalid response" }));
+  if (!body.success || !body.data) {
+    throw new Error(body.error || "Upload failed");
+  }
+
+  return body.data.url;
+}

package/src/styles/index.css

@@ -321,6 +321,33 @@ html[data-theme="dark"] .b3-root,
   padding: 0 !important;
 }
 
+/*
+ * Relay Kit's "Unverified Token" confirmation dialog (rendered by the Relay
+ * TokenSelector inside the AnySpend modal) portals to <body> with its overlay
+ * at inline `z-index: 10001` and its content at `z-index: 1000` (inside that
+ * overlay). The AnySpend / B3 modal that hosts the TokenSelector — and the
+ * TokenSelector's own token-list overlay — get stacked at z-indexes >= 10001
+ * by host apps (b3os-web bumps `.b3-modal` to 10001 and the Relay token-list
+ * overlay to 10003), so this confirmation dialog ends up *behind* the modal it
+ * was launched from and becomes invisible / unclickable.
+ *
+ * Relay exposes no z-index theming, so force the confirmation overlay (and
+ * therefore its content, which lives inside it) above the host stack. The
+ * highest known host z-index is 10003 (b3os-web's Relay token-list overlay),
+ * so 99999 is comfortably sufficient. The `z-index: 10001` inline value is
+ * unique to Relay's UnverifiedTokenModal — its other modals (token list, etc.)
+ * default to `z-index: 9999`.
+ *
+ * NOTE: this selector is intentionally prefixed with `body` so it is NOT
+ * scoped under `.b3-root` by postcss-prefix-selector (see postcss.config.js).
+ * Relay's modal portals to <body>, OUTSIDE the `.b3-root` subtree, so a
+ * `.b3-root`-scoped rule would never match it.
+ */
+body .relay-kit-reset[style*="z-index: 10001"],
+body .relay-kit-reset[style*="z-index:10001"] {
+  z-index: 99999 !important;
+}
+
 .b3-modal-back-button:hover {
   @apply border-none !text-black;
 }

package/dist/cjs/global-account/react/components/B3Provider/BetterAuthClientProvider.d.ts

@@ -1,17 +0,0 @@
-import { type B3BetterAuthClient } from "../../../better-auth-client";
-/**
- * Provides a Better Auth client instance to the subtree.
- *
- * When `apiUrl` is supplied, a custom client targeting that URL is created
- * (e.g. `http://localhost:3031` for local development). Otherwise, the
- * default singleton (which uses `B3_API_URL` / `NEXT_PUBLIC_B3_API`) is used.
- */
-export declare function BetterAuthClientProvider({ children, apiUrl, }: {
-    children: React.ReactNode;
-    apiUrl?: string;
-}): import("react/jsx-runtime").JSX.Element;
-/**
- * Returns the Better Auth client from the nearest `BetterAuthClientProvider`.
- * Falls back to the default singleton if no provider is present.
- */
-export declare function useBetterAuthClient(): B3BetterAuthClient;

package/dist/cjs/global-account/react/components/B3Provider/BetterAuthClientProvider.js

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BetterAuthClientProvider = BetterAuthClientProvider;
-exports.useBetterAuthClient = useBetterAuthClient;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const better_auth_client_1 = require("../../../better-auth-client");
-const BetterAuthClientContext = (0, react_1.createContext)(better_auth_client_1.betterAuthClient);
-/**
- * Provides a Better Auth client instance to the subtree.
- *
- * When `apiUrl` is supplied, a custom client targeting that URL is created
- * (e.g. `http://localhost:3031` for local development). Otherwise, the
- * default singleton (which uses `B3_API_URL` / `NEXT_PUBLIC_B3_API`) is used.
- */
-function BetterAuthClientProvider({ children, apiUrl, }) {
-    const client = (0, react_1.useMemo)(() => {
-        if (apiUrl) {
-            return (0, better_auth_client_1.createB3BetterAuthClient)(apiUrl);
-        }
-        return better_auth_client_1.betterAuthClient;
-    }, [apiUrl]);
-    return (0, jsx_runtime_1.jsx)(BetterAuthClientContext.Provider, { value: client, children: children });
-}
-/**
- * Returns the Better Auth client from the nearest `BetterAuthClientProvider`.
- * Falls back to the default singleton if no provider is present.
- */
-function useBetterAuthClient() {
-    return (0, react_1.useContext)(BetterAuthClientContext);
-}

package/dist/cjs/global-account/react/components/SignInWithB3/SignInWithB3Privy.d.ts

@@ -1,10 +0,0 @@
-import type { Chain } from "thirdweb";
-import { Account } from "thirdweb/wallets";
-interface SignInWithB3PrivyProps {
-    onError?: (error: Error) => Promise<void>;
-    onSuccess: (account: Account) => Promise<void>;
-    accessToken?: string;
-    chain: Chain;
-}
-export declare function SignInWithB3Privy({ onSuccess, onError, chain }: SignInWithB3PrivyProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/cjs/global-account/react/components/SignInWithB3/SignInWithB3Privy.js

@@ -1,46 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SignInWithB3Privy = SignInWithB3Privy;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("../../../../global-account/react");
-const debug_1 = require("../../../../shared/utils/debug");
-const react_2 = require("react");
-const debug = (0, debug_1.debugB3React)("SignInWithB3Privy");
-function SignInWithB3Privy({ onSuccess, onError, chain }) {
-    const { partnerId } = (0, react_1.useB3Config)();
-    const { isLoading, connectTw, fullToken } = (0, react_1.useHandleConnectWithPrivy)(chain, onSuccess);
-    const setIsAuthenticating = (0, react_1.useAuthStore)(state => state.setIsAuthenticating);
-    const setIsAuthenticated = (0, react_1.useAuthStore)(state => state.setIsAuthenticated);
-    const { logout } = (0, react_1.useAuthentication)(partnerId, { skipAutoConnect: true });
-    debug("@@SignInWithB3Privy", {
-        isLoading,
-        fullToken,
-    });
-    (0, react_2.useEffect)(() => {
-        async function autoConnect() {
-            try {
-                const connectResult = await connectTw();
-                const account = connectResult?.getAccount();
-                if (!account) {
-                    setIsAuthenticated(false);
-                    return;
-                }
-                await onSuccess(account);
-                setIsAuthenticated(true);
-            }
-            catch (error) {
-                console.error("Failed to connect:", error);
-                await onError?.(error);
-                await logout();
-                setIsAuthenticated(false);
-            }
-            finally {
-                debug("setIsAuthenticating:false:7");
-                setIsAuthenticating(false);
-            }
-        }
-        autoConnect();
-    }, [connectTw, onSuccess, onError, setIsAuthenticated, logout, setIsAuthenticating]);
-    // Currently we auto login, so we can show loading immediately and the onSuccess will proceed to the next modal
-    return ((0, jsx_runtime_1.jsx)("div", { className: "flex aspect-square items-center justify-center p-6", children: (0, jsx_runtime_1.jsx)(react_1.Loading, { variant: "white", size: "lg" }) }));
-}

package/dist/cjs/global-account/react/hooks/useHandleConnectWithPrivy.d.ts

@@ -1,11 +0,0 @@
-import { Chain } from "thirdweb";
-import { Account } from "thirdweb/wallets";
-/**
- * This essentially wraps our useConnect hook to handle the Privy auth flow.
- * Currently, this is for the basement-privy strategy
- */
-export declare function useHandleConnectWithPrivy(chain?: Chain, onSuccess?: (account: Account) => void): {
-    connectTw: () => Promise<import("thirdweb/wallets").Wallet | null | undefined>;
-    isLoading: boolean;
-    fullToken: string | null;
-};

package/dist/cjs/global-account/react/hooks/useHandleConnectWithPrivy.js

@@ -1,70 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useHandleConnectWithPrivy = useHandleConnectWithPrivy;
-const react_1 = require("../../../global-account/react");
-const debug_1 = require("../../../shared/utils/debug");
-const react_auth_1 = require("@privy-io/react-auth");
-const react_2 = require("react");
-const debug = (0, debug_1.debugB3React)("@@b3:useHandleConnectWithPrivy");
-/**
- * This essentially wraps our useConnect hook to handle the Privy auth flow.
- * Currently, this is for the basement-privy strategy
- */
-function useHandleConnectWithPrivy(chain, onSuccess) {
-    const { partnerId } = (0, react_1.useB3Config)();
-    if (!chain) {
-        throw new Error("Chain is required");
-    }
-    const { connect } = (0, react_1.useConnect)(partnerId, chain);
-    const [isLoading, setIsLoading] = (0, react_2.useState)(true);
-    const isConnecting = (0, react_2.useRef)(false);
-    const { identityToken } = (0, react_auth_1.useIdentityToken)();
-    const { getAccessToken } = (0, react_auth_1.usePrivy)();
-    const [fullToken, setFullToken] = (0, react_2.useState)(null);
-    const connectTw = (0, react_2.useCallback)(async () => {
-        if (isConnecting.current) {
-            debug("@@connectTw:skipping:isConnecting", isConnecting.current);
-            return;
-        }
-        setIsLoading(true);
-        isConnecting.current = true;
-        // Form token
-        const accessToken = await getAccessToken();
-        const fullToken = `${accessToken}+${identityToken}`;
-        setFullToken(fullToken);
-        debug("@@connectTw:fullToken", fullToken);
-        if (!fullToken)
-            throw new Error("Token is not set");
-        // Connect to TW via privy
-        const wallet = await connect({
-            strategy: "auth_endpoint",
-            payload: JSON.stringify({
-                strategy: "basement",
-                accessToken: fullToken,
-            }),
-        });
-        debug("@@useHandleConnectWithPrivy:connect:return", wallet);
-        setIsLoading(false);
-        // Handle onsuccess & more
-        try {
-            debug("@@autoLogin:starting", fullToken);
-            const account = wallet?.getAccount();
-            if (!account) {
-                throw new Error("Failed to connect");
-            }
-            onSuccess?.(account);
-            if (!account) {
-                throw new Error("Failed to connect");
-            }
-        }
-        catch (error) {
-            console.error("@@Error signing in with Privy", error);
-        }
-        finally {
-            isConnecting.current = false;
-            setIsLoading(false);
-        }
-        return wallet;
-    }, [connect, getAccessToken, identityToken, onSuccess]);
-    return { connectTw, isLoading, fullToken };
-}

package/dist/cjs/global-account/types/chain-networks.d.ts

@@ -1,44 +0,0 @@
-import { Static } from "@feathersjs/typebox";
-export declare const chainNetworksSchema: import("@feathersjs/typebox").TObject<{
-    _id: import("@feathersjs/typebox").TUnion<[import("@feathersjs/typebox").TString<string>, import("@feathersjs/typebox").TObject<{}>]>;
-    id: import("@feathersjs/typebox").TInteger;
-    name: import("@feathersjs/typebox").TString<string>;
-    rpcUrls: import("@feathersjs/typebox").TObject<{
-        default: import("@feathersjs/typebox").TObject<{
-            http: import("@feathersjs/typebox").TString<"uri">;
-            ws: import("@feathersjs/typebox").TString<"uri">;
-        }>;
-        backups: import("@feathersjs/typebox").TArray<import("@feathersjs/typebox").TObject<{
-            type: import("@feathersjs/typebox").TUnion<[import("@feathersjs/typebox").TLiteral<"http">, import("@feathersjs/typebox").TLiteral<"ws">]>;
-            uri: import("@feathersjs/typebox").TString<string>;
-        }>>;
-    }>;
-    icon: import("@feathersjs/typebox").TObject<{
-        url: import("@feathersjs/typebox").TString<"uri">;
-        width: import("@feathersjs/typebox").TInteger;
-        height: import("@feathersjs/typebox").TInteger;
-        format: import("@feathersjs/typebox").TString<string>;
-    }>;
-    blockExplorers: import("@feathersjs/typebox").TObject<{
-        explorerTitle: import("@feathersjs/typebox").TString<string>;
-        default: import("@feathersjs/typebox").TString<"uri">;
-    }>;
-    nativeCurrency: import("@feathersjs/typebox").TObject<{
-        name: import("@feathersjs/typebox").TString<string>;
-        symbol: import("@feathersjs/typebox").TString<string>;
-        decimals: import("@feathersjs/typebox").TInteger;
-    }>;
-    testnet: import("@feathersjs/typebox").TOptional<import("@feathersjs/typebox").TBoolean>;
-    testnetConfigID: import("@feathersjs/typebox").TOptional<import("@feathersjs/typebox").TInteger>;
-    sourceId: import("@feathersjs/typebox").TOptional<import("@feathersjs/typebox").TInteger>;
-    contracts: import("@feathersjs/typebox").TOptional<import("@feathersjs/typebox").TRecord<import("@feathersjs/typebox").TString<string>, import("@feathersjs/typebox").TObject<{
-        address: import("@feathersjs/typebox").TString<string>;
-        blockCreated: import("@feathersjs/typebox").TOptional<import("@feathersjs/typebox").TInteger>;
-    }>>>;
-    formatters: import("@feathersjs/typebox").TOptional<import("@feathersjs/typebox").TRecord<import("@feathersjs/typebox").TString<string>, import("@feathersjs/typebox").TAny>>;
-    fees: import("@feathersjs/typebox").TOptional<import("@feathersjs/typebox").TRecord<import("@feathersjs/typebox").TString<string>, import("@feathersjs/typebox").TAny>>;
-    badge: import("@feathersjs/typebox").TOptional<import("@feathersjs/typebox").TString<"uri">>;
-    color: import("@feathersjs/typebox").TOptional<import("@feathersjs/typebox").TString<string>>;
-    enabledFeatures: import("@feathersjs/typebox").TOptional<import("@feathersjs/typebox").TArray<import("@feathersjs/typebox").TString<string>>>;
-}>;
-export type ChainNetworks = Static<typeof chainNetworksSchema>;

package/dist/cjs/global-account/types/chain-networks.js

@@ -1,48 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.chainNetworksSchema = void 0;
-const typebox_1 = require("@feathersjs/typebox");
-const ChainContractSchema = typebox_1.Type.Object({
-    address: typebox_1.Type.String(),
-    blockCreated: typebox_1.Type.Optional(typebox_1.Type.Integer()),
-});
-exports.chainNetworksSchema = typebox_1.Type.Object({
-    _id: (0, typebox_1.ObjectIdSchema)(),
-    id: typebox_1.Type.Integer(),
-    name: typebox_1.Type.String(),
-    rpcUrls: typebox_1.Type.Object({
-        default: typebox_1.Type.Object({
-            http: typebox_1.Type.String({ format: "uri" }),
-            ws: typebox_1.Type.String({ format: "uri" }),
-        }),
-        backups: typebox_1.Type.Array(typebox_1.Type.Object({
-            type: typebox_1.Type.Union([typebox_1.Type.Literal("http"), typebox_1.Type.Literal("ws")]),
-            uri: typebox_1.Type.String(),
-        })),
-    }),
-    icon: typebox_1.Type.Object({
-        url: typebox_1.Type.String({ format: "uri" }),
-        width: typebox_1.Type.Integer(),
-        height: typebox_1.Type.Integer(),
-        format: typebox_1.Type.String(),
-    }),
-    blockExplorers: typebox_1.Type.Object({
-        explorerTitle: typebox_1.Type.String(),
-        default: typebox_1.Type.String({ format: "uri" }),
-    }),
-    nativeCurrency: typebox_1.Type.Object({
-        name: typebox_1.Type.String(),
-        symbol: typebox_1.Type.String(),
-        decimals: typebox_1.Type.Integer(),
-    }),
-    testnet: typebox_1.Type.Optional(typebox_1.Type.Boolean()),
-    testnetConfigID: typebox_1.Type.Optional(typebox_1.Type.Integer()),
-    // Additional required Viem fields that can't be derived
-    sourceId: typebox_1.Type.Optional(typebox_1.Type.Integer()),
-    contracts: typebox_1.Type.Optional(typebox_1.Type.Record(typebox_1.Type.String(), ChainContractSchema)),
-    formatters: typebox_1.Type.Optional(typebox_1.Type.Record(typebox_1.Type.String(), typebox_1.Type.Any())),
-    fees: typebox_1.Type.Optional(typebox_1.Type.Record(typebox_1.Type.String(), typebox_1.Type.Any())),
-    badge: typebox_1.Type.Optional(typebox_1.Type.String({ format: "uri" })),
-    color: typebox_1.Type.Optional(typebox_1.Type.String()),
-    enabledFeatures: typebox_1.Type.Optional(typebox_1.Type.Array(typebox_1.Type.String())),
-}, { $id: "ChainNetworks", additionalProperties: false });