feat: markets page recommended tab and Portals assets (#7736)

package.json

@@ -22,6 +22,7 @@
     "dev:web:linked": "GENERATE_SOURCEMAP=false BROWSER=none yarn dev:web",
     "dev:packages": "yarn tsc --build --watch --preserveWatchOutput tsconfig.packages.json",
     "env": "yarn tsx ./scripts/bootstrap-env.ts",
+    "generate:all": "yarn generate:caip-adapters && yarn run generate:color-map && yarn run generate:asset-data && yarn run generate:thor-asset-map && yarn run generate:thor-longtail-tokens",
     "generate:caip-adapters": "yarn workspace @shapeshiftoss/caip generate",
     "generate:asset-data": "yarn tsx ./scripts/generateAssetData/generateAssetData.ts && yarn run codemod:clear-assets-migration",
     "generate:related-asset-index": "yarn tsx ./scripts/generateAssetData/generateRelatedAssetIndex.ts && yarn run codemod:clear-assets-migration",

packages/utils/src/evmChainIds.ts

@@ -0,0 +1,20 @@
+import type { EvmChainId } from '@shapeshiftoss/types'
+import { KnownChainIds } from '@shapeshiftoss/types'
+
+export const isEvmChainId = (
+  maybeEvmChainId: string | EvmChainId,
+): maybeEvmChainId is EvmChainId => {
+  return evmChainIds.includes(maybeEvmChainId as EvmChainId)
+}
+
+export const evmChainIds = [
+  KnownChainIds.EthereumMainnet,
+  KnownChainIds.AvalancheMainnet,
+  KnownChainIds.OptimismMainnet,
+  KnownChainIds.BnbSmartChainMainnet,
+  KnownChainIds.PolygonMainnet,
+  KnownChainIds.GnosisMainnet,
+  KnownChainIds.ArbitrumMainnet,
+  KnownChainIds.ArbitrumNovaMainnet,
+  KnownChainIds.BaseMainnet,
+] as const

packages/utils/src/index.ts

@@ -13,6 +13,7 @@ export * from './promises'
 export * from './treasury'
 export * from './timeout'
 export * from './createThrottle'
+export * from './evmChainIds'
 
 export const isSome = <T>(option: T | null | undefined): option is T =>
   !isUndefined(option) && !isNull(option)

scripts/generateAssetData/arbitrum/index.ts

@@ -2,15 +2,15 @@ import { arbitrumChainId } from '@shapeshiftoss/caip'
 import type { Asset } from '@shapeshiftoss/types'
 import partition from 'lodash/partition'
 import uniqBy from 'lodash/uniqBy'
+import { getPortalTokens } from 'lib/portals/utils'
 
 import { arbitrum } from '../baseAssets'
 import * as coingecko from '../coingecko'
-import { getPortalTokens } from '../utils/portals'
 
 export const getAssets = async (): Promise<Asset[]> => {
   const results = await Promise.allSettled([
     coingecko.getAssets(arbitrumChainId),
-    getPortalTokens(arbitrum),
+    getPortalTokens(arbitrum, 'all'),
   ])
   const [assets, _portalsAssets] = results.map(result => {
     if (result.status === 'fulfilled') return result.value

scripts/generateAssetData/avalanche/index.ts

@@ -2,15 +2,15 @@ import { avalancheChainId } from '@shapeshiftoss/caip'
 import type { Asset } from '@shapeshiftoss/types'
 import partition from 'lodash/partition'
 import uniqBy from 'lodash/uniqBy'
+import { getPortalTokens } from 'lib/portals/utils'
 
 import { avax } from '../baseAssets'
 import * as coingecko from '../coingecko'
-import { getPortalTokens } from '../utils/portals'
 
 export const getAssets = async (): Promise<Asset[]> => {
   const results = await Promise.allSettled([
     coingecko.getAssets(avalancheChainId),
-    getPortalTokens(avax),
+    getPortalTokens(avax, 'all'),
   ])
 
   const [assets, _portalsAssets] = results.map(result => {

scripts/generateAssetData/base/index.ts

@@ -2,15 +2,15 @@ import { baseChainId } from '@shapeshiftoss/caip'
 import type { Asset } from '@shapeshiftoss/types'
 import partition from 'lodash/partition'
 import uniqBy from 'lodash/uniqBy'
+import { getPortalTokens } from 'lib/portals/utils'
 
 import { base } from '../baseAssets'
 import * as coingecko from '../coingecko'
-import { getPortalTokens } from '../utils/portals'
 
 export const getAssets = async (): Promise<Asset[]> => {
   const results = await Promise.allSettled([
     coingecko.getAssets(baseChainId),
-    getPortalTokens(base),
+    getPortalTokens(base, 'all'),
   ])
 
   const [assets, _portalsAssets] = results.map(result => {

scripts/generateAssetData/bnbsmartchain/index.ts

@@ -2,15 +2,15 @@ import { bscChainId } from '@shapeshiftoss/caip'
 import type { Asset } from '@shapeshiftoss/types'
 import { partition } from 'lodash'
 import uniqBy from 'lodash/uniqBy'
+import { getPortalTokens } from 'lib/portals/utils'
 
 import { bnbsmartchain } from '../baseAssets'
 import * as coingecko from '../coingecko'
-import { getPortalTokens } from '../utils/portals'
 
 export const getAssets = async (): Promise<Asset[]> => {
   const results = await Promise.allSettled([
     coingecko.getAssets(bscChainId),
-    getPortalTokens(bnbsmartchain),
+    getPortalTokens(bnbsmartchain, 'all'),
   ])
 
   const [assets, _portalsAssets] = results.map(result => {

scripts/generateAssetData/coingecko.ts

@@ -16,6 +16,7 @@ import {
 import type { Asset } from '@shapeshiftoss/types'
 import axios from 'axios'
 
+import { colorMap } from './../../src/lib/asset-service/service/colorMap'
 import {
   arbitrum,
   arbitrumNova,
@@ -27,7 +28,6 @@ import {
   optimism,
   polygon,
 } from './baseAssets'
-import { colorMap } from './colorMap'
 
 type Token = {
   chainId: number

scripts/generateAssetData/cosmos/index.ts

@@ -2,8 +2,8 @@ import { cosmosChainId } from '@shapeshiftoss/caip'
 import type { Asset } from '@shapeshiftoss/types'
 import axios from 'axios'
 
+import { colorMap } from '../../../src/lib/asset-service/service/colorMap'
 import { atom } from '../baseAssets'
-import { colorMap } from '../colorMap'
 
 type CosmosAsset = {
   denom: string

scripts/generateAssetData/ethTokens/uniswap.ts

@@ -2,7 +2,7 @@ import { ethChainId as chainId, toAssetId } from '@shapeshiftoss/caip'
 import type { Asset } from '@shapeshiftoss/types'
 import axios from 'axios'
 
-import { colorMap } from '../colorMap'
+import { colorMap } from '../../../src/lib/asset-service/service/colorMap'
 
 type UniswapToken = {
   chainId: number

scripts/generateAssetData/ethereum/index.ts

@@ -5,11 +5,11 @@ import chunk from 'lodash/chunk'
 import orderBy from 'lodash/orderBy'
 import partition from 'lodash/partition'
 import uniqBy from 'lodash/uniqBy'
+import { getPortalTokens } from 'lib/portals/utils'
 
 import { ethereum } from '../baseAssets'
 import * as coingecko from '../coingecko'
 import { generateTrustWalletUrl } from '../generateTrustWalletUrl/generateTrustWalletUrl'
-import { getPortalTokens } from '../utils/portals'
 
 const foxyToken: Asset = {
   assetId: toAssetId({
@@ -32,7 +32,7 @@ const foxyToken: Asset = {
 export const getAssets = async (): Promise<Asset[]> => {
   const results = await Promise.allSettled([
     coingecko.getAssets(ethChainId),
-    getPortalTokens(ethereum),
+    getPortalTokens(ethereum, 'all'),
   ])
 
   const [coingeckoTokens, portalsTokens] = results.map(result => {

scripts/generateAssetData/generateColorMap.ts

@@ -69,7 +69,8 @@ const generateColorMap = async () => {
   }, initial)
 
   await fs.promises.writeFile(
-    `./scripts/generateAssetData/colorMap/color-map.json`,
+    // note: cwd is the root of the monorepo, *not* the script directory
+    'src/lib/asset-service/service/color-map.json',
     // beautify the file for github diff.
     JSON.stringify(colorMap, null, 2),
   )

scripts/generateAssetData/generateRelatedAssetIndex/generateRelatedAssetIndex.ts

@@ -10,7 +10,8 @@ import {
   fromAssetId,
   optimismAssetId,
 } from '@shapeshiftoss/caip'
-import { type Asset, type AssetsById, KnownChainIds } from '@shapeshiftoss/types'
+import type { Asset, AssetsById } from '@shapeshiftoss/types'
+import { isEvmChainId } from '@shapeshiftoss/utils'
 import axios from 'axios'
 import axiosRetry from 'axios-retry'
 import fs from 'fs'
@@ -33,19 +34,6 @@ axiosRetry(axiosInstance, { retries: 5, retryDelay: axiosRetry.exponentialDelay
 const ZERION_API_KEY = process.env.ZERION_API_KEY
 if (!ZERION_API_KEY) throw new Error('Missing Zerion API key - see readme for instructions')
 
-// Redeclared here due to ethers import issues
-export const EVM_CHAIN_IDS = [
-  KnownChainIds.EthereumMainnet,
-  KnownChainIds.AvalancheMainnet,
-  KnownChainIds.OptimismMainnet,
-  KnownChainIds.BnbSmartChainMainnet,
-  KnownChainIds.PolygonMainnet,
-  KnownChainIds.GnosisMainnet,
-  KnownChainIds.ArbitrumMainnet,
-  KnownChainIds.ArbitrumNovaMainnet,
-  KnownChainIds.BaseMainnet,
-] as const
-
 const manualRelatedAssetIndex: Record<AssetId, AssetId[]> = {
   [ethAssetId]: [
     optimismAssetId,
@@ -126,11 +114,7 @@ const getRelatedAssetIds = async (
 
   const { chainId, assetReference } = fromAssetId(assetId)
 
-  if (
-    !EVM_CHAIN_IDS.includes(chainId as (typeof EVM_CHAIN_IDS)[number]) ||
-    FEE_ASSET_IDS.includes(assetId)
-  )
-    return
+  if (!isEvmChainId(chainId) || FEE_ASSET_IDS.includes(assetId)) return
 
   const filter = { params: { 'filter[implementation_address]': assetReference } }
   const url = '/fungibles'

scripts/generateAssetData/gnosis/index.ts

@@ -2,15 +2,15 @@ import { gnosisChainId } from '@shapeshiftoss/caip'
 import type { Asset } from '@shapeshiftoss/types'
 import partition from 'lodash/partition'
 import uniqBy from 'lodash/uniqBy'
+import { getPortalTokens } from 'lib/portals/utils'
 
 import { gnosis } from '../baseAssets'
 import * as coingecko from '../coingecko'
-import { getPortalTokens } from '../utils/portals'
 
 export const getAssets = async (): Promise<Asset[]> => {
   const [assets, _portalsAssets] = await Promise.all([
     coingecko.getAssets(gnosisChainId),
-    getPortalTokens(gnosis),
+    getPortalTokens(gnosis, 'all'),
   ])
 
   // Order matters here - We do a uniqBy and only keep the first of each asset using assetId as a criteria

scripts/generateAssetData/optimism/index.ts

@@ -2,15 +2,15 @@ import { optimismChainId } from '@shapeshiftoss/caip'
 import type { Asset } from '@shapeshiftoss/types'
 import partition from 'lodash/partition'
 import uniqBy from 'lodash/uniqBy'
+import { getPortalTokens } from 'lib/portals/utils'
 
 import { optimism } from '../baseAssets'
 import * as coingecko from '../coingecko'
-import { getPortalTokens } from '../utils/portals'
 
 export const getAssets = async (): Promise<Asset[]> => {
   const results = await Promise.allSettled([
     coingecko.getAssets(optimismChainId),
-    getPortalTokens(optimism),
+    getPortalTokens(optimism, 'all'),
   ])
 
   const [assets, _portalsAssets] = results.map(result => {

scripts/generateAssetData/polygon/index.ts

@@ -2,15 +2,15 @@ import { polygonChainId } from '@shapeshiftoss/caip'
 import type { Asset } from '@shapeshiftoss/types'
 import partition from 'lodash/partition'
 import uniqBy from 'lodash/uniqBy'
+import { getPortalTokens } from 'lib/portals/utils'
 
 import { polygon } from '../baseAssets'
 import * as coingecko from '../coingecko'
-import { getPortalTokens } from '../utils/portals'
 
 export const getAssets = async (): Promise<Asset[]> => {
   const results = await Promise.allSettled([
     coingecko.getAssets(polygonChainId),
-    getPortalTokens(polygon),
+    getPortalTokens(polygon, 'all'),
   ])
 
   const [assets, _portalsAssets] = results.map(result => {