refactor(auth): remove MetaMask package and disable web3 authentication

next-env.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
-import "./.next/dev/types/routes.d.ts";
+import "./.next/types/routes.d.ts";
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

package.json

@@ -96,7 +96,6 @@
     "@heroicons/react": "^2.2.0",
     "@hookform/resolvers": "^5.2.2",
     "@marsidev/react-turnstile": "^1.4.0",
-    "@metamask/sdk-react": "^0.33.1",
     "@neshca/cache-handler": "^1.9.0",
     "@newrelic/next": "^0.10.0",
     "@next/bundle-analyzer": "^16.1.1",
@@ -133,10 +132,6 @@
     "@tiptap/starter-kit": "^3.14.0",
     "@uptrace/node": "^2.1.0",
     "@vercel/og": "^0.8.6",
-    "@web3-react/core": "8.2.3",
-    "@web3-react/metamask": "8.2.4",
-    "@web3-react/network": "8.2.3",
-    "@web3-react/types": "8.2.3",
     "@xstate/react": "^6.0.0",
     "blurhash": "^2.0.5",
     "body-scroll-lock": "4.0.0-beta.0",

src/app/auth/auth-v2/page.tsx

@@ -3,8 +3,10 @@ import type { Metadata } from 'next'
 import Link from 'next/link'
 import AuthByAppleButton from '@/components/auth.apple'
 import AuthByGithub from '@/components/auth.github'
+/* METAMASK DISABLED
 import AuthByMetamask from '@/components/auth.metamask'
 import MetaMaskProviderWrapper from '@/components/auth/metamask-provider-wrapper'
+*/
 import CKLogo from '@/components/logo/CKLogo'
 import { generateMetadata as authGenerateMetadata } from '@/components/og/og-with-auth'
 import { getBackgroundImageServer } from '@/hooks/theme.server'
