open-index/open-npm huggingface dataset:
npm package: @ng-apimock/docker
Description: Standalone setup for @ng-apimock/core
Author: Mischa Dasberg
Latest version: 3.7.0

# Docker image for @ng-apimock

## Usage
You can start the docker container manually
```
$ docker run --name my-mock-server -d ngapimock/standalone:latest -p 3000:3000 -v ./mocks:/opt/ngapimock/mocks -v ./extension.js:/opt/ngapimock/extension.js
``` 

or using docker-compose.yaml
```yaml
version: '3.3'

services:
  ngapimock-standalone:
    image: ngapimock/standalone:latest
    restart: always
    ports:
      - '3000:3000'
    expose:
      - '3000'
    volumes:
      - ./mocks:/opt/ngapimock/mocks
      - ./extension.js:/opt/ngapimock/extension.js
```

## Port
```
3000
```

## Mocks
The mocks are read from your volume mount to /opt/ngapimock/mocks


## extension.js
The extension.js file is read from your volume mount to /opt/ngapimock/extension.js

This is an optional feature that can be used for instance for proxing your requests.
```js
module.exports = {
    extend: extend
}
function extend(app) {
    console.log("extending the server");

    const { createProxyMiddleware } = require('http-proxy-middleware');

    app.use('/some/path', createProxyMiddleware({ target: 'https://some.api',changeOrigin: true,timeout: 5000}));
}
```

## Documentation on ng-apimock
Documentation about ng-apimock can be found at https://github.com/ng-apimock/core

