Security News
Introducing the Socket Python SDK
The initial version of the Socket Python SDK is now on PyPI, enabling developers to more easily interact with the Socket REST API in Python projects.
@web3-onboard/magic
Advanced tools
Magic SDK wallet module for connecting to Web3-Onboard. Web3-Onboard makes it simple to connect Ethereum hardware and software wallets to your dapp. Features standardised spec compliant web3 providers for all supported wallets, framework agnostic modern j
npm i @web3-onboard/magic
Head over to https://magic.link/ and sign up to get an API key
type MagicInitOptions = {
apiKey: string
userEmail?: string // optional - if user has already logged in and/or session is still active a login modal will not appear
}
import Onboard from '@web3-onboard/core'
import magicModule from '@web3-onboard/magic'
const magic = magicModule({
apiKey: 'API_KEY',
userEmail: localStorage.getItem('magicUserEmail')
})
const onboard = Onboard({
// ... other Onboard options
wallets: [
magic
//... other wallets
]
})
const connectedWallets = await onboard.connectWallet()
console.log(connectedWallets)
When a Magic wallet is connected the Magic instance is exposed.
This can be used to get information such as user MetaData, update a user's email address or handle the user's token.
The user's email can be set in local storage and passed through the MagicInitOptions
to avoid a user having to login again if they are returning to the DApp within the set user session time.
Magic has a default time of 7 days and this can be configured through your Magic API Key settings.
const [magicWallet] = await onboard.connectWallet()
try {
const { email, publicAddress } = await magicWallet.instance.user.getMetadata()
localStorage.setItem('magicUserEmail', email)
// This email can then be passed through the MagicInitOptions to continue the users session and avoid having to login again
} catch {
// Handle errors if required!
}
For full documentation and examples please visit Magic's official docs
The Magic Wallet Login styles can customized via CSS variables. The following properties and their default properties can be customized by adding these variables to the :root
in your CSS file. If they are not specified they will fall back on the style variables prefixed with --onboard
and beyond that to the styles developed by Blocknative:
:root {
/* *if not set will fallback to variables with `--onboard` prefix shown above */
/* CUSTOMIZE THE COLOR PALLETTE */
--login-modal-white: white;
--login-modal-black: black;
--login-modal-primary-300: #b1b8f2;
--login-modal-primary-500: #6370e5;
--login-modal-gray-200: #c2c4c9;
--login-modal-gray-500: #33394b;
--login-modal-danger-500: #ff4f4f;
/* FONTS */
--login-modal-font-family-normal: Inter, sans-serif;
--login-modal-font-size-5: 1rem;
--login-modal-font-line-height-1: 24px;
/* SPACING */
--login-modal-margin-4: 1rem;
--login-modal-margin-5: 0.5rem;
/* MAGIC WALLET MODAL POSITIONING */
--onboard-login-modal-z-index
--onboard-login-modal-top
--onboard-login-modal-bottom
--onboard-login-modal-right
--onboard-login-modal-left
}
FAQs
Magic SDK wallet module for connecting to Web3-Onboard. Web3-Onboard makes it simple to connect Ethereum hardware and software wallets to your dapp. Features standardised spec compliant web3 providers for all supported wallets, framework agnostic modern j
The npm package @web3-onboard/magic receives a total of 290 weekly downloads. As such, @web3-onboard/magic popularity was classified as not popular.
We found that @web3-onboard/magic demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 2 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
The initial version of the Socket Python SDK is now on PyPI, enabling developers to more easily interact with the Socket REST API in Python projects.
Security News
Floating dependency ranges in npm can introduce instability and security risks into your project by allowing unverified or incompatible versions to be installed automatically, leading to unpredictable behavior and potential conflicts.
Security News
A new Rust RFC proposes "Trusted Publishing" for Crates.io, introducing short-lived access tokens via OIDC to improve security and reduce risks associated with long-lived API tokens.