lint

Author: gregfromstl

apps/dashboard/src/stories/utils.tsx

@@ -27,7 +27,7 @@ export function BadgeContainer(props: {
   );
 }
 
-export function mobileViewport(
+function mobileViewport(
   key: "iphone14" | "iphone14promax" | "ipad11p" | "ipad12p",
 ) {
   return {

packages/thirdweb/knip.json

@@ -4,7 +4,8 @@
     "src/exports/**",
     "scripts/**/*.{ts,mjs}",
     "src/cli/bin.ts",
-    "src/transaction/actions/send-batch-transaction.ts"
+    "src/transaction/actions/send-batch-transaction.ts",
+    "src/react/core/hooks/useBridgeRoutes.ts"
   ],
   "project": ["src/**/*.{ts,tsx}", "scripts/**/*.mjs"],
   "ignore": ["src/**/__generated__/**", "**/*.bench.ts"],

packages/thirdweb/package.json

@@ -235,6 +235,7 @@
     "@radix-ui/react-focus-scope": "1.1.7",
     "@radix-ui/react-icons": "1.3.2",
     "@radix-ui/react-tooltip": "1.2.7",
+    "@storybook/react": "^9.0.10",
     "@tanstack/react-query": "5.80.7",
     "@thirdweb-dev/engine": "workspace:*",
     "@thirdweb-dev/insight": "workspace:*",

packages/thirdweb/src/react/core/hooks/pay/useBuyWithFiatQuotesForProviders.ts

@@ -8,7 +8,7 @@ import { toUnits } from "../../../../utils/units.js";
 /**
  * @internal
  */
-export type UseBuyWithFiatQuotesForProvidersParams = {
+type UseBuyWithFiatQuotesForProvidersParams = {
   /**
    * A client is the entry point to the thirdweb SDK.
    */
@@ -38,15 +38,15 @@ export type UseBuyWithFiatQuotesForProvidersParams = {
 /**
  * @internal
  */
-export type OnrampQuoteQueryOptions = Omit<
+type OnrampQuoteQueryOptions = Omit<
   UseQueryOptions<Awaited<ReturnType<typeof prepareOnramp>>>,
   "queryFn" | "queryKey" | "enabled"
 >;
 
 /**
  * @internal
  */
-export type UseBuyWithFiatQuotesForProvidersResult = {
+type UseBuyWithFiatQuotesForProvidersResult = {
   data: Awaited<ReturnType<typeof prepareOnramp>> | undefined;
   isLoading: boolean;
   error: Error | null;

packages/thirdweb/src/react/core/hooks/useBridgeError.ts

@@ -4,7 +4,7 @@ import { isRetryable, mapBridgeError } from "../errors/mapBridgeError.js";
 /**
  * Parameters for the useBridgeError hook
  */
-export interface UseBridgeErrorParams {
+interface UseBridgeErrorParams {
   /**
    * The error to process. Can be an ApiError or generic Error.
    */
@@ -14,7 +14,7 @@ export interface UseBridgeErrorParams {
 /**
  * Result returned by the useBridgeError hook
  */
-export interface UseBridgeErrorResult {
+interface UseBridgeErrorResult {
   /**
    * The mapped/normalized error, null if no error provided
    */

packages/thirdweb/src/react/core/hooks/useBridgeQuote.ts

@@ -6,18 +6,14 @@ import type { Token } from "../../../bridge/types/Token.js";
 import type { ThirdwebClient } from "../../../client/client.js";
 import { checksumAddress } from "../../../utils/address.js";
 
-export interface UseBridgeQuoteParams {
+interface UseBridgeQuoteParams {
   originToken: Token;
   destinationToken: Token;
   destinationAmount: bigint;
   client: ThirdwebClient;
   enabled?: boolean;
 }
 
-export type BridgeQuoteResult = NonNullable<
-  ReturnType<typeof useBridgeQuote>["data"]
->;
-
 export function useBridgeQuote({
   originToken,
   destinationToken,
@@ -38,7 +34,7 @@ export function useBridgeQuote({
       // if ssame token and chain, use transfer
       if (
         checksumAddress(originToken.address) ===
-        checksumAddress(destinationToken.address) &&
+          checksumAddress(destinationToken.address) &&
         originToken.chainId === destinationToken.chainId
       ) {
         const transfer = await Transfer.prepare({
@@ -51,8 +47,6 @@ export function useBridgeQuote({
         });
         return transfer;
       }
-
-      console.log("AMOUNT", destinationAmount);
       const quote = await Buy.quote({
         originChainId: originToken.chainId,
         originTokenAddress: originToken.address,

packages/thirdweb/src/react/core/hooks/useBridgeRoutes.ts

@@ -30,6 +30,7 @@ export type UseBridgeRoutesParams = RoutesTypes.Options & {
  *   originTokenAddress: "0xEeeeeEeeeEeEeeEeEeEeeEEEeeeeEeeeeeeeEEeE"
  * });
  * ```
+ * @internal
  */
 export function useBridgeRoutes(params: UseBridgeRoutesParams) {
   const { enabled = true, ...routeParams } = params;

packages/thirdweb/src/react/core/hooks/useStepExecutor.test.ts

@@ -3,19 +3,10 @@ import type { Action } from "../../../bridge/types/BridgeAction.js";
 import type { RouteStep } from "../../../bridge/types/Route.js";
 import { defineChain } from "../../../chains/utils.js";
 import type { ThirdwebClient } from "../../../client/client.js";
-import {
-  buyWithApprovalQuote,
-  complexBuyQuote,
-  onrampWithSwapsQuote,
-  simpleBuyQuote,
-  simpleOnrampQuote,
-} from "../../../stories/Bridge/fixtures.js";
 import type { Wallet } from "../../../wallets/interfaces/wallet.js";
 import type { WindowAdapter } from "../adapters/WindowAdapter.js";
 import type { BridgePrepareResult } from "./useBridgePrepare.js";
-import type { StepExecutorOptions } from "./useStepExecutor.js";
-import { flattenRouteSteps, useStepExecutor } from "./useStepExecutor.js";
-import { toWei } from "src/utils/units.js";
+import { flattenRouteSteps } from "./useStepExecutor.js";
 
 // Mock React hooks
 vi.mock("react", async () => {
@@ -88,11 +79,14 @@ const mockClient: ThirdwebClient = {
   secretKey: undefined,
 } as ThirdwebClient;
 
-const mockWindowAdapter: WindowAdapter = {
+const _mockWindowAdapter: WindowAdapter = {
   open: vi.fn(),
 };
 
-const createMockWallet = (hasAccount = true, supportsBatch = false): Wallet => {
+const _createMockWallet = (
+  hasAccount = true,
+  supportsBatch = false,
+): Wallet => {
   const mockAccount = hasAccount
     ? {
         address: "0x1234567890123456789012345678901234567890",
@@ -181,7 +175,7 @@ const createMockRouteSteps = (
   return steps;
 };
 
-const createMockBuyQuote = (steps: RouteStep[]): BridgePrepareResult => ({
+const _createMockBuyQuote = (steps: RouteStep[]): BridgePrepareResult => ({
   type: "buy",
   originAmount: 1000000000000000000n,
   destinationAmount: 999000000000000000n,
@@ -253,6 +247,4 @@ describe("useStepExecutor", () => {
       expect(flattened).toHaveLength(0);
     });
   });
-
-  
 });

packages/thirdweb/src/react/core/hooks/useStepExecutor.ts

@@ -1,3 +1,4 @@
+import { useQuery } from "@tanstack/react-query";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import type { status as OnrampStatus } from "../../../bridge/OnrampStatus.js";
 import { ApiError } from "../../../bridge/types/Errors.js";
@@ -9,15 +10,14 @@ import type { Status } from "../../../bridge/types/Status.js";
 import { getCachedChain } from "../../../chains/utils.js";
 import type { ThirdwebClient } from "../../../client/client.js";
 import { waitForReceipt } from "../../../transaction/actions/wait-for-tx-receipt.js";
+import { stringify } from "../../../utils/json.js";
 import type { Account, Wallet } from "../../../wallets/interfaces/wallet.js";
 import type { WindowAdapter } from "../adapters/WindowAdapter.js";
 import {
-  useBridgePrepare,
   type BridgePrepareRequest,
   type BridgePrepareResult,
+  useBridgePrepare,
 } from "./useBridgePrepare.js";
-import { useQuery } from "@tanstack/react-query";
-import { stringify } from "../../../utils/json.js";
 
 /**
  * Type for completed status results from Bridge.status and Onramp.status
@@ -27,14 +27,14 @@ export type CompletedStatusResult =
   | ({ type: "sell" } & Extract<Status, { status: "COMPLETED" }>)
   | ({ type: "transfer" } & Extract<Status, { status: "COMPLETED" }>)
   | ({ type: "onramp" } & Extract<
-    OnrampStatus.Result,
-    { status: "COMPLETED" }
-  >);
+      OnrampStatus.Result,
+      { status: "COMPLETED" }
+    >);
 
 /**
  * Options for the step executor hook
  */
-export interface StepExecutorOptions {
+interface StepExecutorOptions {
   /** Prepared quote returned by Bridge.prepare */
   request: BridgePrepareRequest;
   /** Wallet instance providing getAccount() & sendTransaction */
@@ -52,7 +52,7 @@ export interface StepExecutorOptions {
 /**
  * Internal flattened transaction type
  */
-export interface FlattenedTx extends RouteTransaction {
+interface FlattenedTx extends RouteTransaction {
   /** Index in flat array */
   _index: number;
   /** Parent step index */
@@ -62,7 +62,7 @@ export interface FlattenedTx extends RouteTransaction {
 /**
  * Public return type of useStepExecutor
  */
-export interface StepExecutorResult {
+interface StepExecutorResult {
   currentStep?: RouteStep;
   currentTxIndex?: number;
   progress: number; // 0–100

packages/thirdweb/src/react/core/hooks/useTransactionDetails.ts

@@ -20,7 +20,7 @@ import {
 } from "../../web/ui/ConnectWallet/screens/formatTokenBalance.js";
 import { useChainMetadata } from "./others/useChainQuery.js";
 
-export interface TransactionDetails {
+interface TransactionDetails {
   contractMetadata: CompilerMetadata | null;
   functionInfo: {
     functionName: string;
@@ -37,7 +37,7 @@ export interface TransactionDetails {
   totalCostWei: bigint;
 }
 
-export interface UseTransactionDetailsOptions {
+interface UseTransactionDetailsOptions {
   transaction: PreparedTransaction;
   client: ThirdwebClient;
 }