chore: extract files.cow.fi into an env variable

Author: kernelwhisperer

apps/cow-fi/services/tokens/index.ts

@@ -8,11 +8,12 @@ import path from 'path'
 import { DATA_CACHE_TIME_SECONDS } from '@/const/meta'
 import { Network } from '@/const/networkMap'
 import { PlatformData, Platforms, TokenDetails, TokenInfo } from 'types'
+import { COW_CDN } from '@cowprotocol/common-const'
 
 const NETWORKS: Network[] = ['ethereum', 'base', 'arbitrum-one', 'avalanche', 'polygon-pos', 'xdai']
 const COW_TOKEN_ID = 'cow-protocol'
 
-const TOKEN_LISTS_URL = 'https://files.cow.fi/tokens/cowFi-tokens.json'
+const TOKEN_LISTS_URL = `${COW_CDN}/tokens/cowFi-tokens.json`
 const DESCRIPTIONS_DIR_PATH = path.join(process.cwd(), 'data', 'descriptions')
 
 /**

apps/cowswap-frontend/.env

@@ -143,3 +143,5 @@ INTEGRATION_TESTS_INFURA_KEY=
 # Crowdin translations
 #######################################
 # CROWDIN_PERSONAL_TOKEN
+
+REACT_APP_COW_CDN=https://files.cow.fi

apps/cowswap-frontend/src/modules/orderProgressBar/pure/OrderProgressBar/index.cosmos.tsx

@@ -1,6 +1,7 @@
 import { useEffect, useState, ReactNode, useRef } from 'react'
 
 import {
+  COW_CDN,
   USDC_BASE,
   USDC_GNOSIS_CHAIN,
   USDC_MAINNET,
@@ -38,7 +39,7 @@ const account = '0xfb3c7eb936cAA12B5A884d612393969A557d4307'
 const swapAndBridgeContextMock: SwapAndBridgeContext = {
   bridgeProvider: {
     logoUrl:
-      'https://files.cow.fi/cow-sdk/bridging/providers/across/across-logo.png',
+      `${COW_CDN}/cow-sdk/bridging/providers/across/across-logo.png`,
     name: 'Across',
     dappId: 'cow-sdk://bridging/providers/across',
     website: 'https://across.to',

apps/cowswap-frontend/src/modules/permit/const.ts

@@ -1,6 +1,7 @@
+import { COW_CDN } from '@cowprotocol/common-const'
+
 import ms from 'ms.macro'
 
 export const PENDING_ORDER_PERMIT_CHECK_INTERVAL = ms`60s`
 
-export const PRE_GENERATED_PERMIT_URL =
-  'https://files.cow.fi/token-lists/PermitInfo'
+export const PRE_GENERATED_PERMIT_URL = `${COW_CDN}/token-lists/PermitInfo`

apps/cowswap-frontend/src/modules/tokensList/mocks.ts

@@ -1,4 +1,4 @@
-import { TokenWithLogo } from '@cowprotocol/common-const'
+import { COW_CDN, TokenWithLogo } from '@cowprotocol/common-const'
 import { SupportedChainId } from '@cowprotocol/cow-sdk'
 import { ListState } from '@cowprotocol/tokens'
 
@@ -101,7 +101,7 @@ export const customTokensMock: TokenWithLogo[] = [
 export const listsMock: ListState[] = [
   {
     source:
-      'https://tokenlists.org/token-list?url=https://files.cow.fi/token-lists/CowSwapSepolia.json',
+      `https://tokenlists.org/token-list?url=${COW_CDN}/token-lists/CowSwapSepolia.json`,
     list: {
       name: 'CowSwap Sepolia',
       logoURI: 'https://gnosis.mypinata.cloud/ipfs/Qme9B6jRpGtZsRFcPjHvA5T4ugFuL4c3SzWfxyMPa59AMo',
@@ -128,10 +128,10 @@ export const listsMock: ListState[] = [
 ]
 
 export const importListsMock: ListState = {
-  source: 'https://files.cow.fi/tokens/CowSwap.json',
+  source: `${COW_CDN}/tokens/CowSwap.json`,
   list: {
     name: 'CoW Swap',
-    logoURI: 'https://files.cow.fi/token-lists/images/list-logo.png',
+    logoURI: `${COW_CDN}/token-lists/images/list-logo.png`,
     // TODO: Replace any with proper type definitions
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     tokens: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13] as any[],

apps/cowswap-frontend/src/tradingSdk/TestReceiverAccountBridgeProvider.ts

@@ -1,3 +1,4 @@
+import { COW_CDN } from '@cowprotocol/common-const'
 import { ChainInfo, EnrichedOrder, EvmCall, TokenInfo } from '@cowprotocol/cow-sdk'
 import {
   BridgeProvider,
@@ -21,7 +22,7 @@ export class TestReceiverAccountBridgeProvider implements ReceiverAccountBridgeP
   info: BridgeProviderInfo = {
     name: 'Receiver Bridge',
     logoUrl:
-      'https://files.cow.fi/cow-sdk/bridging/providers/mock/mock-logo.webp',
+      `${COW_CDN}/cow-sdk/bridging/providers/mock/mock-logo.webp`,
     dappId: 'test-receiver-bridge',
     website: 'https://github.com/cowprotocol/cowswap',
     type: 'ReceiverAccountBridgeProvider',

apps/explorer/src/components/orders/OrderDetails/crossChainOrder.mock.ts

@@ -1,3 +1,4 @@
+import { COW_CDN } from '@cowprotocol/common-const'
 import type { CrossChainOrder } from '@cowprotocol/sdk-bridging'
 
 export const crossChainOrderMock = {
@@ -8,7 +9,7 @@ export const crossChainOrderMock = {
     info: {
       name: 'Bungee',
       logoUrl:
-        'https://files.cow.fi/cow-sdk/bridging/providers/bungee/bungee-logo.png',
+        `${COW_CDN}/cow-sdk/bridging/providers/bungee/bungee-logo.png`,
       dappId: 'cow-sdk://bridging/providers/bungee',
       website: 'https://www.bungee.exchange',
     },

apps/explorer/src/hooks/useTokenList.ts

@@ -1,6 +1,6 @@
 import { useMemo } from 'react'
 
-import { SWR_NO_REFRESH_OPTIONS } from '@cowprotocol/common-const'
+import { COW_CDN, SWR_NO_REFRESH_OPTIONS } from '@cowprotocol/common-const'
 import { ALL_SUPPORTED_CHAIN_IDS, mapSupportedNetworks, SupportedChainId } from '@cowprotocol/cow-sdk'
 import type { TokenInfo, TokenList } from '@uniswap/token-lists'
 
@@ -32,8 +32,8 @@ const EMPTY_TOKENS: TokenListByAddress = {}
 export function useTokenList(chainId: SupportedChainId | undefined): { data: TokenListByAddress; isLoading: boolean } {
   const { data: cowSwapList, isLoading: isCowListLoading } = useTokenListByUrl(
     chainId !== SupportedChainId.SEPOLIA
-      ? 'https://files.cow.fi/tokens/CowSwap.json'
-      : 'https://files.cow.fi/token-lists/CowSwapSepolia.json',
+      ? `${COW_CDN}/tokens/CowSwap.json`
+      : `${COW_CDN}/token-lists/CowSwapSepolia.json`,
   )
   const { data: coingeckoUniswapList, isLoading: isCoingeckoUniswapLoading } = useTokenListByUrl(
     chainId === SupportedChainId.MAINNET ? 'https://tokens.coingecko.com/uniswap/all.json' : '',

apps/widget-configurator/src/app/configurator/consts.ts

@@ -1,3 +1,4 @@
+import { COW_CDN } from '@cowprotocol/common-const'
 import { CowWidgetEventListeners, CowWidgetEvents, ToastMessageType } from '@cowprotocol/events'
 import { CowSwapWidgetPaletteParams, TokenInfo, TradeType } from '@cowprotocol/widget-lib'
 
@@ -9,8 +10,8 @@ export const TRADE_MODES = [TradeType.SWAP, TradeType.LIMIT, TradeType.ADVANCED,
 
 // Sourced from https://tokenlists.org/
 export const DEFAULT_TOKEN_LISTS: TokenListItem[] = [
-  { url: 'https://files.cow.fi/tokens/CowSwap.json', enabled: true },
-  { url: 'https://files.cow.fi/token-lists/CoinGecko.1.json', enabled: true },
+  { url: `${COW_CDN}/tokens/CowSwap.json`, enabled: true },
+  { url: `${COW_CDN}/token-lists/CoinGecko.1.json`, enabled: true },
   { url: 'https://www.gemini.com/uniswap/manifest.json', enabled: false },
   { url: 'https://messari.io/tokenlist/messari-verified', enabled: false },
   { url: 'https://static.optimism.io/optimism.tokenlist.json', enabled: false },

libs/common-const/src/cdn.ts

@@ -0,0 +1 @@
+export const COW_CDN = process.env.REACT_APP_COW_CDN || 'https://files.cow.fi'