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

@dpwizards/bid-collections-ui

v0.1.10

Published

Compatibility target:

Readme

Frontend Prototype (React + Vite)

Compatibility target:

  • Node.js: 14.x (host uses nvm 14.0.0)
  • React: 17.x (aligned for host apps using react_on_rails 11.1.4)

Run locally:

cd frontend
npm install
cp .env.example .env
npm run dev

Environment variables:

# Default Rails API host
VITE_API_BASE_URL=http://127.0.0.1:3000

# Default API path prefix
VITE_API_PREFIX=/api

If VITE_API_BASE_URL is not set, src/lib/api.js will default by Vite mode:

  • development -> http://127.0.0.1:3000
  • staging -> https://staging.designerpages.com
  • production -> https://www.designerpages.com

For example, when this frontend is served from another app and bid-collections is exposed behind /bid_collections/api, use:

VITE_API_BASE_URL=http://127.0.0.1:3000
VITE_API_PREFIX=/bid_collections/api

Screens included:

  • Projects
  • Import Bid Package
  • Package Dashboard
  • Dealer Unlock
  • Dealer Bid Entry
  • Comparison Dashboard

This frontend is wired to real API calls in src/lib/api.js.