refactor: remove NFT search from DSearch and NFT hover Web3 profile card (#12382)

- Remove NFT search capability from DSearch engine (NFTScan imports, handlers, rules)
- Delete searchCollectionListByTwitterHandle method and NFT early-return
- Delete MentionModifier component (NFT collection hover on @mentions)
- Delete CollectionProjectAvatarBadge component
- Simplify AvatarBadge to always use ProfileAvatarBadge
- Remove isCollectionProjectPopper from entire TrendingView pipeline
- Clean up NFT telemetry in SearchResultInspector
- Remove NFT MSW handlers from vitest setup
- Simplify Trader shouldDisplay to only FungibleToken
- Clean up NonFungibleCollectionResult residual types in TagModifier and ProfileTab

Author: swkatmask

packages/mask/content-script/components/InjectedComponents/ProfileCard/ProfileBar.tsx

@@ -207,7 +207,6 @@ export const ProfileBar = memo<ProfileBarProps>(function ProfileBar({
                         anchorBounding,
                         anchorEl,
                         type: TrendingAPI.TagType.HASH,
-                        isCollectionProjectPopper: true,
                         currentResult,
                     })
 

packages/mask/content-script/components/InjectedComponents/SearchResultInspector.tsx

@@ -73,19 +73,11 @@ export function SearchResultInspector(props: SearchResultInspectorProps) {
     useEffect(() => {
         if (profileTabType || !resultList?.length) return
         const type = resultList[0].type
-        let timer1: NodeJS.Timeout | undefined
-        let timer2: NodeJS.Timeout | undefined
-        if (
-            type === SearchResultType.CollectionListByTwitterHandle ||
-            type === SearchResultType.NonFungibleCollection ||
-            type === SearchResultType.NonFungibleToken
-        )
-            timer1 = setTimeout(() => Telemetry.captureEvent(EventType.Access, EventID.EntryTimelineDsearchNft), 500)
+        let timer: NodeJS.Timeout | undefined
         if (type === SearchResultType.FungibleToken)
-            timer2 = setTimeout(() => Telemetry.captureEvent(EventType.Access, EventID.EntryTimelineDsearchToken), 500)
+            timer = setTimeout(() => Telemetry.captureEvent(EventType.Access, EventID.EntryTimelineDsearchToken), 500)
         return () => {
-            timer1 && clearTimeout(timer1)
-            timer2 && clearTimeout(timer2)
+            timer && clearTimeout(timer)
         }
     }, [resultList, profileTabType])
 

packages/mask/content-script/site-adaptors/twitter.com/customization/render-fragments.tsx

@@ -10,10 +10,7 @@ export const IMAGE_RENDER_IGNORE = 'IMAGE_RENDER_IGNORE'
 export const TwitterRenderFragments: RenderFragmentsContextType = {
     AtLink: memo(function (props) {
         const target = '/' + props.children.slice(1)
-        const link = <Link href={target} children={props.children} fontSize="inherit" />
-        const MentionModifier = useActivatedPluginsSiteAdaptor(false).find((x) => x.MentionModifier)?.MentionModifier
-        if (!MentionModifier) return link
-        return <MentionModifier {...props} href={target} fallback={link} />
+        return <Link href={target} children={props.children} fontSize="inherit" />
     }),
     HashLink: memo(function (props) {
         const text = props.children.slice(1)

packages/mask/content-script/site-adaptors/twitter.com/injection/ProfileTab.tsx

@@ -6,7 +6,7 @@ import { BooleanPreference, MaskMessages, PluginID, ProfileTabs } from '@masknet
 import { makeStyles } from '@masknet/theme'
 import type { Web3Helper } from '@masknet/web3-helpers'
 import { useSnapshotSpacesByTwitterHandle } from '@masknet/web3-hooks-base'
-import type { FungibleTokenResult, NonFungibleCollectionResult } from '@masknet/web3-shared-base'
+import type { FungibleTokenResult } from '@masknet/web3-shared-base'
 import Color from 'color'
 import { useEffect, useRef, useState } from 'react'
 import { useAsync, useWindowSize } from 'react-use'
@@ -203,10 +203,8 @@ function ProfileTabForTokenAndPersona() {
     const currentVisitingUserId = currentVisitingSocialIdentity?.identifier?.userId
     const collectionList = useCollectionByTwitterHandle(currentVisitingUserId)
     const collectionResult = collectionList?.[0]
-    const twitterHandle =
-        (collectionResult as NonFungibleCollectionResult<Web3Helper.ChainIdAll, Web3Helper.SchemaTypeAll>)?.collection
-            ?.socialLinks?.twitter ||
-        (collectionResult as FungibleTokenResult<Web3Helper.ChainIdAll, Web3Helper.SchemaTypeAll>)?.socialLinks?.twitter
+    const twitterHandle = (collectionResult as FungibleTokenResult<Web3Helper.ChainIdAll, Web3Helper.SchemaTypeAll>)
+        ?.socialLinks?.twitter
     const { classes } = useStyles({
         minWidth:
             currentVisitingUserId && twitterHandle?.toLowerCase().endsWith(currentVisitingUserId.toLowerCase()) ?

packages/plugins/ProfileCard/src/SiteAdaptor/AvatarBadge/AvatarBadge.tsx

@@ -1,31 +1,14 @@
-import { useCollectionByTwitterHandle } from '@masknet/shared'
 import { NetworkPluginID, type SocialAccount, type SocialIdentity } from '@masknet/shared-base'
 import type { Web3Helper } from '@masknet/web3-helpers'
 import { Box, type IconButtonProps } from '@mui/material'
-import { CollectionProjectAvatarBadge } from './CollectionProjectAvatarBadge.js'
 import { ProfileAvatarBadge } from './ProfileAvatarBadge.js'
 
 interface Props extends IconButtonProps {
     userId: string
     identity?: SocialIdentity
     socialAccounts?: Array<SocialAccount<Web3Helper.ChainIdAll>>
 }
-export function AvatarBadge({ userId, identity, socialAccounts }: Props) {
-    const collectionList = useCollectionByTwitterHandle(userId)
-    if (collectionList?.[0]) {
-        return (
-            <Box display="flex" alignItems="top" justifyContent="center">
-                <div style={{ display: 'flex', alignItems: 'top', justifyContent: 'center' }}>
-                    <CollectionProjectAvatarBadge
-                        userId={userId}
-                        address={collectionList[0].address ?? ''}
-                        identity={identity}
-                    />
-                </div>
-            </Box>
-        )
-    }
-
+export function AvatarBadge({ userId, socialAccounts }: Props) {
     return socialAccounts?.filter((x) => x.pluginID === NetworkPluginID.PLUGIN_EVM).length ?
             <Box display="flex" alignItems="top" justifyContent="center">
                 <div style={{ display: 'flex', alignItems: 'top', justifyContent: 'center' }}>

packages/plugins/ProfileCard/src/SiteAdaptor/AvatarBadge/CollectionProjectAvatarBadge.tsx

@@ -5,7 +5,7 @@ import { makeStyles } from '@masknet/theme'
 import type { Web3Helper } from '@masknet/web3-helpers'
 import { DSearch } from '@masknet/web3-providers'
 import { TrendingAPI } from '@masknet/web3-providers/types'
-import type { FungibleTokenResult, NonFungibleCollectionResult } from '@masknet/web3-shared-base'
+import type { FungibleTokenResult } from '@masknet/web3-shared-base'
 import { Link } from '@mui/material'
 import { useQuery } from '@tanstack/react-query'
 import { memo, useRef, useState } from 'react'
@@ -28,9 +28,7 @@ const useStyles = makeStyles()(() => ({
     },
 }))
 
-type TagSearchResult =
-    | FungibleTokenResult<Web3Helper.ChainIdAll, Web3Helper.SchemaTypeAll>
-    | NonFungibleCollectionResult<Web3Helper.ChainIdAll, Web3Helper.SchemaTypeAll>
+type TagSearchResult = FungibleTokenResult<Web3Helper.ChainIdAll, Web3Helper.SchemaTypeAll>
 
 export const TagModifier = memo<PropsOf<Plugin.SiteAdaptor.Definition['TagModifier']>>(function TagModifier({
     children,

packages/plugins/Trader/src/SiteAdaptor/components/MentionModifier.tsx

@@ -16,7 +16,6 @@ import { ExchangeInjection } from './trader/ExchangeInjection.js'
 import { TrendingViewProvider } from './trending/context.js'
 import { TagInspector } from './trending/TagInspector.js'
 import { TrendingView } from './trending/TrendingView.js'
-import { MentionModifier } from './components/MentionModifier.js'
 
 function openDialog() {
     return CrossIsolationMessages.events.swapDialogEvent.sendToLocal({
@@ -38,7 +37,6 @@ const site: Plugin.SiteAdaptor.Definition = {
                     <Web3ContextProvider network={pluginID} chainId={chainId}>
                         <TrendingViewProvider
                             isDSearch={!isProfilePage}
-                            isCollectionProjectPopper={false}
                             isProfilePage={!!isProfilePage}
                             isTokenTagPopper={false}
                             isPreciseSearch={EVMUtils.isValidAddress(keyword)}>
@@ -54,12 +52,7 @@ const site: Plugin.SiteAdaptor.Definition = {
         },
         Utils: {
             shouldDisplay(result) {
-                return [
-                    SearchResultType.FungibleToken,
-                    SearchResultType.NonFungibleToken,
-                    SearchResultType.NonFungibleCollection,
-                    SearchResultType.CollectionListByTwitterHandle,
-                ].includes(result.type)
+                return [SearchResultType.FungibleToken].includes(result.type)
             },
         },
     },
@@ -72,7 +65,6 @@ const site: Plugin.SiteAdaptor.Definition = {
         )
     },
     TagModifier,
-    MentionModifier,
     ApplicationEntries:
         // temporarily disabled
         process.env.MASK_ENABLE_EXCHANGE ?

packages/plugins/Trader/src/SiteAdaptor/components/TagModifier.tsx

@@ -124,8 +124,8 @@ export function NonFungibleTickersTable({ id, chainId, result }: NonFungibleTick
     const theme = useTheme()
     const containerRef = useRef(null)
     const themeMode = useSiteThemeMode(theme)
-    const { isCollectionProjectPopper, isTokenTagPopper } = useContext(TrendingViewContext)
-    const { classes } = useStyles({ isPopper: isCollectionProjectPopper || isTokenTagPopper, themeMode })
+    const { isTokenTagPopper } = useContext(TrendingViewContext)
+    const { classes } = useStyles({ isPopper: isTokenTagPopper, themeMode })
     const Utils = useWeb3Utils(result.pluginID)
     const { activities, fetchActivities, loadingActivities } = useNonFungibleTokenActivities(
         result.pluginID,