chore: add polygon & mumbai support (gitcoinco#2363)

Author: vacekj

docs/TOKENS.md

@@ -34,4 +34,4 @@ This is the kb for token-related info in relation to GS/Allo
 | Chain       | Address                                    | DAI Permit | EIP2612 Permit | Version | transferWithPermit |
 |-------------|--------------------------------------------|------------|----------------|---------|--------------------|
 | Avax        | 0xB97EF9Ef8734C71904D8002F8b6Bc66Dd9c48a6E | ⛔️         | ✅              | 2       | ⛔️                 |
-| Polygon PoS | 0x2791Bca1f2de4661ED88A30C99A7a9449Aa84174 | ⛔️         | ✅              | 2       | ⛔️                 |
+| Polygon PoS | 0x2791Bca1f2de4661ED88A30C99A7a9449Aa84174 | ⛔️         | ✅              | 1       | ⛔️                 |

packages/builder/src/contracts/deployments.ts

@@ -11,6 +11,8 @@ export const chains = {
   58008: "pgnTestnet",
   42161: "arbitrum",
   421613: "arbitrumGoerli",
+  137: "polygon",
+  80001: "polygonMumbai",
 } as const;
 
 export type ChainName = (typeof chains)[keyof typeof chains];
@@ -60,6 +62,12 @@ export const addresses: DeploymentAddressesMap = {
   arbitrumGoerli: {
     projectRegistry: "0x0CD135777dEaB6D0Bb150bDB0592aC9Baa4d0871",
   },
+  polygon: {
+    projectRegistry: "0x5C5E2D94b107C7691B08E43169fDe76EAAB6D48b",
+  },
+  polygonMumbai: {
+    projectRegistry: "0x545B282A50EaeA01A619914d44105437036CbB36",
+  },
 };
 
 export const addressesByChainID = (chainId: ChainId): DeploymentAddresses => {

packages/builder/src/utils/graphql.ts

@@ -1,20 +1,4 @@
-import { ChainId } from "common";
-
-const graphQlEndpoints: Record<ChainId, string> = {
-  [ChainId.PGN]: process.env.REACT_APP_SUBGRAPH_PGN_API!,
-  [ChainId.GOERLI_CHAIN_ID]: process.env.REACT_APP_SUBGRAPH_GOERLI_API!,
-  [ChainId.PGN_TESTNET]: process.env.REACT_APP_SUBGRAPH_PGN_TESTNET_API!,
-  [ChainId.MAINNET]: process.env.REACT_APP_SUBGRAPH_MAINNET_API!,
-  [ChainId.OPTIMISM_MAINNET_CHAIN_ID]:
-    process.env.REACT_APP_SUBGRAPH_OPTIMISM_MAINNET_API!,
-  [ChainId.FANTOM_MAINNET_CHAIN_ID]:
-    process.env.REACT_APP_SUBGRAPH_FANTOM_MAINNET_API!,
-  [ChainId.FANTOM_TESTNET_CHAIN_ID]:
-    process.env.REACT_APP_SUBGRAPH_FANTOM_TESTNET_API!,
-  [ChainId.ARBITRUM_GOERLI]:
-    process.env.REACT_APP_SUBGRAPH_ARBITRUM_GOERLI_API!,
-  [ChainId.ARBITRUM]: process.env.REACT_APP_SUBGRAPH_ARBITRUM_API!,
-};
+import { ChainId, graphQlEndpoints } from "common";
 
 /**
  * Fetch subgraph uri for a given chain id

packages/builder/src/utils/wagmi.ts

@@ -130,7 +130,8 @@ if (process.env.REACT_APP_ENV === "production") {
     fantomMainnet,
     optimismMainnet,
     pgn,
-    chain.arbitrum
+    chain.arbitrum,
+    chain.polygon
   );
 } else {
   chainsAvailable.push(
@@ -142,7 +143,9 @@ if (process.env.REACT_APP_ENV === "production") {
     pgnTestnet,
     pgn,
     chain.arbitrum,
-    chain.arbitrumGoerli
+    chain.arbitrumGoerli,
+    chain.polygon,
+    chain.polygonMumbai
   );
 }
 

packages/builder/src/utils/wallet.ts

@@ -3,6 +3,7 @@ import { getAddress } from "@ethersproject/address";
 import { ChainId } from "common";
 import { ethers } from "ethers";
 import PGNIcon from "common/src/icons/PublicGoodsNetwork.svg";
+import POLIcon from "common/src/icons/pol-logo.svg";
 import {
   EthDiamondGlyph,
   FantomFTMLogo,
@@ -37,6 +38,8 @@ export const networkPrettyNames: { [key in ChainName]: string } = {
   pgn: "PGN",
   arbitrum: "Arbitrum",
   arbitrumGoerli: "Arbitrum Goerli",
+  polygon: "Polygon PoS",
+  polygonMumbai: "Polygon Mumbai",
 };
 
 export const networkIcon: { [key in ChainName]: string } = {
@@ -50,6 +53,8 @@ export const networkIcon: { [key in ChainName]: string } = {
   localhost: EthDiamondGlyph,
   arbitrum: ARBIcon,
   arbitrumGoerli: ARBIcon,
+  polygon: POLIcon,
+  polygonMumbai: POLIcon,
 };
 
 export const payoutIcon: { [key in ChainName]: string } = {
@@ -63,6 +68,8 @@ export const payoutIcon: { [key in ChainName]: string } = {
   localhost: EthDiamondGlyph,
   arbitrumGoerli: ARBIcon,
   arbitrum: ARBIcon,
+  polygon: POLIcon,
+  polygonMumbai: POLIcon,
 };
 
 export function getNetworkIcon(chainId: ChainId): string {

packages/common/src/chains.ts

@@ -11,6 +11,8 @@ export enum ChainId {
   PGN_TESTNET = 58008,
   ARBITRUM = 42161,
   ARBITRUM_GOERLI = 421613,
+  POLYGON = 137,
+  POLYGON_MUMBAI = 80001,
 }
 
 export const pgnTestnet: Chain = {

packages/common/src/icons/pol-logo.svg

@@ -96,7 +96,7 @@ export type Payout = {
   createdAt: string;
 };
 
-const graphQlEndpoints: Record<ChainId, string> = {
+export const graphQlEndpoints: Record<ChainId, string> = {
   [ChainId.PGN]: process.env.REACT_APP_SUBGRAPH_PGN_API!,
   [ChainId.GOERLI_CHAIN_ID]: process.env.REACT_APP_SUBGRAPH_GOERLI_API!,
   [ChainId.PGN_TESTNET]: process.env.REACT_APP_SUBGRAPH_PGN_TESTNET_API!,
@@ -110,6 +110,8 @@ const graphQlEndpoints: Record<ChainId, string> = {
   [ChainId.ARBITRUM_GOERLI]:
     process.env.REACT_APP_SUBGRAPH_ARBITRUM_GOERLI_API!,
   [ChainId.ARBITRUM]: process.env.REACT_APP_SUBGRAPH_ARBITRUM_API!,
+  [ChainId.POLYGON]: process.env.REACT_APP_SUBGRAPH_POLYGON_API!,
+  [ChainId.POLYGON_MUMBAI]: process.env.REACT_APP_SUBGRAPH_POLYGON_MUMBAI_API!,
 };
 
 /**
@@ -267,7 +269,7 @@ export const convertStatusToText = (
 };
 
 /** Returns true if the current javascript context is running inside a Jest test  */
-export const isJestRunning = () => process.env.JEST_WORKER_ID !== undefined;
+export const isJestRunning = () => process.env["JEST_WORKER_ID"] !== undefined;
 
 export const padSingleDigitNumberWithZero = (i: number): string =>
   i < 10 ? "0" + i : i.toString();
@@ -308,6 +310,7 @@ export const RedstoneTokenIds = {
   ARB: "ARB",
   BUSD: "BUSD",
   GTC: "GTC",
+  MATIC: "MATIC",
 } as const;
 
 export const useTokenPrice = (tokenId: string | undefined) => {

packages/common/src/index.ts

@@ -5,6 +5,8 @@ import {
   goerli,
   mainnet,
   optimism,
+  polygon,
+  polygonMumbai,
 } from "wagmi/chains";
 import { arbitrum, arbitrumGoerli } from "viem/chains";
 import { pgnTestnet, pgn } from "common/src/chains";
@@ -15,6 +17,7 @@ const testnetChains = () => {
     { ...fantomTestnet, iconUrl: "/logos/fantom-logo.svg" },
     pgnTestnet,
     arbitrumGoerli,
+    polygonMumbai,
   ];
 };
 
@@ -24,6 +27,7 @@ const mainnetChains = () => {
     optimism,
     pgn,
     arbitrum,
+    polygon,
     { ...fantom, iconUrl: "/logos/fantom-logo.svg" },
   ];
 };