Detect ERC-1167 Minimal Proxy contracts

.changelog/1538.feature.md

@@ -0,0 +1 @@
+Detect ERC-1167 Minimal Proxy contracts

src/app/components/Account/RuntimeAccountDetailsView.tsx

@@ -14,14 +14,15 @@ import Link from '@mui/material/Link'
 import { DashboardLink } from '../../pages/ParatimeDashboardPage/DashboardLink'
 import { AllTokenPrices } from '../../../coin-gecko/api'
 import { ContractCreatorInfo } from './ContractCreatorInfo'
-import { ContractVerificationIcon } from '../ContractVerificationIcon'
+import { VerificationIcon } from '../ContractVerificationIcon'
 import { TokenLink } from '../Tokens/TokenLink'
 import { AccountAvatar } from '../AccountAvatar'
 import { RuntimeBalanceDisplay } from '../Balance/RuntimeBalanceDisplay'
 import { calculateFiatValue } from '../Balance/hooks'
 import { FiatMoneyAmount } from '../Balance/FiatMoneyAmount'
 import { getFiatCurrencyForScope, showFiatValues } from '../../../config'
 import { CardEmptyState } from '../CardEmptyState'
+import { extractMinimalProxyERC1167 } from '../ContractVerificationIcon/extractMinimalProxyERC1167'
 
 type RuntimeAccountDetailsViewProps = {
   isLoading?: boolean
@@ -94,7 +95,20 @@ export const RuntimeAccountDetailsView: FC<RuntimeAccountDetailsViewProps> = ({
         <>
           <dt>{t('contract.verification.title')}</dt>
           <dd>
-            <ContractVerificationIcon account={account} />
+            <VerificationIcon
+              address_eth={account.address_eth!}
+              scope={account}
+              verified={!!account.evm_contract?.verification}
+            />
+          </dd>
+        </>
+      )}
+
+      {extractMinimalProxyERC1167(account) && (
+        <>
+          <dt>{t('contract.verification.proxyERC1167')}</dt>
+          <dd>
+            <AccountLink scope={account} address={extractMinimalProxyERC1167(account)!} />
           </dd>
         </>
       )}

src/app/components/ContractVerificationIcon/extractMinimalProxyERC1167.ts

@@ -0,0 +1,23 @@
+import { RuntimeAccount } from '../../../oasis-nexus/api'
+import { base64ToHex } from '../../utils/helpers'
+import { toChecksumAddress } from '@ethereumjs/util'
+
+/** https://eips.ethereum.org/EIPS/eip-1167 */
+export function extractMinimalProxyERC1167(account: RuntimeAccount) {
+  if (!account?.evm_contract?.runtime_bytecode) return undefined
+
+  const hexBytecode = base64ToHex(account.evm_contract.runtime_bytecode)
+
+  const proxyToAddress1 = hexBytecode.match(
+    /^0x363d3d373d3d3d363d73([0-9a-fA-F]{40})5af43d82803e903d91602b57fd5bf3$/,
+  )?.[1]
+  if (proxyToAddress1) return toChecksumAddress(`0x${proxyToAddress1}`)
+
+  // Optimized version
+  const proxyToAddress2 = hexBytecode.match(
+    /^0x363d3d373d3d3d363d6f([0-9a-fA-F]{32})5af43d82803e903d91602757fd5bf3$/,
+  )?.[1]
+  if (proxyToAddress2) return toChecksumAddress(`0x00000000${proxyToAddress2}`)
+
+  return undefined
+}

src/app/components/ContractVerificationIcon/index.tsx

@@ -7,8 +7,7 @@ import { styled } from '@mui/material/styles'
 import { COLORS } from '../../../styles/theme/colors'
 import Link from '@mui/material/Link'
 import Typography from '@mui/material/Typography'
-import Skeleton from '@mui/material/Skeleton'
-import { Layer, RuntimeAccount } from '../../../oasis-nexus/api'
+import { Layer } from '../../../oasis-nexus/api'
 import { SearchScope } from '../../../types/searchScope'
 import { Network } from '../../../types/network'
 import * as externalLinks from '../../utils/externalLinks'
@@ -54,29 +53,6 @@ const StyledPill = styled(Box, {
   }
 })
 
-type ContractVerificationIconProps = {
-  account: Pick<RuntimeAccount, 'address_eth' | 'evm_contract' | 'network' | 'layer'> | undefined
-  noLink?: boolean
-}
-
-const Waiting: FC = () => (
-  <Skeleton
-    variant="text"
-    sx={{ display: 'inline-block', width: '100%', height: verificationIconBoxHeight }}
-  />
-)
-
-export const ContractVerificationIcon: FC<ContractVerificationIconProps> = ({ account, noLink = false }) => {
-  if (!account) {
-    return <Waiting />
-  }
-
-  const verified = !!account.evm_contract?.verification
-  const address_eth = account.address_eth!
-
-  return <VerificationIcon address_eth={address_eth} scope={account} verified={verified} noLink={noLink} />
-}
-
 export const VerificationIcon: FC<{
   address_eth: string
   scope: SearchScope

src/app/pages/TokenDashboardPage/TokenDetailsCard.tsx

@@ -21,6 +21,7 @@ import { tokenHoldersContainerId } from '../../pages/TokenDashboardPage/TokenHol
 import { RoundedBalance } from 'app/components/RoundedBalance'
 import { HighlightedText } from '../../components/HighlightedText'
 import { RuntimeBalanceDisplay } from '../../components/Balance/RuntimeBalanceDisplay'
+import { extractMinimalProxyERC1167 } from '../../components/ContractVerificationIcon/extractMinimalProxyERC1167'
 
 export const TokenDetailsCard: FC<{ scope: SearchScope; address: string; searchTerm: string }> = ({
   scope,
@@ -66,6 +67,15 @@ export const TokenDetailsCard: FC<{ scope: SearchScope; address: string; searchT
               />
             </dd>
 
+            {extractMinimalProxyERC1167(account) && (
+              <>
+                <dt>{t('contract.verification.proxyERC1167')}</dt>
+                <dd>
+                  <AccountLink scope={account} address={extractMinimalProxyERC1167(account)!} />
+                </dd>
+              </>
+            )}
+
             <dt>{t('common.type')} </dt>
             <dd>
               <TokenTypeTag tokenType={token.type} />

src/locales/en/translation.json

@@ -175,7 +175,8 @@
       "openInAbiPlayground": "Interact in <AbiPlaygroundLink>ABI Playground</AbiPlaygroundLink>",
       "openInSourcify": "Open in <SourcifyLink>Sourcify</SourcifyLink>",
       "verifyInSourcify": "Verify through <SourcifyLink>Sourcify</SourcifyLink>",
-      "explainVerificationDelay": "If you have just verified a contract, it should take a few minutes to update here."
+      "explainVerificationDelay": "If you have just verified a contract, it should take a few minutes to update here.",
+      "proxyERC1167": "ERC-1167 proxy to"
     }
   },
   "consensusSnapshot": {