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 🙏

© 2024 – Pkg Stats / Ryan Hefner

@memecake/plug-inpage-provider

v2.5.2

Published

![](https://storageapi.fleek.co/fleek-team-bucket/plug-banner.png)

Downloads

8

Readme

Plug Inpage Provider

Introduction

Plug's Inpage Provider is an Internet Computer Provider API package that is injected into the browser so that developers can call/interact with Plug. Allowing for integration, authentication, and handling of in-app transactions.

🤔 Installation

The Plug Inpage Provider package is in the Github Package Registry and not in the NPM Registry!

This is important to note as we keep our projects under the @Psychedelic organisation on Github, our official channel for our projects.

yarn add @psychedelic/plug-inpage-provider

To pull and install the Plug Connect package from @Psychedelic via the NPM CLI, you'll need:

  • A personal access token (you can create a personal acess token here)

  • The personal access token with the correct scopes, repo and read:packages to be granted access to the GitHub Package Registry.

  • Authentication via npm login, using your Github email for the username and the personal access token as your password:

Once you have those ready, run:

npm login --registry=https://npm.pkg.github.com --scope=@Psychedelic

Note: You only need to configure this once to install the package! On npm login provide your Github email as your username and the Personal access token as the password.

You can also setup your npm global settings to fetch from the Github registry everytime it finds a @Psychdelic package, find the instructions here.

Set your project to fetch @Psychdelic packages from the correct registry, if you haven't setup your npm globals to do this automatically you need an npmrc file.

Create the .npmrc in the root of your project by:

touch .npmrc

Open the file and put the following content:

@psychedelic:registry=https://npm.pkg.github.com

You can now import the PlugConnect package:

import Provider from '@psychedelic/plug-inpage-provider';