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 🙏

© 2026 – Pkg Stats / Ryan Hefner

h17-webpilot

v1.3.6

Published

Browser control framework for agents via Chrome extension + WebSocket

Readme

Webpilot

npm Socket Badge License Node Publish

Webpilot is a browser tool.

It launches a real Chromium-based browser with a local extension runtime, exposes a WebSocket protocol, and lets a user, script, or LLM drive that browser through the same command surface.

The primary interface is the live DOM — not screenshots. discover, html, and q give you real page structure, real selectors, and real handles. Screenshots exist as a fallback for when layout or visual rendering is the actual question. For everything else, read the DOM.

The primary CLI workflow is webpilot start, then webpilot -c ... commands. The interactive REPL exists for manual testing and debugging; scripts and agents should prefer one-shot commands.

What Webpilot does:

  • starts and controls a real browser — no CDP, no detectable debugging port
  • exposes the live DOM directly: navigation, element discovery, querying, interaction, cookies
  • provides configurable cursor, click, typing, and scroll behavior
  • works from the CLI, raw WebSocket, Node, or an MCP adapter

What Webpilot does not do:

  • decide what to do next
  • ship a tuned human profile
  • ship site strategy, retries, or route doctrine

The user or LLM decides the workflow. Webpilot provides the browser runtime and commands.

Install

npm install -g h17-webpilot

Quick Start

1. Start

webpilot start

If no config exists, the first run will detect installed browsers, ask you to choose one, and generate ~/h17-webpilot/config.js.

Use webpilot start -d for an append-only session log (~/h17-webpilot/webpilot.log by default).

Recommended Browser Setup

If you want to browse normally while Webpilot is automating in parallel, use a dedicated Chromium-family browser for Webpilot and keep your everyday browser separate. A clean split is Helium, Chromium, Edge, or Vivaldi for Webpilot; Chrome (or your normal browser) for you. That way Webpilot owns its browser binary, profile, and process tree while your personal browser remains independent.

In ~/h17-webpilot/config.js, point browser at the dedicated Webpilot browser and keep profile dedicated to Webpilot. Example macOS Helium config:

module.exports = {
  browser: "/Applications/Helium.app/Contents/MacOS/Helium",
  profile: "~/h17-webpilot/profile",
};

If you are not browsing manually at the same time, using the same browser install with Webpilot's dedicated profile is fine.

2. Use the tool

webpilot -c go example.com
webpilot -c discover
webpilot -c click h1
webpilot -c wait h1
webpilot -c html
webpilot -c cookies load ./cookies.json

Use the same loop every time:

  1. inspect
  2. act
  3. verify

CLI

webpilot -c go example.com      # single command, preferred for scripts/agents
webpilot                        # manual/debug REPL
webpilot start                  # launch browser + WS server
webpilot start -d               # launch with session logging
webpilot stop                   # stop running server

Core commands:

  • go <url>: navigate
  • discover: list interactive elements with handles
  • q <selector> / query <selector>: query elements
  • wait <selector>: wait for a selector
  • click <selector|handleId>: safe click
  • type [selector|handleId] <text>: target the element, focus it, then type with the configured public profile
  • clear <selector>: clear an input
  • key <name> / press <name>: send a key
  • sd [px] [selector] / su [px] [selector]: scroll
  • html: read page HTML
  • ss: save a screenshot — use when layout or visual rendering is the question, not DOM structure
  • cookies: dump cookies
  • cookies load <file>: load cookies from a JSON array file
  • frames: list frames

Single commands can be passed as one quoted command string or as trailing argv after -c:

webpilot -c "type el_2 hello world"
webpilot -c type el_2 hello world
webpilot -c .http go https://example.com

Quote typed text only when quote characters are part of the text you want typed. In the interactive REPL, .http toggles response-event printing for the rest of that CLI session. For one-shot commands, prefix the command with .http because each -c invocation is its own client process; this is most useful around navigation/page-load commands.

Raw mode stays available:

webpilot -c 'human.click {"selector": "button[type=submit]"}'
webpilot -c '{"action": "dom.getHTML", "params": {}}'

WebSocket Protocol

Connect to ws://127.0.0.1:7331 and send JSON:

{ "id": "1", "action": "tabs.navigate", "params": { "url": "https://example.com" } }

The server requires the per-run token written to ~/h17-webpilot/token. Pass it as a query parameter on the connection URL, for example ws://127.0.0.1:7331/?token=<token>. The CLI and Node API read and attach this token for you. The bundled runtime extension reads the same per-run token from a generated extension-private token.json and bypasses extension resource caches when it loads that file. See the Security model section below.

Capability groups:

  • tabs
  • dom
  • human
  • cookies
  • events
  • framework

Full reference: protocol/PROTOCOL.md

Node API

