refactor: mf-6776 remove all NFT functionality across the entire codebase (#12383)

* refactor: remove all NFT functionality across the entire codebase

Phase 1: Delete pure NFT plugins (Avatar, Collectible, ArtBlocks)
Phase 2: Clean NFT parts from mixed plugins (RedPacket, Tips, Trader, RSS3, Approval, ProfileCard)
Phase 3: Delete content-script NFT injections (Twitter, Facebook, Instagram)
Phase 4: Delete popup NFT pages (CollectibleDetail, NFTAvatarPicker, UnlockERC721Token, NonFungibleTokenSection, WalletCollections)
Phase 5: Delete shared NFT UI components (NFTCard, NFTFallbackImage, NFTList, CollectibleList, AddCollectibles, ERC721Boundary, modals)
Phase 6: Delete NFT web3 hooks (10 useNonFungible* + 2 useERC721* hooks)
Phase 7: Delete NFT web3 providers (NFTScan, NFTSpam, HubNonFungible)
Phase 8: Delete NFT types, contracts, constants, events, telemetry, icons, locales
Phase 9: Final verification - fix TypeScript errors, remove dead code (Zora, Alchemy, OpenSea, LooksRare, MagicEden, SimpleHash, AvatarStore, etc.), add back needed SourceType values, simplify TransactionPreview/TokenTransactionConfirmModal

Retained: ERC721.json/ERC1155.json ABIs for transaction decoding, ERC721 transaction descriptor, token redpacket (non-NFT) functionality

* fixup! refactor: remove all NFT functionality across the entire codebase

Author: swkatmask

.gitignore

@@ -125,3 +125,4 @@ quick-lint-js.config
 .aider*
 
 .claude
+.pnpm-store/

packages/icons/brands/NFTScan.svg

@@ -1,13 +1,6 @@
 import Services from '#services'
 import { encodeByNetwork } from '@masknet/encryption'
-import {
-    PluginID,
-    RedPacketMetaKey,
-    RedPacketNftMetaKey,
-    Sniffings,
-    SOCIAL_MEDIA_NAME,
-    SolanaRedPacketMetaKey,
-} from '@masknet/shared-base'
+import { PluginID, RedPacketMetaKey, Sniffings, SOCIAL_MEDIA_NAME, SolanaRedPacketMetaKey } from '@masknet/shared-base'
 import type { Meta } from '@masknet/typed-message'
 import { Telemetry } from '@masknet/web3-telemetry'
 import { EventID, EventType } from '@masknet/web3-telemetry/types'
@@ -73,11 +66,7 @@ export function useSubmit(onClose: () => void, reason: 'timeline' | 'popup' | 'r
                 })
             }
 
-            if (
-                content.meta?.has(RedPacketMetaKey) ||
-                content.meta?.has(RedPacketNftMetaKey) ||
-                content.meta?.has(SolanaRedPacketMetaKey)
-            )
+            if (content.meta?.has(RedPacketMetaKey) || content.meta?.has(SolanaRedPacketMetaKey))
                 Telemetry.captureEvent(EventType.Interact, EventID.EntryAppLuckSend)
             Telemetry.captureEvent(EventType.Interact, EventID.EntryMaskComposeEncrypt)
 