## Dev-interface
The [dev-interface](https://github.com/ng-apimock/core) can be accessed under:
```
http://localhost:3000/dev-interface
```
npm package: @ng-apimock/protractor-plugin
Description: Protractor plugin for ng-apimock
Author: Mischa Dasberg
Latest version: 2.1.1

# ng-apimock/protractor-plugin 
protractor plugin for @ng-apimock/core

[![npm](https://img.shields.io/npm/v/@ng-apimock/protractor-plugin?color=success)](https://www.npmjs.com/package/@ng-apimock/protractor-plugin) 
[![Build Status](https://github.com/ng-apimock/protractor-plugin/workflows/CI/badge.svg)](https://github.com/ng-apimock/protractor-plugin/actions?workflow=CI) 
[![Quality Gate Status](https://sonarcloud.io/api/project_badges/measure?project=ng-apimock_protractor-plugin&metric=alert_status)](https://sonarcloud.io/dashboard?id=ng-apimock_protractor-plugin)
[![Dependabot Status](https://img.shields.io/badge/dependabot-active-success.svg?logo=dependabot)](https://dependabot.com)
![License](https://img.shields.io/github/license/sourcerer-io/hall-of-fame.svg?color=blue)
![ts](https://badgen.net/badge/-/typeScript/blue?icon=typescript&label)
[![jest](https://img.shields.io/badge/tested_with-jest-99424f.svg?color=blue)](https://github.com/facebook/jest)
[![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg?color=blue)](http://commitizen.github.io/cz-cli/)
[![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-blue.svg)](https://github.com/semantic-release/semantic-release)
![npm downloads](https://img.shields.io/npm/dm/@ng-apimock/protractor-plugin)


## Getting started
[Get started with @ng-apimock/protractor-plugin][gettingStarted].

## Changelog
[Learn about the latest improvements][changelog].

 
[gettingStarted]: https://ngapimock.org/docs/plugins/protractor-plugin
[api]: https://ngapimock.org/docs/api/select-scenario
[changelog]: https://github.com/ng-apimock/protractor-plugin/blob/master/CHANGELOG.md
npm package: @ng-apimock/webdriverio-plugin
Description: Webdriverio plugin for ng-apimock
Author: Mischa Dasberg
Latest version: 1.0.15

# webdriverio-plugin [![CircleCI](https://circleci.com/gh/ng-apimock/webdriverio-plugin.svg?style=svg)](https://circleci.com/gh/ng-apimock/webdriverio-plugin)  [![dependency Status](https://img.shields.io/david/ng-apimock/webdriverio-plugin.svg)](https://david-dm.org/ng-apimock/webdriverio-plugin) [![devDependency Status](https://img.shields.io/david/dev/ng-apimock/webdriverio-plugin.svg)](https://david-dm.org/ng-apimock/webdriverio-plugin#info=devDependencies)
webdriver plugin for @ng-apimock/core

### Usage
This plugin connects to ng-apimock and makes the plugin functions available within the tests.

Enable this plugin in your config file:

```js
exports.config = {
    plugins: {
       '@ng-apimock/webdriverio-plugin': {
           globalName: 'ngApimockWebdriverioPlugin' // optional option (defaults to ngApimock)  
       } 
    }
};
```

After registering the plugin, you can use it in your tests by calling it like this:

```js
describe('Some test', () => {
    it('does something', async () => 
        await ngApimock.selectScenario('my-mock-name', 'some-scenario'));
});
```

### Available plugin functions
The following functions are available. Each plugin function returns a promise.

##### selectScenario(name: string, scenario: string): Promise<any>;
Selects the given scenario (when calling this function without a scenario or with 'passThrough' as scenario name, the call will be passed through to the actual backend).

##### delayResponse(mockName: string, delay: number): Promise<any>;
Sets the delay time in milliseconds for the mock. This makes sure the response is delayed. The delay set here overrides the delay defined in the response mock.

##### echoRequest(name: string, echo: boolean): Promise<any>; 
Sets the indicator which enables / disables the request logging.

##### setVariable(key: string, value: string): Promise<any>;
Adds or updates the global variable.
    
##### setVariables(variables: {[key: string]: string;}): Promise<any>;
Adds or updates the global variables  ie. {'some':'value', 'another': 'value'}.
    
##### deleteVariable(key: string): Promise<any>;
Deletes the global variable.

##### resetMocksToDefault(): Promise<any>;
Resets all the mocks to the default state.

##### setMocksToPassThrough(): Promise<any>;
Sets all the mocks to pass through.

##### setPreset(name: string): Promise<any>;
Sets the mocks and variables in the selected state.
npm package: @ng-app-framework/module-template
Description: This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.0.0.
Latest version: 1.0.0

# AngularLibraryShell

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

## Development server

Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app 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/module`.

## Build

Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `-prod` flag for a production build.

## NPM Package Building

Run `npm run package` to use `ng-packagr` to build the package for npm to use.

Run `npm publish dist` to use the dist folder when publishing to npm.

## Running unit tests

Run `ng test` 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 README](https://github.com/angular/angular-cli/blob/master/README.md).
npm package: @ng-app-framework/notification
Description: ![Travis CI](https://travis-ci.org/ng-app-framework/example.svg?branch=master)
Latest version: 1.1.27

## Angular Module Example
![Travis CI](https://travis-ci.org/ng-app-framework/example.svg?branch=master)


### Mission Statement
In order to help the community (and myself of course) in building apps in a quick and painless fashion,
I have decided to work on an open source project to allow for quick building of angular libraries and apps.

This framework is to expand upon other technologies so we can develop useful tools for others to use.

### Instructions
#### For Development
- clone the repository
- run `npm install`
- put modules and angular code into the `src/app` folder
- put all test spec files and mocks into the `test` folder
- in the `src/app/index.ts` export each class/mock you want to allow external code to use
- update the `package.json` file with your module's name and such
- create new git repo for your module
- run `npm run package` so the module is bundled and ready to publish
- run `npm publish dist` so we get a npm package for that module

#### For Inclusion
- run `npm install @ng-app-framework/{module-name} --save-dev`
- you should be able to import any exported class from the module
npm package: @ng-app-framework/page-not-found
Description: ![Travis CI](https://travis-ci.org/ng-app-framework/example.svg?branch=master)
Latest version: 1.1.10

## Angular Module Example
![Travis CI](https://travis-ci.org/ng-app-framework/example.svg?branch=master)


### Mission Statement
In order to help the community (and myself of course) in building apps in a quick and painless fashion,
I have decided to work on an open source project to allow for quick building of angular libraries and apps.

This framework is to expand upon other technologies so we can develop useful tools for others to use.

### Instructions
#### For Development
- clone the repository
- run `npm install`
- put modules and angular code into the `src/app` folder
- put all test spec files and mocks into the `test` folder
- in the `src/app/index.ts` export each class/mock you want to allow external code to use
- update the `package.json` file with your module's name and such
- create new git repo for your module
- run `npm run package` so the module is bundled and ready to publish
- run `npm publish dist` so we get a npm package for that module

#### For Inclusion
- run `npm install @ng-app-framework/{module-name} --save-dev`
- you should be able to import any exported class from the module
npm package: @ng-ar/bg-svg
Description: This library help us to set background image for the component. You can wrap this(as top element) with any component's html element to give background effect to that component or wrap around `<router-outlet></router-outlet>` to get the same background to 
Author: Anand Raja
Latest version: 13.0.2

# Angular Background Svg

This library help us to set background image for the component. You can wrap this(as top element) with any component's html element to give background effect to that component or wrap around `<router-outlet></router-outlet>` to get the same background to all the pages.

# Installation

This is how to install the components:

```bash
npm install @ng-ar/bg-svg
```

or 

```bash
yarn add @ng-ar/bg-svg
```

> Minimum angular version needed for this library is v13.0.0.

And on your application module:

```ts
import { HttpClientModule } from '@angular/common/http';
import { BgSvgModule } from '@ng-ar/bg-svg';

@NgModule({
  declarations: [ ...],
  imports: [
    BrowserModule,
    ....,
    HttpClientModule,
    BgSvgModule
],
})
export class AppModule { }
```

- To make this work, your angular app should have `HttpClientModule` included in `AppModule`.

Usage in `html` view as below:

```html
<ng-ar-bg-svg imgPath="assets/images/bg.svg">
  ... top level html element
</ng-ar-bg-svg>
```

```html
<ng-ar-bg-svg imgPath="assets/images/bg.svg">
  <router-outlet></router-outlet>
</ng-ar-bg-svg>
```
or
```html
<ng-ar-bg-svg imgPath="assets/images/bg.svg" [isMinHeightSet]="false">
  <div>
    ...all the html logics for a certain component
  </div>
</ng-ar-bg-svg>
```

- The library receives a prop named `imgPath` that identifies svg image location. This prop is mandatory.
- Apart from this, we have 5 other optional props with boolean values.
- `isRepeat` is for whether to repeat the svg or not. Default value is `false`.
- `isFixed` is to determine whether svg is fixed or not (scrollable). Default value is `true`.
- `isCentre` is to determine whether svg is at centre or not (inherit). Default value is `true`.
- `isFull` is to determine whether svg is covering the whole screen or not (auto). Default value is `true`.
- `isMinHeightSet` is whether to set the view height to 100vh or not. Dafault value is `true`. If you apply `ng-ar-bg-svg ` tag to certain part of html (say header or some div block), I recommend to set this as false, as setting false will take the particular block's space only(not 100% view height).
npm package: @ng-ar/mask
Description: This angular npm library package will help us create input mask with more custom controls like preventing & allowing right click, meta keys.
Author: Anand Raja
Latest version: 14.0.4

# Angular mask

This angular npm library package will help us create input mask with more custom controls like preventing & allowing right click, meta keys.

# Demo preview:

Here is how the inputs with mask look like on the screen:

![Demo of ng-ar-mask](https://raw.githubusercontent.com/actionanand/ng-my-libraries/main/libs/mask/src/assets/images/ngar-mask.PNG)


# Installation

This is how to install the components:

```bash
npm install @ng-ar/mask
```

or 

```bash
yarn add @ng-ar/mask
```

> Minimum angular version needed for this library is v14.0.2.

And on your application module:

```ts
import { MaskModule } from '@ng-ar/mask';

@NgModule({
  declarations: [ ...],
  imports: [
    BrowserModule,
    ....,
    MaskModule
],
})
export class AppModule { }
```

We can use them as below in `HTML` view:

```html
<div class="container">
  <h1> Input Mask Examples </h1>

  <label>Phone:</label>
  <input ng-ar-mask="(999) 999-9999" [rightClick]="true" [metaKeys]="true">

  <label>International Phone Number</label>
  <input ng-ar-mask="+99 999 99 99 99">

  <label>Credit Card</label>
  <input ng-ar-mask="9999 9999 9999 9999">


  <label>VAT Number</label>
  <input ng-ar-mask="AA-9999 9999 9999 9999">

  <label>Date</label>
  <input ng-ar-mask="39/12/9999">

  <label>Text</label>
  <input value="ABCD">
</div>
```

How to use `ng-ar-mask` in html(general view):

```html
<input ng-ar-mask="AA-aa*9 9999 9999 9999" [rightClick]="true" [metaKeys]="true">
```

- Props `rightClick` and `metaKeys` are false by default. If you're not providing, default values will be taken.
When `metaKeys` is enabled, if you select the input, single key press (except meta keys) will clear your input. You can do copy & paste with keyboard, when `metaKeys` is enabled 
- Directive `ng-ar-mask` can fed with validators like number, characters.
  - When numeric value is provided, the input will be masked for that. For example, If you give `4`, all the values below `4` are only allowed.
  - If `A` is fed, it'll allow only all upper case alphabets.
  - If `a` is fed, it'll allow only all lower case alphabets.
  - If `*` is fed, it'll allow all the characters and numbers.
- Special characters to be used to prevent taking inputs are as described: `whitespace`, `/`, `(`, `)`, `+`, `\`, `-`, `,`

`SCSS` for the above mentioned demo:

```scss
.container {
  margin: 0 auto;
  max-width: 350px;
  padding-top:65px;

  & label {
    display: block;
    margin-top: 30px;
  }

  & input {
    border-radius: 4px;
    height: 30px;
    line-height: 30px;
    font-size: 17px;
    font-family: "Courier", serif;
    width:310px;
    margin-bottom: 30px;
    border: 2px solid darkgray;
    padding: 5px 10px 5px 10px;
  } 
}
```
npm package: @ng-arch/schematics
Description: This library was generated with [Nx](https://nx.dev).
Author: Artyom Kayun
Latest version: 0.1.0-alpha.24

# schematics

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

## Building

Run `nx build schematics` to build the library.

## Running unit tests

Run `nx test schematics` to execute the unit tests via [Jest](https://jestjs.io).