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

@fbcnms/alarms

v1.0.5

Published

UI components for alert configuration of prometheus and alertmanager.

Downloads

823

Readme

FBCNMS Alarms

This package provides UI elements for configuring the alerting system with Prometheus and Alertmanager via Magma's prometheus configmanager. To see an implementation, take a look at the Magma NMS.

Screenshot

To install:

Yarn

yarn add @fbcnms/alarms

npm

npm install @fbcnms/alarms

License

BSD-2-Clause

Development

The easiest way to do development on FBCNMS Alarms is to use a workflow similar to npm / yarn link. Symlinking this package into your own app's node_modules folder and running it that way. This can cause a number of problems though, particularly when it comes to dependency resolution and Webpack/Babel.

We use yalc to resolve the afformentioned issues with using npm / yarn link.

First install yalc globally

Yarn:

yarn global add yalc

NPM:

npm i yalc -g

Next, start the dev yarn script to watch source files for changes and publish to the local yalc repo.

yarn run dev

Next, cd to your project. This should be the same project which has a dependency on @fbcnms/alarms in its package.json.

yalc link @fbcnms/alarms

Your project is now able to resolve @fbcnms/alarms.

Setting up webpack/babel

In webpack.config.js using babel-loader:

First enumerate all the @fbcnms/ packages and their paths

const path = require('path');
const packageJson = require('./package.json');

const fbcnmsPackages = Object.keys(packageJson.dependencies)
  .filter(key => key.includes('@fbcnms'))
  .map(pkg =>
    path.join(
      path.resolve(require.resolve(path.join(pkg, 'package.json'))),
      '../',
    ),
  );

Next, add them to your babel-loader setup:

{
    test: /\.(js|jsx|mjs)$/,
    include: [
        'your app dir',
        fbcnmsPackages,
    ],
    loader: require.resolve('babel-loader'),
}

In the future this may not be necessary, but some projects like to import the untransformed sources since we don't currently publish flow-defs.