@@ -92,11 +81,11 @@ export function useSubmit(onClose: () => void, reason: 'timeline' | 'popup' | 'r
 function decorateEncryptedText(encrypted: string, _: I18nContext['_'], meta?: Meta): string | null {
     if (!meta) return null
     const hasOfficialAccount = Sniffings.is_twitter_page || Sniffings.is_facebook_page
-    const token = meta.has(RedPacketMetaKey) || meta.has(SolanaRedPacketMetaKey) ? _(msg`a token`) : _(msg`an NFT`)
+    const token = _(msg`a token`)
     const sns = SOCIAL_MEDIA_NAME[activatedSiteAdaptorUI!.networkIdentifier]
 
     // Note: since this is in the composition stage, we can assume plugins don't insert old version of meta.
-    if (meta.has(RedPacketMetaKey) || meta.has(RedPacketNftMetaKey) || meta.has(SolanaRedPacketMetaKey)) {
+    if (meta.has(RedPacketMetaKey) || meta.has(SolanaRedPacketMetaKey)) {
         const promote_red_packet = _(msg`Hi friends, I just created ${token} Lucky Drop. Download Mask.io to claim.`)
         const promote_red_packet2 = _(msg`🧧🧧🧧 Try sending Lucky Drop to your friends with Mask.io.`)
         return hasOfficialAccount ?

packages/icons/general/NFTRedPacket.svg

@@ -1,11 +1,6 @@
 import { Fragment, useContext, useEffect, useReducer, type Dispatch, type SetStateAction } from 'react'
 import { extractTextFromTypedMessage, isTypedMessageEqual, type TypedMessage } from '@masknet/typed-message'
-import {
-    RedPacketMetaKey,
-    RedPacketNftMetaKey,
-    SolanaRedPacketMetaKey,
-    type ProfileIdentifier,
-} from '@masknet/shared-base'
+import { RedPacketMetaKey, SolanaRedPacketMetaKey, type ProfileIdentifier } from '@masknet/shared-base'
 
 import Services, { GeneratorServices } from '#services'
 import type { DecryptionProgress, FailureDecryption, SuccessDecryption } from './types.js'
@@ -155,11 +150,7 @@ export function DecryptPost({ whoAmI, onImageDecrypted }: DecryptPostProps) {
                     })
                     if (!message.meta) return
                     // For now, we only care about RedPacket payload
-                    if (
-                        message.meta.has(RedPacketMetaKey) ||
-                        message.meta.has(RedPacketNftMetaKey) ||
-                        message.meta.has(SolanaRedPacketMetaKey)
-                    ) {
+                    if (message.meta.has(RedPacketMetaKey) || message.meta.has(SolanaRedPacketMetaKey)) {
                         onImageDecrypted((images) => (images.includes(url) ? images : [...images, url]))
                     }
                 },

packages/icons/icon-generated-as-jsx.js

@@ -12,10 +12,9 @@ import { ChainId } from '@masknet/web3-shared-evm'
 import { Box, Link, Skeleton, Typography } from '@mui/material'
 import type { BoxProps } from '@mui/system'
 import { PluginTraderMessages } from '@masknet/plugin-trader'
-import { AvatarDecoration } from './AvatarDecoration.js'
 import { useLingui } from '@lingui/react/macro'
 
-const useStyles = makeStyles<void, 'avatarDecoration'>()((theme, _, refs) => ({
+const useStyles = makeStyles()((theme) => ({
     root: {
         display: 'flex',
         alignItems: 'center',
@@ -38,19 +37,10 @@ const useStyles = makeStyles<void, 'avatarDecoration'>()((theme, _, refs) => ({
             // Adjust to fit the rainbow border.
             transform: 'scale(0.94, 0.96) translate(0, 1px)',
         },
-        [`& .${refs.avatarDecoration}`]: {
-            position: 'absolute',
-            left: 0,
-            top: 0,
-            width: '100%',
-            height: '100%',
-            transform: 'scale(1)',
-        },
     },
     avatarImageContainer: {
         borderRadius: '50%',
     },
-    avatarDecoration: {},
     description: {
         height: 40,
         marginLeft: 10,
@@ -152,7 +142,6 @@ export const ProfileBar = memo<ProfileBarProps>(function ProfileBar({
                         className: classes.avatarImageContainer,
                     }}
                 />
-                <AvatarDecoration className={classes.avatarDecoration} userId={identity.identifier?.userId} size={40} />
             </div>
             <Box className={classes.description}>
                 <Typography className={classes.nickname} title={identity.nickname}>