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

boardcast-cli

v1.1.0

Published

CLI tools for creating and recording animated hex board tutorials with Boardcast

Readme

Boardcast CLI

CLI tools for creating and recording animated hex board tutorials with Boardcast.

Installation

npm install -g boardcast-cli

Or use locally in a project:

npm install boardcast-cli
npx boardcast --help

Requirements

  • Node.js 18+
  • The boardcast library must be available as a peer dependency or built locally

Commands

Main CLI

boardcast create <filename.js>    # Create new tutorial boilerplate
boardcast record <filename.js>    # Record tutorial to WebM video
boardcast help                    # Show help

Standalone Commands

boardcast-create <filename.js>    # Direct create command
boardcast-record <filename.js>    # Direct record command

Quick Start

  1. Create a new tutorial:
boardcast create my-tutorial.js
  1. Edit the generated file to customize your tutorial

  2. Record it to video:

boardcast record my-tutorial.js

The video will be saved to the videos/ directory with a timestamp.

Tutorial Structure

Generated tutorials have this structure:

// Configuration
export const config = {
  gridRadius: 8,        // Grid size (3-12)
  title: "My Tutorial"  // Used for video filename
};

// Main tutorial function
export async function runTutorial(board) {
  // Your tutorial code here
  board.highlight(0, 0, '#4fc3f7');
  board.token(1, 1, 'player', 'circle', '#00ff00');
  await sleep(1000);
  board.move('player', 2, 2);
}

function sleep(ms) {
  return new Promise(resolve => setTimeout(resolve, ms));
}

API Reference

The board parameter provides the full Boardcast API:

Highlighting

  • board.highlight(q, r, color) - Static highlight
  • board.blink(q, r, color) - Blinking highlight
  • board.pulse(q, r, color) - Pulsing highlight

Tokens

  • board.token(q, r, name, shape, color, label?) - Place token
  • board.move(tokenName, q, r) - Animate movement

Annotations

  • board.point(q, r, label?) - Arrow pointing at hex
  • board.caption(text, duration?) - Large text overlay

Clear

  • board.clear() - Clear all elements
  • board.clear('HIGHLIGHT'|'BLINK'|'PULSE'|'POINT'|'TOKEN'|'CAPTION') - Clear specific type

Examples

See the generated tutorial template for a complete example with terrain, units, and movement.

Troubleshooting

"Boardcast library not found"

Make sure you have the boardcast package installed:

npm install boardcast

Recording fails

  • Ensure Playwright browsers are installed: npx playwright install
  • Check that port 3001 is available
  • Verify your tutorial file exports runTutorial and config

Development

To work on this package:

# Install dependencies
npm install

# Test commands
npm test

License

ISC