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

@msecrets/ui

v3.0.1

Published

Local web UI for managing msecrets encrypted environment files.

Readme

@msecrets/ui

Local web UI for managing msecrets encrypted environment files.

@msecrets/ui starts a small local HTTPS server bound to 127.0.0.1, serves the bundled msecrets UI, and connects it to a selected .env.ms.json / secrets.ms.json workspace file.

Install

npm install -g @msecrets/ui

Or run without installing:

npx @msecrets/ui .env.ms.json

Usage

Pass the msecrets workspace file as the first positional argument:

npx @msecrets/ui .env.ms.json

Use a custom port:

npx @msecrets/ui .env.ms.json --port 9842

Short form:

npx @msecrets/ui .env.ms.json -p 9842

If no file path is provided, the UI defaults to:

.env.ms.json

What it does

@msecrets/ui provides a local browser interface for:

  • initializing a msecrets workspace file
  • managing environments
  • importing recipient public keys
  • importing temporary runtime private keys
  • creating, renaming, and deleting secrets
  • setting encrypted values per environment
  • peeking/decrypting values when a matching runtime private key is loaded
  • sharing and revoking encrypted values for configured recipient keys

Security defaults

The UI is intentionally local-first:

  • binds only to 127.0.0.1
  • serves over local HTTPS with a throwaway certificate
  • does not expose the server on your LAN
  • keeps imported runtime private keys in process memory only
  • exits automatically after a period of inactivity
  • reads and writes the workspace file directly on your machine

The local HTTPS certificate is generated at startup and is not intended to establish public trust. Your browser may show a certificate warning.

GPG key support

If a supported local GPG provider is available, the UI can list available keys and import matching public or private key material.

Private keys imported into the UI are runtime-only. They are used for local decrypt/peek operations and are not written into the msecrets workspace file.

Package

@msecrets/ui

Binary:

@msecrets/ui

Published files:

dist/

Development

From the repository root:

npm --workspace @msecrets/ui run build

Run the e2e test:

npm --workspace @msecrets/ui run test:e2e

Run the development server:

npm --workspace @msecrets/ui run dev

Run the production server locally:

npm --workspace @msecrets/ui run start

Build layout

The package builds two parts:

  • server runtime with tsdown
  • client SPA with Vite
npm --workspace @msecrets/ui run server:build
npm --workspace @msecrets/ui run client:build

The production server serves the built client from:

dist/client

License

See the repository license.