open-index/open-npm huggingface dataset:
npm package: @ntersol/chart
Description: @ntersol/chart / [Exports](modules.md)
Latest version: 19.1.1

@ntersol/chart / [Exports](modules.md)

@ntersol/chart / [Exports](modules.md)

@ntersol/chart / [Exports](modules.md)

# chart

This library was generated with [Nx](https://nx.dev).

## Running unit tests

Run `nx test chart` to execute the unit tests.
npm package: @ntersol/forms
Description: @ntersol/forms / [Exports](modules.md)
Latest version: 19.1.1

@ntersol/forms / [Exports](modules.md)

@ntersol/forms / [Exports](modules.md)

# forms

This library was generated with [Nx](https://nx.dev).

## Running unit tests

Run `nx test forms` to execute the unit tests.
npm package: @ntersol/grid
Description: @ntersol/grid / [Exports](modules.md)
Latest version: 19.1.1

@ntersol/grid / [Exports](modules.md)

@ntersol/grid / [Exports](modules.md)

@ntersol/grid / [Exports](modules.md)

@ntersol/grid / [Exports](modules.md)

# grid

This library was generated with [Nx](https://nx.dev).

## Running unit tests

Run `nx test grid` to execute the unit tests.
npm package: @ntersol/schematics
Description: <img src="https://ntersol.github.io/ui/assets/img/ntersol-schematics.png" width="320px" alt="screenshot" />
Latest version: 19.0.10

# Ntersol Schematics

<img src="https://ntersol.github.io/ui/assets/img/ntersol-schematics.png" width="320px" alt="screenshot" />

Install `npm install @ntersol/schematics` or
<br>
Run `ng add @ntersol/schematics` to get started

Once configured run `ng g r src/app/routes/feature` to create your first route named feature in the routes directory

**Note: using ng add will automatically configure schematics. If installing manually be sure to configure manually as well... `ng config cli.defaultCollection @ntersol/schematics`**

Additional documentation can be found [here](https://ntersol.github.io/ui/schematics/generators)

_Used for reference:_

- https://github.com/angular-extensions/model/tree/master/schematics
- https://github.com/angular/angular-cli/tree/master/packages/schematics/angular
- https://github.com/angular/angular-cli/tree/master/packages/angular
npm package: @ntersol/state-management
Description: @ntersol/state-management / [Exports](modules.md)
Latest version: 19.1.1

@ntersol/state-management / [Exports](modules.md)

@ntersol/state-management / [Exports](modules.md)

# state-management

This library was generated with [Nx](https://nx.dev).

## Running unit tests

Run `nx test state-management` to execute the unit tests.
npm package: @ntersol/table
Description: @ntersol/table / [Exports](modules.md)
Latest version: 19.1.1

@ntersol/table / [Exports](modules.md)

@ntersol/table / [Exports](modules.md)

# table

This library was generated with [Nx](https://nx.dev).

## Running unit tests

Run `nx test table` to execute the unit tests.
npm package: @ntersol/tags
Description: @ntersol/tags / [Exports](modules.md)
Latest version: 19.1.1

@ntersol/tags / [Exports](modules.md)

@ntersol/tags / [Exports](modules.md)

# tags

This library was generated with [Nx](https://nx.dev).

## Running unit tests

Run `nx test tags` to execute the unit tests.
npm package: @ntersol/tree
Description: @ntersol/tree / [Exports](modules.md)
Latest version: 19.1.1

@ntersol/tree / [Exports](modules.md)

@ntersol/tree / [Exports](modules.md)

@ntersol/tree / [Exports](modules.md)

# tree

This library was generated with [Nx](https://nx.dev).

## Running unit tests

Run `nx test tree` to execute the unit tests.
npm package: @ntersol/visible
Description: @ntersol/visible / [Exports](modules.md)
Latest version: 19.1.1

@ntersol/visible / [Exports](modules.md)

@ntersol/visible / [Exports](modules.md)

@ntersol/visible / [Exports](modules.md)

# visible

This library was generated with [Nx](https://nx.dev).

## Running unit tests

Run `nx test visible` to execute the unit tests.
npm package: @ntersol/wizard
Description: This library was generated with [Nx](https://nx.dev).
Latest version: 19.1.1

# wizard

This library was generated with [Nx](https://nx.dev).

## Running unit tests

Run `nx test wizard` to execute the unit tests.

## Publish Instructions

In order to the publish the wizard,

1. Open the root tsconfig.base.json
2. Remove the following line from the paths `"@ntersol/forms": ["libs/forms/src/index.ts"],`
3. Publish the wizard
4. Undo the changes to tsconfig.base.json
npm package: @ntes-ux-dev/t1
Description: [![npm version][npm-image]][npm-url] [![build status][travis-image]][travis-url] [![coverage][codecov-image]][codecov-url]
Author: 4074
Latest version: 1.0.0

# ca-template-typescript

[![npm version][npm-image]][npm-url]
[![build status][travis-image]][travis-url]
[![coverage][codecov-image]][codecov-url]

Template for typescript node app.

Includes:

- typescript, ts-node
- eslint, prettier
- nodemon

Requirements:

- VSCode
- VSCode plugin: eslint, prettier

[npm-image]: https://img.shields.io/npm/v/ca-template-typescript?style=flat-square
[npm-url]: https://www.npmjs.com/package/ca-template-typescript
[travis-image]: https://img.shields.io/travis/com/4074/ca-template-typescript?style=flat-square
[travis-url]: https://travis-ci.com/4074/ca-template-typescript
[codecov-image]: https://img.shields.io/codecov/c/github/4074/ca-template-typescript.svg?style=flat-square
[codecov-url]: https://app.codecov.io/gh/4074/ca-template-typescript?branch=main
npm package: @ntes-ux-dev/utils
Description: [![npm version][npm-image]][npm-url] [![build status][travis-image]][travis-url] [![coverage][codecov-image]][codecov-url]
Author: 4074
Latest version: 1.0.0

# ca-template-typescript

[![npm version][npm-image]][npm-url]
[![build status][travis-image]][travis-url]
[![coverage][codecov-image]][codecov-url]

Template for typescript node app.

Includes:

- typescript, ts-node
- eslint, prettier
- nodemon

Requirements:

- VSCode
- VSCode plugin: eslint, prettier

[npm-image]: https://img.shields.io/npm/v/ca-template-typescript?style=flat-square
[npm-url]: https://www.npmjs.com/package/ca-template-typescript
[travis-image]: https://img.shields.io/travis/com/4074/ca-template-typescript?style=flat-square
[travis-url]: https://travis-ci.com/4074/ca-template-typescript
[codecov-image]: https://img.shields.io/codecov/c/github/4074/ca-template-typescript.svg?style=flat-square
[codecov-url]: https://app.codecov.io/gh/4074/ca-template-typescript?branch=main
npm package: @ntesmail/shark-angular
Description: shark-angular组件库，基于shark-ui打造的angular组件库
Author: sweetyx
Latest version: 1.2.1

# shark-angular组件库，基于shark-ui打造的angular组件库


## 一、安装
npm install shark-angular --save

## 二、项目中引用方式
### 1、引入js
> 方式一：require('shark-angular'); （你的项目需要支持commonJs打包和es6）

> 方式二：引用node_modules目录下已打包好的js    /node_modules/shark-angular/dist/shark-angular.ui.js

### 2、引入css
> 我们非常推荐您使用  [shark-css](https://www.npmjs.com/package/shark-css)  shark系列组件库的html/css基石

## 三、demo查看方式
npm install && gulp serve

## 四、部署到测试机
> gulp build --target develop

> forever start app.js --port 9004 --shark-angular（第一次启动）

> forever restartall（重启）

> nginx配置请查看 doc/nginx.conf
npm package: @ntesmail/shark-angular2
Description: shark-angular2组件库，基于shark-ui打造的angular2组件库
Author: sweetyx
Latest version: 1.2.2

 
#### 1) Install

```bash
npm install shark-angular2 --save
```
 
#### 2) Edit Angular 2 module

 or use SharkModule to import all of the modules at once:

```typescript
import { SharkModule } from 'shark-angular2';
...

@NgModule({
   ...
   imports: [SharkModule, ... ],
   ... 
})
```

#### 3) if you want to use [ngc] and [rollup], Edit rollup configuration (rollup-config.js)

You have to use CommonJS rollup plugin. 

```bash
npm install rollup-plugin-commonjs --save --dev
```

Then you have to import the CommonJS plugin, include it in the plugins array and add shark-angular2 to the list of modules:

```javascript
...
import commonjs from 'rollup-plugin-commonjs';
...

//paths are relative to the execution path
export default {
	...
	plugins: [
		...
		commonjs({
			include: [
				'node_modules/rxjs/**',
				'node_modules/shark-angular2/**',
				'node_modules/shark-ui/**'//because shark-angular2 depends on shark-ui
			]
		}),
		...
	]
}
```
npm package: @ntesmail/shark-angularjs
Description: shark-angularjs组件库，基于shark-ui打造的angular组件库
Author: sweetyx lingqiao hzwangsong1
Latest version: 2.0.6

# shark-angular组件库，基于shark-ui打造的angular组件库

## 一、安装使用
http://shark.mail.netease.com/shark-angular/index.html

## 二、开发环境
npm install && npm run server
npm package: @ntesmail/shark-css
Description: shark-css, css组件库，有基于bootstrap3扩展版本，与独立版本
Latest version: 1.2.10


# shark系列组件库的html/css基石

## 一、开发环境
npm install && gulp serve

## 二、部署到测试机
> npm install

> sh deploy-online.sh master

> 第一次启动： sh forever-start.sh

> 以后更新:  sh forever-restart.sh
npm package: @ntf/buffer
Description: Another binary data manipulation library
Author: N1ghtTheF0x
Latest version: 1.3.0

# @ntf/buffer

Another binary data manipulation library

## Why

Because I like reinventing the wheel :)

## Installation

Use your favourite package manager, idk

```sh
npm install @ntf/buffer
```

```sh
yarn add @ntf/buffer
```

```sh
pnpm install @ntf/buffer
```

## Usage

### Importing

This library can be used in `CommonJS` and `ESModule` environments

```typescript
const { ... } = require("@ntf/buffer");
```

```typescript
import { ... } from "@ntf/buffer";
```

### `MemoryRegion`

The class `MemoryRegion` is a view of an array buffer, it wraps around `DataView`. Unlike Typed Arrays and NodeJS's Buffer it can do the following:

- reading/writing data will cause to step to the next data in the region (like a stream or better yet: the Java [`DataInputStream`](https://docs.oracle.com/javase/8/docs/api/java/io/DataInputStream.html) and [`DataOutputStream`](https://docs.oracle.com/javase/8/docs/api/java/io/DataOutputStream.html) class)
- you can change the positions with the `readOffset`/`writeOffset` attribute or their methods `setReadOffset`/`setWriteOffset`
- you can allocate a zero-filled buffer with the static `allocate` method
- the static methods `fromArrayBufferView`/`fromAsync` converts `Blob`, `Response` instances and any kind of [Typed Array](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Typed_arrays#typed_array_views) to a `MemoryRegion` _(this includes the NodeJS `Buffer` class because it's just a `Uint8Array` ~~but with shitty read/write functions in my opinion~~)_
- merge any kind of binary data into one with the static method `merge`

```typescript
import { MemoryRegion } from "@ntf/buffer";

const myVeryCoolBuffer = MemoryRegion.allocate(100); // allocates a zero-filled memory region with the size of 100 bytes
const someRandomAssBuffer = await Buffer.fromAsync(someRandomAssBlobOrResponse) // this static method returns a Promise<MemoryRegion>
```

## License stuff that nobody reads

Just like any [Open Source Project](https://github.com/N1ghtTheF0x/ntf-buffer) this has a [License](./LICENSE), the MIT License
npm package: @ntf/html
Description: platform-independent HTML library
Author: N1ghtTheF0x
Latest version: 1.0.0

# @ntf/html

platform-independent HTML library

## Installation

Use your favourite package manager, idk

```sh
npm install @ntf/html
```

```sh
yarn add @ntf/html
```

```sh
pnpm install @ntf/html
```

## Usage

### Importing

This library can be used in `CommonJS` and `ESModule` environments

```typescript
const { ... } = require("@ntf/html");
```

```typescript
import { ... } from "@ntf/html";
```

## License stuff that nobody reads

Just like any [Open Source Project](https://github.com/N1ghtTheF0x/ntf-html) this has a [License](./LICENSE), the MIT License
npm package: @ntf/logger
Description: Another console logger library
Author: N1ghtTheF0x
Latest version: 1.2.0

# @ntf/logger

Another console logger library

## Why

Because I like reinventing the wheel :)

## Installation

Use your favourite package manager, idk

```sh
npm install @ntf/logger
```

```sh
yarn add @ntf/logger
```

```sh
pnpm install @ntf/logger
```

## Usage

### Importing

This library can be used in `CommonJS` and `ESModule` environments

```typescript
const { ... } = require("@ntf/logger");
```

```typescript
import { ... } from "@ntf/logger";
```

### Creating a logger

You can use `createLogger` to create a logger based on the runtime you are using (browser, server, etc.)

```typescript
const logger = createLogger("MyLoggerName")
```

But you can use the implementations directly if you want

#### For servers

For servers there's `AnsiLogger` class which you can guess, uses escaped ansi code for colors in termnial/console/command prompt/whatever terminal name

#### For browsers

For browsers there's `CSSLogger` class which uses the cool feature of CSS styling, you can try `AnsiLogger` but on some browsers it looks weird (especially Chrome)

### I want to make my own Logger

Just extend the `Logger` class and implement `print`:

```typescript
class MyCoolAndAwesomeLogger extends Logger
{
    // level = can be "info", "warn", "error", "debug" or "trace"
    // args = well... anything... literally
    print(level,...args)
    {
        // do some funny stuff here
    }
};
```

## License stuff that nobody reads

Just like any [Open Source Project](https://github.com/N1ghtTheF0x/ntf-logger) this has a [License](./LICENSE), the MIT License
npm package: @ntf/math
Description: Another math library
Author: N1ghtTheF0x
Latest version: 1.4.3

# @ntf/math

Another math library

## Why

Because I like reinventing the wheel :)

## Installation

Use your favourite package manager, idk

```sh
npm install @ntf/math
```

```sh
yarn add @ntf/math
```

```sh
pnpm install @ntf/math
```

## Usage

### Importing

This library can be used in `CommonJS` and `ESModule` environments

```typescript
const { ... } = require("@ntf/math");
```

```typescript
import { ... } from "@ntf/math";
```

## License stuff that nobody reads

Just like any [Open Source Project](https://github.com/N1ghtTheF0x/ntf-math) this has a [License](./LICENSE), the MIT License
npm package: @ntf/sillyv
Description: Unoffical client for SillyV art page
Author: N1ghtTheF0x
Latest version: 0.0.1

# @ntf/sillyv

Unoffical client for SillyV art page

## Installation

Use your favourite package manager, idk

```sh
npm install @ntf/sillyv
```

```sh
yarn add @ntf/sillyv
```

```sh
pnpm install @ntf/sillyv
```

## Usage

### Importing

This library can be used in `CommonJS` and `ESModule` environments

```typescript
const { ... } = require("@ntf/sillyv");
```

```typescript
import { ... } from "@ntf/sillyv";
```

## License stuff that nobody reads

Just like any [Open Source Project](https://github.com/N1ghtTheF0x/ntf-sillyv) this has a [License](./LICENSE), the MIT License
npm package: @ntf/types
Description: Another types library
Author: N1ghtTheF0x
Latest version: 1.1.0

# @ntf/types

Another types library

## Why

Because I like reinventing the wheel :)

## Installation

Use your favourite package manager, idk

```sh
npm install @ntf/types
```

```sh
yarn add @ntf/types
```

```sh
pnpm install @ntf/types
```

## Usage

### Importing

This library can be used in `CommonJS` and `ESModule` environments

```typescript
const { ... } = require("@ntf/types");
```

```typescript
import { ... } from "@ntf/types";
```

## License stuff that nobody reads

Just like any [Open Source Project](https://github.com/N1ghtTheF0x/ntf-types) this has a [License](./LICENSE), the MIT License
npm package: @ntf/udon
Description: VRChat Udon Compiler in TypeScript or something like that
Author: N1ghtTheF0x
Latest version: 0.0.2

# @ntf/udon

VRChat Udon Compiler in TypeScript or something like that

## Installation

Use your favourite package manager, idk

```sh
npm install @ntf/udon
```

```sh
yarn add @ntf/udon
```

```sh
pnpm install @ntf/udon
```

## Usage

### Importing

This library can be used in `CommonJS` and `ESModule` environments

```typescript
const { ... } = require("@ntf/udon");
```

```typescript
import { ... } from "@ntf/udon";
```

### Reading an Assembly

If you have an assembly file, you can read it:

```typescript
// parse the content of the assembly file (not the file path)
const asm: UdonAssembly = UdonAssembly.parse(contentOfAssembly);
```

### Writing to a file/string

With a `UdonAssembly` instance you can call `toString` to generate the content of the udon assembly

```typescript
// This also makes it work with functions that call `toString`
const content: string = asm.toString();
// for example to write to file in NodeJS
writeFileSync(somePath,content,"utf-8");
```

## License stuff that nobody reads

Just like any [Open Source Project](https://github.com/N1ghtTheF0x/ntf-udon) this has a [License](./LICENSE), the MIT License
npm package: @ntf/xml
Description: Another XML library
Author: N1ghtTheF0x
Latest version: 0.1.1

# @ntf/xml

Another XML library

## Why

Because I like reinventing the wheel :)

## Installation

Use your favourite package manager, idk

```sh
npm install @ntf/xml
```

```sh
yarn add @ntf/xml
```

```sh
pnpm install @ntf/xml
```

## Usage

### Importing

This library can be used in `CommonJS` and `ESModule` environments

```typescript
const { ... } = require("@ntf/xml");
```

```typescript
import { ... } from "@ntf/xml";
```

## License stuff that nobody reads

Just like any [Open Source Project](https://github.com/N1ghtTheF0x/ntf-xml) this has a [License](./LICENSE), the MIT License
npm package: @ntfy-app/client
Description: JS Client SDK for the Notify App
Author: Notify Team
Latest version: 1.0.4-3

# Notify App Client SDK

![npm](https://img.shields.io/npm/v/@ntfy-app/client) ![npm bundle size](https://img.shields.io/bundlephobia/minzip/@ntfy-app/client) ![Issues](https://img.shields.io/github/issues/ntfy-app/client) ![License](https://img.shields.io/github/license/ntfy-app/client)

JS Client SDK of the [Notify App](https://ntfy.live) (website coming soon). Send event, log and status messages to all subscribed channels from your JS apps.

## Installation

Install the package with:

```
npm install --save @ntfy-app/client
# or
yarn add @ntfy-app/client
```

## Usage

WIP
npm package: @nth-cloud/ng-mentions
Description: Angular components & directives for customizable mentions
Author: https://github.com/nth-cloud/ng-mentions/graphs/contributors
Latest version: 10.0.0

# NG-MENTIONS

[![Browser Tests And Coverage](https://github.com/nth-cloud/ng-mentions/actions/workflows/browser-tests.yml/badge.svg)](https://github.com/nth-cloud/ng-mentions/actions/workflows/browser-tests.yml)
[![npm version](https://badge.fury.io/js/%40nth-cloud%2Fng-mentions.svg)](https://badge.fury.io/js/%40nth-cloud%2Fng-mentions)
[![codecov](https://codecov.io/gh/nth-cloud/ng-mentions/branch/master/graph/badge.svg)](https://codecov.io/gh/nth-cloud/ng-mentions)

Native Angular components & directives for customizable mentions. Allowing for customizable search results and mention formatting.

## Demo and Docs

View it in action at https://nth-cloud.github.io/ng-mentions

## Dependencies
* [Angular](https://angular.io) (tested with 15.1.5)

| ng-mentions | Angular |   Active Support   |
|-------------|---------|:------------------:|
| 5.x.x       | 10.0.0  |        :x:         |
| 6.x.x       | 11.0.0  |        :x:         |
| 7.x.x       | 12.0.0  |        :x:         |
| 8.x.x       | 13.0.0  | :white_check_mark: |
| 9.x.x       | 14.0.0  | :white_check_mark: |
| 10.x.x      | 15.0.0  | :white_check_mark: |

## Installation

We strongly recommend using [Angular CLI](https://cli.angular.io) for setting up a new project. If you have an Angular &ge; 9 CLI project, you could simply use our schematics to add ng-mentions library to it.

Just run the following:

```shell
ng add @nth-cloud/ng-mentions
```

It will install ng-mentions for the default application specified in your `angular.json`.
If you have multiple projects and you want to target a specific application, you could specify the `--project` option:

```shell
ng add @nth-cloud/ng-mentions --project myProject
```

If you prefer not to use schematics and install everything manually, please refer to the
[manual installation instructions](https://nth-cloud.github.io/ng-mentions/#/home) on our website.

## Supported browsers
We strive to support the same browsers and versions as supported by Angular.
See [Angular Browser Support](https://github.com/angular/angular/blob/master/README.md) for more details.
npm package: @nth123/x-ui
Description: X-UI represents a set of standards to build scalable UI using X-Framework by BlueLibs
Latest version: 1.0.6

<h1 align="center">BlueLibs X-UI</h1>

<p align="center">
  <a href="https://travis-ci.org/bluelibs/x-ui">
    <img src="https://api.travis-ci.org/bluelibs/x-ui.svg?branch=master" />
  </a>
  <a href="https://coveralls.io/github/bluelibs/x-ui?branch=master">
    <img src="https://coveralls.io/repos/github/bluelibs/x-ui/badge.svg?branch=master" />
  </a>
</p>

This is the X-Framework of handling password authentication blended with GraphQL.

## Install

```bash
npm install --save @bluelibs/x-ui
```

## [Documentation](./DOCUMENTATION.md)

[Click here to go to the documentation](./DOCUMENTATION.md)

## Support

This package is part of [BlueLibs](https://www.bluelibs.com) family. If you enjoy this work please show your support by starring [the main package](https://github.com/cuuminh10/kaviar). If not, let us know what can we do to deserve it, [our feedback form is here](https://forms.gle/DTMg5Urgqey9QqLFA)
npm package: @nth123/x-ui-admin
Description: The administration interface built for speed.
Latest version: 0.0.5

<h1 align="center">BlueLibs SECURITY-MONGO-BUNDLE</h1>

<p align="center">
  <a href="https://travis-ci.org/bluelibs/xui">
    <img src="https://api.travis-ci.org/bluelibs/xui.svg?branch=master" />
  </a>
  <a href="https://coveralls.io/github/bluelibs/xui?branch=master">
    <img src="https://coveralls.io/repos/github/bluelibs/xui/badge.svg?branch=master" />
  </a>
</p>

This is the X-Framework of handling password authentication blended with GraphQL.

## Install

```bash
npm install --save @bluelibs/x-ui-admin
```

## [Documentation](./DOCUMENTATION.md)

[Click here to go to the documentation](./DOCUMENTATION.md)

## Support

This package is part of [BlueLibs](https://www.bluelibs.com) family. If you enjoy this work please show your support by starring [the main package](https://github.com/cuuminh10/kaviar). If not, let us know what can we do to deserve it, [our feedback form is here](https://forms.gle/DTMg5Urgqey9QqLFA)
npm package: @nthachus/jquery-spellchecker
Description: A jquery spellchecker plugin
Author: Richard Willis
Latest version: 0.3.1

# jQuery Spellchecker

The jQuery Spellchecker is a free Javascript spellchecker in the form of a lightweight jQuery plugin that can be used to check the spelling of text within a form field or within a DOM tree.
This is a complete rewrite of the [initial spellchecker](http://code.google.com/p/jquery-spellchecker/) plugin I wrote.

The current version of the plugin is v0.3.1.

## Features

* Unicode support (works with most languages)
* HTML parsing (for using the spellchecker within WSYIWYG editors)
* Text parsing (for using the spellchecker on form fields)
* Multiple fields
* Multiple PHP back-end drivers (Enchant, PSpell, Google)
* Friendly API
* Event based
* MIT licensed
* Actively developed


## Browser support

The plugin has been tested and works with the following browsers:

* IE6+ and latest Chrome, Firefox, Safari and Opera

## Requirements

* jQuery 1.*
* [findAndReplaceDOMText 0.4+](https://github.com/padolsey/findAndReplaceDOMText)
* PHP5.3+ to use the default webservice
* [Composer](https://getcomposer.org/) (PHP dependency management)

## Download

* [View Downloads](http://jquery-spellchecker.badsyntax.co/downloads.html)

## Documentation

* [View documentation](https://github.com/badsyntax/jquery-spellchecker/wiki/Documentation)

## Examples

You can find simple usage examples in the downloadable package.

* [Fancy demos](http://jquery-spellchecker.badsyntax.co)
* [Basic demos](http://jquery-spellchecker.badsyntax.co/basic)


## Issues

Testing is much appreciated. Please post any issue you find in the [issue tracker](https://github.com/badsyntax/jquery-spellchecker/issues).

## Contributing

* View the [contribute documentation](https://github.com/badsyntax/jquery-spellchecker/blob/master/CONTRIBUTING.md) to learn how to contribute to the project.

## Thanks

This project would not be possible without the [findAndReplaceDOMText](https://github.com/padolsey/findAndReplaceDOMText) function written by [James Padolsey](https://github.com/padolsey).

## License

Licensed under the MIT license.
npm package: @nthachus/react-native-init
Description: Bundle React Native CLI into a command line tool to create React Native apps
Latest version: 11.1.3

# React Native app creating CLI

React Native projects initializing CLI, that has been extracted from the official [`@react-native-community/cli`](https://github.com/react-native-community/cli) package.

> This CLI is independent of `react-native` and `@react-native-community/cli`, it just process React Native templates only.

## Usage (with `npx`)

```sh
npx react-native-init [options] <projectName>
```

Initialize a new React Native project named `<projectName>` in a directory of the same name.

> If you have both `yarn` and `npm` installed, this CLI will always try to use `yarn`. You can force usage of `npm` by adding `--npm` flag to the command.

### Options

#### `--version <string>`

Shortcut for `--template react-native@version`.

#### `--directory <string>`

Uses a custom directory instead of `<projectName>`.

#### `--title <string>`

Uses a custom app title instead of `<projectName>`.

#### `--package-name <string>`

Create project with custom package name for Android and bundle identifier for iOS. The correct package name should:

- Contain at least two segments separated by dots, e.g. `com.example`
- Contain only alphanumeric characters and dots

#### `--skip-install`

Skip dependencies installation

#### `--npm`

Force use of npm during initialization

#### `--template <string>`

Uses a custom template. It should point to a valid package that can be installed with `yarn` or `npm`.

The most common options are:

- Full `npm` package name
- Absolute path to directory containing template
- Absolute path to a package tarball created using `npm pack`
- Link to a `GitHub` repository (supports `username/repo#branch` format)

Example:

```sh
npx react-native-init MyApp --template react-native-template-typescript@6.12.10
npx react-native-init MyApp --template file:///Users/name/template-path
npx react-native-init MyApp --template file:///Users/name/template-name-1.0.0.tgz
npx react-native-init MyApp --template thachnn/react-native-template#v0.71.4
```

A template is any directory or npm package that contains a `template.config.js` file in the root:

```js
module.exports = {
  // Placeholder used to rename and replace in files package.json, index.json, android/, ios/
  placeholderName: 'ProjectName',
  // Placeholder used to rename app title inside values.xml and Info.plist
  titlePlaceholder: 'Project Display Name',
  // Directory with the template which will be copied and processed by this CLI
  templateDir: './template',
  // Path to script, which will be executed after initialization process
  postInitScript: './script.js',
};
```

> You can find example custom template [here](https://github.com/Esemesek/react-native-new-template).

## License

Everything inside this repository is [MIT licensed](./LICENSE).
npm package: @nthachus/serve
Description: CLI bundle of vercel/serve, static file serving and directory listing
Latest version: 13.1.1

# Serve CLI

[![Node.js Package](https://github.com/nthachus/serve-cli/actions/workflows/npm-publish.yml/badge.svg)](https://github.com/nthachus/serve-cli/actions/workflows/npm-publish.yml)

Bundled package of [vercel/serve](https://github.com/vercel/serve) CLI with some patches;
To serve a static site, single page application or directory listing.

## Patches

- Bundle `vercel/serve` CLI with `webpack` and `babel` for Node 6 compatibility
- Now we can serve static files with `--virtual-path` option to specify virtual directory for the server

## Usage

Run this command to see a list of all available options:

```bash
serve --help
```

## License

MIT licensed, see [LICENSE](LICENSE) file for more details.
npm package: @nthity/guid
Description: Guid generator.
Author: agentg2007
Latest version: 0.1.1

# guid

Simple and lightweight guid utility tool.

## Install

```
npm i @nthity/guid
```

## Usage

```typescript
import guid from "@nthity/guid";

// Generates new guid.
console.log(guid.new());

// Test guid value.

// Returns false
console.log(guid.isGuid("this is not a guid"));
// Returns true
console.log(guid.isGuid("66b8546c-2dd0-4caf-883f-fc2d2a317fe2"));
```
npm package: @nthity/usefetch
Description: useFetch is an easy to use, lightweight, fetch api hook for react.
Author: agentg2007
Latest version: 1.0.2

# useFetch

useFetch is an easy to use, lightweight, fetch api hook for react.

## Features:

- Fetch management.
- Cancelable queries.
- Ensures only 1 fetching is called.
- Prevents data leaking by previous call.

## Usage:

> useFetch(output: "text" | "blob" | "json") - _default: json_

## Example:

```typescript
const App = () => {
  const { result, status, abort, fetch } = useFetch("text");
  const resultText = `${result?.statusCode}: ${result?.statusText}`;
  return (
    <div>
      <h1>{result?.data}</h1>
      <h3>{status}</h3>
      <div>{resultText}</div>
      <button onClick={() => fetch(`/test-api`)}>Request</button>
      <button disabled={status != "busy"} onClick={abort}>
        Abort
      </button>
    </div>
  );
};
const root = document.getElementById("AppRoot");
root && ReactDOM.render(<App />, root);
```
npm package: @nthity/validation
Description: > @nthity/validation is a easy to use validation for react components.
Author: agentg2007
Latest version: 1.2.0

# **@nthity/validation**

> @nthity/validation is a easy to use validation for react components.

## WIKI

Please check our [wiki](https://github.com/agentg2007/validation-context/wiki) for more complete documentation.

## Usage

### Creating input components

```typescript
import React from "react";
import {
  InputComponentType,
  useComponentValidationState,
  withValidation,
} from "@nthity/validation";

const Input = withValidation<InputComponentType<string>>((props) => {
  const { className = "", componentId, value, onChange } = props;
  const { valid, messages } = useComponentValidationState(componentId);
  return (
    <div className={`${className} ${valid ? "" : "error"}`}>
      <input value={value} onChange={(e) => onChange(e.target.value)} />
    </div>
  );
}, "InputDisplayName");
```

### Using validation provider

```typescript
import ValidationContextProvider, {
  useValidationResult,
  Validators,
} from "@nthity/validation";

const App = () => {
  const [value, setValue] = useState("");
  return (
    <div style={{ display: "flex", flexDirection: "column" }}>
      <ValidationContextProvider validators={Validators}>
        <main style={{ border: "1px solid black", padding: 16 }}>
          <Input
            value={value}
            onChange={(value) => setValue(value)}
            validators={[
              {
                name: "RequiredFieldValidator",
              },
              {
                name: "EmailFieldValidator",
              },
              {
                name: "StringLengthFieldValidator",
                min: 7,
                max: 32,
              },
            ]}
          />
        </main>
        <ButtonPanel />
      </ValidationContextProvider>
    </div>
  );
};

const ButtonPanel = () => {
  const { valid = false, messages } = useValidationResult();
  return (
    <div style={{ display: "flex", flexDirection: "column", marginTop: 8 }}>
      <button style={{ padding: 8 }} disabled={!valid}>
        Submit
      </button>
      {!valid && (
        <ul className="error-messages">
          {messages.map((m, index) => (
            <li
              key={`ValidationMessage#${index}`}
              children={<span>{m.message}</span>}
            />
          ))}
        </ul>
      )}
    </div>
  );
};
```

# Change Log:

You can also access our [change log](https://github.com/agentg2007/validation-context/blob/main/CHANGELOG.md).