open-index/open-npm huggingface dataset:
npm package: @nativewrappers/fivem
Description: Native wrappers and utilities for use with FiveM.
Latest version: 0.0.166

<h1 align="center">Monorepo for a FiveM server/client wrapper</h1>

<p align="center">
	<i>🔥 A Javascript/Typescript package for FiveM resource development 🎮</i>
  <br>
  <small>This project is in no way affiliated with FiveM or the Cfx.re Collective.</small>
  </br></br>
  <a href="https://github.com/nativewrappers/nativewrappers/blob/master/LICENSE">
    <img src="https://img.shields.io/badge/License-MIT-blue.svg?style=flat" alt="License: MIT">
  </a>
  <a href="https://www.npmjs.com/package/@nativewrappers/fivem">
    <img src="https://img.shields.io/npm/v/@nativewrappers/fivem?style=flat" alt="npm version">
  </a>
  <a href="https://www.npmjs.com/package/@nativewrappers/fivem">
    <img src="https://img.shields.io/npm/dm/@nativewrappers/fivem?style=flat">
  </a>
  <a href="https://github.com/nativewrappers/nativewrappers/actions/workflows/config.yml">
    <img src="https://github.com/nativewrappers/nativewrappers/actions/workflows/config.yml/badge.svg" alt="Workflow Status">
  </a>
  <a href="https://github.com/nativewrappers/nativewrappers/commits/master">
    <img src="https://img.shields.io/github/last-commit/nativewrappers/fivem.svg?style=flat" alt="Last commit">
  </a>
</p>

<h3 align="center">This project is currently iterating rapidly, there will be breaking changes.</h3>

<p align="center">
	<h2 align="center"><a href="https://github.com/nativewrappers/nativewrappers/tree/main/docs">Documentation</a></h2>
	<!-- <a href="https://forum.fivem.net/t/fivem-js-v1-3-2-javascript-typescript-wrapper-now-with-menu-class-nativeui/268640">Forum</a> -->
</p>

## Features

- No runtime dependencies
- Entity management through class objects (i.e. `Vehicle` and `Ped` entities)
- Server and Client side variants on wrapper


## Download & Install
```
pnpm add @nativewrappers/redm # for redm,
pnpm add @nativewrappers/fivem # for fivem
pnpm add @nativewrappers/common # for any, should be game agnostic, provides Vector3, decors, kvps, helper functions, etc
pnpm add @nativewrappers/server # for server
```
npm package: @nativewrappers/fivem-server
Description: Javascript/Typescript wrapper for the FiveM Server natives
Author: Dillon Skaggs
Latest version: 0.0.20
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

<h1 align="center">native-wrappers-fivem-server</h1>

<p align="center">
  <i>:fire: A Javascript/Typescript wrapper for the FiveM server natives :video_game:</i>
  <br>
  <br>
  <a href="https://github.com/nativewrappers/fivem-server/blob/master/LICENSE">
    <img src="https://img.shields.io/badge/License-MIT-blue.svg?style=flat" alt="License: MIT">
  </a>
  <a href="https://www.npmjs.com/package/@nativewrappers/fivem-server">
    <img src="https://img.shields.io/npm/v/@nativewrappers/fivem-server?style=flat" alt="npm version">
  </a>
  <a href="https://www.npmjs.com/package/@nativewrappers/fivem-server">
    <img src="https://img.shields.io/npm/dm/@nativewrappers/fivem-server?style=flat">
  </a>
  <a href="https://github.com/nativewrappers/fivem-server/actions/workflows/config.yml">
    <img src="https://github.com/nativewrappers/fivem-server/actions/workflows/config.yml/badge.svg" alt="Workflow Status">
  </a>
  <a href="https://github.com/AvarianKnight/native-wrappers-fivem-server/commits/master">
    <img src="https://img.shields.io/github/last-commit/nativewrappers/fivem-server.svg?style=flat" alt="Last commit">
  </a>
</p>

<p align="center">
  <a href="https://fivemjs-server.avarian.dev/">Documentation</a>
  -
  <a href="https://forum.fivem.net/t/fivem-js-v1-3-2-javascript-typescript-wrapper-now-with-menu-class-nativeui/268640">Forum</a>
</p>

This project is in no way affiliated with FiveM or the Cfx Collective.

## Features
- No runtime dependencies
- Abstracts common used FiveM practices
- Entity management through class objects (i.e. `Vehicle` and `Ped` entities)


## Download & Install

