example-poker/packages/frontend/utils/scaffold-eth/networks.ts

import * as chains from "viem/chains";
import { luxfheFrontier, luxfheLocal } from "~~/config/luxfheNetworks";
import scaffoldConfig from "~~/scaffold.config";

type ChainAttributes = {
  // color | [lightThemeColor, darkThemeColor]
  color: string | [string, string];
  // Used to fetch price by providing mainnet token address
  // for networks having native currency other than ETH
  nativeCurrencyTokenAddress?: string;
};

export type ChainWithAttributes = chains.Chain & Partial<ChainAttributes>;

export const NETWORKS_EXTRA_DATA: Record<string, ChainAttributes> = {
  // [chains.hardhat.id]: {
  //   color: "#b8af0c",
  // },
  // [chains.mainnet.id]: {
  //   color: "#ff8b9e",
  // },
  // [chains.sepolia.id]: {
  //   color: ["#5f4bb6", "#87ff65"],
  // },
  // [chains.goerli.id]: {
  //   color: "#0975F6",
  // },
  // [chains.gnosis.id]: {
  //   color: "#48a9a6",
  // },
  // [chains.polygon.id]: {
  //   color: "#2bbdf7",
  //   nativeCurrencyTokenAddress: "0x7D1AfA7B718fb893dB30A3aBc0Cfc608AaCfeBB0",
  // },
  // [chains.polygonMumbai.id]: {
  //   color: "#92D9FA",
  //   nativeCurrencyTokenAddress: "0x7D1AfA7B718fb893dB30A3aBc0Cfc608AaCfeBB0",
  // },
  // [chains.optimismSepolia.id]: {
  //   color: "#f01a37",
  // },
  // [chains.optimism.id]: {
  //   color: "#f01a37",
  // },
  // [chains.arbitrumSepolia.id]: {
  //   color: "#28a0f0",
  // },
  // [chains.arbitrum.id]: {
  //   color: "#28a0f0",
  // },
  // [chains.fantom.id]: {
  //   color: "#1969ff",
  // },
  // [chains.fantomTestnet.id]: {
  //   color: "#1969ff",
  // },
  // [chains.scrollSepolia.id]: {
  //   color: "#fbebd4",
  // },
  [luxfheFrontier.id]: {
    color: "#32373c",
  },
  [luxfheLocal.id]: {
    color: "#32373c",
  },
};

/**
 * Gives the block explorer transaction URL, returns empty string if the network is a local chain
 */
export function getBlockExplorerTxLink(chainId: number, txnHash: string) {
  const chainNames = Object.keys(chains);

  const targetChainArr = chainNames.filter(chainName => {
    const wagmiChain = chains[chainName as keyof typeof chains];
    return wagmiChain.id === chainId;
  });

  if (targetChainArr.length === 0) {
    return "";
  }

  const targetChain = targetChainArr[0] as keyof typeof chains;
  // @ts-expect-error : ignoring error since `blockExplorers` key may or may not be present on some chains
  const blockExplorerTxURL = chains[targetChain]?.blockExplorers?.default?.url;

  if (!blockExplorerTxURL) {
    return "";
  }

  return `${blockExplorerTxURL}/tx/${txnHash}`;
}

/**
 * Gives the block explorer URL for a given address.
 * Defaults to Etherscan if no (wagmi) block explorer is configured for the network.
 */
export function getBlockExplorerAddressLink(network: chains.Chain, address: string) {
  const blockExplorerBaseURL = network.blockExplorers?.default?.url;
  if (network.id === chains.hardhat.id) {
    return `/blockexplorer/address/${address}`;
  }

  if (!blockExplorerBaseURL) {
    return `https://etherscan.io/address/${address}`;
  }

  return `${blockExplorerBaseURL}/address/${address}`;
}

/**
 * @returns targetNetworks array containing networks configured in scaffold.config including extra network metadata
 */
export function getTargetNetworks(): ChainWithAttributes[] {
  return scaffoldConfig.targetNetworks.map(targetNetwork => ({
    ...targetNetwork,
    ...NETWORKS_EXTRA_DATA[targetNetwork.id],
  }));
}