feat: add support for lens social network integration

swkatmask · swkatmask · commit a57852731df2 · 2025-09-04T14:01:35.000+08:00
diff --git a/packages/mask/popups/components/SocialAccounts/index.tsx b/packages/mask/popups/components/SocialAccounts/index.tsx
@@ -91,7 +91,7 @@ export const SocialAccounts = memo<SocialAccountsProps>(function SocialAccounts(
                 <Box className={classes.accountItem} key={index} onClick={() => onAccountClick(account)}>
                     <AccountAvatar
                         avatar={account.avatar}
-                        network={account.identifier.network}
+                        network={account.identifier.network as EnhanceableSite}
                         isValid={account.is_valid}
                         classes={{ avatar: classes.avatar }}
                     />
diff --git a/packages/mask/popups/constants.ts b/packages/mask/popups/constants.ts
@@ -13,4 +13,5 @@ export const SOCIAL_MEDIA_ICON_FILTER_COLOR: Record<EnhanceableSite, string> = {
     [EnhanceableSite.Localhost]: '',
     [EnhanceableSite.Firefly]: '',
     [EnhanceableSite.Farcaster]: '',
+    [EnhanceableSite.Lens]: '',
 }
diff --git a/packages/mask/popups/hooks/useSupportSocialNetworks.ts b/packages/mask/popups/hooks/useSupportSocialNetworks.ts
@@ -4,7 +4,7 @@ import { useQuery } from '@tanstack/react-query'
 
 export function useSupportSocialNetworks() {
     return useQuery({
-        queryKey: ['@@Service.SiteAdaptor.getSupportedSites({ isSocialNetwork: true })'],
+        queryKey: ['Service.SiteAdaptor.getSupportedSites({ isSocialNetwork: true })'],
         queryFn: async () => {
             const sites = await Service.SiteAdaptor.getSupportedSites({ isSocialNetwork: true })
             return sites.map((x) => x.networkIdentifier as EnhanceableSite)
diff --git a/packages/mask/popups/pages/Personas/AccountDetail/UI.tsx b/packages/mask/popups/pages/Personas/AccountDetail/UI.tsx
@@ -1,5 +1,5 @@
 import { Trans } from '@lingui/react/macro'
-import type { BindingProof, ProfileAccount } from '@masknet/shared-base'
+import type { BindingProof, EnhanceableSite, ProfileAccount } from '@masknet/shared-base'
 import { makeStyles } from '@masknet/theme'
 import { Box, Button, Typography } from '@mui/material'
 import { memo, useCallback } from 'react'
@@ -52,7 +52,7 @@ export const AccountDetailUI = memo<AccountDetailUIProps>(function AccountDetail
                 <Box className={classes.account}>
                     <AccountAvatar
                         avatar={account.avatar}
-                        network={account.identifier.network}
+                        network={account.identifier.network as EnhanceableSite}
                         isValid={account.is_valid}
                         classes={{ avatar: classes.avatar }}
                     />
diff --git a/packages/mask/popups/pages/Personas/components/AccountAvatar/index.tsx b/packages/mask/popups/pages/Personas/components/AccountAvatar/index.tsx
@@ -42,7 +42,7 @@ const useStyles = makeStyles()((theme) => ({
 
 export interface AccountAvatar extends withClasses<'avatar' | 'container'> {
     avatar?: string | null
-    network?: string
+    network?: EnhanceableSite
     isValid?: boolean
     size?: number
 }
diff --git a/packages/mask/shared/definitions/event.ts b/packages/mask/shared/definitions/event.ts
@@ -11,6 +11,7 @@ export const EventMap: Record<EnhanceableSite, EventID> = {
     [EnhanceableSite.Mirror]: EventID.Debug,
     [EnhanceableSite.Firefly]: EventID.Debug,
     [EnhanceableSite.Farcaster]: EventID.Debug,
+    [EnhanceableSite.Lens]: EventID.Debug,
 }
 
 export const DisconnectEventMap: Record<string, EventID> = {
diff --git a/packages/mask/shared/site-adaptors/definitions.ts b/packages/mask/shared/site-adaptors/definitions.ts
@@ -1,23 +1,23 @@
 import { FacebookAdaptor } from './implementations/facebook.com.js'
+import { FarcasterAdaptor } from './implementations/farcaster.xyz.js'
+import { LensAdaptor } from './implementations/hey.xyz.js'
 import { InstagramAdaptor } from './implementations/instagram.com.js'
 import { MindsAdaptor } from './implementations/minds.com.js'
 import { MirrorAdaptor } from './implementations/mirror.xyz.js'
 import { TwitterAdaptor } from './implementations/twitter.com.js'
 import type { SiteAdaptor } from './types.js'
-import { FarcasterAdaptor } from './implementations/farcaster.xyz.js'
 
-const defined = new Map<string, SiteAdaptor.Definition>()
-export const definedSiteAdaptors: ReadonlyMap<string, SiteAdaptor.Definition> = defined
-
-function defineSiteAdaptor(UI: SiteAdaptor.Definition) {
-    defined.set(UI.networkIdentifier, UI)
-}
-defineSiteAdaptor(FacebookAdaptor)
-defineSiteAdaptor(InstagramAdaptor)
-defineSiteAdaptor(MindsAdaptor)
-defineSiteAdaptor(MirrorAdaptor)
-defineSiteAdaptor(TwitterAdaptor)
-defineSiteAdaptor(FarcasterAdaptor)
+export const definedSiteAdaptors: ReadonlyMap<string, SiteAdaptor.Definition> = new Map<string, SiteAdaptor.Definition>(
+    [
+        [FacebookAdaptor.networkIdentifier, FacebookAdaptor],
+        [InstagramAdaptor.networkIdentifier, InstagramAdaptor],
+        [MindsAdaptor.networkIdentifier, MindsAdaptor],
+        [MirrorAdaptor.networkIdentifier, MirrorAdaptor],
+        [TwitterAdaptor.networkIdentifier, TwitterAdaptor],
+        [FarcasterAdaptor.networkIdentifier, FarcasterAdaptor],
+        [LensAdaptor.networkIdentifier, LensAdaptor],
+    ],
+)
 
 function matches(url: string, pattern: string) {
     const l = new URL(pattern)
diff --git a/packages/mask/shared/site-adaptors/implementations/hey.xyz.ts b/packages/mask/shared/site-adaptors/implementations/hey.xyz.ts
@@ -0,0 +1,13 @@
+import { EnhanceableSite } from '@masknet/shared-base'
+import type { SiteAdaptor } from '../types.js'
+
+const origins = ['https://hey.xyz/*']
+
+export const LensAdaptor: SiteAdaptor.Definition = {
+    name: 'Lens',
+    networkIdentifier: EnhanceableSite.Lens,
+    declarativePermissions: { origins },
+    homepage: 'https://lens.xyz',
+    isSocialNetwork: true,
+    sortIndex: 1,
+}
diff --git a/packages/mask/shared/site-adaptors/types.d.ts b/packages/mask/shared/site-adaptors/types.d.ts
@@ -1,4 +1,4 @@
-import type { ProfileIdentifier } from '@masknet/shared-base'
+import type { EnhanceableSite, ProfileIdentifier } from '@masknet/shared-base'
 
 // This file should be a .ts file, not a .d.ts file (that skips type checking).
 // but this causes "because it would overwrite input file" error in incremental compiling which is annoying.
@@ -8,7 +8,7 @@ export declare namespace SiteAdaptor {
     }
     export interface Definition {
         name: string
-        networkIdentifier: string
+        networkIdentifier: EnhanceableSite
         // Note: if declarativePermissions is no longer sufficient, use "false" to indicate it need a load().
         declarativePermissions: DeclarativePermissions
         homepage: string
diff --git a/packages/shared-base/src/LegacySettings/settings.ts b/packages/shared-base/src/LegacySettings/settings.ts
@@ -24,6 +24,7 @@ export const pluginIDsSettings = createGlobalSettings<Record<EnhanceableSite | E
         [EnhanceableSite.Mirror]: NetworkPluginID.PLUGIN_EVM,
         [EnhanceableSite.Firefly]: NetworkPluginID.PLUGIN_EVM,
         [EnhanceableSite.Farcaster]: NetworkPluginID.PLUGIN_EVM,
+        [EnhanceableSite.Lens]: NetworkPluginID.PLUGIN_EVM,
         [ExtensionSite.Popup]: NetworkPluginID.PLUGIN_EVM,
         [ExtensionSite.Dashboard]: NetworkPluginID.PLUGIN_EVM,
         [ExtensionSite.Swap]: NetworkPluginID.PLUGIN_EVM,
diff --git a/packages/shared-base/src/Site/index.ts b/packages/shared-base/src/Site/index.ts
@@ -15,6 +15,7 @@ const matchEnhanceableSiteHost: Record<EnhanceableSite, RegExp> = {
             /(?:^(?:firefly\.|firefly-staging\.|firefly-canary\.)?mask\.social|[\w-]+\.vercel\.app)$/iu
         :   /^localhost:\d+$/u,
     [EnhanceableSite.Farcaster]: /(^|\.)farcaster\.xyz$/iu,
+    [EnhanceableSite.Lens]: /(^|\.)hey\.xyz$/iu,
 }
 
 const matchExtensionSitePathname: Record<ExtensionSite, RegExp> = {
diff --git a/packages/shared-base/src/Site/types.ts b/packages/shared-base/src/Site/types.ts
@@ -3,6 +3,7 @@ export enum EnhanceableSite {
     Twitter = 'twitter.com',
     Facebook = 'facebook.com',
     Farcaster = 'farcaster.xyz',
+    Lens = 'lens.xyz',
     Minds = 'minds.com',
     Instagram = 'instagram.com',
     OpenSea = 'opensea.io',
diff --git a/packages/shared-base/src/constants.ts b/packages/shared-base/src/constants.ts
@@ -12,6 +12,7 @@ export const SOCIAL_MEDIA_NAME: Record<EnhanceableSite, string> = {
     [EnhanceableSite.Mirror]: 'Mirror',
     [EnhanceableSite.Farcaster]: 'Farcaster',
     [EnhanceableSite.Firefly]: 'Firefly',
+    [EnhanceableSite.Lens]: 'Lens',
 }
 
 export const NEXT_ID_PLATFORM_SOCIAL_MEDIA_MAP: Record<string, string> = {
diff --git a/packages/shared/src/constants.tsx b/packages/shared/src/constants.tsx
@@ -1,7 +1,7 @@
 import { Icons, type GeneratedIcon } from '@masknet/icons'
 import { EnhanceableSite } from '@masknet/shared-base'
 
-export const SOCIAL_MEDIA_ROUND_ICON_MAPPING: Record<EnhanceableSite | string, GeneratedIcon> = {
+export const SOCIAL_MEDIA_ROUND_ICON_MAPPING: Record<string, GeneratedIcon> = {
     [EnhanceableSite.Twitter]: Icons.TwitterXRound,
     [EnhanceableSite.Facebook]: Icons.FacebookRound,
     [EnhanceableSite.Minds]: Icons.MindsRound,
@@ -11,7 +11,8 @@ export const SOCIAL_MEDIA_ROUND_ICON_MAPPING: Record<EnhanceableSite | string, G
     [EnhanceableSite.Localhost]: Icons.WebBlack,
     [EnhanceableSite.Farcaster]: Icons.Farcaster,
     [EnhanceableSite.Firefly]: Icons.Firefly,
-}
+    [EnhanceableSite.Lens]: Icons.Lens,
+} satisfies Record<EnhanceableSite, GeneratedIcon>
 
 export enum RSS3_NFT_SITE_KEY {
     TWITTER = '_nfts',
diff --git a/packages/web3-providers/src/AvatarStore/helpers/getAvatar.ts b/packages/web3-providers/src/AvatarStore/helpers/getAvatar.ts
@@ -18,6 +18,7 @@ const resolveRSS3Key = createLookupTableResolver<EnhanceableSite, RSS3_KEY_SITE
         [EnhanceableSite.Mirror]: undefined,
         [EnhanceableSite.Firefly]: undefined,
         [EnhanceableSite.Farcaster]: undefined,
+        [EnhanceableSite.Lens]: undefined,
     },
     undefined,
 )

Original file line number	Diff line number	Diff line change
`@@ -13,4 +13,5 @@ export const SOCIAL_MEDIA_ICON_FILTER_COLOR: Record<EnhanceableSite, string> = {`
`13`	`13`	`[EnhanceableSite.Localhost]: '',`
`14`	`14`	`[EnhanceableSite.Firefly]: '',`
`15`	`15`	`[EnhanceableSite.Farcaster]: '',`
	`16`	`+ [EnhanceableSite.Lens]: '',`
`16`	`17`	`}`
Original file line number	Diff line number	Diff line change
`@@ -42,7 +42,7 @@ const useStyles = makeStyles()((theme) => ({`
`42`	`42`
`43`	`43`	`export interface AccountAvatar extends withClasses<'avatar' \| 'container'> {`
`44`	`44`	`avatar?: string \| null`
`45`		`- network?: string`
	`45`	`+ network?: EnhanceableSite`
`46`	`46`	`isValid?: boolean`
`47`	`47`	`size?: number`
`48`	`48`	`}`
Original file line number	Diff line number	Diff line change
`@@ -11,6 +11,7 @@ export const EventMap: Record<EnhanceableSite, EventID> = {`
`11`	`11`	`[EnhanceableSite.Mirror]: EventID.Debug,`
`12`	`12`	`[EnhanceableSite.Firefly]: EventID.Debug,`
`13`	`13`	`[EnhanceableSite.Farcaster]: EventID.Debug,`
	`14`	`+ [EnhanceableSite.Lens]: EventID.Debug,`
`14`	`15`	`}`
`15`	`16`
`16`	`17`	`export const DisconnectEventMap: Record<string, EventID> = {`