![Introducing Dashboard Analytics](https://cdn.sanity.io/images/cgdhsj6q/production/af327c5bd94708db501516a75da6870aef894c64-2286x1522.png?w=400&fit=max&auto=format)
Product
Introducing Dashboard Analytics
We're introducing a new Analytics feature in the Socket dashboard so you can view changes in your organization's and repositories' alerts over time.
@metamask/providers
Advanced tools
A JavaScript Ethereum provider that connects to the wallet over a stream.
@metamask/providers is a package that provides a set of tools and utilities to interact with the MetaMask browser extension. It allows developers to integrate Ethereum-based applications with MetaMask, enabling functionalities such as connecting to the user's wallet, sending transactions, and interacting with smart contracts.
Connecting to MetaMask
This feature allows you to connect to the user's MetaMask wallet and request access to their Ethereum accounts.
const { ethereum } = window;
if (ethereum) {
ethereum.request({ method: 'eth_requestAccounts' })
.then(accounts => console.log(accounts))
.catch(err => console.error(err));
} else {
console.log('MetaMask is not installed');
}
Sending Transactions
This feature allows you to send transactions from the user's MetaMask wallet to another Ethereum address.
const transactionParameters = {
to: '0xRecipientAddress',
from: ethereum.selectedAddress,
value: '0x29a2241af62c0000', // 0.1 ETH
gas: '0x5208', // 21000 GWEI
};
ethereum.request({
method: 'eth_sendTransaction',
params: [transactionParameters],
})
.then(txHash => console.log(txHash))
.catch(err => console.error(err));
Interacting with Smart Contracts
This feature allows you to interact with smart contracts deployed on the Ethereum blockchain using the user's MetaMask wallet.
const contractAddress = '0xYourContractAddress';
const abi = [
// ABI array
];
const contract = new ethers.Contract(contractAddress, abi, ethereum);
contract.someMethod()
.then(result => console.log(result))
.catch(err => console.error(err));
web3 is a popular library for interacting with the Ethereum blockchain. It provides a comprehensive set of tools for sending transactions, interacting with smart contracts, and more. Compared to @metamask/providers, web3 is more general-purpose and can be used with various Ethereum providers, not just MetaMask.
ethers is a lightweight library for interacting with the Ethereum blockchain. It offers similar functionalities to @metamask/providers, such as sending transactions and interacting with smart contracts. ethers is known for its simplicity and ease of use, and it can be used with different Ethereum providers, including MetaMask.
web3modal is a library that provides a simple way to connect to various Ethereum wallets, including MetaMask. It offers a user-friendly interface for selecting and connecting to different wallet providers. Compared to @metamask/providers, web3modal focuses on providing a seamless wallet connection experience.
The Ethereum provider object injected by MetaMask into various environments. Contains a lot of implementation details specific to MetaMask, and is probably not suitable for out-of-the-box use with other wallets.
The BaseProvider
implements the Ethereum JavaScript provider specification (EIP-1193), but must be modified by a sub-class in order to function.
StreamProvider
is such a sub-class, which synchronizes its state and marshals JSON-RPC messages via a duplex stream.
MetamaskInpageProvider
further extends StreamProvider
to support legacy provider interfaces in addition to EIP-1193, and is used to instantiate the object injected by MetaMask into web pages as window.ethereum
.
import { initializeProvider } from '@metamask/providers';
// Create a stream to a remote provider:
const metamaskStream = new LocalMessageDuplexStream({
name: 'inpage',
target: 'contentscript',
});
// this will initialize the provider and set it as window.ethereum
initializeProvider({
connectionStream: metamaskStream,
});
const { ethereum } = window;
Types are exposed at index.d.ts
.
They require Node.js EventEmitter
and Duplex
stream types, which you can grab from e.g. @types/node
.
The Provider object should not be mutated by consumers under any circumstances. The maintainers of this package will neither fix nor take responsbility for bugs caused by third parties mutating the provider object.
nvm use
will automatically choose the right node version for you.yarn setup
to install dependencies and run any requried post-install scripts
yarn
/ yarn install
command directly. Use yarn setup
instead. The normal install command will skip required post-install scripts, leaving your development environment in an invalid state.Run yarn test
to run the tests once. To run tests on file changes, run yarn test:watch
.
Run yarn lint
to run the linter, or run yarn lint:fix
to run the linter and fix any automatically fixable issues.
The project follows the same release process as the other libraries in the MetaMask organization:
main
1.x
)yarn version --minor --no-git-tag-version
)main
or 1.x
)FAQs
A JavaScript Ethereum provider that connects to the wallet over a stream
The npm package @metamask/providers receives a total of 149,600 weekly downloads. As such, @metamask/providers popularity was classified as popular.
We found that @metamask/providers demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 11 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.
Product
We're introducing a new Analytics feature in the Socket dashboard so you can view changes in your organization's and repositories' alerts over time.
Security News
A new OpenSSF report uncovers critical gaps in secure software training, with 75% of new developers unfamiliar with secure practices, highlighting urgent educational needs.
Security News
The 2023 Python Developers Survey reveals key trends in packaging, web frameworks, and developer demographics, highlighting a shift toward innovative tools as the Python community diversifies and grows among less experienced developers.