open-index/open-npm huggingface dataset:
npm package: @sorooshme/axios-metrics-collector
Description: Axios Metrics Collector
Author: Soroosh Merajian
Latest version: 1.1.0

# Axios Metrics Collector

TypeScript library to collect metrics from [axios](https://github.com/axios/axios).

The collector is intentionally kept simple to allow a wide range of use cases, if a use case becomes common enough, it may be introduced as a built-in feature.

## Usage

On each response, the provided collector `handler` will be called, which can be used to store the metric somewhere.

```ts
import { AxiosMetricsCollector } from "@sorooshme/axios-metrics-collector";
import axios from "axios";

const client = axios.create();

new AxiosMetricsCollector(client, (metrics) => {
  console.log("my metrics", metrics);
});

await client.get("https://example.org");
```

## Collected Metrics

For each response, the following values are collected.

```ts
interface CollectedMetrics {
  method?: string;
  url?: string;
  baseUrl?: string;
  status?: number;
  latency?: number; // in miliseconds
  labels?: MetricLabels; // custom labels passed by you
}
```

### Use Case - Prometheus with labels

The collector `handler` can be used to store the metrics in Prometheus.

```ts
const histogram = new Histogram();

new AxiosMetricsCollector(client, (metrics) => {
  histogram.observe(metrics.labels, metrics.latency);
});

await client.get("https://example.org", {
  metricLabels: {
    customLabel: "custom-value",
  },
});
```

A full example can be found [here](/example/1-prometheus-with-labels/index.ts).

## Feedback

Feedback is possible via Github issues.
npm package: @sorosora/grid
Description: grid system for [styled-components](https://github.com/styled-components/styled-components).
Author: sorosora
Latest version: 1.1.4

# grid

grid system for [styled-components](https://github.com/styled-components/styled-components).


## Installation

```
npm i @sorosora/grid
```

## License
[MIT](LICENSE.md)
npm package: @sorozco-tso/learnstorybook-design-system
Description: Storybook design systems tutorial
Author: sorozco
Latest version: 0.1.0

# Storybook design system tutorial

The Storybook design system tutorial is a subset of the full [Storybook design system](https://github.com/storybookjs/design-system/), created as a learning resource for those interested in learning how to write and publish a design system using best in practice techniques.

Learn more in [Storybook tutorials](https://storybook.js.org/tutorials/).
npm package: @sorrell/cli-bootstrapper
Description: The command-line tool for bootstrapping a new feature to Sanctifi.
Author: Gage Sorrell
Latest version: 0.0.21

# CLI Bootstrapper

This tool is a minimal wrapper for Commander, Inquirer, and Ora to create basic CLI tools.

# Prompt Branches

How to use:

1. Define a type whose data you wish to prompt for
2. Define `TPrompt`s for that type
3. Define `TPromptTwig`s for each prompt
4. Use `MakeBranch` to form the prompt tree
npm package: @sorrell/fluent-react-time-picker
Description: A better time-picker for `@fluentui/react-components`.
Author: Gage Sorrell
Latest version: 1.0.0

# Fluent React Time Picker

This is a Time Picker for React that resembles the Time Picker made for the WinUI implementation of Fluent 2.

The WinUI Time Picker:
![WinUI Time Picker Demonstration](https://learn.microsoft.com/en-us/windows/apps/design/controls/images/controls-timepicker-expand.gif)

The motivation behind this is that the Time Picker provided by `@fluentui/react-components` is a simple combobox, which provides poorer UX than the Time Picker provided by the WinUI implementation of the design language.
npm package: @sorrell/inquirer-file-selector
Description: Inquirer file selector prompt, forked from `br14n-sol/inquirer-file-selector`.
Author: Gage Sorrell
Latest version: 1.0.4

# `@sorrell/inquirer-file-selector`

A fork of [inquirer-file-selector](https://github.com/br14n-sol/inquirer-file-selector) which prevents the user from navigating to a directory above the specified `basePath`.
npm package: @sorrell/pdf-hot-reload
Description: PDF Hot Reload is an `npm` package that enables users to view their work in the browser with automatic reloading.
Author: Gage Sorrell
Latest version: 1.2.0

# PDF Hot Reload

PDF Hot Reload is an `npm` package that enables users to view their work in the browser with automatic reloading.

This package is made for systems that do not readily support the common implementations of this behavior.
For example, the LaTeX Workshop plugin is currently broken when run on `code-server` on Android.

# Installation

PDF Hot Reload is available on `npm`,
```bash
npm i -g pdf-hot-reload
```

# Configuration

Currently, there exist no options to configure.

# Usage

Simply run `pdf-hot-reload myFile.tex`.
This will start the server and will open the web page in your default browser.
Because Android is the primary use-case for this package, `termux-open` is supported.

# Contributing

Pull requests are accepted, and Issues will be watched for.
Please do not hesitate to contact me with issues or requests.
npm package: @sorrell/utilities
Description: Various TypeScript utilities.
Author: Gage Sorrell
Latest version: 1.1.6

# `@sorrell/utilities`

**Purpose.**&ensp;This package hosts general-purpose utility functions, types, and `bin` scripts.

## Scripts

### `publish-bump-safe`

**Purpose.**&ensp;Runs `npm publish --access public` for the package of the `process.cwd()`.
If the version conflicts with what is already published, then it will run `npm version patch` first.

#### Usage

In any directory within a given `npm` package,
```bash
npx @sorrell/utilities publish-bump-safe
```