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

@rulehub/rulehub-backstage-plugin

v0.1.1

Published

Backstage frontend plugin that displays a policy/compliance catalog from a static JSON index.

Downloads

112

Readme

RuleHub — Backstage Policy Catalog Plugin

npm version license CI

Lightweight Backstage plugin that turns a static policy index into a beautiful, fast, and read-only compliance catalog.

Why use this plugin?

  • Ship a policy catalog in minutes — no backend required.
  • Low maintenance: static JSON index + static hosting = minimal ops.
  • Fast and accessible UI designed for engineers and auditors.
  • Integrates smoothly into Backstage with a tiny bundle and simple configuration.

Demo

Demo Screenshot 1

Demo Screenshot 2

npm run demo

See more docs/demo-and-scripts.md.

What it does

Turn your policies into a clean, searchable catalog inside Backstage — with zero backend.

  • Browse and discover policy packages by standard, jurisdiction, industry, and more.
  • One static JSON powers the entire view; host it anywhere (GitHub Pages, CDN, your app).
  • Clear outbound links to source files so engineers jump straight to code; auditors get a fast, accessible view.

Key features & competitive advantages

  • Zero-backend architecture: serve a single JSON file from your app or CDN.
  • Instant integration: add a route and a single config key to get started.
  • Minimal bundle and dependencies — keeps your Backstage app snappy.
  • Read-only by design — ideal for audit-friendly, reproducible policy views.
  • Customizable styling and theming to match your Backstage instance.
  • Open-source with focused docs and examples for index generation and deployment.

Quick start (3 steps)

  1. Install the plugin:

    npm install @rulehub/rulehub-backstage-plugin

  2. Add the route (see example above).

  3. Point the plugin to the hosted index (default):

  • Official hosted indexes (JSON):
    • charts: https://rulehub.github.io/rulehub-charts/plugin-index/index.json
    • core: https://rulehub.github.io/rulehub/plugin-index/index.json

Open /rulehub in your Backstage app.

For end-to-end setup, index generation, and advanced integration patterns, see the full guide in docs/DETAILED_GUIDE.md.

Documentation

Looking for the full documentation index? See docs/README.md.

Start here — suggested reading order:

  1. Try the demo
  • docs/demo-and-scripts.md — quick commands to run a local demo (full app or frontend‑only)
  1. Install into your Backstage app
  • docs/short-example-integration.md — minimal lazy‑route example
  • docs/DETAILED_GUIDE.md#full-installation--integration — full step‑by‑step guide
  1. Configure
  • docs/configuration-minimal.md — copy‑paste config
  • docs/BACKSTAGE_CONFIG_EXAMPLE.yaml — richer example with links
  1. Test and verify
  • docs/testing.md — unit/E2E, coverage, tips
  • docs/troubleshooting.md — common issues and fixes

Optional / deep dive

  • docs/DETAILED_GUIDE.md — all details (filters, runtime overrides, serving index, etc.)
  • docs/localization-overrides.md — labels/translations
  • docs/bundle-size-budgets.md — monitor bundle size
  • docs/architecture.md — internal structure
  • docs/install-and-automation.md — scripted wiring into an existing app

Community & Links

Contributing & Support

We welcome contributions. See CONTRIBUTING.md and open issues for bugs or feature requests. For security reports, use the email in SECURITY.md.

For full technical details, advanced configuration, and troubleshooting, read docs/DETAILED_GUIDE.md.

License

MIT © Rulehub