open-index/open-npm huggingface dataset:
npm package: @ni/eslint-config-angular
Description: NI's Angular ESLint Shareable Config
Author: National Instruments
Latest version: 12.0.0

<div align="center">
    <div>
        <!-- Load images from raw.githubusercontent.com to enable image rendering when viewed from npmjs.com -->
        <img src="https://raw.githubusercontent.com/ni/javascript-styleguide/HEAD/docs/logo.svg" alt="JavaScript, TypeScript, and NI logo" width="300" height="100">
    </div>
</div>

# NI Angular ESLint Configuration

[![NPM Version](https://img.shields.io/npm/v/@ni/eslint-config-angular.svg)](https://www.npmjs.com/package/@ni/eslint-config-angular)

See the [ni/javascript-styleguide](https://github.com/ni/javascript-styleguide#readme) repository for instructions on using this package.

## License

[MIT (c) 2025 National Instruments Corporation](./LICENSE)
npm package: @ni/eslint-config-javascript
Description: NI's JavaScript ESLint Shareable Config
Author: National Instruments
Latest version: 5.1.4

<div align="center">
    <div>
        <!-- Load images from raw.githubusercontent.com to enable image rendering when viewed from npmjs.com -->
        <img src="https://raw.githubusercontent.com/ni/javascript-styleguide/HEAD/docs/logo.svg" alt="JavaScript, TypeScript, and NI logo" width="300" height="100">
    </div>
</div>

# NI JavaScript ESLint Configuration

[![NPM Version](https://img.shields.io/npm/v/@ni/eslint-config-javascript.svg)](https://www.npmjs.com/package/@ni/eslint-config-javascript)

See the [ni/javascript-styleguide](https://github.com/ni/javascript-styleguide#readme) repository for instructions on using this package.

## License

[MIT (c) 2025 National Instruments Corporation](./LICENSE)
npm package: @ni/eslint-config-playwright
Description: NI's Playwright ESLint Shareable Config
Author: National Instruments
Latest version: 2.0.5

<div align="center">
    <div>
        <!-- Load images from raw.githubusercontent.com to enable image rendering when viewed from npmjs.com -->
        <img src="https://raw.githubusercontent.com/ni/javascript-styleguide/HEAD/docs/logo.svg" alt="JavaScript, TypeScript, and NI logo" width="300" height="100">
    </div>
</div>

# NI Playwright ESLint Configuration

See the [ni/javascript-styleguide](https://github.com/ni/javascript-styleguide#readme) repository for instructions on using this package.

## License

[MIT (c) 2025 National Instruments Corporation](./LICENSE)
npm package: @ni/eslint-config-typescript
Description: NI's TypeScript ESLint Shareable Config
Author: National Instruments
Latest version: 5.0.5

<div align="center">
    <div>
        <!-- Load images from raw.githubusercontent.com to enable image rendering when viewed from npmjs.com -->
        <img src="https://raw.githubusercontent.com/ni/javascript-styleguide/HEAD/docs/logo.svg" alt="JavaScript, TypeScript, and NI logo" width="300" height="100">
    </div>
</div>

# NI TypeScript ESLint Configuration

[![NPM Version](https://img.shields.io/npm/v/@ni/eslint-config-typescript.svg)](https://www.npmjs.com/package/@ni/eslint-config-typescript)

See the [ni/javascript-styleguide](https://github.com/ni/javascript-styleguide#readme) repository for instructions on using this package.

## License

[MIT (c) 2025 National Instruments Corporation](./LICENSE)
npm package: @ni/fast-colors
Description: A color utility for generating a range of colors from a single color
Author: National Instruments
Latest version: 10.0.3

<div align="center">
    <p><b>ni | fast | colors</b></p>
</div>

# FAST Colors

[![NI FAST Colors NPM version and repo link](https://img.shields.io/npm/v/@ni/fast-colors.svg?label=@ni/fast-colors)](https://www.npmjs.com/package/@ni/fast-colors)

`@ni/fast-colors` includes a number of color classes and utilities designed to make parsing and manipulating colors easy, fast, and light-weight. This `@ni/fast-colors` library is a fork of [`@microsoft/fast-colors`](https://github.com/microsoft/fast/tree/archives/fast-element-1/packages/utilities/fast-colors).

## Getting Started

### Installing from NPM

To install the `fast-colors` library, use `npm` as follows:

```shell
npm install @ni/fast-colors
```

## Usage

### Color classes

There are a number of color classes exported for common color formats. These include:

- `ColorHSL`
- `ColorHSV`
- `ColorLAB`
- `ColorLCH`
- `ColorRGBA64` (note each channel is a number from 0-1)
- `ColorXYZ`

```ts
const myColor: new ColorRGBA64(0, 0, 0, 1);

myColor.toStringHexRGB() // "#000000"
```

### Color parsers

A number of color parsers are also available to parse a variety of different color formats.

- `parseColorHexRGB(raw: string): ColorRGBA64 | null` parses `#RGB` or `#RRGGBB` color strings
- `parseColorHexARGB(raw: string): ColorRGBA64 | null` parses `#ARGB` or `#AARRGGBB` color strings
- `parseColorHexRGBA(raw: string): ColorRGBA64 | null` parses `#RGBA` or `#RRGGBBAA` color strings
- `parseColorWebRGB(raw: string): ColorRGBA64 | null` parses `#rgb(R, G, B)` color strings
- `parseColorWebRGBA(raw: string): ColorRGBA64 | null` parses `#rgb(R, G, B, A)` color strings
- `parseColorNamed(raw: string): ColorRGBA64 | null` parses [named color strings](https://developer.mozilla.org/en-US/docs/Web/CSS/named-color)

### Color Palette

A utility for creating a palette of colors from a source color and configuration options:

- `baseColor?: ColorRGBA64`
- `steps?: number`
- `interpolationMode?: ColorInterpolationSpace`
- `scaleColorLight?: ColorRGBA64`
- `scaleColorDark?: ColorRGBA64`
- `clipLight?: number`
- `clipDark?: number`
- `saturationAdjustmentCutoff?: number`
- `saturationLight?: number`
- `saturationDark?: number`
- `overlayLight?: number`
- `overlayDark?: number`
- `multiplyLight?: number`
- `multiplyDark?: number`

Example:

```ts
const palette: ColorPalette = new ColorPalette({
    baseColor: new ColorRGBA64(.4, .4, .7, 1),
    steps: 99,
    interpolationMode: ColorInterpolationSpace.RGB
})
```

### Color converters

A number of color converters are available to convert one color format to the other. Each color accepts a color class of the source type and returns a color class of the converted type:

- `hslToRGB`
- `rgbToHSL`
- `rgbToHSV`
- `hsvToRGB`
- `lchToLAB`
- `labToLCH`
- `labToXYZ`
- `xyzToLAB`
- `rgbToXYZ`
- `xyzToRGB`
- `rgbToLAB`
- `labToRGB`
- `rgbToLCH`
- `lchToRGB`

```ts
const rgb: ColorRGBA64 = new ColorRGBA64(.5, .5, .5, 1);
const hsl: ColorHSL = rgbToHSL(rgb);
```
npm package: @ni/fast-element
Description: A library for constructing Web Components
Author: National Instruments
Latest version: 10.1.0

<div align="center">
    <p><b>ni | fast | element</b></p>
</div>

# FAST Element

[![NI FAST Element NPM version and repo link](https://img.shields.io/npm/v/@ni/fast-element.svg?label=@ni/fast-element)](https://www.npmjs.com/package/@ni/fast-element)

The `fast-element` library is a lightweight means to easily build performant, memory-efficient, standards-compliant Web Components.
FAST Elements work in every major browser and can be used in combination with any front-end framework or even without a framework.
This `@ni/fast-element` library is a fork of [`@microsoft/fast-element`](https://github.com/microsoft/fast/tree/archives/fast-element-1/packages/web-components/fast-element).

## Getting Started

### Installing from NPM

To install the `fast-element` library, use `npm` as follows:

```shell
npm install @ni/fast-element
```

Within your JavaScript or TypeScript code, you can then import library APIs like this:

```ts
import { FASTElement } from '@ni/fast-element';
```

Looking for a setup that integrates with a particular front-end framework or bundler? Check out the [FAST 1.x: integration docs](https://fast.design/docs/1.x/integrations/introduction).

### Documentation

See the [FAST 1.x: Defining Elements](https://fast.design/docs/1.x/fast-element/defining-elements) documentation and related topics.
npm package: @ni/fast-foundation
Description: A library of Web Component building blocks
Author: National Instruments
Latest version: 10.2.2

<div align="center">
    <p><b>ni | fast | foundation</b></p>
</div>

# FAST Foundation

[![NI FAST Foundation NPM version and repo link](https://img.shields.io/npm/v/@ni/fast-foundation.svg?label=@ni/fast-foundation)](https://www.npmjs.com/package/@ni/fast-foundation)

The `fast-foundation` package is a library of Web Component classes, templates, and other utilities intended to be composed into registered Web Components by design systems (e.g. [NI Nimble Design System](https://nimble.ni.dev/), etc.).
The exports of this package can generally be thought of as un-styled base components that implement semantic and accessible markup and behavior.
This `@ni/fast-foundation` library is a fork of [`@microsoft/fast-foundation`](https://github.com/microsoft/fast/tree/archives/fast-element-1/packages/web-components/fast-foundation).

This package does not export Web Components registered as [custom elements](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements) - it exports parts and pieces intended to be *composed* into Web Components, allowing you to implement your own design language by simply applying CSS styles and behaviors without having to write all the JavaScript that's involved in building production-quality component implementations.

## Getting Started

### Installing from NPM

To install the `fast-foundation` library, use `npm` as follows:

```shell
npm install @ni/fast-foundation
```

Within your JavaScript or TypeScript code, you can then import library APIs like this:

```ts
import { Anchor } from '@ni/fast-foundation';
```

Looking for a setup that integrates with a particular front-end framework or bundler? Check out the [FAST 1.x: integration docs](https://fast.design/docs/1.x/integrations/introduction).

### Documentation

See the [FAST 1.x: Creating a Component Library](https://fast.design/docs/1.x/design-systems/creating-a-component-library) documentation and related topics.
npm package: @ni/fast-react-wrapper
Description: A utility for wrapping web components for use in React.
Author: National Instruments
Latest version: 10.1.9

<div align="center">
    <p><b>ni | fast | react wrapper</b></p>
</div>

# FAST React Wrapper

[![NI FAST React Wrapper NPM version and repo link](https://img.shields.io/npm/v/@ni/fast-react-wrapper.svg?label=@ni/fast-react-wrapper)](https://www.npmjs.com/package/@ni/fast-react-wrapper)

The `fast-react-wrapper` package contains a utility that enables automatically wrapping Web Components in a React component for ease of integration into React projects. This `@ni/fast-react-wrapper` library is a fork of [`@microsoft/fast-react-wrapper`](https://github.com/microsoft/fast/tree/archives/fast-element-1/packages/utilities/fast-react-wrapper).

## Getting Started

### Installing from NPM

To install the `fast-react-wrapper` library, use `npm` as follows:

```shell
npm install @ni/fast-react-wrapper
```

Within your JavaScript or TypeScript code, you can then and use the wrapper like this:

```ts
import React from 'react';
import { provideReactWrapper } from '@ni/fast-react-wrapper';

const { wrap } = provideReactWrapper(React);

const MyComponent = wrap(MyComponent);
```

For additional wrapper settings and more information on integrating with Design Systems, see the [FAST 1.x: React integration docs](https://fast.design/docs/1.x/integrations/react).
npm package: @ni/jasmine-parameterized
Description: Utilities to write parameterized jasmine tests
Author: National Instruments
Latest version: 1.0.9

# Jasmine Parameterized

The `@ni/jasmine-parameterized` library provides utility functions for writing [Jasmine](https://jasmine.github.io/) parameterized tests.

## Getting Started

Install in your app's `devDependencies`:

```
npm install -D @ni/jasmine-parameterized
```

### Using `parameterizeSpec`

Use `parameterizeSpec` to create a parameterized test using an array of tests with names.

In the following example:

- the test named `cats-and-dogs` is focused for debugging
- the test named `frogs` is configured to always be disabled
- the test named `men` will run normally as it has no override

```ts
import { parameterizeSpec } from '@ni/jasmine-parameterized';
const rainTests = [
    { name: 'cats-and-dogs', type: 'idiom' },
    { name: 'frogs', type: 'idiom'},
    { name: 'men', type: 'lyrics'}
] as const;
describe('Different rains', () => {
    parameterizeSpec(rainTests, (spec, name, value) => {
        spec(`of type ${name} exist`, () => {
            expect(value.type).toBeDefined();
        });
    }, {
        'cats-and-dogs': fit,
        frogs: xit
    });
});
```

### Using `parameterizeSuite`

Use `parameterizeSuite` to create a parameterized test suite using an array of test scenarios with names.

In the following example:

 - the suite named `cats-and-dogs` is focused for debugging
 - the suite named `frogs` is configured to always be disabled
 - the suite named `men` will run normally as it has no override

```ts
import { parameterizeSuite } from '@ni/jasmine-parameterized';
const rainTests = [
    { name: 'cats-and-dogs', type: 'idiom' },
    { name: 'frogs' type: 'idiom'},
    { name: 'men', type: 'lyrics'}
] as const;
parameterizeSuite(rainTests, (suite, name, value) => {
    suite(`with ${name}`, () => {
        it('expect type to be defined', () => {
            expect(value.type).toBeDefined();
        });

        it('expect type to have a non-zero length', () => {
            const length = value.type.length;
            expect(length).toBeGreaterThan(0);
        });
    });
}, {
    'cats-and-dogs': fdescribe,
    frogs: xdescribe
});
```

## Contributing

See `Getting Started` in [`CONTRIBUTING.md`](/packages/jasmine-parameterized/CONTRIBUTING.md#getting-started).
npm package: @ni/measurementslive-signalingserver
Description: Signaling server for NI Measurements Live
Latest version: 1.1.0

# Measurements Live Signaling Server

## Introduction
The signaling server is used to establish a peer-to-peer connection between the NI ELVIS III device and Measurements Live. It also delivers device IDs and gathers device information.

While NI provides a public signaling server running on AWS, you can create your custom signaling server to increase security and control. You can keep your custom signaling server inside a firewall, which is one major way to increase security.

The custom signaling server is a node.js HTTP server application package. You can download, install, customize and run it on your server computer.

## Installing

Create an *installation directory* for the signaling server package and navigate to the directory from the command line. For example:

```bash
mkdir /signalingserver
cd /signalingserver
```

Download and install the signaling server node package by using the command line interface:

```bash
npm install --global-style @ni/measurementslive-signalingserver
```

You must install the package locally with global style by using the --global-style argument, in order to enable all the features of this package.


## User Guide

Please refer to [NI Measurements Live - Guide for Lab Administrators](https://measurementslive.ni.com/cdn/labadmindoc.html#sigserver).
npm package: @ni/nimble-react
Description: React components for the NI Nimble Design System
Author: National Instruments
Latest version: 0.12.6

<div align="center">
    <p><b>ni | nimble | react</b></p>
</div>

# Nimble React

React Components for Nimble web components built using [`@lit/react`](https://lit.dev/docs/frameworks/react/#why-are-wrappers-needed).

## Getting Started

See the [`react-client-app`](/packages/react-workspace/react-client-app/) for an example React application.
npm package: @ni/ok-angular
Description: Angular components for NI OK Components
Author: National Instruments
Latest version: 2.0.7

<div align="center">
    <p><b>ni | ok | angular</b></p>
</div>

# Ok Angular

[![NPM Version](https://img.shields.io/npm/v/@ni/ok-angular.svg)](https://www.npmjs.com/package/@ni/ok-angular)

Ok components for [Angular](https://angular.dev) applications

## Getting started

See the `ok-angular` [README.md](/packages/angular-workspace/ok-angular/README.md#getting-started) for details on getting started.

## Contributing

Follow the instructions in [CONTRIBUTING.md](/packages/angular-workspace/ok-angular/CONTRIBUTING.md) to modify this library.
npm package: @ni/ok-components
Description: NI Ok Components
Author: National Instruments
Latest version: 0.3.10

<div align="center">
    <p><b>ni | ok | components</b></p>
</div>

# Ok Components

[![NPM Version](https://img.shields.io/npm/v/@ni/ok-components.svg)](https://www.npmjs.com/package/@ni/ok-components)

Components built using the same technologies (FAST, native web components, etc.) as other nimble packages, but not part of the core design system.

Compared to the general purpose components in the `nimble-components` library, `ok-components` are components that are leveraging Nimble infrastructure but have varied ownership. See individual component documentation for details.

## Getting Started

Follow the [Nimble Components: Getting Started](/packages/nimble-components/README.md#getting-started) topic.

## Contributing

Follow the instructions in [CONTRIBUTING.md](/packages/ok-components/CONTRIBUTING.md) to modify this library.
npm package: @ni/ok-react
Description: React components for NI Ok Components
Author: National Instruments
Latest version: 0.6.10

<div align="center">
    <p><b>ni | ok | react</b></p>
</div>

# Ok React

React Components for Ok web components built using [`@lit/react`](https://lit.dev/docs/frameworks/react/#why-are-wrappers-needed).

## Getting Started

See [`react-client-app`](/packages/react-workspace/react-client-app/) for an example React application.
npm package: @ni/spright-angular
Description: Angular components for NI Spright
Author: National Instruments
Latest version: 9.0.7

<div align="center">
    <p><b>ni | spright | angular</b></p>
</div>

# Spright Angular

[![NPM Version](https://img.shields.io/npm/v/@ni/spright-angular.svg)](https://www.npmjs.com/package/@ni/spright-angular)

Spright components for [Angular](https://angular.dev) applications

## Getting started

See the `nimble-angular` [README.md](/packages/angular-workspace/nimble-angular/README.md#getting-started) for details on getting started.

## Contributing

Follow the instructions in [CONTRIBUTING.md](/packages/angular-workspace/spright-angular/CONTRIBUTING.md) to modify this library.
npm package: @ni/spright-components
Description: NI Spright Components
Author: National Instruments
Latest version: 6.15.5

<div align="center">
    <p><b>ni | spright | components</b></p>
</div>

# Spright Components

[![NPM Version](https://img.shields.io/npm/v/@ni/spright-components.svg)](https://www.npmjs.com/package/@ni/spright-components)

NI-styled web components following [Nimble Design System](https://nimble.ni.dev) patterns and built on the same technologies (FAST, native web components, etc.), but not part of the core design system.

Compared to the general purpose components in the `nimble-components` library, `spright-components` are application-specific or context-specific components that may be purpose built or coupled to specific technologies, products, or domains.

## Getting Started

Follow the [Nimble Components: Getting Started](/packages/nimble-components/README.md#getting-started) topic.

## Contributing

Follow the instructions in [CONTRIBUTING.md](/packages/spright-components/CONTRIBUTING.md) to modify this library.
npm package: @ni/spright-react
Description: React components for NI Spright
Author: National Instruments
Latest version: 0.10.29

<div align="center">
    <p><b>ni | spright | react</b></p>
</div>

# Spright React

React Components for Spright web components built using [`@lit/react`](https://lit.dev/docs/frameworks/react/#why-are-wrappers-needed).

## Getting Started

See the [`react-client-app`](/packages/react-workspace/react-client-app/) for an example React application.
npm package: @ni/xliff-to-json-converter
Description: Utility to convert translation files from XLIFF to JSON for Angular localization
Author: National Instruments
Latest version: 1.1.15

# XLIFF to JSON Converter for Angular

The `@ni/xliff-to-json-converter` library converts XLIFF translation files to Angular's JSON format so that they can be loaded at runtime in Angular apps.

# Usage

1. Install in your Angular app's `devDependencies`:

    ```
    npm install -D @ni/xliff-to-json-converter
    ```

2. Add scripts to your app's `package.json` to convert translated XLIFF files to JSON.

    ```json
    "scripts": {
        "i18n:convert": "npm run i18n:convert:de && npm run i18n:convert:ja && npm run i18n:convert:zh",
        "i18n:convert:de": "xliff-to-json-converter --source src/locales/messages.de.xlf --destination src/locales/messages.de.json",
        "i18n:convert:ja": "xliff-to-json-converter --source src/locales/messages.ja.xlf --destination src/locales/messages.ja.json",
        "i18n:convert:zh": "xliff-to-json-converter --source src/locales/messages.zh.xlf --destination src/locales/messages.zh.json",
    },
    ```

3. Ensure those converted files are generated at build time and not checked in to source.

# Context

NI employees can see more info about our [recommended Angular localization toolchain in the NI internal wiki](https://dev.azure.com/ni/DevCentral/_wiki/wikis/AppCentral.wiki/6636/Internationalization-(Angular)).

# Contributing

See [CONTRIBUTING.md](/packages/xliff-to-json-converter/CONTRIBUTING.md) for instructions to make changes to the library.

# Acknowledgements

This library is forked from [talque/xliff-to-angular-json](https://github.com/talque/xliff-to-angular-json) with additions including auto-testing, linting, and some small functionality changes. Thanks to its main contributor [vbraun](https://github.com/vbraun) for the starting point!
npm package: @ni0duann/monitor-sdk
Description: 前端监控SDK
Latest version: 1.0.1

# Monitor SDK

前端监控 SDK

## 安装
<font color="red"> 暂时未发布，需要手动安装 </font>

```npm install monitor-sdk```

## 环境测试
```
  pnpm run build
  node test/test.js
```

## 使用方法
```javascript
import Monitor from 'monitor-sdk';

const monitor = new Monitor({
  // 配置项
});
```

## 功能特性
- 错误监控
- 性能监控
- 用户行为监控

## API 文档
npm package: @ni2khanna/headlessui-float-react
Description: Easily use Headless UI for React with Floating UI (Popper.js)
Latest version: 0.14.1

<h2 align="center">Headless UI Float React</h2>

<p align="center">
  Easily use <a href="https://headlessui.dev/">Headless UI</a> for React with <a href="https://floating-ui.com/">Floating UI</a> (New version Popper.js) to position floating elements.
</p>

<p align="center">
  <a href="https://www.npmjs.com/package/@headlessui-float/react"><img src="https://img.shields.io/npm/v/@headlessui-float/react?style=flat-square" alt="NPM Version"></a>
  <a href="https://github.com/ycs77/headlessui-float/blob/main/packages/react/LICENSE.md"><img src="https://img.shields.io/badge/license-MIT-brightgreen?style=flat-square" alt="Software License"></a>
  <a href="https://www.npmjs.com/package/@headlessui-float/react"><img src="https://img.shields.io/npm/dt/@headlessui-float/react?style=flat-square" alt="NPM Downloads"></a>
</p>

<hr>

## Features

* 💙 Easily use Headless UI & Tailwind CSS
* 💬 Floating UI (New version Popper.js) position floating elements
* 🔔 Auto-update floating elements
* ♾️ Support Transition
* 🚪 Support Portal
* ➡️ Support Arrow

## Demo

[**Online Demo**](https://stackblitz.com/github/ycs77/headlessui-float/tree/main/examples/example-react?file=src%2FApp.jsx)

## Documentation

[Documentation](https://headlessui-float.vercel.app/) | [繁體中文文檔](https://headlessui-float.vercel.app/zh-tw/)

## Sponsor

If you think this package has helped you, please consider [Becoming a sponsor](https://www.patreon.com/ycs77) to support my work~ and your avatar will be visible on my major projects.

<p align="center">
  <a href="https://www.patreon.com/ycs77">
    <img src="https://cdn.jsdelivr.net/gh/ycs77/static/sponsors.svg"/>
  </a>
</p>

<a href="https://www.patreon.com/ycs77">
  <img src="https://c5.patreon.com/external/logo/become_a_patron_button.png" alt="Become a Patron" />
</a>

## Credits

* [Headless UI](https://headlessui.dev/)
* [Floating UI](https://floating-ui.com/)
* This package is inspired by the [headlessui#154 example](https://github.com/tailwindlabs/headlessui/issues/154)

## License

Under the [MIT LICENSE](LICENSE.md)