open-index/open-npm huggingface dataset:
npm package: @jabapyth/pouchdb-adapter-asyncstorage
Description: asyncstorage adapter for PouchDB
Author: Christoph Stock
Latest version: 6.1.24

![Logo](https://raw.githubusercontent.com/stockulus/pouchdb-react-native/master/static/pouchdb-react-native.png)

pouchdb-adapter-asyncstorage
======

PouchDB adapter using AsyncStorage as its data store. Designed to run in ReactNative. Its adapter name is `'asyncstorage'`.

[![bitHound Overall Score](https://www.bithound.io/github/stockulus/pouchdb-react-native/badges/score.svg)](https://www.bithound.io/github/stockulus/pouchdb-react-native) [![npm Package](https://img.shields.io/npm/dm/pouchdb-adapter-asyncstorage.svg)](https://www.npmjs.com/package/pouchdb-adapter-asyncstorage) [![npm Package](https://img.shields.io/npm/v/pouchdb-adapter-asyncstorage.svg)](https://www.npmjs.com/package/pouchdb-adapter-asyncstorage) [![travis-ci.org](https://travis-ci.org/stockulus/pouchdb-react-native.svg)](https://travis-ci.org/stockulus/pouchdb-react-native) [![js-standard-style](https://img.shields.io/badge/code%20style-standard-brightgreen.svg)](http://standardjs.com/) [![license](https://img.shields.io/npm/l/pouchdb-adapter-asyncstorage.svg?maxAge=2592000)](https://opensource.org/licenses/MIT)
### Usage

```bash
npm install pouchdb-adapter-asyncstorage --save
```

```js
import PouchDB from 'pouchdb-core'
PouchDB.plugin(require('pouchdb-adapter-asyncstorage').default)
const db = new PouchDB('mydb', {adapter: 'asyncstorage'})

// use PouchDB
db.get('4711')
  .then(doc => console.log(doc))

```

### Android limit

On Android asyncstorage has a limitation of 6 MB per default, you might want to increase it

```java
// MainApplication.getPackages()
long size = 50L * 1024L * 1024L; // 50 MB
com.facebook.react.modules.storage.ReactDatabaseSupplier.getInstance(getApplicationContext()).setMaximumSize(size);
```

For full API documentation and guides on PouchDB, see [PouchDB.com](http://pouchdb.com/). For details on PouchDB sub-packages, see the [Custom Builds documentation](http://pouchdb.com/custom.html).

---
[![Twitter URL](https://img.shields.io/twitter/url/http/shields.io.svg?style=social&maxAge=2592000)](https://twitter.com/stockulus) [![GitHub stars](https://img.shields.io/github/stars/stockulus/pouchdb-react-native.svg?style=social&label=Star)](https://github.com/stockulus/pouchdb-react-native)
npm package: @jabb-nextgen/tokens
Description: JaBB Design Tokens - multi-platform token outputs from Figma Token Studio
Author: JaBB Team
Latest version: 1.0.0

# JaBB Design Tokens (`@jabb/tokens`)

Single source of truth exported from Figma (Token Studio) → multi-platform outputs.

## Current Status
**Phase 1 - Token Pipeline GA** ✅ Complete: Token build, test, and publishing pipeline implemented with comprehensive test suite.

## Install
```bash
pnpm add @jabb/tokens
```

## Usage – Web / Tailwind
```css
/* globals.css */
@import "@jabb/tokens/dist/web/tokens.css";
```
```js
// tailwind.config.cjs
const preset = require("@jabb/tokens/dist/web/tailwind-preset.cjs");
module.exports = { presets: [preset], content: ["./app/**/*.{ts,tsx}"] };
```

## Architecture
- **Source**: `tokens.json` exported from Figma Token Studio
- **Build**: Style Dictionary transforms to multiple platforms
- **Output**: CSS variables, Tailwind preset, TypeScript definitions
- **Distribution**: Published as `@jabb/tokens` npm package

## Testing
```bash
npm run build    # Build tokens from tokens.json
npm run test     # Run test suite
npm publish      # Publish to npm registry
```

## CI Status
![ci-badge](https://github.com/sctoy/jabb-nextgen-tokens/actions/workflows/tokens-release.yml/badge.svg)

## Badge
[![npm version](https://img.shields.io/npm/v/@jabb/tokens?color=royal)](https://www.npmjs.com/package/@jabb/tokens)

---
**Last Updated:** 2025-08-29
npm package: @jabber_dead/samurai
Description: This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 17.0.6.
Latest version: 0.2.0

# Samurai

This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 17.0.6.

## Development server

Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The application will automatically reload if you change any of the source files.

## Code scaffolding

Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.

## Build

Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory.

## Running unit tests

Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Running end-to-end tests

Run `ng e2e` to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
npm package: @jabberwocky-db/eslint-config
Description: <h1 align="center">Jabberwocky DB - Eslint Config</h1> <p align="center">   <a href="https://www.npmjs.com/package/@jabberwocky-db/eslint-config" target="_blank" >         <img src="https://img.shields.io/npm/v/@jabberwocky-db/eslint-config.svg?color=whit
Author: Jabberwocky DB
Latest version: 1.0.2

<h1 align="center">Jabberwocky DB - Eslint Config</h1>
<p align="center">
  <a href="https://www.npmjs.com/package/@jabberwocky-db/eslint-config" target="_blank" >
        <img src="https://img.shields.io/npm/v/@jabberwocky-db/eslint-config.svg?color=white&style=for-the-badge" />
  </a>
  <a href="https://github.com/jabberwocky-db/eslint-config/blob/master/LICENSE" target="_blank" >
    <img alt="License: MIT" src="https://img.shields.io/badge/license-MIT-blue.svg?style=for-the-badge"/>
  </a>
  <a href="https://libraries.io/npm/@jabberwocky-db%2Feslint-config" target="_blank" >
    <img alt="License: MIT" src="https://img.shields.io/librariesio/release/npm/@jabberwocky-db/eslint-config?style=for-the-badge" />
  </a>
  <a href="https://www.npmjs.com/package/@jabberwocky-db/eslint-config" target="_blank" >
    <img alt="downloads" src="https://img.shields.io/npm/dm/@jabberwocky-db/eslint-config.svg?color=purple&style=for-the-badge"/>
  </a>
  <a href="https://bundlephobia.com/package/@jabberwocky-db/eslint-config@2.0.1" target="_blank" >
    <img src="https://img.shields.io/bundlephobia/min/@jabberwocky-db/eslint-config?style=for-the-badge&color=teal"/>
  </a>
</p>

> The eslint config used by the Jabberwocky DB team and others

## ⬇️ Install

Run the following command at the root of your project:

**Yarn**

```sh
yarn add @jabberwocky-db/eslint-config --dev
```

**NPM**

```sh
npm install @jabberwocky-db/eslint-config --save-dev
```

## 🚀 Usage

Add the following to your package.json file:

```json
"eslintConfig": {
    "extends": "@jabberwocky-db"
}
```

or use as a baseline within your current eslint configuration file.

## 📎 Similar Jabberwocky DB Repos

-   [Prettier Config](https://github.com/jabberwocky-db/prettier-config)
-   [Jest Config](https://github.com/jabberwocky-db/jest-config)
-   [tsconfig](https://github.com/jabberwocky-db/tsconfig)
-   [Node tsconfig](https://github.com/jabberwocky-db/tsconfig-node)
npm package: @jabberwocky-db/jest-config
Description: <h1 align="center">Jabberwocky DB - Eslint Config</h1> <p align="center">   <a href="https://www.npmjs.com/package/@jabberwocky-db/jest-config" target="_blank" >         <img src="https://img.shields.io/npm/v/@jabberwocky-db/jest-config.svg?color=white&st
Author: Jabberwocky DB
Latest version: 2.0.2

<h1 align="center">Jabberwocky DB - Eslint Config</h1>
<p align="center">
  <a href="https://www.npmjs.com/package/@jabberwocky-db/jest-config" target="_blank" >
        <img src="https://img.shields.io/npm/v/@jabberwocky-db/jest-config.svg?color=white&style=for-the-badge" />
  </a>
  <a href="https://github.com/jabberwocky-db/jest-config/blob/master/LICENSE" target="_blank" >
    <img alt="License: MIT" src="https://img.shields.io/badge/license-MIT-blue.svg?style=for-the-badge"/>
  </a>
  <a href="https://libraries.io/npm/@jabberwocky-db%2Fjest-config" target="_blank" >
    <img alt="License: MIT" src="https://img.shields.io/librariesio/release/npm/@jabberwocky-db/jest-config?style=for-the-badge" />
  </a>
  <a href="https://www.npmjs.com/package/@jabberwocky-db/jest-config" target="_blank" >
    <img alt="downloads" src="https://img.shields.io/npm/dm/@jabberwocky-db/jest-config.svg?color=purple&style=for-the-badge"/>
  </a>
  <a href="https://img.shields.io/bundlephobia/min/@jabberwocky-db/jest-config" target="_blank" >
    <img src="https://img.shields.io/bundlephobia/min/@jabberwocky-db/jest-config?style=for-the-badge&color=teal"/>
  </a>
</p>

> The jest config used by the Jabberwocky DB team and others

## ⬇️ Install

Run the following command at the root of your project:

**Yarn**

```sh
yarn add @jabberwocky-db/jest-config --dev
```

**NPM**

```sh
npm install @jabberwocky-db/jest-config --save-dev
```

## 🚀 Usage

Add the following to your package.json file:

```json
"jestConfig": {
    "extends": "@jabberwocky-db"
}
```

or use as a baseline within your current jest configuration file.

## 📎 Similar Jabberwocky DB Repos

-   [Prettier Config](https://github.com/jabberwocky-db/prettier-config)
-   [Jest Config](https://github.com/jabberwocky-db/jest-config)
-   [tsconfig](https://github.com/jabberwocky-db/tsconfig)
-   [Node tsconfig](https://github.com/jabberwocky-db/tsconfig-node)
npm package: @jabberwocky-db/prettier-config
Description: <h1 align="center">Jabberwocky DB - Prettier Config</h1> <p align="center">   <a href="https://www.npmjs.com/package/@jabberwocky-db/prettier-config" target="_blank" >         <img src="https://img.shields.io/npm/v/@jabberwocky-db/prettier-config.svg?colo
Author: Jabberwocky DB
Latest version: 2.0.3

<h1 align="center">Jabberwocky DB - Prettier Config</h1>
<p align="center">
  <a href="https://www.npmjs.com/package/@jabberwocky-db/prettier-config" target="_blank" >
        <img src="https://img.shields.io/npm/v/@jabberwocky-db/prettier-config.svg?color=white&style=for-the-badge" />
  </a>
  <a href="https://github.com/jabberwocky-db/prettier-config/blob/master/LICENSE" target="_blank" >
    <img alt="License: MIT" src="https://img.shields.io/badge/license-MIT-blue.svg?style=for-the-badge"/>
  </a>
  <a href="https://libraries.io/npm/@jabberwocky-db%2Fprettier-config" target="_blank" >
    <img alt="License: MIT" src="https://img.shields.io/librariesio/release/npm/@jabberwocky-db/prettier-config?style=for-the-badge" />
  </a>
  <a href="https://www.npmjs.com/package/@jabberwocky-db/prettier-config" target="_blank" >
    <img alt="downloads" src="https://img.shields.io/npm/dm/@jabberwocky-db/prettier-config.svg?color=purple&style=for-the-badge"/>
  </a>
  <a href="https://bundlephobia.com/package/@jabberwocky-db/prettier-config@2.0.1" target="_blank" >
    <img src="https://img.shields.io/bundlephobia/min/@jabberwocky-db/prettier-config?style=for-the-badge&color=teal"/>
  </a>
</p>

> The prettier config used by the Jabberwocky DB team and others

## ⬇️  Install

Run the following command at the root of your project:

**Yarn**
```sh
yarn add @jabberwocky-db/prettier-config --dev
```
**NPM**

```sh
npm install @jabberwocky-db/prettier-config --save-dev
```

## 🚀 Usage

Add the following to your package.json file:
```json
    "prettier": "@jabberwocky-db/prettier-config"
```
[or use as a baseline within your current prettier configuration file.](https://prettier.io/docs/en/configuration.html)

## 📚  Resources
- [Prettier Documentation](https://prettier.io/docs/en/index.html)
- [Prettier Playground](https://prettier.io/playground/)
- [Editor Integrations](https://prettier.io/docs/en/editors.html)

## 📎 Similar Jabberwocky DB Repos
- [Eslint Config](https://github.com/jabberwocky-db/prettier-config)
- [Jest Config](https://github.com/jabberwocky-db/jest-config)
- [tsconfig](https://github.com/jabberwocky-db/tsconfig)
- [Node tsconfig](https://github.com/jabberwocky-db/tsconfig-node)
npm package: @jabberwocky-db/rollup-config
Description: <h1 align="center">Jabberwocky DB - Rollup Config</h1> <p align="center">   <a href="https://www.npmjs.com/package/@jabberwocky-db/rollup-config" target="_blank" >         <img src="https://img.shields.io/npm/v/@jabberwocky-db/rollup-config.svg?color=whit
Author: Jabberwocky DB
Latest version: 1.0.4

<h1 align="center">Jabberwocky DB - Rollup Config</h1>
<p align="center">
  <a href="https://www.npmjs.com/package/@jabberwocky-db/rollup-config" target="_blank" >
        <img src="https://img.shields.io/npm/v/@jabberwocky-db/rollup-config.svg?color=white&style=for-the-badge" />
  </a>
  <a href="https://github.com/jabberwocky-db/rollup-config/blob/master/LICENSE" target="_blank" >
    <img alt="License: MIT" src="https://img.shields.io/badge/license-MIT-blue.svg?style=for-the-badge"/>
  </a>
  <a href="https://libraries.io/npm/@jabberwocky-db%2Frollup-config" target="_blank" >
    <img alt="License: MIT" src="https://img.shields.io/librariesio/release/npm/@jabberwocky-db/rollup-config?style=for-the-badge" />
  </a>
  <a href="https://www.npmjs.com/package/@jabberwocky-db/rollup-config" target="_blank" >
    <img alt="downloads" src="https://img.shields.io/npm/dm/@jabberwocky-db/rollup-config.svg?color=purple&style=for-the-badge"/>
  </a>
  <a href="https://bundlephobia.com/package/@jabberwocky-db/rollup-config" target="_blank" >
    <img src="https://img.shields.io/bundlephobia/min/@jabberwocky-db/rollup-config?style=for-the-badge&color=teal"/>
  </a>
</p>

> The rollup-config used by the Jabberwocky DB team and others

## ⬇️ Install

Run the following command at the root of your project:

**Yarn**

```sh
yarn add @jabberwocky-db/rollup-config --dev
```

**NPM**

```sh
npm install @jabberwocky-db/rollup-config --save-dev
```

## 📎 Similar Jabberwocky DB Repos

-   [Eslint Config](https://github.com/jabberwocky-db/rollup-config)
-   [Jest Config](https://github.com/jabberwocky-db/jest-config)
-   [Prettier Config](https://github.com/jabberwocky-db/prettier-config)
-   [Node tsconfig](https://github.com/jabberwocky-db/tsconfig-node)
-   [tsconfig](https://github.com/jabberwocky-db/tsconfig)
npm package: @jabberwocky-db/tsconfig
Description: <h1 align="center">Jabberwocky DB - tsconfig</h1> <p align="center">   <a href="https://www.npmjs.com/package/@jabberwocky-db/tsconfig" target="_blank" >         <img src="https://img.shields.io/npm/v/@jabberwocky-db/tsconfig.svg?color=white&style=for-the
Author: Jabberwocky DB
Latest version: 1.0.7

<h1 align="center">Jabberwocky DB - tsconfig</h1>
<p align="center">
  <a href="https://www.npmjs.com/package/@jabberwocky-db/tsconfig" target="_blank" >
        <img src="https://img.shields.io/npm/v/@jabberwocky-db/tsconfig.svg?color=white&style=for-the-badge" />
  </a>
  <a href="https://github.com/jabberwocky-db/tsconfig/blob/master/LICENSE" target="_blank" >
    <img alt="License: MIT" src="https://img.shields.io/badge/license-MIT-blue.svg?style=for-the-badge"/>
  </a>
  <a href="https://libraries.io/npm/@jabberwocky-db%2Ftsconfig" target="_blank" >
    <img alt="License: MIT" src="https://img.shields.io/librariesio/release/npm/@jabberwocky-db/tsconfig?style=for-the-badge" />
  </a>
  <a href="https://www.npmjs.com/package/@jabberwocky-db/tsconfig" target="_blank" >
    <img alt="downloads" src="https://img.shields.io/npm/dm/@jabberwocky-db/tsconfig.svg?color=purple&style=for-the-badge"/>
  </a>
  <a href="https://bundlephobia.com/package/@jabberwocky-db/tsconfig" target="_blank" >
    <img src="https://img.shields.io/bundlephobia/min/@jabberwocky-db/tsconfig?style=for-the-badge&color=teal"/>
  </a>
</p>

> The tsconfig used by the Jabberwocky DB team and others

## ⬇️ Install

Run the following command at the root of your project:

**Yarn**

```sh
yarn add @jabberwocky-db/tsconfig --dev
```

**NPM**

```sh
npm install @jabberwocky-db/tsconfig --save-dev
```

## 🚀 Usage

Add the following to the top of your tsconfig.json file:

```json
"extends": "@jabberwocky-db/tsconfig/index.json"
```

## 📎 Similar Jabberwocky DB Repos

-   [Eslint Config](https://github.com/jabberwocky-db/tsconfig)
-   [Jest Config](https://github.com/jabberwocky-db/jest-config)
-   [Prettier Config](https://github.com/jabberwocky-db/prettier-config)
-   [Node tsconfig](https://github.com/jabberwocky-db/tsconfig-node)
npm package: @jabberwocky-db/tsconfig-node
Description: <h1 align="center">Jabberwocky DB - Node tsconfig</h1> <p align="center">   <a href="https://www.npmjs.com/package/@jabberwocky-db/tsconfig-node" target="_blank" >         <img src="https://img.shields.io/npm/v/@jabberwocky-db/tsconfig-node.svg?color=whit
Author: Jabberwocky DB
Latest version: 1.0.4

<h1 align="center">Jabberwocky DB - Node tsconfig</h1>
<p align="center">
  <a href="https://www.npmjs.com/package/@jabberwocky-db/tsconfig-node" target="_blank" >
        <img src="https://img.shields.io/npm/v/@jabberwocky-db/tsconfig-node.svg?color=white&style=for-the-badge" />
  </a>
  <a href="https://github.com/jabberwocky-db/tsconfig-node/blob/master/LICENSE" target="_blank" >
    <img alt="License: MIT" src="https://img.shields.io/badge/license-MIT-blue.svg?style=for-the-badge"/>
  </a>
  <a href="https://libraries.io/npm/@jabberwocky-db%2Ftsconfig-node" target="_blank" >
    <img alt="License: MIT" src="https://img.shields.io/librariesio/release/npm/@jabberwocky-db/tsconfig-node?style=for-the-badge" />
  </a>
  <a href="https://www.npmjs.com/package/@jabberwocky-db/tsconfig-node" target="_blank" >
    <img alt="downloads" src="https://img.shields.io/npm/dm/@jabberwocky-db/tsconfig-node.svg?color=purple&style=for-the-badge"/>
  </a>
  <a href="https://bundlephobia.com/package/@jabberwocky-db/tsconfig-node" target="_blank" >
    <img src="https://img.shields.io/bundlephobia/min/@jabberwocky-db/tsconfig-node?style=for-the-badge&color=teal"/>
  </a>
</p>

> The tsconfig used by the Jabberwocky DB team and others within the Node environment

## ⬇️ Install

Run the following command at the root of your project:

**Yarn**

```sh
yarn add @jabberwocky-db/tsconfig-node --dev
```

**NPM**

```sh
npm install @jabberwocky-db/tsconfig-node --save-dev
```

## 🚀 Usage

Add the following to the top of your tsconfig-node.json file:

```json
"extends": "@jabberwocky-db/tsconfig-node/index.json"
```

## 📎 Similar Jabberwocky DB Repos

-   [Eslint Config](https://github.com/jabberwocky-db/tsconfig)
-   [Jest Config](https://github.com/jabberwocky-db/jest-config)
-   [Prettier Config](https://github.com/jabberwocky-db/prettier-config)
-   [tsconfig](https://github.com/jabberwocky-db/tsconfig)
npm package: @jabbr/react-native-jsonschema-form
Description: React Native implementation of react-jsonschema-form
Author: Jonathan Borden
Latest version: 0.1.0

# React Native JSON Schema Form

A React Native implementation of [react-jsonschema-form](https://github.com/rjsf-team/react-jsonschema-form), enabling the creation of forms using JSON Schema in React Native applications.

## Installation

```bash
npm install react-native-jsonschema-form
```

## Dependencies

This package has the following peer dependencies:

```json
{
  "react": "^18.2.0",
  "react-native": "^0.72.0",
  "@rjsf/core": "^5.12.0"
}
```

## Usage

Here's a simple example of how to use the form:

```tsx
import React from 'react';
import { Form } from 'react-native-jsonschema-form';
import { RJSFSchema } from '@rjsf/utils';
import validator from '@rjsf/validator-ajv8';

const schema: RJSFSchema = {
  title: "Simple Form",
  type: "object",
  required: ["firstName", "lastName"],
  properties: {
    firstName: {
      type: "string",
      title: "First name"
    },
    lastName: {
      type: "string",
      title: "Last name"
    }
  }
};

const uiSchema = {
  firstName: {
    "ui:autofocus": true,
    "ui:emptyValue": ""
  }
};

export default function MyForm() {
  const handleSubmit = ({ formData }) => {
    console.log("Form submitted:", formData);
  };

  return (
    <Form
      schema={schema}
      uiSchema={uiSchema}
      validator={validator}
      onChange={console.log}
      onSubmit={handleSubmit}
      onError={console.log}
    />
  );
}
```

## Features

- Native React Native components
- JSON Schema validation
- Customizable widgets and templates
- Form state management
- Error handling
- Custom validation
- Conditional form fields
- Dynamic form updates

## Documentation

For more detailed documentation and examples, check out the [example](./example) directory.

## Contributing

Contributions are welcome! Please read our [Contributing Guide](CONTRIBUTING.md) for details on our code of conduct and the process for submitting pull requests.

## License

MIT
npm package: @jabbrowocky/create-react-component
Description: A cli to scaffold react components
Author: jabbrowocky
Latest version: 0.0.4

# create-react-component

A node cli to scaffold react components

### Usage

#### Basic: `create-react-component`

This will run the cli and prompt you through its required arguments.

#### Advanced `create-react-component [arg0 [arg1 [flags]]`

You can also supply any of the arguments by way of providing them with the command through args and / or flags:

##### Args:

| Arg   | Description         | Definition                                   | Constraint                                        |
| ----- | ------------------- | -------------------------------------------- | ------------------------------------------------- |
| Arg 0 | Component Name      | Desired name of component                    |                                                   |
| Arg 1 | Component Directory | The desired Component directory/subdirectory | Relative to execution directory, or absolute path |

##### Flags:

| Flag Value            | Description     | Constraints                                            |
| --------------------- | --------------- | ------------------------------------------------------ |
| `--component` or `-c` | Component type  | Must provide a value of either 'functional' or 'class' |
| `--style` or `-s`     | Stylesheet type | Must provide a value of either 'css' or 'scss'         |
npm package: @jabirdev/material-symbols
Description: Material Symbols for React component
Author: Jabir Developer
Latest version: 0.1.46

# Material Symbols for React Project

This is just a simple library to use Material Symbols in your React project. You can learn more about Material Symbols from this link: [https://fonts.google.com/icons.](https://fonts.google.com/icons.) This library also includes other libraries namely: [material-symbols](https://www.npmjs.com/package/material-symbols), [clsx](https://www.npmjs.com/package/clsx), and [tailwind-merge](https://www.npmjs.com/package/tailwind-merge).

# Installation

```c
npm i @jabirdev/material-symbols
```

# Usage

Import in CSS (example: index.css in Vite):

```css
@import "material-symbols";
```

Component Symbol props:

<table><tbody><tr><td>filled</td><td>boolean</td></tr><tr><td>variants</td><td>outlined | rounded | sharp</td></tr><tr><td>opticalSize</td><td>20 | 24 | 40 | 48</td></tr><tr><td>weight</td><td>thin | extra_light | &nbsp;light | normal | medium | semi_bold | bold</td></tr><tr><td>grade</td><td>low | normal | high</td></tr><tr><td>className</td><td>string</td></tr><tr><td>fontSize</td><td>md | sm | lg | xl | base</td></tr></tbody></table>

Example code to display icon:

```typescript
...
import { Symbols } from "@jabirdev/material-symbols";

function App() {

  return (
    <>
      ...
        <Symbols filled variants="rounded" grade="high" opticalSize={48}>
          home
        </Symbols>
      ...
    </>
  );
}

export default App;
```

Thank you
npm package: @jabirdev/md-typography
Description: A Tailwind CSS plugin for Material Design typography
Author: Jabir Developer
Latest version: 0.0.12

# Material Design Typography Tailwind CSS Plugin

A Tailwind CSS plugin for material design typography utilities.

## Installation

Install the plugin using Bun:

```bash
bun add @jabirdev/md-typography
```

```css
@import "tailwindcss";

@plugin "@jabirdev/md-typography";
```
npm package: @jable/deprecated
Description: Deprecated class and method decorators
Author: Clint Pamperin
Latest version: 2.0.0

# deprecated

Logs a warning to the console for deprecated classes and methods

## Example

```typescript
@DeprecatedClass() // Logs on instantiation
class Deprecated {
    @DeprecatedMethod() // Logs on call
    public test(value: string) {
        console.log(value);
    }
}
```
npm package: @jable/express-webapi
Description: Controllers and route decorators for express
Author: Clint Pamperin
Latest version: 1.0.2

# express-webapi

Controllers and route decorators for express

## Example
```typescript
@Controller('api/test')
class TController {

    // GET /api/test
    @Route(HttpMethod.GET, '/')
    index(req: express.Request, res: express.Response) {
        res.send('Hello World');
    }

    // GET /api/test/v2
    @Route(HttpMethod.GET, '/v2')
    index2(req: express.Request, res: express.Response) {
        res.send('Hello World, v2');
    }
}

@Controller()
class TController2 {

    // GET /test
    @Route(HttpMethod.GET, 'test')
    index(req: express.Request, res: express.Response) {
        res.send(req.query);
    }
}

let app = express();
app.listen(3000, () => {
    console.log("listening...");

    // Register the app. Controllers and routes will not work without this!
    WebApi.start(app);
});
```
npm package: @jable/inject
Description: Inject dependencies into injectable classes
Author: Clint Pamperin
Latest version: 2.2.0

# @jable/inject

Inject dependencies into injectable classes

## Example

```typescript
@Injectable()
export class Bar {
    constructor(public barProp: string = "Bar") {}
}

@Injectable()
export class Foo {
    constructor(public myString: string, public bar: Bar) {}
}

var myFoo = Injector.inject(Foo, "myString"); // Injector syntax
console.log(myFoo.myString == "myString"); // True
console.log(myFoo.bar.barProp == "Bar"); // True
myFoo.bar.barProp = "FooBar"

var myFoo2: Foo = new (<any>Foo)("mySecondString"); // TS syntax
console.log(myFoo2.myString == "mySecondString"); // True
console.log(myFoo2.bar.barProp == "FooBar"); // True
```

## Options

```typescript
/**
 * Injectable options
 * 
 * @export
 * @interface IInjectableOptions
 * @property {string} namespace Namespace of the Injectable
 * @property {{[type: string]: boolean}} exclude Excluded namespaced types, true to exclude
 * @property {boolean} inject Whether or not the class should have injectables injected into it
 */
export interface IInjectableOptions {
    namespace?: string;
    exclude?: {[type: string]: boolean};
    inject?: boolean;
}

const defaultOptions: IInjectableOptions = {
    namespace: '',
    exclude: {
        String: true,
        Number: true,
        Object: true,
        Array: true,
        Boolean: true
    },
    inject: true
}
```
npm package: @jable/logging
Description: Decorate methods for logging
Author: Clint Pamperin
Latest version: 2.0.0

# logging

Decorate methods for logging

## Log

Log the start and end of a function

```typescript
type IStartLogString = (construcotrName: string, propertyKey: string, args: IArguments) => string;
type IEndLogString = (construcotrName: string, propertyKey: string, result: any) => string;

/**
 * Log start and end of functions
 * 
 * @export
 * @param {(out: string) => void} [pipe=console.log] Pipe method
 * @param {IStartLogString} [start=defaultStart] Start text
 * @param {IEndLogString} [end=defaultEnd] End text
 * @returns Decorator
 */
function Log(pipe: (out: string) => void = console.log, start: IStartLogString = defaultStart, end: IEndLogString = defaultEnd) { ... }
```

## Log Error

Log errors of a function

```typescript
type IOutLogErrorString = (constructorName: string, propertyKey: string, err: any) => string

/**
 * Log method errors
 * 
 * @export
 * @param {(out: string) => void} [pipe=console.error] Pipe method
 * @param {IOutLogErrorString} [errorLog=defaultErrorLog] Error text to log
 * @param {boolean} [reThrow=true] Rethrow the error
 * @returns Decorator
 */
function LogError(pipe: (out: string) => void = console.error, errorLog: IOutLogErrorString = defaultErrorLog, reThrow: boolean = true) { ... }
```

## Example 

```typescript
class Test {
    @Log(console.log, (ctorN, pkey) => `Start ${ctorN}.${pkey}`, (ctorN, pkey, result) => `End ${ctorN}.${pkey} with result: ${result}`)
    public logging() {

    }

    @Log()
    @LogError(console.error, (ctorN, pKey, er) => `${ctorN}.${pKey} throws: ${er}`, false)
    public loggingError() {
        throw "Some Error";
    }
}
```
npm package: @jable/strict-types
Description: Decorate a method for strict types
Author: Clint Pamperin
Latest version: 2.0.0

# jable-strict-types

Decorate a method for strict types

## Example

```typescript
class MyCustomClass {}

export class Test {
    @StrictTypes(Function, Boolean, Nullable(String), Arguments(Nullable(Number)))
    public TestMethod(func, bool, str) { }

    @StrictTypes(MyCustomClass, Boolean)
    public Custom(cust, boolean) { }
}
var t = new Test();

t.TestMethod(null, true, '', 1); // Throws at argument index 0
t.TestMethod(function() {}, true, null); // Does not throw
t.TestMethod(function() {}, true, null, 1, 2, 3, false); // Throws at argument index 6

t.Custom(new MyCustomClass(), true); // Does not throw
```
npm package: @jable/test
Description: Javascript test decorators.
Author: Clint Pamperin
Latest version: 2.0.0

# @jabel/test

Javascript test decorators.

## Example

```typescript
@TestClass()
export class Testing {
    @TestMethod()
    public TestMe() {
        throw "err";
    }

    @TestMethod()
    public ServiceTest(assert: Assert) {
        assert.AreEqual(true, true);
    }
}
```

Outputs:

```
✗ Testing (1 of 2) Passed
        ✗ TestMe Failed on ERROR: err
```
npm package: @jable/textbox
Description: Fancy Textbox
Author: Clint Pamperin
Latest version: 1.0.1

# textbox

Fancy textboxes

## Example

```html
<jb-textbox name="email" type="email" placeholder="Email" required>
    <helper>Enter your email here</helper>
    <error type>Not a valid email!</error>
    <error required>Email required!</error>
</jb-textbox>
```

## Errors

`bad` - badInput

`custom` - customError

`required` - valueMissing

`pattern` - patternMismatch

`max` - rangeOverflow

`min` - rangeUnderflow

`step` - stepMismatch

`maxlength` - tooLong

`type` - typeMismatch
npm package: @jable/web-components
Description: Fancy jable web components
Author: Clint Pamperin
Latest version: 2.0.2

# @jable/web-components

Fancy jable web components.

## Textbox

### Example

```html
<jb-textbox>
    <label>Email</label>
    <input type="email" required>
    <jb-helper>Enter your email</jb-helper>
    <jb-error required>Email is required</jb-error>
    <jb-error type>Not a valid email!</jb-error>
</jb-textbox>
```

### Errors

`bad` - badInput

`custom` - customError

`required` - valueMissing

`pattern` - patternMismatch

`max` - rangeOverflow

`min` - rangeUnderflow

`step` - stepMismatch

`maxlength` - tooLong

`type` - typeMismatch
npm package: @jablonowski/components
Description: Angular component library built on Angular Material, themed with design system tokens.
Author: Mateusz
Latest version: 1.0.8

# @jablonowski/components

Angular component library built on top of **Angular Material**, themed with **@jablonowski/tokens**.

## Installation

```bash
npm install @jablonowski/components @angular/material @angular/cdk
```

> `@jablonowski/tokens` is included as a transitive dependency.

## Setup

### 1. Import the theme in your global `styles.scss`

```scss
@use '@jablonowski/components/styles/theme' as ds-theme;
```

### 2. Import components in your Angular modules or standalone components

```typescript
import { DsButtonComponent, DsCardComponent, DsInputComponent } from '@jablonowski/components';

@Component({
  standalone: true,
  imports: [DsButtonComponent, DsCardComponent, DsInputComponent],
  // ...
})
export class MyComponent {}
```

## Available Components

| Component       | Selector       | Description                      |
| --------------- | -------------- | -------------------------------- |
| **DsButton**    | `ds-button`    | Themed button wrapping MatButton |
| **DsInput**     | `ds-input`     | Themed input wrapping MatInput   |
| **DsCard**      | `ds-card`      | Themed card wrapping MatCard     |

## Usage Examples

```html
<!-- Button -->
<ds-button variant="primary">Click me</ds-button>
<ds-button variant="secondary" [disabled]="true">Disabled</ds-button>

<!-- Input -->
<ds-input label="Email" placeholder="Enter your email" [(value)]="email"></ds-input>

<!-- Card -->
<ds-card title="Welcome">
  <p>Card content goes here.</p>
</ds-card>
```

## Development

```bash
# Build the library
npm run build

# Publish patch version
npm run release

# Publish minor version
npm run release:minor

# Publish major version
npm run release:major
```

## Theming

The library uses Angular Material's theming system with design tokens injected as CSS custom properties. All token values come from `@jablonowski/tokens` so any update to the tokens package automatically propagates when rebuilt.

Override any token by redefining the CSS custom property:

```css
:root {
  --color-primary-500: #your-custom-color;
}
```
npm package: @jablonowski/tokens
Description: Design tokens for the design system, including colors, typography, spacing, borders, elevation, and breakpoints.
Author: Mateusz
Latest version: 1.0.6

# @jablonowski/tokens

Design tokens for the design system — colors, typography, spacing, borders, elevation and breakpoints.

Built with [Style Dictionary](https://amzn.github.io/style-dictionary/).

## Installation

```bash
npm install @jablonowski/tokens
```

## Usage

### CSS Custom Properties

```css
@import '@jablonowski/tokens/dist/css/variables.css';

.my-element {
  background-color: var(--color-primary-500);
  font-family: var(--font-family-base);
  padding: var(--spacing-md);
}
```

### SCSS Variables

```scss
@import '@jablonowski/tokens/dist/scss/variables';

.my-element {
  background-color: $color-primary-500;
  font-family: $font-family-base;
  padding: $spacing-md;
}
```

### JavaScript / TypeScript

```ts
import { ColorPrimary500, SpacingMd } from '@jablonowski/tokens';
```

## Available Token Categories

| Category       | Description                                  |
| -------------- | -------------------------------------------- |
| **Color**      | Primary, secondary, neutral, semantic colors |
| **Typography** | Font families, sizes, weights, line heights  |
| **Spacing**    | Consistent spacing scale                     |
| **Border**     | Border widths, radii                         |
| **Elevation**  | Box shadow levels                            |
| **Breakpoint** | Responsive breakpoints                       |

## Development

```bash
# Build tokens
npm run build

# Publish patch version
npm run release

# Publish minor version
npm run release:minor

# Publish major version
npm run release:major
```
npm package: @jablonpeter/randomid-generators
Description: RandomID it's a little module for NodeJS for generating passwords or IDs with length customization. It is capable of generating codes with or without capital letters and numbers.
Latest version: 1.0.1

# Node randomID

RandomID it's a little module for NodeJS for generating passwords or IDs with length customization. It is capable of generating codes with or without capital letters and numbers.
npm package: @jablonski/central-api
Description: Central API
Author: gabrieljablonski
Latest version: 0.0.6

```sh
yarn add @viacast/central-api
```

```sh
npm i @viacast/central-api
```

```js
// import { CentralApi } from '@viacast/central-api';
const { CentralApi } = require('@viacast/central-api');

const api = new CentralApi({
  host: 'localhost',
  port: 4440,
  prefix: '/v1',
});

api.authLogin('key', 'password').then(async () => {
  const me = await api.userMe();
  console.log(me);
});
```
npm package: @jablonski/imask
Description: vanilla javascript input mask
Author: Alexey Kryazhev
Latest version: 6.5.0

# imaskjs
vanilla javascript input mask

[![Build Status](https://travis-ci.com/uNmAnNeR/imaskjs.svg?branch=master)](https://travis-ci.com/uNmAnNeR/imaskjs)
[![Coverage Status](https://coveralls.io/repos/github/uNmAnNeR/imaskjs/badge.svg?branch=master)](https://coveralls.io/github/uNmAnNeR/imaskjs?branch=master)
[![npm version](https://badge.fury.io/js/imask.svg)](https://badge.fury.io/jas/imask)
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)

<a href="https://opencollective.com/imask/donate" target="_blank">
  <img src="https://opencollective.com/imask/donate/button.png?color=blue" width=300 />
</a>

## Docs, Examples, Demo
[https://imask.js.org/](https://imask.js.org/)

## Install
`npm install imask` and `import IMask from 'imask';`

or use CDN:

`<script src="https://unpkg.com/imask"></script>`

## Build & Test
`npm run make`
npm package: @jablonski/react-imask
Description: React input mask
Author: Alexey Kryazhev
Latest version: 6.5.0

# React IMask Plugin
react-imask

[![npm version](https://badge.fury.io/js/react-imask.svg)](https://badge.fury.io/js/react-imask)
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)

<a href="https://opencollective.com/imask/donate" target="_blank">
  <img src="https://opencollective.com/imask/donate/button.png?color=blue" width=300 />
</a>

## Install
`npm install react-imask`

## Mask Input Example
```javascript
import { useRef } from 'react';
import { IMaskInput } from 'react-imask';

// use ref to get access to internal "masked = ref.current.maskRef"
const ref = useRef(null);
const inputRef = useRef(null);
<IMaskInput
  mask={Number}
  radix="."
  value="123"
  unmask={true} // true|false|'typed'
  ref={ref}
  inputRef={inputRef}  // access to nested input
  // DO NOT USE onChange TO HANDLE CHANGES!
  // USE onAccept INSTEAD
  onAccept={
    // depending on prop above first argument is
    // `value` if `unmask=false`,
    // `unmaskedValue` if `unmask=true`,
    // `typedValue` if `unmask='typed'`
    (value, mask) => console.log(value)
  }
  // ...and more mask props in a guide

  // input props also available
  placeholder='Enter number here'
/>
```

## Extend Existing Components
```javascript
import { IMaskMixin } from 'react-imask';

// extend style component
const StyledInput = styled.input`
  color: green;
`;

const MaskedStyledInput = IMaskMixin(({inputRef, ...props}) => (
  <StyledInput
    {...props}
    innerRef={inputRef}  // bind internal input (if you use styled-components V4, use "ref" instead "innerRef")
  />
));

<MaskedStyledInput
  mask={Number}
  radix="."
  onAccept={(value, mask) => console.log(value)}
  // ...and more mask props in a guide

  // ...other styled props
/>
```
More options see in a [guide](https://imask.js.org/guide.html).

## Using hook
```javascript
import { useState } from 'react';
import { useIMask } from 'react-imask';

function IMaskWithHook () {
  const [ opts, setOpts ] = useState({ mask: Number });
  const {
    ref,
    maskRef,
    value,
    setValue,
    unmaskedValue,
    setUnmaskedValue,
    typedValue,
    setTypedValue,
  } = useIMask(opts, /* { onAccept, onComplete } */);
  
  return (
    <input ref={ref} />
  );
}
```