sarthakxv · November 2, 2024 17:20
diff --git a/README.md b/README.md
diff --git a/UniswapPoolDeployer.tsx b/UniswapPoolDeployer.tsx
 /* Example of using the useUniSdk hook in a Component /*

 import { useUniSdk } from "@lib/hooks/useUniSdk";
 // Rest of the imports

 const UniswapPoolDeployer() {
  const { uniSdk } = useUniSdk();

  const handleCreatePool = async (baseToken, quoteToken, priceOfBaseInQuote, fee) => {
    // sample call
      const pool = await uniSdk?.createPool(
        baseToken,
        quoteToken,
        4,
        FeeAmount.LOW
      );
  }

  return {
     // Rest of the component
  }
 }
diff --git a/useEthersSigner.ts b/useEthersSigner.ts
 import { config } from "@lib/utils/wagmi";
 import { ethers } from "ethers";
 import { useMemo } from "react";
 import type { Account, Chain, Client, Transport } from "viem";
 import { Config, useConnectorClient } from "wagmi";

 export function clientToSigner(client: Client<Transport, Chain, Account>) {
  const { account, chain, transport } = client;

  const network = {
    chainId: chain.id,
    name: chain.name,
    ensAddress: chain.contracts?.ensRegistry?.address,
  };

  const provider = new ethers.providers.Web3Provider(transport, network);

  const signer = provider.getSigner(account.address);
  return signer;
 }

 /** Hook to convert a Viem Client to an ethers.js Signer. */
 export function useEthersSigner({ chainId }: { chainId?: number } = {}) {
  const { data: client } = useConnectorClient<Config>({ chainId });
  return useMemo(() => (client ? clientToSigner(client) : undefined), [client]);
 }
diff --git a/useEthersWalletSigners.ts b/useEthersWalletSigners.ts
 // Another iteration of `useEthersSigners` using walletClient

 import { useMemo } from "react";
 import type { Account, Chain, Client, Transport } from "viem";
 import { useWalletClient } from "wagmi";
 import { ethers, providers } from "ethers";
 import { BASE_SEPOLIA_RPC } from "@lib/keys";

 export function useEthersWalletSigner({ chainId }: { chainId?: number } = {}) {
  const { data: walletClient } = useWalletClient({ chainId });

  const walletSigner = useMemo(() => {
    if (!walletClient) return undefined;

    // Base Sepolia configuration
    const network = {
      chainId: 84532,
      name: "Base Sepolia",
      ensAddress: undefined,
      // You can add the RPC URL here if needed
      _defaultProvider: (providers: any) =>
        new providers.JsonRpcProvider(
          BASE_SEPOLIA_RPC // or your preferred RPC URL
        ),
    };

    const provider = new providers.Web3Provider(
      walletClient.transport,
      network
    );

    return provider.getSigner(walletClient.account.address);
  }, [walletClient, chainId]);

  return walletSigner;
 }
diff --git a/useUniSdk.ts b/useUniSdk.ts
 import { useMemo, useState } from "react";
 import { useAccount } from "wagmi";
 import { UniSdk } from "@sample/uni-sdk";
 import { useEthersSigner } from "./useEthersSigner";

 export function useUniSdk() {
  const [error, setError] = useState<Error | null>(null);
  const { address, isConnected, chainId } = useAccount();

  const signer = useEthersSigner({
    chainId,
  });

  const uniSdk = useMemo(() => {
    if (!isConnected || !signer || !window?.ethereum) {
      return undefined;
    }

    try {
      console.log("signer", signer);
      return new UniSdk(signer);
    } catch (err) {
      setError(
        err instanceof Error ? err : new Error("Failed to initialise UniSdk")
      );
      return undefined;
    }
  }, [signer, isConnected]);

  return {
    uniSdk,
    error,
    isInitialised: !!uniSdk,
    address,
  };
 }
	/* Example of using the useUniSdk hook in a Component /*

	import { useUniSdk } from "@lib/hooks/useUniSdk";
	// Rest of the imports

	const UniswapPoolDeployer() {
	const { uniSdk } = useUniSdk();

	const handleCreatePool = async (baseToken, quoteToken, priceOfBaseInQuote, fee) => {
	// sample call
	const pool = await uniSdk?.createPool(
	baseToken,
	quoteToken,
	4,
	FeeAmount.LOW
	);
	}

	return {
	// Rest of the component
	}
	}
	import { config } from "@lib/utils/wagmi";
	import { ethers } from "ethers";
	import { useMemo } from "react";
	import type { Account, Chain, Client, Transport } from "viem";
	import { Config, useConnectorClient } from "wagmi";

	export function clientToSigner(client: Client<Transport, Chain, Account>) {
	const { account, chain, transport } = client;

	const network = {
	chainId: chain.id,
	name: chain.name,
	ensAddress: chain.contracts?.ensRegistry?.address,
	};

	const provider = new ethers.providers.Web3Provider(transport, network);

	const signer = provider.getSigner(account.address);
	return signer;
	}

	/** Hook to convert a Viem Client to an ethers.js Signer. */
	export function useEthersSigner({ chainId }: { chainId?: number } = {}) {
	const { data: client } = useConnectorClient<Config>({ chainId });
	return useMemo(() => (client ? clientToSigner(client) : undefined), [client]);
	}
	// Another iteration of `useEthersSigners` using walletClient

	import { useMemo } from "react";
	import type { Account, Chain, Client, Transport } from "viem";
	import { useWalletClient } from "wagmi";
	import { ethers, providers } from "ethers";
	import { BASE_SEPOLIA_RPC } from "@lib/keys";

	export function useEthersWalletSigner({ chainId }: { chainId?: number } = {}) {
	const { data: walletClient } = useWalletClient({ chainId });

	const walletSigner = useMemo(() => {
	if (!walletClient) return undefined;

	// Base Sepolia configuration
	const network = {
	chainId: 84532,
	name: "Base Sepolia",
	ensAddress: undefined,
	// You can add the RPC URL here if needed
	_defaultProvider: (providers: any) =>
	new providers.JsonRpcProvider(
	BASE_SEPOLIA_RPC // or your preferred RPC URL
	),
	};

	const provider = new providers.Web3Provider(
	walletClient.transport,
	network
	);

	return provider.getSigner(walletClient.account.address);
	}, [walletClient, chainId]);

	return walletSigner;
	}
	import { useMemo, useState } from "react";
	import { useAccount } from "wagmi";
	import { UniSdk } from "@sample/uni-sdk";
	import { useEthersSigner } from "./useEthersSigner";

	export function useUniSdk() {
	const [error, setError] = useState<Error \| null>(null);
	const { address, isConnected, chainId } = useAccount();

	const signer = useEthersSigner({
	chainId,
	});

	const uniSdk = useMemo(() => {
	if (!isConnected \|\| !signer \|\| !window?.ethereum) {
	return undefined;
	}

	try {
	console.log("signer", signer);
	return new UniSdk(signer);
	} catch (err) {
	setError(
	err instanceof Error ? err : new Error("Failed to initialise UniSdk")
	);
	return undefined;
	}
	}, [signer, isConnected]);

	return {
	uniSdk,
	error,
	isInitialised: !!uniSdk,
	address,
	};
	}