open-index/open-npm huggingface dataset:
npm package: @strg/behave-tracking-client-plugins
Description: STRG.BeHave - Tracking Client base plugins
Author: STRG.
Latest version: 0.5.2

# BeHave Tracking Plugins
This library contains standard BeHave tracking plugins, it is intended to use the plugins in the customer implementations and not standalone, they require [BeHave Tracking Client Library](https://bitbucket.strg.at/projects/BHV/repos/tracking-client-lib)

## Getting Started

### Prerequisites
- [Node 10](https://nodejs.org/)
- [NPM 6.4.1](https://www.npmjs.com/)
<br>

## plugin.scroll.js
The library is better known as breakpointmeter, it tracks the scroll depth in combination with `BeHave Tracking Client Library`.
<br>

### How to use:

#### config
```javascript
const config = {
  ARTICLE_SELECTOR: 'article',
}
```
<br>

#### init
```javascript
import { createScrollTracking } from '@strg-behave/tracking-client-plugins'

const scrollTracking = createScrollTracking()
scrollTracking.on('breakpoint', (event) => myTracker.track(event))
```
<br>

#### register
```javascript
const articleElement = [] // Cast to array and pick first found
  .concat(config.ARTICLE_SELECTOR)
  .map(selector => document.querySelector(selector))
  .filter(el => !!el)
  .shift()
if (articleElement) {
  scrollTracking.scrollDepth(articleElement, {
    eventKey: 'breakpoint.content.percent.max',
  })
}
```
<br>

## plugin.referrer.js
This plugin tracks the `window.referrer` URL

### How to use:

#### init
```javascript
import { createReferrerTracking } from '@strg-behave/tracking-client-plugins'

const referrerTracking = createReferrerTracking()
referrerTracking.on('referrer', (event) => myTracker.track(event))
```
<br>

## plugin.url.js
This plugin tracks the `window.location` URL

### How to use:

#### init
```javascript
import { createUrlTracking } from '@strg-behave/tracking-client-plugins'

const urlTracking = createUrlTracking()
urlTracking.on('url', (event) => myTracker.track(event))
```
<br>

## Development

### Installation
```bash
npm install
```
<br>

### Testing
```bash
npm run test
```
<br>

### Coverage Report
Starts an interactive http server on port `8888`.
```bash
npm run coverage

```
<br>

### ESLint
To check the code syntax integrity according to our ESLint specification run:
```bash
npm run lint
```

To autofix code syntax integrity run:
```bash
npm run lint:fix
```
<br>

## Versioning

We use [SemVer](http://semver.org/) for versioning. For the versions available, see the tags on this repository.
<br>
To increase a version and tag in GIT run:
```bash
npm version major|minor|patch
```
<br>

## Authors
* **[Ralf Traunsteiner](mailto:ralf.traunsteiner@strg.at)** - *plugin implementations*
* **[Nils Müller](mailto:nils.mueller@strg.at)** - *library*
npm package: @strg/eslint-config-graphql
Description: GraphQL ESLint configuration for STRG.
Author: STRG.
Latest version: 2.0.0

# eslint-config-graphql

Standard linting configuration for GraphQL projects developed by STRG.

## Installation

```bash
# install with npm
npm install -D @strg/eslint-config-graphql

# or with yarn
yarn add -D @strg/eslint-config-graphql
```

## Usage

```js
// .eslintrc.js
module.exports = {
  extends: [
    '@strg/eslint-config-graphql'
  ]
}
```

## Versioning

This project adheres to [Semantic Versioning](https://semver.org/).
npm package: @strg/eslint-config-node
Description: Node ESLint configuration for STRG.
Author: STRG.
Latest version: 2.0.0

# eslint-config-node

Standard linting configuration for Node.js projects developed by STRG.

## Installation

```bash
# install with npm
npm install -D @strg/eslint-config-node

# or with yarn
yarn add -D @strg/eslint-config-node
```

## Usage

```js
// .eslintrc.js
module.exports = {
  extends: [
    '@strg/eslint-config-node'
  ]
}
```

## Versioning

This project adheres to [Semantic Versioning](https://semver.org/).
npm package: @strg/eslint-config-nuxt
Description: Nuxt ESLint configuration for STRG.
Author: STRG.
Latest version: 2.0.0

# eslint-config-nuxt

Standard linting configuration for Nuxt.js projects developed by STRG.

## Installation

```bash
# install with npm
npm install -D @strg/eslint-config-nuxt

# or with yarn
yarn add -D @strg/eslint-config-nuxt
```

## Usage

```js
// .eslintrc.js
module.exports = {
  extends: [
    '@strg/eslint-config-nuxt'
  ]
}
```

## Versioning

This project adheres to [Semantic Versioning](https://semver.org/).
npm package: @strg/eslint-config-vue
Description: Vue ESLint configuration for STRG.
Author: STRG.
Latest version: 2.0.0

# eslint-config-vue

Standard linting configuration for Vue.js projects developed by STRG.

## Installation

```bash
# install with npm
npm install -D @strg/eslint-config-vue

# or with yarn
yarn add -D @strg/eslint-config-vue
```

## Usage

```js
// .eslintrc.js
module.exports = {
  extends: [
    '@strg/eslint-config-vue'
  ]
}
```

## Versioning

This project adheres to [Semantic Versioning](https://semver.org/).
npm package: @strg/logging-winston
Description: pre defined and formated error log configuration for Winston 3
Author: STRG.
Latest version: 3.1.0

[![Version npm](https://img.shields.io/npm/v/@strg/logging-winston.svg?style=for-the-badge&logo=npm&logoColor=white)](https://www.npmjs.com/package/@strg/logging-winston)
[![Renovate Status](https://img.shields.io/badge/renovate-enabled-brightgreen?logo=renovatebot&style=for-the-badge)](https://app.renovatebot.com/dashboard)
[![License](https://img.shields.io/github/license/strg-at/logging-winston?style=for-the-badge&color=brightgreen)](https://github.com/strg-at/logging-winston/blob/master/LICENSE)

# @strg/logging-winston
This library provides a preconfigured winston logger that can be used in any typescript or node project it is based on winston3.

## Getting Started

### Prerequisites
- [Node v10](https://nodejs.org) or greater, NPM v6.4.1
<br>
<br>

### Installing the library

```bash
npm install winston @strg/logging-winston
```

### Using the client library
```javascript
import {logger} from '@strg/logging-winston'

logger.info(`${'hello world'}`)

```
### Error "cause"
For all errors with a parent "cause", messages and stacktrace will be displayed hierarchically.
```javascript
const error = new Error('Child Error', { cause: new Error('Parent Error')})
logger.error(error) // will display stacktrace and original message for child and parent errors
```

### ENV

|    | Description | Default |
|:---|:------------|:--------|
| **NODE_LOG_FORMAT** | _`SIMPLE`_, _`JSON`_ | `JSON` |
| **NODE_LOG_LEVEL** | _`fatal`_,  _`error`_, _`warn`_, _`info`_, _`trace`_, _`debug`_ | `info` |
| **NODE_LOG_STACK_KEY** | the key of the stacktrace (require `NODE_LOG_FORMAT=JSON`) | `stack_trace` |

<br>
<br>

## Specification
This library aims to standarize the logging output in all node or typescript based applications.
<br>
<br>

## Development

### Testing
`#TBD`

### Coverage Report
`#TBD`

## Versioning

We use [SemVer](http://semver.org/) for versioning. For the versions available, see the tags on this repository.
<br>
<br>


## Authors
* **[Nils Müller](mailto:nils.mueller@strg.at)** - *implementation*
npm package: @strg/prettier-config
Description: Prettier configuration for STRG.
Author: STRG.
Latest version: 1.0.0

# prettier-config

Standard prettier configuration by STRG.

## Installation

```bash
# install with npm
npm install -D @strg/prettier-config

# or with yarn
yarn add -D @strg/prettier-config
```

## Usage

```js
// .prettierrc.js
module.exports = {
  ...require('@strg/prettier-config')
}
```

## Versioning

This project adheres to [Semantic Versioning](https://semver.org/).
npm package: @strg/react-snip
Description: React component to clamp text to a specified number of lines.
Author: STRG.
Latest version: 0.2.1

# react-snip

React.js component that clamps the content of a text element if it exceeds the specified number of lines.

#### Key features:
* two snipping approaches (CSS / JavaScript)
* no need to specify line heights
* re-snipping on element resize
* no dependencies (small and fast)

![](assets/illustration.png)

## Installation

``` bash
# install with npm
npm install @strg/react-snip

# or with yarn
yarn add @strg/react-snip
```

## Usage

``` js
import { ReactSnip } from '@strg/react-snip'
```

The basic usage:

``` jsx
<ReactSnip>
  <p> ... </p>
</ReactSnip>
```
To pass in the `lines` value:

``` jsx
<ReactSnip lines={3}>
  <p> ... </p>
</ReactSnip>
```

To pass in the snipping `method`:

``` jsx
<ReactSnip lines={3} method={"js"}>
  <p> ... </p>
</ReactSnip>
```

*Note: At this point the component is only meant to work with simple text elements.*


## Props

| Name | Default | Description |
| --- | --- | --- |
| method | `'css'` | Gives you control over the snipping approach used. Should equal `'css'` or `'js'`. |
| lines | `3` | Maximum number of lines allowed for the element. |
| midWord | `true` | Defines if the text can be snipped in the middle of a word. |
| ellipsis | `'.\u200A.\u200A.'` | A character or a group of characters displayed at the end of the snipped text. |

*Note: Props `midWord` and `ellipsis` are only effective with JS method.*

## How it works

- **CSS** approach is based on the `-webkit-line-clamp`.
- **JavaScript** approach is based on the progressive cutting of the element's `innerText` in a loop.

*Note: CSS approach is faster (preferred), but does not work in older browsers / in all situations (f.e. does not work in IE11, when you need the text to flow around a floated element, or when you want a custom ellipsis). The idea is to allow you to freely pick the approach on a per-element basis.*

### Caveats

For the component to be able to determine the number of lines properly, the height of the element should be the same as the height of the text. Be wary of any CSS steps that will affect the height of the element. Some of the common examples:
* vertical paddings
* fixed height / fixed min-height
* making the element a flex-item (flex container's `align-items` defaults to `stretch`)
* making the element height grow with the `flex-grow` in the column flex layout.

*Note: You can still use the component with flexbox, just make sure to change the default `align-items` / `align-self` value to `flex-start` or whatever fits your case.*

## IE11 Support

IE11 does not support `-webkit-line-clamp` (falls back to the JS method), and the `ResizeObserver API`. This API needs to be polyfilled if you want to re-snip the elements on the resize in IE11 (they would still get snipped when inserted / on prop change without the polyfill). Recommended: [@juggle/resize-observer](https://www.npmjs.com/package/@juggle/resize-observer)

``` javascript
import { ResizeObserver as Polyfill } from '@juggle/resize-observer';
 
window.ResizeObserver = window.ResizeObserver || Polyfill;
```
npm package: @strg/stylelint-config-scss
Description: SCSS Stylelint configuration for STRG.
Author: STRG.
Latest version: 1.1.0

# stylelint-config-scss

Standard linting configuration for SCSS by STRG.

## Installation

```bash
# install with npm
npm install -D @strg/stylelint-config-scss

# or with yarn
yarn add -D @strg/stylelint-config-scss
```

## Usage

```js
// stylelint.config.js
module.exports = {
  extends: [
    '@strg/stylelint-config-scss'
  ]
}
```

## Versioning

This project adheres to [Semantic Versioning](https://semver.org/).
npm package: @strgfeapp/discord-gamecord
Description: Colección de minijuegos de discord para StrGfe APP
Author: StrGfe#0000
Latest version: 1.0.3

# **StrGfe APP / Discord Game's NPM**

<p align="center">
  <a href="https://www.npmjs.com/package/@strgfeapp/discord-gamecord">
    <img src="https://img.shields.io/npm/dt/@strgfeapp/discord-gamecord?style=for-the-badge" alt="npm" />
  </a>

  <a href="https://discord.strgfe.xyz/">
    <img src="https://img.shields.io/discord/800631529351938089?color=5865F2&label=StrGfe&style=for-the-badge" alt="Discord Server" />
  </a>
</p>

> **NPM Forkeado de discord-gamecord para uso personal del bot de discord StrGfe APP**


## **📚 Uso**
```js
const { Snake } = require('discord-gamecord');

const Game = new Snake({
  message: message,
  isSlashGame: false,
  embed: {
    title: 'Snake Game',
    overTitle: 'Game Over',
    color: '#5865F2'
  },
  emojis: {
    board: '⬛',
    food: '🍎',
    up: '⬆️', 
    down: '⬇️',
    left: '⬅️',
    right: '➡️',
  },
  stopButton: 'Stop',
  timeoutTime: 60000,
  snake: { head: '🟢', body: '🟩', tail: '🟢', over: '💀' },
  foods: ['🍎', '🍇', '🍊', '🫐', '🥕', '🥝', '🌽'],
  playerOnlyMessage: 'Only {player} can use these buttons.'
});

Game.startGame();
Game.on('gameOver', result => {
  console.log(result);  // =>  { result... }
});
```


## **❔ Ayuda**
<a href="https://discord.strgfe.xyz/"><img src="https://invidget.switchblade.xyz/sH8aaX9cQp" alt="Discord"></a>
npm package: @strgfeapp/discord-giveaways
Description: NPM de giveaways para StrGfe APP
Author: StrGfe#0000
Latest version: 1.0.0

# **StrGfe APP / Discord GiveAway's NPM**

<p align="center">
  <a href="https://www.npmjs.com/package/@strgfeapp/discord-giveaways">
    <img src="https://img.shields.io/npm/dt/@strgfeapp/discord-giveaways?style=for-the-badge" alt="npm" />
  </a>

  <a href="https://discord.strgfe.xyz/">
    <img src="https://img.shields.io/discord/800631529351938089?color=5865F2&label=StrGfe&style=for-the-badge" alt="Discord Server" />
  </a>
</p>

> **NPM Forkeado de discord-giveaways para uso personal del bot de discord StrGfe APP**

## **❔ Ayuda**

<a href="https://discord.strgfe.xyz/"><img src="https://invidget.switchblade.xyz/sH8aaX9cQp" alt="Discord"></a>