open-index/open-npm huggingface dataset:
npm package: @netiler/eslint-config-netiler
Description: Netiler ESLint Rules
Author: xiangchengyu
Latest version: 0.2.8

# eslint-config-netiler

ESLint (http://eslint.org) rules (all rules included) by netiler team.

## Usage

1. `npm install --save-dev eslint @babel/core @babel/eslint-parser vue-eslint-parser eslint-plugin-vue @netiler/eslint-config-netiler`
2. create a file named `.eslintrc.js` in your project:

```cjs
module.exports = {
  extends: ['@netiler/netiler']
};
```

### For Vue2

```cjs
module.exports = {
  extends: ['@netiler/netiler', '@netiler/netiler/vue']
};
```

### For Vue3

```cjs
module.exports = {
  extends: ['@netiler/netiler', '@netiler/netiler/vue3']
};
```
npm package: @netin/charts
Description: A react library developed with dumi
Latest version: 0.0.1

# xnetin-charts

[![NPM version](https://img.shields.io/npm/v/dumi-ui.svg?style=flat)](https://npmjs.org/package/dumi-ui)
[![NPM downloads](http://img.shields.io/npm/dm/dumi-ui.svg?style=flat)](https://npmjs.org/package/dumi-ui)

A react library developed with dumi

## Usage

TODO

## Options

TODO

## Development

```bash
# install dependencies
$ yarn install

# develop library by docs demo
$ yarn start

# build library source code
$ yarn run build

# build library source code in watch mode
$ yarn run build:watch

# build docs
$ yarn run docs:build

# Locally preview the production build.
$ yarn run docs:preview

# check your project for potential problems
$ yarn run doctor
```

## LICENSE

MIT
npm package: @netin/demo-ui
Description: A react library developed with dumi
Latest version: 0.0.1

# demo-ui

[![NPM version](https://img.shields.io/npm/v/demo-ui.svg?style=flat)](https://npmjs.org/package/demo-ui)
[![NPM downloads](http://img.shields.io/npm/dm/demo-ui.svg?style=flat)](https://npmjs.org/package/demo-ui)

A react library developed with dumi

## Usage

TODO

## Options

TODO

## Development

```bash
# install dependencies
$ yarn install

# develop library by docs demo
$ yarn start

# build library source code
$ yarn run build

# build library source code in watch mode
$ yarn run build:watch

# build docs
$ yarn run docs:build

# Locally preview the production build.
$ yarn run docs:preview

# check your project for potential problems
$ yarn run doctor
```

## LICENSE

MIT
npm package: @netio/logger
Description: Simple logger for Node and the browser.
Author: Saeed Jahed
Latest version: 1.0.2

## Overview

Simple logger for the browser and node.

-   Works in terminal and the browser.
-   No dependencies.
-   Use ES6 template literals (`` `hello ${json}` ``) to log rich interactive objects in the log.

<img width="478" src="docs/example1-terminal.png?raw=true" alt="Screenshot of log results in the terminal">

<p />

<img width="478" src="docs/example1-browser.png?raw=true" alt="Screenshot of log results in Chrome's developer console">

## Usage

```
npm install @netio/logger
```

```javascript
const { Logger } = require("@netio/logger");

const logger = new Logger("foo.bar");
logger.info`Hello World!`;
```

## API

```javascript
logger.debug`Debug`;
logger.info`Info`;
logger.success`Success`;
logger.warn`Warn`;
logger.error`Error`;
```

<img width="281" src="docs/example-levels.png?raw=true" alt="Screenshot of log results in the terminal">
npm package: @netiq/dynamic-forms
Description: #Demo https://dynamic-components.github.io/#/dynamic-forms/all
Latest version: 0.1.19

# DynamicForms

#Demo
https://dynamic-components.github.io/#/dynamic-forms/all

#Simple Dynamic forms.

# Form json

```import { Component, OnInit } from '@angular/core';
 import { TextArea, Textbox } from 'dynamic-forms';

 export class FormsComponent implements OnInit {

   inputfields: any[] = [
     new Textbox({
       key: "Name",
       label: "Name",
       type: "text",
       value: '',
       required: true,
     }),
     new TextArea({
       key: "Discription",
       label: "Description",
       type: "text",
       value: '',
       required: false,
     })
   ];

   submit(value: string) {
     console.log(JSON.parse(value));
   }
 }
```

# Template

```
<dynamic-forms [inputFields]="inputfields" (submit)="submit($event)">
  <div class=" btn-container m-t-md">
    <button type="submit" class="btn-primary btn">
      Save
    </button>
    <button type="button" class="js-details-target btn">
      Cancel
    </button>
  </div>
</dynamic-forms>
```

#module

```
import { DynamicFormModule } from 'dynamic-forms';

  imports: [
    DynamicFormModule
  ],
```
npm package: @netiq/ias-bootstrap
Description: Copyright 2018-2022 Micro Focus, Inc. All rights reserved.
Latest version: 1.0.0-beta.1

Copyright 2018-2022 Micro Focus, Inc. All rights reserved.

# IAS Bootstrap Republished by Netiq

Provides a stylesheet for use with
[UX Aspects](https://uxaspects.github.io/UXAspects/), the official
CSS/JS framework for Micro Focus Identity, Access, and Security (IAS)
products. UX Aspects is based on
[Bootstrap](https://getbootstrap.com/docs/3.3/) and
[NGX-Bootstrap](https://valor-software.com/ngx-bootstrap).

To see the effects of the IAS Bootstrap stylesheet on UX Aspects, as
well as view examples and best practices, refer to the
[IAS Bootstrap documentation page](https://microfocus.github.io/ias-bootstrap).


## Installation

IAS Bootstrap is available in the npm repository, and can be installed
via the `npm install` command:

```
$ npm install @netiq/ias-bootstrap
```

## Using with Angular

As stated on the UX Aspects home page: "UX Aspects is based on
best-of-breed, open source technologies, including Angular, Bootstrap
and D3. It is easy to include in your web applications with NPM."

The example below shows how to create an angular project from scratch
with the angular command-line utility, and then install and reference UX
Aspects and IAS Bootstrap.

Create a new Angular project:
```
$ ng new MyApp
$ cd MyApp
```

Install ux-aspects and ias-bootstrap:
```
$ npm install @ux-aspects/ux-aspects @netiq/ias-bootstrap
```

Open the file: angular.json, and add the following lines to the "styles"
section (note: `"src/styles.css"` should already be there):
```
"styles": [
  "node_modules/bootstrap/dist/css/bootstrap.css",
  "node_modules/@ux-aspects/ux-aspects/styles/ux-aspects.css",
  "node_modules/@netiq/ias-bootstrap/dist/ias-bootstrap.css",
  "node_modules/@microfocus/ias-icons/dist/ias-icons.css",
  "src/styles.css"
],
```

Run the app:
```
$ ng serve
```

Open your browser to: http://localhost:4200 and you'll see your app's
welcome page. To see the IAS style in use, edit the file:
`src/app/app.component.html`, and add some components that use bootstrap
or ux-aspects components, such as:
```
<div class="btn-container">
  <button type="button" class="btn btn-default">Text Button</button>
  <button type="button" class="btn btn-default" disabled>Disabled Text Button</button>
</div>
```