feat: Replace logo, and adapt to new appearance of BNB Chain

CHANGELOG.md

@@ -1,3 +1,8 @@
+### v3.5.0
+
+- [feat] Change logo
+- [feat] Update to support the new appearance of BNB Chain
+
 ### v3.4.2
 
 - [fix] Fix some style issues

manifest.config.ts

@@ -20,7 +20,6 @@ export default defineManifest((env: ConfigEnv) => ({
     {
       matches: [
         '*://polygonscan.com/*',
-        '*://*.bscscan.com/*',
         '*://snowtrace.io/*',
         '*://optimistic.etherscan.io/*',
         '*://arbiscan.io/*',
@@ -32,7 +31,11 @@ export default defineManifest((env: ConfigEnv) => ({
       all_frames: true
     },
     {
-      matches: ['*://etherscan.io/*', '*://cn.etherscan.com/*'],
+      matches: [
+        '*://etherscan.io/*',
+        '*://cn.etherscan.com/*',
+        '*://*.bscscan.com/*'
+      ],
       js: ['src/content/etherscan/index.tsx'],
       all_frames: true
     },

package.json

@@ -1,6 +1,6 @@
 {
   "name": "metadock",
-  "version": "3.4.2",
+  "version": "3.5.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/blocksecteam/metadock.git"

src/common/constants/support.ts

@@ -332,3 +332,5 @@ export const SIMULATE_SUPPORT_LIST = [
     nativeCurrency: { name: 'Ether', symbol: 'ETH', decimals: 18 }
   }
 ]
+
+export const TX_EXPLAIN_SUPPORT_LIST = ['eth']

src/common/utils/permission.ts

@@ -2,7 +2,8 @@ import type { OptWebsite } from '@src/store'
 import {
   PHALCON_SUPPORT_LIST,
   TENDERLY_SUPPORT_LIST,
-  TRANSACTION_VIEWER_SUPPORT_LIST
+  TRANSACTION_VIEWER_SUPPORT_LIST,
+  TX_EXPLAIN_SUPPORT_LIST
 } from '@common/constants'
 
 /** judge from supportWebList */
@@ -41,3 +42,7 @@ export const isSupportSimulator = (chain: string) => {
   return !!PHALCON_SUPPORT_LIST.find(item => item.chain === chain)
     ?.supportSimulator
 }
+
+export const isSupportTxExplain = (chain: string) => {
+  return TX_EXPLAIN_SUPPORT_LIST.findIndex(item => item === chain) !== -1
+}

src/content/etherscan/components/AlternativeBlockExplorersBtn/index.tsx

@@ -9,14 +9,14 @@ interface Props {
 const AlternativeBlockExplorersBtn: FC<Props> = ({ block }) => {
   return (
     <div className={styles.alternativeBlockExplorersBtn}>
-      <a
-        href={`https://explorer.edennetwork.io/block/${block}/`}
-        target="_blank"
-        rel="noopener noreferrer"
-      >
-        Eden Network
-      </a>
-      <span className={styles.divider}>|</span>
+      {/*<a*/}
+      {/*  href={`https://explorer.edennetwork.io/block/${block}/`}*/}
+      {/*  target="_blank"*/}
+      {/*  rel="noopener noreferrer"*/}
+      {/*>*/}
+      {/*  Eden Network*/}
+      {/*</a>*/}
+      {/*<span className={styles.divider}>|</span>*/}
       <a
         href={`https://flashbots-explorer.marto.lol/?block=${block}`}
         target="_blank"

src/content/etherscan/components/DecompileInEthervmBtn/index.tsx

@@ -14,7 +14,7 @@ const DecompileInEthervmBtn: FC<Props> = ({ mainAddress, chain }) => {
   const toEthervm = () => {
     const item = ETHERVM_SUPPORT_DIRECT_LIST.find(i => i.chain === chain)
     if (item) {
-      window.open(`https://ethervm.io/decompile/${mainAddress}`)
+      window.open(`${item.url}/${mainAddress}`)
     } else {
       window.open('https://ethervm.io/decompile')
     }

src/content/etherscan/components/ModalFundFlowGraph/index.module.less

@@ -205,7 +205,7 @@
         right: 8px;
         bottom: 8px;
         width: 262px;
-        height: 57px;
+        height: 66px;
         cursor: pointer;
         img {
           width: 100%;

src/content/etherscan/components/ModalFundFlowGraph/index.tsx

@@ -299,7 +299,7 @@ const ModalFundFlowGraph: FC<Props> = ({
                 <img
                   className="me-1"
                   style={{ width: '18px' }}
-                  src="https://assets.blocksec.com/image/1677135239463-4.png"
+                  src="https://assets.blocksec.com/image/1692101500475-3.png"
                   alt=""
                 />
                 Try Enhanced Version
@@ -536,7 +536,7 @@ const ModalFundFlowGraph: FC<Props> = ({
               rel="noreferrer"
             >
               <img
-                src="https://assets.blocksec.com/image/1669950517632-2.png"
+                src="https://assets.blocksec.com/image/1692101500475-4.png"
                 alt=""
               />
             </a>

src/content/etherscan/feat-scripts/index.ts

@@ -22,7 +22,7 @@ export { default as genContractPrivateVariables } from './contract-private-varia
 export { default as formatWriteContractParams } from './contract-params-format'
 export { default as genTokenMarketplacesBtn } from './token-marketplaces'
 export { default as genTxPageAddressLabels } from './tx-address-labels'
-export { default as genTransactionSummary } from './transaction-summary'
+export { default as genTransactionExplanation } from './transaction-explanation'
 export { default as genProxyContractLog } from './proxy-contract-log'
 export { default as genEvmStorageShortcut } from './evm-storage'
 export * from './transaction-simulator'

src/content/etherscan/feat-scripts/transaction-summary.tsx → src/content/etherscan/feat-scripts/transaction-explanation.tsx

@@ -4,7 +4,7 @@ import { createRoot } from 'react-dom/client'
 
 import { TransactionExplanation } from '@src/content/etherscan/components'
 
-const genTransactionSummary = async (chain: string) => {
+const genTransactionExplanation = async (chain: string) => {
   const txHash = $('#spanTxHash').text()
 
   if (!isHexString(txHash, 32)) return
@@ -22,4 +22,4 @@ const genTransactionSummary = async (chain: string) => {
   )
 }
 
-export default genTransactionSummary
+export default genTransactionExplanation

src/content/etherscan/page-scripts/tx.tsx

@@ -1,5 +1,5 @@
 import { store } from '@src/store'
-import { isSupportParsers } from '@common/utils'
+import { isSupportParsers, isSupportTxExplain } from '@common/utils'
 import { SCAN_PAGES } from '@common/constants'
 
 import {
@@ -9,7 +9,7 @@ import {
   genTxFortaAlertTip,
   genCopyIconBtn,
   genTxPageAddressLabels,
-  genTransactionSummary
+  genTransactionExplanation
 } from '../feat-scripts'
 
 const initTxPageScript = async (chain: string) => {
@@ -30,7 +30,7 @@ const initTxPageScript = async (chain: string) => {
   if (txnFortaAlert) genTxFortaAlertTip(chain)
   if (showCopyIcon) genCopyIconBtn(SCAN_PAGES.TX.name)
   if (enhancedLabels) genTxPageAddressLabels(chain)
-  if (txSummary) genTransactionSummary(chain)
+  if (txSummary && isSupportTxExplain(chain)) genTransactionExplanation(chain)
 }
 
 export default initTxPageScript

src/content/scans/components/AlternativeBlockExplorersBtn/index.tsx

@@ -9,14 +9,14 @@ interface Props {
 const AlternativeBlockExplorersBtn: FC<Props> = ({ block }) => {
   return (
     <div className={styles.alternativeBlockExplorersBtn}>
-      <a
-        href={`https://explorer.edennetwork.io/block/${block}/`}
-        target="_blank"
-        rel="noopener noreferrer"
-      >
-        Eden Network
-      </a>
-      <span className={styles.divider}>|</span>
+      {/*<a*/}
+      {/*  href={`https://explorer.edennetwork.io/block/${block}/`}*/}
+      {/*  target="_blank"*/}
+      {/*  rel="noopener noreferrer"*/}
+      {/*>*/}
+      {/*  Eden Network*/}
+      {/*</a>*/}
+      {/*<span className={styles.divider}>|</span>*/}
       <a
         href={`https://flashbots-explorer.marto.lol/?block=${block}`}
         target="_blank"