ETHMNY TOKEN

.nvmrc

@@ -0,0 +1,2 @@
+22
+

package.json

@@ -2,10 +2,14 @@
   "name": "token-lists",
   "version": "0.1.0",
   "private": true,
+  "engines": {
+    "node": "22.x"
+  },
   "dependencies": {
     "@types/node": "^14.6.1",
     "@types/react": "^16.9.48",
     "@types/react-dom": "^16.9.8",
+    "bs58": "^6.0.0",
     "copy-to-clipboard": "^3.3.1",
     "ethereumjs-util": "^7.0.3",
     "moment": "^2.27.0",
@@ -22,8 +26,8 @@
     "typescript": "^4.0.2"
   },
   "scripts": {
-    "start": "react-scripts start",
-    "build": "react-scripts build",
+    "start": "NODE_OPTIONS=--openssl-legacy-provider react-scripts start",
+    "build": "NODE_OPTIONS=--openssl-legacy-provider react-scripts build",
     "test": "react-scripts test",
     "eject": "react-scripts eject"
   },

src/components/card.js

@@ -5,7 +5,6 @@ import styled from 'styled-components'
 const StyledCard = styled(Link)`
   border-radius: 8px;
   padding: 1.5rem;
-  height: 264px;
   max-width: 172px;
   display: flex;
   justify-content: space-between;
@@ -22,7 +21,7 @@ const StyledCard = styled(Link)`
     max-width: initial;
   }
   @media screen and (max-width: 414px) {
-    width: 100%;
+    width: 320px;
     box-sizing: border-box;
   }
   :hover {
@@ -52,6 +51,10 @@ const TokensListed = styled.span`
   line-height: 150%;
 `
 
+const NameText = styled.h3`
+  word-wrap: break-word;
+`
+
 function getLogoURL(logoURI) {
   if (logoURI?.startsWith('ipfs://')) {
     return `https://ipfs.io/ipfs/${logoURI.split('//')[1]}`
@@ -77,7 +80,7 @@ export default function Card({ id, list, name }) {
         }}
       />
       <section>
-        <h3>{actualName}</h3>
+        <NameText>{actualName}</NameText>
         <TokensListed>
           {list?.tokens?.length > 0 ? `${list.tokens.length} tokens` : list === null ? 'Error' : 'Loading...'}
         </TokensListed>

src/components/hero.js

@@ -77,7 +77,7 @@ export default function Header() {
         Project
       </span>
 
-      <p className="title">A new Ethereum token list standard.</p>
+      <p className="title">An Ethereum token list standard.</p>
 
       <p style={{ fontSize: '20px', lineHeight: '150%' }} className="description" id="why-lists">
         Token Lists is a community-led initiative to improve discoverability, reputation and trust in ERC20 token lists
@@ -93,6 +93,9 @@ export default function Header() {
       >
         {'->'} Make your own
       </HoverLink>
+      <HoverLink target="_blank" rel="noopener noreferrer" href="https://github.com/Uniswap/token-list-bridge-utils">
+        {'->'} Convert to multi-chain list
+      </HoverLink>
       <HoverLink target="_blank" rel="noopener noreferrer" href="http://community.tokenlists.org/">
         {'->'} Community
       </HoverLink>

src/components/list-tokens.js

@@ -2,15 +2,52 @@ import React, { useState, memo } from 'react'
 import styled from 'styled-components'
 import Search from './search'
 import CopyHelper from './copy'
+import { lookUpchain, lookupScanner, isSolanaChain } from '../utils/getChainId'
 
 import { toChecksumAddress } from 'ethereumjs-util'
+import bs58 from 'bs58'
 import FilterResults from 'react-filter-search'
 
+function isValidSolanaAddress(address) {
+  try {
+    const decoded = bs58.decode(address)
+    return decoded.length === 32
+  } catch {
+    return false
+  }
+}
+
+// For Solana: validates base58 encoding and returns as-is
+// For EVM chains (default): applies checksum validation
+function safeToChecksumAddress(address, chainId) {
+  if (!address || typeof address !== 'string') {
+    return address
+  }
+
+  // Handle Solana addresses
+  if (isSolanaChain(chainId)) {
+    if (isValidSolanaAddress(address)) {
+      return address // Solana addresses are case-sensitive and don't need checksum conversion
+    } else {
+      console.warn('Invalid Solana address:', address)
+      return address
+    }
+  }
+
+  // Handle EVM addresses
+  try {
+    return toChecksumAddress(address)
+  } catch (e) {
+    console.warn('Failed to convert address to checksum:', address, e)
+    return address
+  }
+}
+
 const TokenItem = styled.section`
   display: grid;
   max-width: 960px;
   grid-gap: 1rem;
-  grid-template-columns: 1fr 128px 96px 148px;
+  grid-template-columns: 1fr 100px 120px 96px 148px;
   margin-bottom: 1rem;
   a {
     color: #131313;
@@ -73,7 +110,21 @@ const TokenAddress = styled.span`
   align-items: center;
 `
 
+const Chain = styled.span`
+  display: grid;
+  grid-template-columns: auto 16px;
+  grid-gap: 0.5rem;
+  height: fit-content;
+  align-items: center;
+  @media screen and (max-width: 960px) {
+    display: none;
+  }
+`
+
 export const ListItem = memo(function ListItem({ token }) {
+  const scanner = lookupScanner(token.chainId); 
+  const tokenAddress = safeToChecksumAddress(token.address, token.chainId); 
+  const scannerUrl = scanner === "" ? "" : scanner + tokenAddress; 
   return (
     <TokenItem>
       <TokenInfo>
@@ -82,8 +133,9 @@ export const ListItem = memo(function ListItem({ token }) {
           alt={`${token.name} token icon`}
           src={
             !token.logoURI
-              ? `https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/ethereum/assets/${toChecksumAddress(
-                  token.address
+              ? `https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/ethereum/assets/${safeToChecksumAddress(
+                  token.address,
+                  token.chainId
                 )}/logo.png`
               : token.logoURI.startsWith('ipfs')
               ? `https://ipfs.io/ipfs/${token.logoURI.split('//')[1]}`
@@ -96,11 +148,12 @@ export const ListItem = memo(function ListItem({ token }) {
         />
 
         <span className="hide-small">
-          <a style={{ textAlign: 'right' }} href={`https://etherscan.io/address/${toChecksumAddress(token.address)}`}>
+          <a style={{ textAlign: 'right' }} href={scannerUrl}>
             {token.name}
           </a>
         </span>
       </TokenInfo>
+      <Chain>{lookUpchain(token.chainId)}</Chain>
       <span>{token.symbol}</span>
       <TokenTagWrapper className="hide-small">
         {token?.tags?.length > 0 && (
@@ -111,8 +164,8 @@ export const ListItem = memo(function ListItem({ token }) {
         )}
       </TokenTagWrapper>
       <TokenAddress>
-        <a style={{ textAlign: 'right' }} href={`https://etherscan.io/address/${toChecksumAddress(token.address)}`}>
-          {`${toChecksumAddress(token.address)?.slice(0, 6)}...${toChecksumAddress(token.address)?.slice(38, 42)}`}
+        <a style={{ textAlign: 'right' }} href={scannerUrl}>
+          {`${tokenAddress?.slice(0, 6)}...${tokenAddress?.slice(38, 42)}`}
         </a>
         <CopyHelper toCopy={token.address} />
       </TokenAddress>
@@ -148,7 +201,7 @@ const ListTitle = styled.div`
   display: grid;
   max-width: 960px;
   grid-gap: 1rem;
-  grid-template-columns: 1fr 128px 96px 148px;
+  grid-template-columns: 1fr 100px 120px 96px 148px;
   margin-bottom: 1rem;
   @media screen and (max-width: 414px) {
     display: none;
@@ -166,6 +219,10 @@ const ListHeader = styled.div`
 
 export default function Tokens({ tokens }) {
   const [value, setValue] = useState('')
+  const sortedTokens = tokens.sort((a,b) =>{ 
+    return a.symbol > b.symbol ? 1 : 
+      a.symbol < b.symbol ? -1 : 0; 
+  })
 
   function handleChange(e) {
     const { value } = e.target
@@ -182,17 +239,17 @@ export default function Tokens({ tokens }) {
       <TokenWrapper>
         <ListTitle>
           <p className="hide-small">Name</p>
+          <p className="hide-small">Chain</p>
           <p className="hide-small">Symbol</p>
           <p className="hide-small">Tags</p>
-
           <p className="hide-small" style={{ textAlign: 'right' }}>
             Address
           </p>
         </ListTitle>
 
         <FilterResults
           value={value}
-          data={tokens}
+          data={sortedTokens}
           renderResults={(results) =>
             results.length === 0 ? 'None found!' : results.map((data, i) => <ListItem key={i} token={data} />)
           }

src/token-lists.json

@@ -11,6 +11,10 @@
     "name": "Agora dataFi Tokens",
     "homepage": ""
   },
+  "https://raw.githubusercontent.com/The-Blockchain-Association/sec-notice-list/master/ba-sec-list.json": {
+    "name": "Blockchain Association SEC Non Compliant List",
+    "homepage": ""
+  },
   "defi.cmc.eth": {
     "name": "CMC DeFi",
     "homepage": ""
@@ -55,22 +59,42 @@
     "name": "Furucombo",
     "homepage": ""
   },
+  "https://www.gemini.com/uniswap/manifest.json": {
+    "name": "Gemini Token List",
+    "homepage": "https://www.gemini.com/"
+  },
   "t2crtokens.eth": {
     "name": "Kleros T2CR",
     "homepage": ""
   },
+  "https://api.kyber.network/tokenlist": {
+    "name": "Kyber",
+    "homepage": ""
+  },
   "https://messari.io/tokenlist/messari-verified": {
     "name": "Messari Verified",
     "homepage": ""
   },
+  "https://uniswap.mycryptoapi.com/": {
+    "name": "MyCrypto",
+    "homepage": ""
+  },
   "https://raw.githubusercontent.com/opynfinance/opyn-tokenlist/master/opyn-v1.tokenlist.json": {
     "name": "Opyn Token List",
     "homepage": ""
   },
+  "https://static.optimism.io/optimism.tokenlist.json": {
+    "name": "Optimism",
+    "homepage": "https://optimism.io/"
+  },
   "https://app.tryroll.com/tokens.json": {
     "name": "Roll Social Money",
     "homepage": ""
   },
+  "https://raw.githubusercontent.com/SetProtocol/uniswap-tokenlist/main/set.tokenlist.json": {
+    "name": "Set Protocol",
+    "homepage": ""
+  },
   "synths.snx.eth": {
     "name": "Synthetix",
     "homepage": ""
@@ -79,7 +103,11 @@
     "name": "Testnet Tokens",
     "homepage": ""
   },
-  "https://gateway.ipfs.io/ipns/tokens.uniswap.org": {
+  "list.tkn.eth": {
+    "name": "TokenDao",
+    "homepage": "https://tkn.eth.limo"
+  },
+  "https://ipfs.io/ipns/tokens.uniswap.org": {
     "name": "Uniswap Default List",
     "homepage": ""
   },
@@ -95,6 +123,10 @@
     "name": "Wrapped Tokens",
     "homepage": ""
   },
+  "https://yearn.science/static/tokenlist.json": {
+    "name": "Yearn",
+    "homepage": "https://yearn.finance/"
+  },
   "https://zapper.fi/api/token-list": {
     "name": "Zapper Token List",
     "homepage": ""