`pnpm add @nativewrappers/fivem-server`
npm package: @nativewrappers/redm
Description: Native wrappers and utilities for use with RedM.
Latest version: 0.0.166

<h1 align="center">Monorepo for a FiveM server/client wrapper</h1>

<p align="center">
	<i>🔥 A Javascript/Typescript package for FiveM resource development 🎮</i>
  <br>
  <small>This project is in no way affiliated with FiveM or the Cfx.re Collective.</small>
  </br></br>
  <a href="https://github.com/nativewrappers/nativewrappers/blob/master/LICENSE">
    <img src="https://img.shields.io/badge/License-MIT-blue.svg?style=flat" alt="License: MIT">
  </a>
  <a href="https://www.npmjs.com/package/@nativewrappers/fivem">
    <img src="https://img.shields.io/npm/v/@nativewrappers/fivem?style=flat" alt="npm version">
  </a>
  <a href="https://www.npmjs.com/package/@nativewrappers/fivem">
    <img src="https://img.shields.io/npm/dm/@nativewrappers/fivem?style=flat">
  </a>
  <a href="https://github.com/nativewrappers/nativewrappers/actions/workflows/config.yml">
    <img src="https://github.com/nativewrappers/nativewrappers/actions/workflows/config.yml/badge.svg" alt="Workflow Status">
  </a>
  <a href="https://github.com/nativewrappers/nativewrappers/commits/master">
    <img src="https://img.shields.io/github/last-commit/nativewrappers/fivem.svg?style=flat" alt="Last commit">
  </a>
</p>

<h3 align="center">This project is currently iterating rapidly, there will be breaking changes.</h3>

<p align="center">
	<h2 align="center"><a href="https://github.com/nativewrappers/nativewrappers/tree/main/docs">Documentation</a></h2>
	<!-- <a href="https://forum.fivem.net/t/fivem-js-v1-3-2-javascript-typescript-wrapper-now-with-menu-class-nativeui/268640">Forum</a> -->
</p>

## Features

- No runtime dependencies
- Entity management through class objects (i.e. `Vehicle` and `Ped` entities)
- Server and Client side variants on wrapper


## Download & Install
```
pnpm add @nativewrappers/redm # for redm,
pnpm add @nativewrappers/fivem # for fivem
pnpm add @nativewrappers/common # for any, should be game agnostic, provides Vector3, decors, kvps, helper functions, etc
pnpm add @nativewrappers/server # for server
```
npm package: @nativewrappers/redm-codegen
Description: Auto-generated native function bindings with class-based API
Latest version: 0.0.11

# @nativewrappers/redm-codegen

Auto-generated native function bindings with class-based API.

## Installation

```bash
npm install @nativewrappers/redm-codegen
```

## Usage

```typescript
import { Entity, Ped, Vehicle, World } from '@nativewrappers/redm-codegen';

// Use handle classes
const ped = new Ped(playerPedId);
const coords = ped.Coords;
const vehicle = ped.CurrentVehicle;

// Method chaining with setters
ped.setHealth(100).setArmor(50).setVisible(true);

// Use namespace utilities
const weather = World.getWeatherTypeTransition();
```

## API

### Handle Classes

Classes that wrap game entity handles:

- `Entity` - Base class for all game entities
- `Ped` - Pedestrian/character entities
- `Vehicle` - Vehicle entities
- `Prop` - Prop/object entities
- `Player` - Player-specific functions
- `Pickup` - Pickup entities
- `Cam` - Camera control
- `Interior` - Interior management
- `AnimScene` - Animation scenes
- `ItemSet` - Item set management
- `PersChar` - Persistent characters
- `PropSet` - Prop sets
- `Volume` - Volume management

### Task Classes

Wrap entity references for task-related natives:

- `PedTask` - Ped task operations
- `VehicleTask` - Vehicle task operations

### Model Classes

Wrap hash values for model/streaming natives:

- `BaseModel` - Base model class
- `PedModel` - Ped model operations
- `VehicleModel` - Vehicle model operations
- `WeaponModel` - Weapon model operations

### Namespace Utilities

Static classes for natives that don't operate on handles:

- `World` - Weather, time, world state
- `Streaming` - Asset loading/unloading
- `Graphics` - Drawing, particles, effects
- `Audio` - Sound playback
- `Hud` - UI elements
- `Network` - Multiplayer functions
- And more...

## Features

### Getters/Setters

Methods are automatically converted to TypeScript property accessors:

