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

@mondaydotcomorg/tunnel

v0.4.2

Published

Monday.com Tunnel exposes your localhost to the world for easy testing and sharing! No need to mess with DNS or deploy just to have others test out your changes.

Downloads

350

Readme

Monday.com Tunnel

Monday.com Tunnel exposes your localhost to the world for easy testing and sharing! No need to mess with DNS or deploy just to have others test out your changes.

Great for testing your app feature directly on monday.com.

Quickstart

Assuming your app runs on port 8000:

npx @mondaydotcomorg/tunnel --port 8000

In case you want to have your own subdomain:

npx @mondaydotcomorg/tunnel --port 8000 --subdomain=my-cool-app

Installation

Globally

npm install -g @mondaydotcomorg/tunnel
yarn global add @mondaydotcomorg/tunnel
pnpm add -g @mondaydotcomorg/tunnel

As a dependency in your project

npm install @mondaydotcomorg/tunnel
yarn add @mondaydotcomorg/tunnel
pnpm add @mondaydotcomorg/tunnel

CLI usage

When tunnel is installed globally, just use the mtunnel command to start the tunnel.

mtunnel --port 8000

Thats it! It will connect to the server, setup the tunnel, and tell you what url to use for your testing. This url will remain active for the duration of your session; so feel free to share it with others for happy fun time!

You can restart your local server all you want, mtunnel is smart enough to detect this and reconnect once it is back.

Arguments

Below are some common arguments. See mtunnel --help for additional arguments

  • --subdomain request a named subdomain on the tunnel server (default is random characters)
  • --local-host proxy to a hostname other than localhost

You may also specify arguments via env variables. Ex.:

TUNNEL_PORT=3000 mtunnel

You can use any option from mtunnel --help as environment variable, you just have to prefix it with TUNNEL_.

API

The tunnel client is also usable through an API (for test integration, automation, etc)

createTunnel(port [,options][,callback])

Creates a new tunnel to the specified local port. Will return a Promise that resolves once you have been assigned a public tunnel url. options can be used to request a specific subdomain. A callback function can be passed, in which case it won't return a Promise. This exists for backwards compatibility with the old Node-style callback API. You may also pass a single options object with port as a property.

import createTunnel from '@mondaydotcomorg/tunnel';

(async () => {
  const tunnel = await createTunnel({ port: 3000 });

  // the assigned public url for your tunnel
  // i.e. https://beautiful-cherry-21.tunnel.monday.app
  console.log(tunnel.url);

  tunnel.$close.subscribe(() => {
    // tunnels are closed
  });
})();

options

  • port (number) [required] The local port number to expose through tunnel.
  • subdomain (string) Request a specific subdomain on the proxy server. Note You may not actually receive this name depending on availability.
  • host (string) URL for the upstream proxy server. Defaults to https://tunnel.monday.app.
  • local_host (string) Proxy to this hostname instead of localhost. This will also cause the Host header to be re-written to this value in proxied requests.
  • open (boolean) Opens the tunnel URL in your browser.
  • debug (boolean) Print more verbose logs (great for diagnosing).
  • print-requests (boolean) Print basic request info in the console.

Tunnel

The tunnel instance has the following observables:

| observable | args | description | | ---------- | ---- | ------------------------------------------------------------------------------------ | | $request | info | fires when a request is processed by the tunnel, contains method and path fields | | $error | err | fires when an error happens on the tunnel | | $close | | fires when the tunnel has closed |

The tunnel instance has the following methods

| method | args | description | | ------ | ---- | ---------------- | | close | | close the tunnel |