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

ts-builds-template

v1.0.0

Published

A basic template for creating a TypeScript Builds and Publishing it to NPM.

Downloads

93

Readme

ts-builds-template

Node.js CI

A modern TypeScript library template with standardized build scripts and tooling.

Features

  • Modern Build System: ts-builds + tsdown for fast bundling
  • Testing: Vitest with coverage reporting
  • Code Quality: ESLint + Prettier with automatic formatting and fixing
  • Dual Format: Outputs both CommonJS and ES modules with proper TypeScript declarations
  • Standardized Scripts: Consistent commands via ts-builds across all projects

Quick Start

  1. Use this template to create a new repository
  2. Clone your new repository
  3. Install dependencies: pnpm install
  4. Start developing: pnpm dev (builds with watch mode)
  5. Before committing: pnpm validate (format + lint + test + build)

Development Commands

Pre-Checkin Command

pnpm validate  # Main command: format, lint, test, and build everything

Individual Commands

# Formatting
pnpm format        # Format code with Prettier
pnpm format:check  # Check formatting without writing

# Linting
pnpm lint          # Fix ESLint issues
pnpm lint:check    # Check ESLint issues without fixing

# Testing
pnpm test          # Run tests once
pnpm test:watch    # Run tests in watch mode
pnpm test:coverage # Run tests with coverage report

# Building
pnpm build         # Production build
pnpm dev           # Development mode with watch

# Type Checking
pnpm typecheck     # Check TypeScript types

Publishing

The template automatically runs pnpm validate before publishing via the prepublishOnly script.

npm version patch|minor|major
npm publish --access public

Project Structure

src/
├── index.ts          # Main library entry point
test/
├── *.spec.ts         # Test files
dist/                 # Built output (CommonJS + ES modules + types)

Tooling

  • Build: ts-builds - Centralized TypeScript toolchain
  • Bundler: tsdown - Fast TypeScript bundler (successor to tsup)
  • Test: Vitest - Fast unit test framework
  • Lint: ESLint with TypeScript support
  • Format: Prettier with ESLint integration
  • Package Manager: pnpm for fast, efficient installs

Claude Code Skill

This repository includes a Claude Code skill to help you apply these standards to other projects:

Location: .claude/skills/typescript-standards/

Usage: When using Claude Code, the skill automatically provides guidance for:

  • Creating new libraries from this template
  • Applying these standards to existing TypeScript projects
  • Configuring tooling (ts-builds, Vitest, ESLint, Prettier)
  • Setting up dual module format

Installation (for use in other projects):

# Copy the skill to your Claude Code skills directory
cp -r .claude/skills/typescript-standards ~/.claude/skills/

References:


This template is based on the earlier work of https://github.com/orabazu/tsup-library-template but updated with modern tooling and standardized scripts.