```typescript
// Instead of: ped.getHealth()
const health = ped.Health;

// Instead of: ped.setHealth(100)
ped.Health = 100;
```

### Method Chaining

Setter methods return `this` for fluent API:

```typescript
ped.setHealth(100)
   .setArmor(50)
   .setVisible(true)
   .setInvincible(false);
```

### Type Safety

Full TypeScript types with documented parameters:

```typescript
// Enums for type-safe parameters
ped.giveWeapon(eWeaponHash.WEAPON_REVOLVER_CATTLEMAN, 100, true);

// Nullable returns handled
const vehicle = ped.CurrentVehicle; // Vehicle | null
```
npm package: @nativewrappers/server
Description: Native wrappers and utilities for use with FXServer.
Latest version: 0.0.166

<h1 align="center">Monorepo for a FiveM server/client wrapper</h1>

<p align="center">
	<i>🔥 A Javascript/Typescript package for FiveM resource development 🎮</i>
  <br>
  <small>This project is in no way affiliated with FiveM or the Cfx.re Collective.</small>
  </br></br>
  <a href="https://github.com/nativewrappers/nativewrappers/blob/master/LICENSE">
    <img src="https://img.shields.io/badge/License-MIT-blue.svg?style=flat" alt="License: MIT">
  </a>
  <a href="https://www.npmjs.com/package/@nativewrappers/fivem">
    <img src="https://img.shields.io/npm/v/@nativewrappers/fivem?style=flat" alt="npm version">
  </a>
  <a href="https://www.npmjs.com/package/@nativewrappers/fivem">
    <img src="https://img.shields.io/npm/dm/@nativewrappers/fivem?style=flat">
  </a>
  <a href="https://github.com/nativewrappers/nativewrappers/actions/workflows/config.yml">
    <img src="https://github.com/nativewrappers/nativewrappers/actions/workflows/config.yml/badge.svg" alt="Workflow Status">
  </a>
  <a href="https://github.com/nativewrappers/nativewrappers/commits/master">
    <img src="https://img.shields.io/github/last-commit/nativewrappers/fivem.svg?style=flat" alt="Last commit">
  </a>
</p>

<h3 align="center">This project is currently iterating rapidly, there will be breaking changes.</h3>

<p align="center">
	<h2 align="center"><a href="https://github.com/nativewrappers/nativewrappers/tree/main/docs">Documentation</a></h2>
	<!-- <a href="https://forum.fivem.net/t/fivem-js-v1-3-2-javascript-typescript-wrapper-now-with-menu-class-nativeui/268640">Forum</a> -->
</p>

## Features

- No runtime dependencies
- Entity management through class objects (i.e. `Vehicle` and `Ped` entities)
- Server and Client side variants on wrapper


## Download & Install
```
pnpm add @nativewrappers/redm # for redm,
pnpm add @nativewrappers/fivem # for fivem
pnpm add @nativewrappers/common # for any, should be game agnostic, provides Vector3, decors, kvps, helper functions, etc
pnpm add @nativewrappers/server # for server
```
npm package: @natiwo/a11y
Description: Headless accessibility and neurodiversity toolkit for the web
Latest version: 0.1.0

# @natiwo/a11y

**Headless accessibility and neurodiversity toolkit for the web.**

Framework-agnostic core with types, defaults, apply functions, and a pluggable storage adapter. Zero dependencies. Works with any framework or vanilla JS.

## Install

```bash
npm install @natiwo/a11y
```

## API

### Types

```ts
type A11yConfig = {
  fontSize: number          // 12-24
  contrastMode: ContrastMode // "default" | "high" | "low" | "sepia"
  colorBlindMode: ColorBlindMode // "default" | "protanopia" | "deuteranopia" | "tritanopia"
  cursorSize: CursorSize    // "default" | "large" | "xlarge"
  reducedMotion: boolean
}

type NeuroConfig = {
  focusHighlight: boolean
  readingMode: boolean
  readingRuler: boolean
  spacing: SpacingMode      // "normal" | "wide"
  fontFamily: FontFamily    // "default" | "dyslexia" | "lexend" | "atkinson"
  textAlign: TextAlign      // "default" | "left"
  reducedMotion: boolean
}

type Preset = {
  applyA11y: (config: A11yConfig) => void
  applyNeuro: (config: NeuroConfig) => void
  cleanup?: () => void
}

type StorageAdapter = {
  get: <T>(key: string) => T | null
  set: <T>(key: string, value: T) => void
}
```

### Functions

