open-index/open-npm huggingface dataset:
npm package: @rapid-lang/cli
Description: Creates a development environment with:
Author: Michal Jach
Latest version: 0.1.0

![Pipeline](https://github.com/rapidlang/cli/workflows/Pipeline/badge.svg) [![npm version](https://img.shields.io/npm/v/@rapid-lang/cli.svg?style=flat)](https://www.npmjs.com/package/@rapid-lang/cli) [![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/@rapid-lang/cli/blob/master/LICENSE)

# Rapid CLI

Creates a development environment with:

- compiling
- reloading
- deploying
- managing dependencies

### Install

`npm i @rapid-lang/cli -g`

### Basic Usage

`rapid <command> <params>`

### Language Documentation

Full documentation is available on https://rapid-lang.org page.

### Development

Follow [Github Flow](https://guides.github.com/introduction/flow/) and [Conventional Commits](https://www.conventionalcommits.org/) via `yarn commit` command. Do linting with `yarn lint` and build project with `yarn build`.

### Changelog

See `CHANGELOG` file for list of recent changes.

### License

See `LICENSE` file for more information.
npm package: @rapid-lang/compiler
Description: Compiles `RAPID` sources to [WebAssembly](https://webassembly.org/) `wasm` binary module file. It can dynamically create and output sourcemaps for debugging.
Latest version: 0.3.4

![Build](https://github.com/rapidlang/compiler/workflows/Build/badge.svg) [![npm version](https://img.shields.io/npm/v/@rapid-lang/compiler.svg?style=flat)](https://www.npmjs.com/package/@rapid-lang/compiler) [![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/rapidlang/compiler/blob/master/LICENSE)

# RAPID compiler

Compiles `RAPID` sources to [WebAssembly](https://webassembly.org/) `wasm` binary module file. It can dynamically create and output sourcemaps for debugging.

### Install

`npm i @rapid-lang/compiler -g`

### API

```
Commands:
  rapid-compiler source  Path to source file to be compiled

Options:
  -o, --output      Path to result file to be saved          [string] [required]
  -h, --help        Show help                                          [boolean]
  -v, --version     Show version number                                [boolean]
  -s, --sourceMaps  Generate sourceMaps for debugging                  [boolean]
  -t, --textFormat  Generate WebAssembly Text Format (wat) file         [string]
  -p, --port        Sourcemaps default port                             [number]
```

Example:

`rapid-compiler dummy/test.rapid -o dummy/test.wasm -s`

### Language Documentation

Full documentation is available on https://rapid-lang.org page.

### Development

Run `yarn debug` with parameters to watch, compile and debug files, for example:

`yarn debug dummy/test.rapid -o dummy/test.wasm -s`

Follow [Github Flow](https://guides.github.com/introduction/flow/) and [Conventional Commits](https://www.conventionalcommits.org/) via `yarn commit` command. Do linting with `yarn lint` and build project with `yarn build`.

### Changelog

See `CHANGELOG` file for list of recent changes.

### License

See `LICENSE` file for more information.
npm package: @rapid-medical-packages/react-native-mapbox-navigation
Description: Smart Mapbox turn-by-turn routing based on real-time traffic for React Native.
Author: RapidMedical
Latest version: 0.4.0

# react-native-mapbox-navigation

Smart Mapbox turn-by-turn routing based on real-time traffic for React Native. A navigation UI ready to drop into your React Native application.

## Installation

```sh
npm install @rapidmedical/react-native-mapbox-navigation
```
npm package: @rapid-platform/eslint-config
Description: RAPID Platform default eslint configuration
Author: Matt Mulheran
Latest version: 1.0.0

# @rapid/eslint-config

This package provides RAPID Platforms .eslintrc as a shareable config.

Our eslint config requires `eslint`, `eslint-config-prettier`, `typescript`, `@typescript-eslint/eslint-plugin` and `@typescript-eslint/parser`.
npm package: @rapid-platform/sanitize-html
Description: Sanitize and render a dirty HTML string in a div using a single, simple component.
Author: Alex Litzow
Latest version: 1.0.0

# React Component &mdash; `SanitizedDiv`

Sanitize and render a dirty HTML string in a div using a single, simple component.

Comes with sane defaults and the ability to override any of these defaults.

This library depends on `sanitizeHtml`

```ts
<SanitizedDiv html={dirtyHtmlString} className="html-content" />
```
npm package: @rapid-platform/use-composed-class-name
Description: Compose and memoize a list of non-falsy space-separated CSS class names from an array, or yields of a generator function.
Author: Tyler Watson
Latest version: 1.1.0

# React Hook &mdash; `useComposedClassName`

Compose and memoize a list of non-falsy space-separated CSS class names from an array, or yields of a generator function.

This library has no dependencies.

```ts
function useComposedClassName(classNameGenerator: string[] | (() => Generator<string, void, unknown>), deps?: React.DependencyList): string;
```

## Examples

JS Generator function
```ts
// returns "btn btn-primary" for non-active states and "btn btn-primary btn-active"
// for active states
const [active, setActive] = useState(false);
const className = useComposedClassName(function*() {
    yield 'btn';
    yield 'btn-primary';
    if (active) {
        yield 'btn-active';
    }
}, [active]);
```

Truthy items in an array
```ts
// returns "btn btn-primary" for non-active states and "btn btn-primary btn-active"
// for active states
const [active, setActive] = useState(false);
const className = useComposedClassName([
    'btn',
    'btn-primary',
    active && 'btn-active',
], [active]);
```
npm package: @rapid-platform/use-css-variables
Description: Maps an object of key value pairs onto a target HTML element ref as CSS Variables
Author: Alex Litzow
Latest version: 1.0.0

# React Hook &mdash; `useCssVariables`

Maps an object of key value pairs onto a target HTML element ref as CSS Variables

This library has no dependencies.

```ts
function useCssVariables<S = Record<string, string | number | undefined>>(
  ref: React.MutableRefObject<any>,
  styles: S,
  deps?: React.DependencyList
): void;
```

## Examples

Object of variables to add

```ts
const divRef = useRef<React.HTMLDivElement>();

// Values in object can be dynamic JS variables
const fontColor = "#3b3b3b";

const vars = {
  height: "10px",
  width: "30rem",
  color: fontColor,
};

useCssVariables(divRef, vars, [vars]);

return <div ref={divRef}>Content</div>;
```