feat: mf-6673 lens v3 follow/unfollow (#12198)

* feat: mf-6673 lens v3 follow/unfollow

* refactor: lens feeds migrate to lens v3 api

* chore: lingui compile

* fix: eslint

---------

Co-authored-by: swkatmask <[email protected]>

Author: swkatmask

Diff for: cspell.json

@@ -249,6 +249,8 @@
         "linkedin",
         "luma",
         "muln",
+        "reposted",
+        "reposts",
         "sepolia",
         "tanstack",
         "tiktok",

Diff for: packages/mask/popups/hooks/useSearchValue.ts

@@ -1,18 +1,25 @@
-import { useAsyncRetry } from 'react-use'
-import type { AsyncStateRetry } from 'react-use/lib/useAsyncRetry.js'
+import { useLensClient } from '@masknet/shared'
 import { ECKeyIdentifier, NextIDPlatform } from '@masknet/shared-base'
-import { ENS, Lens } from '@masknet/web3-providers'
+import { ENS } from '@masknet/web3-providers'
+import { useQuery } from '@tanstack/react-query'
 
-export function useSearchValue(value: string, type?: NextIDPlatform): AsyncStateRetry<string> {
-    return useAsyncRetry(async () => {
-        if (!type) return ''
-        if (value.length === 44) return new ECKeyIdentifier('secp256k1', value).publicKeyAsHex ?? value
-        if (type === NextIDPlatform.Twitter) return value.replace(/^@/, '').toLowerCase()
+export function useSearchValue(value: string, type?: NextIDPlatform) {
+    const lensClient = useLensClient()
+    return useQuery({
+        queryKey: ['search-value', value, type, !lensClient],
+        queryFn: async () => {
+            if (!type) return ''
+            if (value.length === 44) return new ECKeyIdentifier('secp256k1', value).publicKeyAsHex ?? value
+            if (type === NextIDPlatform.Twitter) return value.replace(/^@/, '').toLowerCase()
 
-        if (value.endsWith('.eth')) return (await ENS.lookup(value))?.toLowerCase()
+            if (value.endsWith('.eth')) return (await ENS.lookup(value))?.toLowerCase()
 
-        if (value.endsWith('.lens')) return (await Lens.getProfileByHandle(value)).ownedBy.address?.toLowerCase()
+            if (value.endsWith('.lens') && lensClient) {
+                const account = await lensClient?.getAccountByHandle(value)
+                return (account?.username?.ownedBy as string).toLowerCase()
+            }
 
-        return value.toLowerCase()
-    }, [value])
+            return value.toLowerCase()
+        },
+    })
 }

Diff for: packages/mask/popups/pages/Friends/Home/index.tsx

@@ -22,7 +22,7 @@ export const Component = memo(function FriendsHome() {
     const friends = useMemo(() => data?.pages.flatMap((x) => x.friends) ?? EMPTY_LIST, [data])
     const [searchValue, setSearchValue] = useState('')
     const type = resolveNextIDPlatform(searchValue)
-    const { loading: resolveLoading, value: keyword = '' } = useSearchValue(searchValue, type)
+    const { isLoading: resolveLoading, data: keyword = '' } = useSearchValue(searchValue, type)
     const fuse = useMemo(() => {
         return new Fuse(records, {
             keys: ['profile.userId'],

Diff for: packages/mask/shared-ui/initialization/fetch.ts

@@ -8,7 +8,7 @@ const { fetch: original_fetch } = globalThis
 function contentFetch(input: RequestInfo | URL, init?: RequestInit) {
     const request = new Request(input, init)
 
-    if (canAccessAsContent(request.url)) {
+    if (shouldAccessViaContent(request.url)) {
         if (
             navigator.userAgent.includes('Firefox') &&
             browser.runtime.getManifest().manifest_version === 2 &&
@@ -48,14 +48,15 @@ function fetchingTwitterResource(target: URL) {
 
 function fetchingInsResource(target: URL) {
     // cspell:disable-next-line
-    return location.origin.endsWith('instagram.com') && target.origin.match(/(fbcdn\.net|cdninstagram\.com)$/)
+    if (isHostName(location, 'instagram.com') && target.origin.match(/(fbcdn\.net|cdninstagram\.com)$/)) return true
+    return target.host === 'api.lens.xyz'
 }
 
 function fetchingGoogleDriveResource(target: URL) {
     return target.origin === 'https://www.googleapis.com'
 }
 
-function canAccessAsContent(url: string) {
+function shouldAccessViaContent(url: string) {
     const target = new URL(url, location.href)
     if (fetchingTwitterResource(target) || fetchingInsResource(target) || fetchingGoogleDriveResource(target))
         return true

Diff for: packages/plugins/RSS3/src/SiteAdaptor/SocialFeeds/useSocialFeeds.ts

@@ -1,8 +1,9 @@
 import { t } from '@lingui/core/macro'
 import { timeout } from '@masknet/kit'
+import { useLensClient } from '@masknet/shared'
 import { EMPTY_LIST, type PageIndicator } from '@masknet/shared-base'
 import { useFireflyFarcasterAccounts, useFireflyLensAccounts } from '@masknet/web3-hooks-base'
-import { FireflyConfig, FireflyFarcaster, Lens } from '@masknet/web3-providers'
+import { FireflyConfig, FireflyFarcaster } from '@masknet/web3-providers'
 import { skipToken, useInfiniteQuery, useQuery } from '@tanstack/react-query'
 import { sortBy, uniq } from 'lodash-es'
 import { useCallback } from 'react'
@@ -48,12 +49,14 @@ export function useSocialFeeds({ userId, address }: Options) {
         },
     })
 
+    const lensClient = useLensClient()
     const lensHandles = uniq(lensAccounts.map((x) => x.handle).concat(profiles?.lensHandles || []))
-    const { data: lensIds = EMPTY_LIST } = useQuery({
-        queryKey: ['lens', 'popup-list', lensHandles],
+    const { data: accounts = EMPTY_LIST } = useQuery({
+        queryKey: ['lens', 'popup-list', lensHandles, !lensClient],
         queryFn: async () => {
-            const profiles = await Lens.getProfilesByHandles(lensHandles)
-            return profiles.map((x) => x.id)
+            if (!lensClient) return
+            const profiles = await lensClient.getAccountsByHandles(lensHandles)
+            return profiles?.map((x) => x.address) || EMPTY_LIST
         },
     })
     const {
@@ -65,9 +68,10 @@ export function useSocialFeeds({ userId, address }: Options) {
         hasNextPage: hasNextLensPage,
         isLoading: isLoadingLens,
     } = useInfiniteQuery({
-        queryKey: ['social-feeds', 'lens', lensIds],
+        enabled: !!lensClient,
+        queryKey: ['social-feeds', 'lens', accounts, !lensClient],
         queryFn: async ({ pageParam }) => {
-            return timeout(Lens.getPostsByProfileId(lensIds, pageParam), 30_000, t`Request timed out`)
+            return timeout(lensClient!.getPostsByAccounts(accounts, pageParam), 30_000, t`Request timed out`)
         },
         initialPageParam: undefined as PageIndicator | undefined,
         getNextPageParam: (lastPage) => lastPage?.nextIndicator,

Diff for: packages/plugins/RSS3/src/SiteAdaptor/hooks/index.ts

@@ -1,4 +1,3 @@
 export * from './useAddressLabel.js'
 export * from './useFeeds.js'
-export * from './usePublicationId.js'
 export * from './useMarkdownStyles.js'

Diff for: packages/plugins/RSS3/src/SiteAdaptor/hooks/usePublicationId.ts

@@ -1,13 +1,14 @@
 import { Icons } from '@masknet/icons'
 import type { Plugin } from '@masknet/plugin-infra'
+import { useDirtyDetectionDependency } from '@masknet/plugin-infra/dom'
 import { makeStyles, ShadowRootPopper } from '@masknet/theme'
 import { Link } from '@mui/material'
 import { memo } from 'react'
-import { usePopoverControl } from './usePopoverControl.js'
-import { WarningCard } from './WarningCard.js'
+import { useCheckLink } from '../hooks/useCheckLink.js'
 import { useDetectAddress } from '../hooks/useDetectAddress.js'
 import { AddressTag } from './TextModifier.js'
-import { useCheckLink } from '../hooks/useCheckLink.js'
+import { usePopoverControl } from './usePopoverControl.js'
+import { WarningCard } from './WarningCard.js'
 
 const useStyles = makeStyles()((theme) => ({
     link: {
@@ -37,10 +38,14 @@ export const LinkModifier = memo<PropsOf<Plugin.SiteAdaptor.Definition['LinkModi
     ...props
 }) {
     const { classes } = useStyles()
-    const { data } = useCheckLink(props.href, props.children)
-    const { data: detected } = useDetectAddress(data?.address, data?.isScam === false)
+    const { data, isLoading: isChecking } = useCheckLink(props.href, props.children)
+    const { data: detected, isLoading: isDetecting } = useDetectAddress(data?.address, data?.isScam === false)
     const { open, anchorEl, iconRef, onMouseEnter, onMouseLeave } = usePopoverControl()
 
+    const pending = isChecking || (data?.isScam === false && isDetecting)
+    const isDirty = !!(data?.isScam || detected?.isScam)
+    useDirtyDetectionDependency(isDirty, pending, props.href)
+
     if (!data?.isScam) {
         if (detected?.isScam) {
             return (

Diff for: packages/plugins/ScamWarning/src/SiteAdaptor/components/LinkModifier.tsx

@@ -16,6 +16,7 @@
     }
   },
   "dependencies": {
+    "@lens-protocol/client": "0.0.0-canary-20250408064617",
     "@masknet/icons": "workspace:^",
     "@masknet/plugin-infra": "workspace:^",
     "@masknet/shared": "workspace:^",

Diff for: packages/plugins/Web3Profile/package.json

@@ -19,10 +19,7 @@ export const Web3ProfileGlobalInjection = memo(function Web3ProfileGlobalInjecti
     const { open: lensOpen, closeDialog: closeLensDialog } = useRemoteControlledDialog(
         CrossIsolationMessages.events.followLensDialogEvent,
         (ev) => {
-            if (!ev.open) {
-                setHandle('')
-            }
-            setHandle(ev.handle)
+            setHandle(ev.open ? ev.handle : '')
         },
     )