#### `applyA11y(config: A11yConfig, preset?: Preset): void`

Applies accessibility settings to the DOM. If a preset is provided, delegates to `preset.applyA11y()`. Otherwise, applies default CSS classes to `document.documentElement`.

#### `applyNeuro(config: NeuroConfig, preset?: Preset): void`

Applies neurodiversity settings to the DOM. If a preset is provided, delegates to `preset.applyNeuro()`. Otherwise, applies default CSS classes to `document.documentElement`.

#### `localStorageAdapter: StorageAdapter`

Default storage adapter using `localStorage` with JSON serialization. Silently handles errors (storage full, unavailable).

### Constants

- `A11Y_DEFAULTS` — Default A11yConfig values
- `A11Y_STORAGE_KEY` — `"@natiwo/a11y"` storage key
- `NEURO_DEFAULTS` — Default NeuroConfig values
- `NEURO_STORAGE_KEY` — `"@natiwo/neuro"` storage key

## Custom Storage

```ts
import type { StorageAdapter } from "@natiwo/a11y"

const sessionStorageAdapter: StorageAdapter = {
  get: <T>(key: string): T | null => {
    const raw = sessionStorage.getItem(key)
    return raw ? JSON.parse(raw) : null
  },
  set: <T>(key: string, value: T) => {
    sessionStorage.setItem(key, JSON.stringify(value))
  },
}
```

## Why these features?

