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

@adrianjost/report-viewer

v0.2.4

Published

upload your html reports

Downloads

16

Readme

@adrianjost/report-viewer

npm (scoped) npm npm bundle size (scoped)

Usage

Add the following things to your CI:

  1. Install Upload Script npm i -g @adrianjost/report-viewer
  2. set enviroment variables
  3. run upload script rv-upload -F test/output/** (check CLI options below)

Enviroment Variables

variable | descripton -----------------------|--------------------------------------------------------------------------------------------------------------------------------------------------------------- REPORT_VIEWER_TOKEN | your personal authorization token. You can also pass it using the CLI REPORT_VIEWER_ORG | Git organization/username e.g. adrianjost for https://github.com/adrianjost REPORT_VIEWER_REPO | Git repo name e.g. report-viewer for https://github.com/adrianjost/report-viewer REPORT_VIEWER_BRANCH | Git branch name e.g. master for branch builds (only for branch builds) REPORT_VIEWER_PULL | Git number of the pull request for pull builds e.g. 59 for pull 59 (only for pull request builds) REPORT_VIEWER_COMMIT | Git commit hash (sha) e.g. 35e32b6a00dec02ae7d7c45c6b7106779a124685

Note: for the following CI services, you do not need to specify the variables REPORT_VIEWER_ORG, REPORT_VIEWER_ORG, REPORT_VIEWER_ORG, REPORT_VIEWER_ORG:

Feel free to contribute more by creating a pull request or issue.

CLI Options

name | shorthand | required | description -------------------------|:---------:|:--------:|--------------------------------------------------------------------------------------------------------- --file | -F | ✔ | glob pattern for all files that should be uploaded --token | -T | ❌ | your personal authorization token. You can also pass it as a enviroment variable (REPORT_VIEWER_TOKEN) --ignore | -I | ❌ | glob pattern for all files matched by the file parameter that should not be uploaded --no-predefined-ignore | | ❌ | if defined, the predefined ignore patterns get ignored

Dev-Setup

# install dependencies
npm i

# initially build project
npm run build

# link bin script
npm link

# start developing
npm run dev

# test current build
rv-upload -F dist/*.js