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

proxy-host

v1.0.0

Published

Seamlessly proxy local websites to view across other devices

Downloads

5

Readme

Seamlessly proxy local websites to view across other devices on same network

Install

Globally (recommended)

npm i -g proxy-host

Usage

After you've installed globally you will be able to run it as a CLI application using the command line proxy-host in your terminal.

Project Options

Name | Default Value | Description --- | --- | --- | URL | N/A | The https URL location of the site you want to view QR | true | Generate a PR code displayed in the terminal. Useful for mobile device testing. Local Overrides | false | Whether to inject CSS and JS into the page. Note you will need to add them into a custom.css and custom.js file located in the root of this npm package. Open Browser on host | false | Whether to open the website on the host in your default browser Sync Browser Actions | false | Whether to sync clicks, scroll position, and form submissions across devices Save project | true | Whether to save the project settings to disk for later usage (recommended), will be asked to provide name

Scenarios for use

Viewing in-development sites

Proxy Host attempts to resolve the problem of needing to view an in-development website on a separate device that does not naturally have access to the host site. A such scenario is a .NET website ran through IIS, where the developer wishes to view the local development website on a mobile device such as an iPhone, allowing them to make changes and see the result in realtime on the device.

Local Overrides

Need to hide a certain element when viewing a particular website on a mobile device? This can be achieved using the "Local Overides" feature, adding styles into "custom.css" will be injected into the bottom of the <head> element of the website.

Future Plans

The following features are being considered for future development of this project:

  • Editing existing project settings
  • Customising the files used in Local Overrides to use files from the directory proxy-host is ran in.
  • Multilingual support
  • Ability to change port value proxy is run on per project
  • Applying Network Throttling onto proxy site to simulate different network conditions
  • Inject custom headers to server requests and responses
  • Support for HTTP2