open-index/open-npm huggingface dataset:
npm package: @standuply/ng2-emoji
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 9.1.9.
Author: Ahsan Ayaz
Latest version: 9.0.1

## Installation

To install this library, run:

```bash
$ npm install @standuply/ng2-emoji --save
```

## Usage

`VERY IMPORTANT`
In one of your css/scss files. include these styles:

```css
.emoji{
    display:inline-block;
}
```

In your Angular `AppModule`:

```typescript
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';

// Import your library
import { Ng2EmojiModule } from '@standuply/ng2-emoji';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,

    // Include the awesome
    Ng2EmojiModule.forRoot()
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }
```

In your `index.html`:
```xml
<link href="./node_modules/@standuply/ng2-emoji/css/ng2-emoji.css" rel="stylesheet">
```

OR if using angular-cli.json, use:
```json
 "apps": [
    {
      ...
      "styles": [
        "styles.css",
        "../node_modules/ng2-emoji/css/ng2-emoji.css"
      ],
      ...
  ]
```

In your component where you want to use `ng2-emoji`, just use:
```xml
 <div class="message-container" [innerHTML]="myMessageString | emojis">
 </div>
```
where the model `myMessageString` inside your `@Component` will be:

```typescript
...
export class MyComponent {
    public messageString: String = "";
    constructor() {
        this.myMessageString = 'Hello, how are you? :smile: It was fun at the bowling game the other day :joy:';
    }
}
```
npm package: @standuply/ng2-material-dropdown
Description: Angular material-like dropdown component
Author: Giancarlo Buomprisco
Latest version: 11.0.0

# Angular2 Dropdown Component

Material-like dropdown component for Angular2.

## Install

    npm install ng2-material-dropdown --save

## Usage

Once installed, import the directives and use it them your container component:

```html
<ng2-dropdown>
    <ng2-dropdown-button>
        Open Menu
    </ng2-dropdown-button>
    <ng2-dropdown-menu>
        <ng2-menu-item *ngFor="let page of pages">
            {{ page }}
        </ng2-menu-item>

        <div class='ng2-menu-divider'></div>

        <ng2-menu-item>
            With Divider
        </ng2-menu-item>
    </ng2-dropdown-menu>
</ng2-dropdown>
```

```javascript
// import module
import { Ng2DropdownModule } from 'ng2-material-dropdown';

@NgModule({
    imports: [ Ng2DropdownModule ]
    // ..
})
export class MyModule {}
```

## API

`ng2-dropdown`
- **`dynamicUpdate`** - **`[?boolean]`** : option to disable the dynamic update of the position on scroll events (defaults to `true`)
- **`onItemSelected()`** - **`[(onItemSelected($event)]`** : event that emits the currently selected/hovered item
- **`onItemClicked()`** - **`[(onItemClicked($event)]`** : event that emits the item clicked on
- **`onShow()`** - **`[(onItemClicked($event)]`** : event that emits when the dropdown gets shown
- **`onHide()`** - **`[(onItemClicked($event)]`** : event that emits when the dropdown gets hidden

`ng2-dropdown-menu`
- **`focusFirstElement`** - **`[?boolean]`** : by default the first element is immediately focused. You can disable by setting this option to false
- **`width`** - **`[?number]`**: this determines the width of the menu. Possible values are 2, 4 and 6. By default, this is set to 4
- **`offset`** - **`[?string]`**: offset to adjust the position of the dropdown with absolute values
- **`appendToBody`** - **`[?boolean]`** : by default the dropdown is appended to the body, but you can disable this by setting it to `false`


`ng2-dropdown-button`
- **`showCaret`** - **`[?boolean]`** : if present, a caret will be appended to the button's text

`ng2-menu-item`
- **`preventClose`** - `[?boolean]` : if present, this attribute prevents the menu to hide when the menu item is clicked
- **`value` - `[?any]`** : any value that you may want to attach to a menu item. Useful for using this component with other components.
npm package: @standuply/redact-secrets
Description: Deeply iterate over an object and redact secret values by replacing them with a predefined string
Author: Thomas Watson Steen
Latest version: 1.0.3

# redact-secrets

Deeply iterate over an object and redact secret values by replacing them
with a predefined string.

