How To Turn Off Sentry / Random Logging?

githubdiscussions · November 11, 2022, 2:28am

I noticed a bunch of logs started showing up in the console after installing web3auth in my project (eg. all the ones starting in 'registering'...), even though I haven't enabled them anywhere. How do I disable them? They are shown below, as well as the init code for web3auth. I currently am running react 18 + esbuild on my local machine, with the following packages installed:

    "@solana/web3.js": "^1.66.2",
    "@web3auth/base": "^3.0.4",
    "@web3auth/modal": "^3.0.4",
    "@web3auth/openlogin-adapter": "^3.0.4",
    "@web3auth/solana-provider": "^3.0.4",

<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="import { useEffect, useState } from 'react' import { Web3Auth } from '@web3auth/modal' import { CHAIN_NAMESPACES, LoginMethodConfig, SafeEventEmitterProvider, WALLET_ADAPTERS, } from '@web3auth/base' import { OpenloginAdapter } from '@web3auth/openlogin-adapter' import SolanaRPC from '@/chain/solanaRPC'

const clientId =
‘redacted’

export const useWeb3Auth = () => {
const [web3Auth, setWeb3Auth] = useState<Web3Auth | null>(null)
const [solanaRPC, setSolanaRPC] = useState<SolanaRPC|null>(null)
const [provider, setProvider] = useState<SafeEventEmitterProvider | null>(
null
)

useEffect(() =&gt; {
    const init = async () =&gt; {

        try {
            const web3auth = new Web3Auth({
                clientId,
                chainConfig: {
                    chainNamespace: CHAIN_NAMESPACES.SOLANA,
                    chainId: '0x3', // Please use 0x1 for Mainnet, 0x2 for Testnet, 0x3 for Devnet
                    rpcTarget: 'https://api.devnet.solana.com', // This is the public RPC we have added, please pass on your own endpoint while creating an app
                },
                uiConfig: {
                    theme: 'dark',
                    loginMethodsOrder: ['twitter'],
                    appLogo:
                        'https://web3auth.io/community/images/w3a-L-Favicon-1.svg', // Your App Logo Here
                },
            })

            const openloginAdapter = new OpenloginAdapter({
                adapterSettings: {
                    clientId,
                    network: 'testnet',
                    uxMode: 'popup',
                    whiteLabel: {
                        name: 'Your app Name',
                        logoLight:
                            'https://web3auth.io/community/images/w3a-L-Favicon-1.svg',
                        logoDark:
                            'https://web3auth.io/community/images/w3a-D-Favicon-1.svg',
                        defaultLanguage: 'en',
                        dark: true, // whether to enable dark mode. defaultValue: false
                    },
                    loginConfig: {
                        email: {
                            name: 'Custom Auth Login',
                            verifier: 'YOUR_FACEBOOK_VERIFIER_NAME', // Please create a verifier on the developer dashboard and pass the name here
                            typeOfLogin: 'email_password', // Pass on the login provider of the verifier you've created
                            clientId: 'FACEBOOK_CLIENT_ID_1234567890', // Pass on the clientId
                        },
                    },
                },
            })
            web3auth.configureAdapter(openloginAdapter)
            setWeb3Auth(web3auth)

            await web3auth.initModal({
                modalConfig: {
                    [WALLET_ADAPTERS.OPENLOGIN]: {
                        label: 'openlogin',
                        // setting it to false will hide all social login methods from modal.
                        showOnModal: true,
                        loginMethods: getLoginMethodsConfig()
                    },
                    [WALLET_ADAPTERS.TORUS_SOLANA]: {
                        label: 'torus',
                        showOnModal: false,
                    },
                    [WALLET_ADAPTERS.PHANTOM]: {
                        label: 'phantom',
                        showOnModal: true,
                    },
                },
            })
            if (web3auth.provider) {
                setProvider(web3auth.provider)
                setSolanaRPC(new SolanaRPC(web3auth.provider))
            }
        } catch (error) {
            console.error(error)
        }
    }

    init()
}, [])

return { web3Auth, provider, solanaRPC }

}

/** Currently all socials disabled */
const getLoginMethodsConfig = () => {
const loginMethods = [
‘google’,
‘facebook’,
‘twitter’,
‘reddit’,
‘discord’,
‘twitch’,
‘apple’,
‘line’,
‘github’,
‘kakao’,
‘linkedin’,
‘weibo’,
‘wechat’,
‘email_passwordless’
] as const

const disabledLoginMethodsParam: LoginMethodConfig = {};
loginMethods.forEach(method =&gt; disabledLoginMethodsParam[method] = { name: `${method} login`, showOnModal: false})

return disabledLoginMethodsParam

}
">

