npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2025 – Pkg Stats / Ryan Hefner

vottun-web3-coinbase

v1.0.1

Published

A ready-to-use Metamask integration module.

Readme

Vottun Web3 Login Tool

This project is entirely developed and owned by Vottun.

Available methods

Within this npm package, you can call the following methods:

connectWallet()

Triggers the Metamask window in order to make the user connect its wallet.
Returns true if the user successfully connects its wallet and false otherwise.
Disclaimer: the user must be on a non-private window and must have Metamask installed in its browser in order to complete this action.

getWalletInfo()

Asks for the information related to the wallet: address, chainId.
Returns the information if the wallet is correctly connected, and null otherwise.

signMessage(origin, walletAddress, chainId)

Triggers the Metamask window in order to make the user sign an EIP191 message. Expects the following arguments:

  • origin: The URL of the origin page
  • walletAddress: The address of the connected wallet
  • chainId: The ID of the connected blockchain

Returns an object that contains the signatureHash and the nonce:

  • signatureHash: a hash that represents the result of the signature, which will have to be validated against the server in order to verify the operation
  • nonce: a unique hash used as an operation identifier, used for security purposes

Expected steps

When using this npm package in a web application, the steps that are supposed to be followed in order to achieve a successful Web3 login are:

  1. Display a button that calls the connectWallet() method.
  2. Retrieve the walletAddress and chainId values
  3. Call the signMessage() method
  4. Validate the obtained hash against the server
  5. Manage the obtained accessToken as desired