[![Build status](https://travis-ci.org/watson/redact-secrets.svg?branch=master)](https://travis-ci.org/watson/redact-secrets)
[![js-standard-style](https://img.shields.io/badge/code%20style-standard-brightgreen.svg?style=flat)](https://github.com/feross/standard)

## Installation

```
npm install redact-secrets --save
```

## Usage

```js
var redact = require('redact-secrets')('[REDACTED]')

var obj = {
  username: 'watson',
  password: 'hhGu38gf',
  extra: {
    id: 1,
    token: 'some-secret-stuff'
    card: '1234 1234 1234 1234'
  }
}

console.log(redact.map(obj))
// {
//   username: 'watson',
//   password: '[REDACTED]',
//   extra: {
//     id: 1,
//     token: '[REDACTED]'
//     card: '[REDACTED]'
//   }
// }
```

## API

### `redact = Redact(string)`

This module exposes a init function which takes a single argument: The
`string` used as a replacement variable for values that are redacted.

The init function returns an object holding two functions: `map` and
`forEach`.

### `redact.map(obj)`

Returns a clone of the given `obj` with its secret values redacted.

### `redact.forEach(obj)`

Redacts the secret values of the `obj` in-place.

## License

MIT
npm package: @standuply/socket-tunnel
Description: Tunnel HTTP Connections via socket.io streams.
Author: Standuply
Latest version: 2.1.5

# socket-tunnel

Tunnel HTTP Connections via socket.io streams.


**Note:** this doc may be outdated. Look at `DEV.md` for the latest instructions.


It's a fork of not popular, but very strong implementation of tunneling requests over socket.io. Original [repo](https://github.com/ericbarch/socket-tunnel).

Changes from the original describes in [Pull Request](https://github.com/ericbarch/socket-tunnel/pull/2)

## Usage

### Server

1. Run ```npm i -g @standuply/socket-tunnel```

2. Run ```st-server --help```

```
Usage: node ./bin/server --hostname [string] --port [number] --subdomain [string]

Options:
  -h, --hostname   Accepts connections on the hostname                                        [default: "127.0.0.1"]
  -p, --port       Listens port in OS                                                         [default: 3000]
  -s, --subdomain  Name of subdomain uses. It's required when server listens on a subdomain.  [default: ""]
```

3. If using Nginx as proxy to your server, then configure Nginx by sample below:

```
# Example of Nginx config to proxying requests to socket-tunnel server
server {
    # 10.10.0.1 is an external ip of your server
    # Also, may use https 443 port    
    listen 10.10.0.1:80;
        
    server_name subdomain.example.com *.subdomain.example.com;
    
    # Uncomment these lines if using 443 port
    # ssl on;
    # ssl_certificate /path/to/certificate/file.crt;
    # ssl_certificate_key /path/to/key/file.key;
    # ssl_prefer_server_ciphers on;

    location / {
        # 127.0.0.1:3000 is address of your ran socket-tunnel server
        proxy_pass http://127.0.0.1:3000/;

        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header Host $http_host;
        proxy_http_version 1.1;
        
        # Use 'https' instead if using 443 port
        proxy_set_header X-Forwarded-Proto http;
        
        proxy_set_header X-NginX-Proxy true;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection 'upgrade';

        proxy_redirect off;
    }
}

```

4. Add DNS entry like *.domain.com or *.subdomain.domain.com

5. Run st-server with your options and enjoy :clap:


### Client

1. Run ```npm i -g @standuply/socket-tunnel```

2. Run ```st-client --help```

```
Usage: node ./bin/client --server [string] --subdomain [string] --hostname [string] --port [number]

Options:
  -s, --server        (Required) Tunnel server endpoint                                
  --sub, --subdomain  (Required) Name of tunneling resource                            
  -h, --hostname      Address of local server for forwarding over socket-tunnel          [default: "127.0.0.1"]
  -p, --port          (Required) Port of local server for forwarding over socket-tunnel

```

3. Run st-client with your options and enjoy :clap:


## Credits

Forked by Igor Perevozchikov.

## License

This project is licensed under the MIT License - see the LICENSE file for details
npm package: @standupx/rc-datepicker
Description: DatePicker and DatePickerInput to be used with React
Author: Francesco Cioria
Latest version: 5.1.0

[![NPM](https://nodei.co/npm/rc-datepicker.png?downloads=true&downloadRank=true&stars=true)](https://nodei.co/npm/rc-datepicker/)

# React Datepicker
A decent and pretty date picker to be used with React


![image](https://cloud.githubusercontent.com/assets/4029499/21563371/023efd1a-ce82-11e6-862e-692c73f1370b.png)


```jsx
import 'moment/locale/it.js';
import { DatePicker, DatePickerInput } from 'rc-datepicker';

const date = '2015-06-26' // or Date or Moment.js

onChange = (jsDate, dateString) => {
  // ...
}

React.renderComponent(
  <div>
    // this renders the full component (input and datepicker)
    <DatePickerInput
      onChange={onChange}
      value={date}
      className='my-custom-datepicker-component'
      {...anyReactInputProps}
    />

    // this renders only a fixed datepicker
    <DatePicker onChange={onChange} value={date} />
  </div>,
  document.body
);
```

You can see a live demo [here](https://rawgit.com/buildo/react-semantic-datepicker/master/examples/build/index.html)

or check the full examples [here](https://github.com/buildo/react-semantic-datepicker/tree/master/examples)

**FOR WEBPACK USERS:** webpack by default imports every locale. Please take a look at [this question](http://stackoverflow.com/questions/25384360/how-to-prevent-moment-js-from-loading-locales-with-webpack) on Stack Overflow for possible solutions.

## Install
```
npm install --save rc-datepicker
```
The npm package is compiled in JavaScript 5

## Changelog
See [CHANGELOG.md](https://github.com/buildo/rc-datepicker/blob/master/CHANGELOG.md)

## DatePickerInput API
See [this readme](https://github.com/buildo/rc-datepicker/blob/master/src/README.md)

## Locales
`DatePicker` and `DatePickerInput` use **Moment.js**, therefore they support any locale inside "moment/locale".

To select a locale you need to require it **before** requiring the datepicker or moment anywhere in your app: this way it will be automatically selected as current locale.

```js
import 'moment/locale/fr.js' // or 'rc-datepicker/node_modules/moment/locale/fr.js' if you don't have it in your node_modules folder

import { DatePickerInput } from 'rc-datepicker';
```

`DatePickerInput` will now use French locale by default.

### Switch between locales
You can switch between locales by passing the prop "locale" to `DatePickerInput` or `DatePicker`.

**WATCH OUT** this method requires the wanted locale to be already available in your bundle which is only true if you had already imported it or if you're using `moment-with-locales.min.js`

```jsx
import 'moment/locale/fr.js'
import 'moment/locale/es.js'

<DatePicker locale='es' />
```

## Style
`DatePickerInput` and `DatePicker` come with their own default style. In order to use it you should import it in your project as follows:

```js
import 'rc-datepicker/lib/style.css';
```

## Examples

```shell
$ npm install
$ npm start
$ open http://localhost:8080
```