import { useEffect, useState } from ‘react’

import { Web3Auth } from ‘@web3auth/modal’

import {

CHAIN_NAMESPACES,

LoginMethodConfig,

SafeEventEmitterProvider,

WALLET_ADAPTERS,

} from ‘@web3auth/base’

import { OpenloginAdapter } from ‘@web3auth/openlogin-adapter’

import SolanaRPC from ‘@/chain/solanaRPC’
const clientId =

‘redacted’
export const useWeb3Auth = () => {

const [web3Auth, setWeb3Auth] = useState<Web3Auth | null>(null)

const [solanaRPC, setSolanaRPC] = useState<SolanaRPC|null>(null)

const [provider, setProvider] = useState<SafeEventEmitterProvider | null>(

null

)
useEffect(() =&gt; {
    const init = async () =&gt; {

        try {
            const web3auth = new Web3Auth({
                clientId,
                chainConfig: {
                    chainNamespace: CHAIN_NAMESPACES.SOLANA,
                    chainId: '0x3', // Please use 0x1 for Mainnet, 0x2 for Testnet, 0x3 for Devnet
                    rpcTarget: 'https://api.devnet.solana.com', // This is the public RPC we have added, please pass on your own endpoint while creating an app
                },
                uiConfig: {
                    theme: 'dark',
                    loginMethodsOrder: ['twitter'],
                    appLogo:
                        'https://web3auth.io/community/images/w3a-L-Favicon-1.svg', // Your App Logo Here
                },
            })

            const openloginAdapter = new OpenloginAdapter({
                adapterSettings: {
                    clientId,
                    network: 'testnet',
                    uxMode: 'popup',
                    whiteLabel: {
                        name: 'Your app Name',
                        logoLight:
                            'https://web3auth.io/community/images/w3a-L-Favicon-1.svg',
                        logoDark:
                            'https://web3auth.io/community/images/w3a-D-Favicon-1.svg',
                        defaultLanguage: 'en',
                        dark: true, // whether to enable dark mode. defaultValue: false
                    },
                    loginConfig: {
                        email: {
                            name: 'Custom Auth Login',
                            verifier: 'YOUR_FACEBOOK_VERIFIER_NAME', // Please create a verifier on the developer dashboard and pass the name here
                            typeOfLogin: 'email_password', // Pass on the login provider of the verifier you've created
                            clientId: 'FACEBOOK_CLIENT_ID_1234567890', // Pass on the clientId
                        },
                    },
                },
            })
            web3auth.configureAdapter(openloginAdapter)
            setWeb3Auth(web3auth)

            await web3auth.initModal({
                modalConfig: {
                    [WALLET_ADAPTERS.OPENLOGIN]: {
                        label: 'openlogin',
                        // setting it to false will hide all social login methods from modal.
                        showOnModal: true,
                        loginMethods: getLoginMethodsConfig()
                    },
                    [WALLET_ADAPTERS.TORUS_SOLANA]: {
                        label: 'torus',
                        showOnModal: false,
                    },
                    [WALLET_ADAPTERS.PHANTOM]: {
                        label: 'phantom',
                        showOnModal: true,
                    },
                },
            })
            if (web3auth.provider) {
                setProvider(web3auth.provider)
                setSolanaRPC(new SolanaRPC(web3auth.provider))
            }
        } catch (error) {
            console.error(error)
        }
    }

    init()
}, [])

return { web3Auth, provider, solanaRPC }

}
/** Currently all socials disabled */

const getLoginMethodsConfig = () => {

const loginMethods = [

‘google’,

‘facebook’,

‘twitter’,

‘reddit’,

‘discord’,

‘twitch’,

‘apple’,

‘line’,

‘github’,

‘kakao’,

‘linkedin’,

‘weibo’,

‘wechat’,

‘email_passwordless’

] as const
const disabledLoginMethodsParam: LoginMethodConfig = {};
loginMethods.forEach(method =&gt; disabledLoginMethodsParam[method] = { name: `${method} login`, showOnModal: false})

return disabledLoginMethodsParam

}

Originally posted by: cvega21

Check the discussion at: https://github.com/orgs/Web3Auth/discussions/857

githubdiscussions · November 11, 2022, 8:25am

These logs are coming from a different domain i.e app.openlogin.com, we will add a param in sdk such that you can disable it.
Thanks for reporting this.

Originally posted by: himanshuchawla009

shahbaz · March 30, 2023, 5:19am

This is fixed now.