See the [root README](../../README.md#why-these-features) for the full WCAG 2.2 rationale behind each feature.

## License

[MIT](../../LICENSE) © [Natiwo](https://natiwo.com.br)
npm package: @natiwo/a11y-morpheus
Description: Morpheus Design System preset for @natiwo/a11y
Latest version: 0.1.0

# @natiwo/a11y-morpheus

**Morpheus Design System preset for @natiwo/a11y.**

Maps accessibility and neurodiversity configurations to Morpheus Design System CSS classes. Use this preset when building interfaces with the Morpheus neumorphic design system.

## Install

```bash
npm install @natiwo/a11y @natiwo/a11y-morpheus
```

## Usage

### With React

```tsx
import { useA11y, useNeuro } from "@natiwo/a11y-react"
import { morpheusPreset } from "@natiwo/a11y-morpheus"

function App() {
  const a11y = useA11y({ preset: morpheusPreset })
  const neuro = useNeuro({ preset: morpheusPreset })
  // ...
}
```

### Vanilla JS

```ts
import { applyA11y, applyNeuro, A11Y_DEFAULTS, NEURO_DEFAULTS } from "@natiwo/a11y"
import { morpheusPreset } from "@natiwo/a11y-morpheus"

applyA11y(A11Y_DEFAULTS, morpheusPreset)
applyNeuro(NEURO_DEFAULTS, morpheusPreset)
```

## CSS Classes Applied

### Accessibility (applyA11y)

| Config | CSS Effect |
|--------|------------|
| `fontSize` | Sets `--a11y-font-size` CSS variable |
| `contrastMode: "high"` | Adds `a11y-high` class |
| `contrastMode: "low"` | Adds `a11y-low` class |
| `contrastMode: "sepia"` | Adds `a11y-sepia` class |
| `colorBlindMode: "protanopia"` | Adds `a11y-cvd-protanopia` class |
| `colorBlindMode: "deuteranopia"` | Adds `a11y-cvd-deuteranopia` class |
| `colorBlindMode: "tritanopia"` | Adds `a11y-cvd-tritanopia` class |
| `cursorSize: "large"` | Adds `a11y-cursor-large` class |
| `cursorSize: "xlarge"` | Adds `a11y-cursor-xlarge` class |
| `reducedMotion: true` | Adds `a11y-reduced-motion` class |

### Neurodiversity (applyNeuro)

| Config | CSS Effect |
|--------|------------|
| `focusHighlight: true` | Adds `neuro-focus` class |
| `readingMode: true` | Adds `neuro-reading` class |
| `spacing: "wide"` | Adds `neuro-spacing-wide` class |
| `fontFamily: "dyslexia"` | Adds `neuro-font-dyslexia` class |
| `fontFamily: "lexend"` | Adds `neuro-font-lexend` class |
| `fontFamily: "atkinson"` | Adds `neuro-font-atkinson` class |
| `textAlign: "left"` | Adds `neuro-text-left` class |
| `reducedMotion: true` | Adds `neuro-reduced-motion` class |

All classes are applied to `document.documentElement` (`<html>`). Define the corresponding CSS rules in your stylesheet.

## Creating Your Own Preset

See the [root README](../../README.md#creating-a-custom-preset) for how to implement the `Preset` interface for your own design system.

## License

[MIT](../../LICENSE) © [Natiwo](https://natiwo.com.br)
npm package: @natiwo/a11y-react
Description: React hooks for @natiwo/a11y — accessibility and neurodiversity
Latest version: 0.1.0

# @natiwo/a11y-react

**React hooks for @natiwo/a11y — accessibility and neurodiversity.**

Wraps the framework-agnostic core with React hooks that handle state, persistence, and DOM application automatically.

## Install

```bash
npm install @natiwo/a11y @natiwo/a11y-react
```

## Hooks

### `useA11y(options?)`

```ts
import { useA11y } from "@natiwo/a11y-react"

const a11y = useA11y()

// Read state
a11y.fontSize        // number (12-24)
a11y.contrastMode    // "default" | "high" | "low" | "sepia"
a11y.colorBlindMode  // "default" | "protanopia" | "deuteranopia" | "tritanopia"
a11y.cursorSize      // "default" | "large" | "xlarge"
a11y.reducedMotion   // boolean

// Update state
a11y.setFontSize(18)
a11y.setContrastMode("high")
a11y.setColorBlindMode("protanopia")
a11y.setCursorSize("large")
a11y.toggleReducedMotion()
a11y.reset()
```

### `useNeuro(options?)`

```ts
import { useNeuro } from "@natiwo/a11y-react"

const neuro = useNeuro()

// Read state
neuro.focusHighlight  // boolean
neuro.readingMode     // boolean
neuro.readingRuler    // boolean
neuro.spacing         // "normal" | "wide"
neuro.fontFamily      // "default" | "dyslexia" | "lexend" | "atkinson"
neuro.textAlign       // "default" | "left"
neuro.reducedMotion   // boolean

// Update state
neuro.toggleFocusHighlight()
neuro.toggleReadingMode()
neuro.toggleReadingRuler()
neuro.setSpacing("wide")
neuro.setFontFamily("dyslexia")
neuro.setTextAlign("left")
neuro.toggleReducedMotion()
neuro.reset()
```

### Options

Both hooks accept an optional options object:

```ts
import { useA11y } from "@natiwo/a11y-react"
import { morpheusPreset } from "@natiwo/a11y-morpheus"

const a11y = useA11y({
  preset: morpheusPreset,   // Custom preset (default: built-in CSS classes)
  storage: myStorageAdapter, // Custom storage (default: localStorage)
})
```

## Type Re-exports

For convenience, all core types are re-exported:

```ts
import type {
  A11yConfig,
  NeuroConfig,
  Preset,
  StorageAdapter,
  ContrastMode,
  ColorBlindMode,
  CursorSize,
  SpacingMode,
  FontFamily,
  TextAlign,
} from "@natiwo/a11y-react"
```

## Why these features?

See the [root README](../../README.md#why-these-features) for the full WCAG 2.2 rationale behind each feature.

## License

[MIT](../../LICENSE) © [Natiwo](https://natiwo.com.br)
npm package: @natkalia/randomid-generator
Description: ![Version](https://img.shields.io/badge/version-1.0.1-blue.svg?cacheSeconds=2592000) ![Status: In progress](https://img.shields.io/badge/status-in%20progress-blueViolet) ![License: ISC](https://img.shields.io/badge/License-MIT-yellow.svg)
Author: Natalia Banasiewicz
Latest version: 1.0.1

# Random ID-Generator

![Version](https://img.shields.io/badge/version-1.0.1-blue.svg?cacheSeconds=2592000)
![Status: In progress](https://img.shields.io/badge/status-in%20progress-blueViolet)
![License: ISC](https://img.shields.io/badge/License-MIT-yellow.svg)

Tool that generates random unique identifier (id) based on letters and numbers and prints to console. 
Created as exercise for Kodilla bootcamp (module 20.5).

# Prerequisites

You will only need Node.js and npm or yarn installed in your environment.

# Install

In your console run one of following commands to install: 

`$ yarn add @natkalia/randomid-generator`

or 

`$ npm i @natkalia/randomid-generator`

# Features

* accepts one param: desired id length as integer
* generates random unique identifier (id) 
* based on letters and numbers 
* prints generated random id to console

# Usage

```
const randomID = require('@natkalia/randomid-generator');

console.log(randomID(10)); // provide desired id length (integer) as param
```