open-index/open-npm huggingface dataset:
npm package: @next-level-integration/b2b-message-monitor
Description: ## Installation: ``` npm install @next-level-integration/b2b-message-monitor ```
Latest version: 10.0.2

# Message Monitor Component

## Installation:
```
npm install @next-level-integration/b2b-message-monitor
```

### Configuration
- Add assets configuration to `angular.json`
```
{
"glob": "**/*",
"input": "./node_modules/@next-level-integration/b2b-message-monitor/assets",
"output": "./assets/"
}
```

- For Translations support with `ngx-translate`, add the following resource to `MultiHttpTranslateLoader`:
```
    {prefix: './assets/message-monitor/i18n/', suffix: '.json'}
``` 

## How to Use
In any angular template you can embed MessageMonitor component:
```$xslt
<b2b-message-monitor roles="<list of user roles, default value is empty list>"
                     apiUrl="<relative b2b api url, default value is 'api/'>">
</b2b-message-monitor>
``` 
### Example
```$xslt
<b2b-message-monitor [roles]="roles" <!-- roles loaded from component TS -->
                     apiUrl="b2b/">  <!-- relative apis will start with b2b/ -->

</b2b-message-monitor>
```
npm package: @next-level-integration/common
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.1.0.
Latest version: 0.0.0-NG12hybrid-keycloak20-RC16

# Common

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

## Code scaffolding

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

> Note: Don't forget to add `--project common` or else it will be added to the default project in your `angular.json` file.

## Build

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

## Publishing

After building your library with `ng build common`, go to the dist folder `cd dist/common` and run `npm publish`.

## Running unit tests

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

## 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: @next-level-integration/list-errors
Description: list errors angular component
Latest version: 10.0.8-beta

# Nli List Errors
This library display error messages in side navigation bar. It contain two components:
1. header error - an icon with number of errors which will show in ui, user can click on it to open/close the sidenav bar.
    ``` 
    <nli-header-error></ nli-header-error> 
   ```
1. list errors - a sidenav bar to show user a list of error message, with delete button.
    ``` 
    <nli-list-errors></ nli-list-errors> 
   ```
    
## How to use
1. This library contain its own data model, please double check the data model from server is same as `error.model.ts`
1. This library contain its own translation, which use ngx-translate. Translation json are located in `assets` folder.
    1. after build this library make sure the assets folder also copy to the dist folder.
    1. after npm publish, please make sure the main project which will import this lib, able to support multiple translate http loader. Without support multi loader, 
    the translation for this library will not work, and it might clash to your main project translation
        ```
           export function HttpLoaderFactory(http: HttpClient) {
             return new MultiHttpTranslateLoader(http, [
               {prefix: "./assets/i18n/", suffix: ".json"},
               {prefix: "./lib/list-errors/assets/i18n/", suffix: ".json"},
             ]);
           }
       ```
    1. After npm install this lib in your main project, then add below configuration into `angular.json` assets path.
        ```
       "assets": [
             "src/assets",
             ......
             .....
             ...
             {
               "glob": "**/*",
               "input": "./node_modules/@next-level-integration/list-errors/assets",
               "output": "./lib/list-errors/assets/"
             }
           ],
       ```
     1. then the translation will work as expected in the list-errors components. Above point 1, 1st prefix map is actually refer to point 2 output folder.