open-index/open-npm huggingface dataset:
npm package: @nineties/ngx-form-utils
Description: ngx-form-utils simplify your form functionalities
Author: Bharathisuthan
Latest version: 0.0.3

# @90s/ngx-form-utils@0.0.1

This library helps to do common form functionalities 

## Install Package

Run `npm install @90s/ngx-form-utils`. 

## Import Module

Import `NgxFormUtils` module in `app.module.ts` file.
>import { NgxFormUtilsModule } from '@90s/ngx-form-utils';

Add Module to the NgModule import section
>@NgModule({
>  . . .
>  imports: [
>    BrowserModule,
>    NgxFormUtilsModule
>  ],
>  . . .
>})
>export class AppModule { }

## 01. Control Error Component

This is used to show the Form Error Messages

Build Form Group

>
> . . .
>constructor(private fb: FormBuilder) {
>    this.userForm = this.fb.group({
>      name: [null, [Validators.required]],
>      email: [null, [Validators.required, Validators.email]],
>      address: this.fb.group({
>        street: [null, [Validators.required, Validators.minLength(5)]],
>        city: [null, [Validators.required]],
>        state: [null, [Validators.required]],
>        pin: [null, [Validators.required, Validators.minLength(6), Validators.maxLength(6)]]
>      })
>    });
>  }
>   . . .
>

Error Message

> . . .
>errorMsg = {
>    name: {
>      required: 'Name is required.'
>    },
>    email: {
>      required: 'Email is required.',
>      email: 'Invalid Email address.'
>    },
>    address: {
>      street: {
>        required: 'Street is required.',
>        minlength: 'Street should have minimun 5 letters.'
>      },
>      city: {
>        required: 'City is required.'
>      },
>      state: {
>        required: 'State is required.'
>      },
>      pin: {
>        required: 'Pin Code is required.',
>        minlength: 'Should have 6 digits.',
>        maxlength: 'Should have 6 digits.'
>      }
>    }
>  };
>  . . .

Add Control Error Component with Form Elements

>
> . . .
> 
>  <div [formGroup]="userForm">
> 
>    . . .
> 
>      <div>
> 
>        <label>Name</label>
> 
>        <input formControlName="name" type="email">
> 
>        <bj-control-error [control]="userForm" [path]="'name'" [message]="errorMsg.name"></bj-control-error>
> 
>      </div>
> 
>    . . .
> 
>      <div>
> 
>        <label>Email</label>
> 
>        <input formControlName="email" type="email">
> 
>        <bj-control-error [control]="userForm.get('email')" [message]="errorMsg.email"></bj-control-error>
> 
>      </div>
> 
>    . . .
> 
>  </div>
> 
> . . .
>
npm package: @ninetynine/next-fonts
Description: Import fonts in [Next.js](https://github.com/zeit/next.js) (woff, woff2, eot, ttf, otf & svg)
Latest version: 0.10.2
Deprecated: this package has been deprecated

# Next.js + Fonts

Import fonts in [Next.js](https://github.com/zeit/next.js)
(woff, woff2, eot, ttf, otf & svg)

This package was original taken from [here](https://github.com/rohanray/next-fonts) but it was unmaintained, so I am continuing maintenance here

## Installation

```
npm install --save @ninetynine/next-fonts
```

or

```
yarn add @ninetynine/next-fonts
```

## Usage

Create a `next.config.js` in your project

```js
// next.config.js
const withFonts = require('@ninetynine/next-fonts')
module.exports = withFonts()
```

Optionally you can add your custom Next.js configuration as parameter

```js
// next.config.js
const withFonts = require('@ninetynine/next-fonts')
module.exports = withFonts({
  webpack(config, options) {
    return config
  }
})
```