@@ -41,9 +43,11 @@ async function AuthV2Page() {
               Phone Number
             </Link>
             <hr className='my-4' />
+            {/* METAMASK DISABLED
             <MetaMaskProviderWrapper>
               <AuthByMetamask />
             </MetaMaskProviderWrapper>
+            */}
             <AuthByAppleButton />
             <AuthByGithub />
 

src/app/auth/auth-v4/thirdPartEntry.tsx

@@ -1,6 +1,8 @@
 import AppleStandaloneLoginButton from '@/components/auth/apple-standalone'
 import GithubStandaloneLoginButton from '@/components/auth/github-standalone'
+/* METAMASK DISABLED
 import MetaMaskStandaloneLoginButton from '@/components/auth/metamask-standalone'
+*/
 
 function ThirdPartEntry() {
   return (
@@ -16,13 +18,15 @@ function ThirdPartEntry() {
         </div>
       </div>
 
+      {/* METAMASK DISABLED
       <MetaMaskStandaloneLoginButton />
+      */}
       <AppleStandaloneLoginButton />
       <GithubStandaloneLoginButton />
 
       <div className='pt-2 text-center'>
         <p className='text-xs text-gray-500 dark:text-zinc-500'>
-          Secure authentication powered by blockchain and OAuth
+          Secure authentication powered by OAuth
         </p>
       </div>
     </div>

src/app/auth/callback/metamask/content.tsx

@@ -1,4 +1,6 @@
 'use client'
+
+/* METAMASK DISABLED - Package removed to prevent hydration errors
 import { useCallback, useMemo } from 'react'
 import AuthCallbackPageContainer from '@/components/auth/fake-layout'
 import { useAuthBy3rdPartSuccessed } from '@/hooks/hooks'
@@ -57,3 +59,18 @@ function AuthCallbackMetamask(props: AuthCallbackMetamaskProps) {
 }
 
 export default AuthCallbackMetamask
+*/
+
+type AuthCallbackMetamaskProps = {
+  address: string
+  signature: string
+  text: string
+}
+
+// Disabled MetaMask callback - returns null
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+function AuthCallbackMetamask(props: AuthCallbackMetamaskProps) {
+  return null
+}
+
+export default AuthCallbackMetamask

src/app/auth/callback/metamask/page.tsx

@@ -1,6 +1,8 @@
 import type { Metadata } from 'next'
 import { generateMetadata as authGenerateMetadata } from '@/components/og/og-with-auth'
+/* METAMASK DISABLED
 import AuthCallbackMetamask from './content'
+*/
 
 export function generateMetadata(): Metadata {
   return authGenerateMetadata('auth/callback/metamask')
@@ -10,11 +12,33 @@ type AppleCallbackPageProps = {
   searchParams: Promise<{ a: string; s: string; t: string }>
 }
 
+/* METAMASK DISABLED - This page is no longer functional */
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 async function MetamaskPage(props: AppleCallbackPageProps) {
+  /* METAMASK DISABLED
   const { a: address, s: signature, t: text } = await props.searchParams
   return (
     <AuthCallbackMetamask address={address} signature={signature} text={text} />
   )
+  */
+  return (
+    <div className='flex items-center justify-center min-h-screen'>
+      <div className='text-center p-8'>
+        <h1 className='text-2xl font-bold text-gray-800 dark:text-gray-200 mb-4'>
+          MetaMask Login Disabled
+        </h1>
+        <p className='text-gray-600 dark:text-gray-400'>
+          MetaMask authentication is currently unavailable. Please use another login method.
+        </p>
+        <a
+          href='/auth/auth-v4'
+          className='mt-4 inline-block px-6 py-2 bg-blue-400 text-white rounded-lg hover:bg-blue-500 transition-colors'
+        >
+          Back to Login
+        </a>
+      </div>
+    </div>
+  )
 }
 
 export default MetamaskPage

src/app/dash/[userid]/newbie/content.tsx

@@ -3,7 +3,9 @@ import { useRouter } from 'next/navigation'
 import { useEffect, useMemo, useState } from 'react'
 import toast from 'react-hot-toast'
 import ButtonSimple from '@/components/button/button-simple'
+/* METAMASK DISABLED
 import MetamaskBindButton from '@/components/externalAccount/metamask.bind'
+*/
 import FieldInput from '@/components/input'
 import ProgressBlock from '@/components/progress/progress-block'
 import { useTranslation } from '@/i18n/client'
@@ -15,7 +17,7 @@ function NewbiePageContent({ uid }: { uid: number }) {
   // TODO:
   // 1. update name
   // 2. update domain
-  // 3. bind metamask
+  // 3. bind metamask (DISABLED)
   // 4. bind apple
   // 5. bind github
   // 6. update avatar / select nft ?
@@ -160,21 +162,23 @@ function NewbiePageContent({ uid }: { uid: number }) {
                     toastPromiseDefaultOption
                   )
                   .then(() => {
-                    setPhase(2)
+                    setPhase(5) // Skip phase 2-4 (MetaMask/Apple/GitHub disabled) - go directly to avatar
                   })
               }}
               text='Confirm my domain'
             />
           </div>
         )}
 
+        {/* METAMASK DISABLED - Phase 2 is now skipped automatically
         {phase === 2 && (
           <MetamaskBindButton
             onBound={() => {
               setPhase(5)
             }}
           />
         )}
+        */}
         {phase === 3 && <div>TODO: bind apple</div>}
         {phase === 4 && <div>TODO: bind github</div>}
         {phase === 5 && (
@@ -211,7 +215,7 @@ function NewbiePageContent({ uid }: { uid: number }) {
                   })
                   setPhase((p) => p + 1)
                   toast.success(t('app.profile.editor.updated'), { id: tl })
-                   
+
                 } catch (e: any) {
                   toast.error(e.toString(), { id: tl })
                 }

src/components/auth.metamask.tsx

@@ -1,4 +1,6 @@
 'use client'
+
+/* METAMASK DISABLED - Package removed to prevent hydration errors
 import { useSDK } from '@metamask/sdk-react'
 // import MetamaskLogo from './icons/metamask.logo.svg'
 import { useRouter } from 'next/navigation'
@@ -35,23 +37,12 @@ function AuthByMetamask() {
         )
         return
       }
-       
+
     } catch (err: any) {
       toast.error(err.message)
     }
   }, [doAuth, router, metamaskSDK])
 
-  // useEffect(() => {
-  //   // if (!err) {
-  //   //   return
-  //   // }
-  //   // toast.error('metamask: ' + err.message)
-  //   void metaMask.connectEagerly().catch((err) => {
-  //     console.debug('Failed to connect eagerly to metamask')
-  //     toast.error('metamask: ' + err.message)
-  //   })
-  // }, [])
-
   useAuthBy3rdPartSuccessed(
     doAuthData.called,
     doAuthData.loading,
@@ -71,3 +62,11 @@ function AuthByMetamask() {
 }
 
 export default AuthByMetamask
+*/
+
+// Disabled MetaMask component - returns null
+function AuthByMetamask() {
+  return null
+}
+
+export default AuthByMetamask

src/components/auth/metamask-provider-wrapper.tsx

@@ -1,6 +1,8 @@
 'use client'
 
+/* METAMASK DISABLED - Package removed to prevent hydration errors
 import { MetaMaskProvider } from '@metamask/sdk-react'
+*/
 import type React from 'react'
 
 interface MetaMaskProviderWrapperProps {
@@ -10,6 +12,7 @@ interface MetaMaskProviderWrapperProps {
 export default function MetaMaskProviderWrapper({
   children,
 }: MetaMaskProviderWrapperProps) {
+  /* METAMASK DISABLED
   return (
     <MetaMaskProvider
       sdkOptions={{
@@ -23,4 +26,7 @@ export default function MetaMaskProviderWrapper({
       {children}
     </MetaMaskProvider>
   )
+  */
+  // Return children directly without MetaMask provider
+  return <>{children}</>
 }

src/components/auth/metamask-standalone.tsx

@@ -1,4 +1,6 @@
 'use client'
+
+/* METAMASK DISABLED - Package removed to prevent hydration errors
 import { useSDK } from '@metamask/sdk-react'
 import * as sentry from '@sentry/react'
 import { useRouter } from 'next/navigation'
@@ -124,3 +126,15 @@ export default function MetaMaskStandaloneLoginButton({
     </div>
   )
 }
+*/
+
+interface MetaMaskStandaloneLoginButtonProps {
+  className?: string
+  onSuccess?: () => void
+}
+
+// Disabled MetaMask component - returns null
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+export default function MetaMaskStandaloneLoginButton(props: MetaMaskStandaloneLoginButtonProps) {
+  return null
+}

src/components/auth/metamask.tsx

@@ -1,3 +1,4 @@
+/* METAMASK DISABLED - Package removed to prevent hydration errors
 import MetamaskLogo from '../icons/metamask.logo.svg'
 
 type MetamaskButtonViewProps = {
@@ -32,3 +33,18 @@ function MetamaskButtonView(props: MetamaskButtonViewProps) {
 }
 
 export default MetamaskButtonView
+*/
+
+type MetamaskButtonViewProps = {
+  loading: boolean
+  onClick: () => void
+  disabled: boolean
+}
+
+// Disabled MetaMask button - returns null
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+function MetamaskButtonView(props: MetamaskButtonViewProps) {
+  return null
+}
+
+export default MetamaskButtonView

src/components/externalAccount/list.tsx

@@ -3,13 +3,17 @@ import { useTranslation } from '@/i18n/client'
 import { useFetchExternalAccountQuery } from '@/schema/generated'
 import IconAppleLogo from '../icons/apple.logo.svg'
 import GithubLogo from '../icons/github.logo.svg'
+/* METAMASK DISABLED
 import MetamaskLogo from '../icons/metamask.logo.svg'
+*/
 import AccountCard from './account-card'
 import AppleLoginBind from './apple.bind'
 import GithubBindButton from './github.bind'
+/* METAMASK DISABLED
 import dynamic from 'next/dynamic'
 
 const MetamaskBindButton = dynamic(() => import('./metamask.bind'), { ssr: false })
+*/
 
 type ExternalAccountListProps = {
   uid: number
@@ -22,9 +26,11 @@ function ExternalAccountList(props: ExternalAccountListProps) {
     },
   })
 
+  /* METAMASK DISABLED
   const address = useMemo(() => {
     return data?.me.externalInfo.address ?? []
   }, [data?.me.externalInfo.address])
+  */
 
   const appleUnique = useMemo(() => {
     return data?.me.externalInfo.appleUnique ?? ''
@@ -39,13 +45,15 @@ function ExternalAccountList(props: ExternalAccountListProps) {
       </h3>
 
       <div className='flex flex-col gap-4'>
+        {/* METAMASK DISABLED
         <AccountCard
           icon={<MetamaskLogo size={24} />}
           title='Metamask'
           isBound={address.length > 0}
           accountInfo={address}
           bindComponent={<MetamaskBindButton />}
         />
+        */}
 
         <AccountCard
           icon={<IconAppleLogo size={24} />}

src/components/externalAccount/metamask.bind.tsx

@@ -1,3 +1,6 @@
+'use client'
+
+/* METAMASK DISABLED - Package removed to prevent hydration errors
 import { useApolloClient } from '@apollo/client'
 import { useSDK } from '@metamask/sdk-react'
 import { useCallback } from 'react'
@@ -41,7 +44,7 @@ function MetamaskBindButton(props: MetamaskBindButtonProps) {
             }
           })
         })
-         
+
         .catch((err: any) => {
           toast.error(err.message)
         })
@@ -61,3 +64,16 @@ function MetamaskBindButton(props: MetamaskBindButtonProps) {
 }
 
 export default MetamaskBindButton
+*/
+
+type MetamaskBindButtonProps = {
+  onBound?: (address: string) => void
+}
+
+// Disabled MetaMask bind button - returns null
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+function MetamaskBindButton(props: MetamaskBindButtonProps) {
+  return null
+}
+
+export default MetamaskBindButton