The Node API is a wrapper over the same WebSocket protocol.

const { startWithPage } = require('h17-webpilot');

const { page } = await startWithPage();
await page.navigate('https://example.com');
await page.query('h1');
await page.click('h1');
await page.waitFor('body');

Useful methods:

  • navigate(url) / legacy goto(url)
  • query(selector) / legacy $(selector)
  • queryAll(selector) / legacy $$(selector)
  • waitFor(selector) / legacy waitForSelector(selector)
  • read() / legacy content()
  • click(...) / legacy humanClick(...)
  • type(...) / legacy humanType(...)
  • scroll(...) / legacy humanScroll(...)
  • clearInput(...) / legacy humanClearInput(...)
  • pressKey(key)
  • configure(config) / legacy setConfig(config)

Config

Config is loaded from ~/h17-webpilot/config.js (or config.json). Override with --config <path>.

Public config is split into:

  • framework: runtime behavior, debug toggles, handle retention
  • human: cursor, click, typing, scroll, and avoid rules

The public package exposes a lot of knobs on purpose. The user decides how much to tune. The package does not ship a strong profile.

Example:

module.exports = {
  framework: {
    debug: {
      cursor: true,
      sessionLogPath: '~/h17-webpilot/webpilot.log',
    },
  },
  human: {
    calibrated: false,
    profileName: 'public-default',
    cursor: {
      spreadRatio: 0.16,
      jitterRatio: 0,
      stutterChance: 0,
      driftThresholdPx: 0,
      overshootRatio: 0,
    },
    click: {
      thinkDelayMin: 35,
      thinkDelayMax: 90,
      maxShiftPx: 50,
    },
    type: {
      baseDelayMin: 8,
      baseDelayMax: 20,
      variance: 4,
      pauseChance: 0,
      pauseMin: 0,
      pauseMax: 0,
    },
  },
};

Auth/session bootstrap example:

module.exports = {
  browser: "/Applications/Chromium.app/Contents/MacOS/Chromium",
  boot: {
    cookiesPath: "./cookies.json",
    commands: [
      "go https://hugopalma.work",
      "cookies load ./cookies.json",
      { action: "framework.getConfig", params: {} }
    ],
  },
};

boot.cookiesPath loads a cookie jar before commands run. boot.commands accepts:

  • command strings like the CLI shorthands
  • cookies load <file> entries
  • raw objects: { action, params, tabId? }

These defaults do not represent a human profile:

  • typing is very fast
  • overshoot is off
  • jitter is off
  • drift is off

They are there to show what is configurable. The package does not ship your final values.

Tested Browsers

Tested browsers:

  • Helium
  • Chromium
  • Google Chrome

Linux Desktop Display

Webpilot launches normal Chromium with an unpacked extension; it does not switch to headless mode. On Linux, if the shell has no DISPLAY but ~/.Xauthority contains a display entry, Webpilot uses the detected desktop display and prints a yellow [WARN] showing the DISPLAY and XAUTHORITY it selected. If no display can be detected, it warns and waits for real readiness to fail instead of claiming the server is ready.

Security model

Webpilot is a local tool. The browser, the WebSocket server, and the client all run on the same machine, and the server is built to stay that way.

  • Loopback only. The WebSocket server binds to 127.0.0.1, so it does not accept connections from other machines on the network.
  • Per-run token. Each webpilot start generates a fresh token, writes it to ~/h17-webpilot/token, and refuses any WebSocket connection that does not present it. The CLI, the Node API, and the bundled runtime extension read that token automatically. The extension token config is extension-private, fetched with cache bypass, and rotates every run with the local token.
  • Origin rejection. The server rejects WebSocket handshakes that carry a web-page Origin header, so a malicious web page cannot reach the server even from the same machine.

Two behaviors that automated scanners sometimes flag are intentional and central to what the tool does:

  • Script execution in the page. The dom.evaluate command runs caller-supplied JavaScript in the page. That is the feature. Driving a browser means running code in pages you navigate to. Execution only happens for commands you send over the authenticated local socket.
  • Cookies over the socket. The cookies command reads browser cookies and returns them over the WebSocket. The endpoint is the local 127.0.0.1 server described above, not a remote host. Nothing is sent off the machine. Cookie access exists so you can save and restore your own sessions.

If you run an old version, upgrade. The token, loopback bind, and Origin rejection were added together. See SECURITY.md for how to report issues.

Limits

  • Defaults are for demonstration and development, not for behavior parity.
  • The browser tool does not decide workflows.
  • The user or LLM still has to choose selectors, waits, retries, and verification steps.
  • dom.evaluate may hit CSP restrictions on some sites. DOM reading and interaction still work through the isolated content-script path.

Skill Usage

SKILL.md explains how an LLM should use Webpilot as a browser tool.

License

Apache 2.0