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

@finematter/document

v0.43.0

Published

A document generation library, used to generate PDF documents and email templates using React and Puppeteer

Downloads

3,398

Readme

Overview

A document generation library, used to generate PDF documents and email templates using React and Puppeteer

Its primarily consumed by @finematter/api

Getting started

Create a file .env.development.local and copy the contents found in 1password

npm i
npm run develop

Releasing

Its published as a private npm package via github actions

Steps to release

  1. Select the correct version type major,minor or patch
  2. Run the relevant release:* script
npm run release:minor

This will build the distribution, tag and publish to npm The publication will happen from GitHub after some time, you don't need to push to npm manually

Confirm release

You can view the progress in the actions for the repos

Once complete, you can confirm its been released by runnning the following command:

npm view @finematter/document versions

Update any consumers

You're then able to update the relevant consumers of library by running:

npm i @finematter/document@latest

Development

Create a file .env.development.local and copy the contents of to note .env.development.local (document) in 1password

npm i
npm run storybook

Images in emails

To use the Imgix static component you need to upload any interesting images to the path images/emails in the S3 bucket static.finematter.com so they can loaded by Imgix.

You also need to update the permission on the object object to be Everyone (public access) -> Read so it becomes publicly accessible.