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

upchain-web3-http-provider

v3.1.6

Published

Downloads

9

Readme

Upchain HttpProvider

Extends the built in HTTP Provider with headers

npm version Build Status npm

API: I wrapped the provider in a function, so that you can extend the actual existing provider and not a arbitrary existing one in our repo. If you do not pass in a provider, we got you covered ;)

Example Headers

Node.js

  var headers = {
    'X-API-KEY': 'foo'
  }
  // new pass the provider to minimize dependencies
  var Provider = require('upchain-web3-http-provider')(web3.providers.HttpProvider);
  var provider = new Provider('https://localhost:8545', headers);
  // set web3
  var web3 = new Web3(provider);
  // in a pudding / truffle app, reset your
  var contracts = [HumanStandardToken,HumanStandardTokenFactory,Token,TokenTester];
  // just collect thge contracts and reset the providers as you do it with pudding
  contracts.map(function(contract) {
    contract.setProvider(window.web3.currentProvider);
  });

Example Username / Password

  • You can use username and password as part of the url/uri scheme
  • however, passing it as a parameter will base64 encode them and put them in a header. This avoids the url end up in logs, containing a username and password.
  var headers = {
  }
  // new pass the provider to minimize dependencies
  var Provider = require('upchain-web3-http-provider')(web3.providers.HttpProvider);
  var provider = new Provider(
      'https://localhost:8545',
      headers,
      'username',
      'password');
  // set web3
  var web3 = new Web3(provider);
  // ....

Browser

The code runs in the browser as well. It registers itself to a global/window variable: UpchainHttpProvider. We provide releases in the cdn, so you dont have to export files yourself. We tried to keep the ocde framework agnostic, so you can use it with angular, meteorjs and other frameworks. A script tag will do.

<script src="https://cdn.rawgit.com/Upchain/upchain-web3-http-provider/v3.1.2/dist/bundle.js" ></script>

Create a provider

  var headers = {
    'X-API-KEY': 'foo'
  };

  var Provider = window.UpchainHttpProvider(web3.providers.HttpProvider);
  var provider = Provider('https://localhost:8545', headers);
  // ....

Release

npm version minor
  • pushes to master
  • pushes tags

Test

Mocha tests are run.

npm test

Bundle

Bundles all dependencies and writes a usable file using browserify. The file uses window.

npm run bundle