open-index/open-npm huggingface dataset:
npm package: @rapitkan/app-button
Description: Button component
Author: Raimo Pitkänen
Latest version: 0.0.4

![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)

WIP
npm package: @rapitkan/app-icon
Description: Icon component with animation support
Author: Raimo Pitkänen
Latest version: 0.0.6

![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)

The component utilizes Font Awesome and Animate.css libraries.

## API

* pref: String. Prefix of an icon class. Typically either fas or far. See Font Awesome for reference.
* icon: String. Font Awesome's class name.
* isAnimated: Boolean. If true the icon is infinitely animated.
* animation: String. One of the animation class names of Animate.css (e.g. bounce, fadeIn, ...)
* color: String. Color of the icon.
* size: String. List of accepted values is: xs, sm, md, lg, xl.

## How to use

Add these style sheet links to your index.html:
```
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
```
```
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.css" />
```

OR add the styles above by some other way.

### Examples
```
<app-icon pref="fas" icon="home" is-animated="true" animation="bounce" color="#ff6600" size="xl"></app-icon>
```
npm package: @raposify/eslint-config
Description: Raposify's ESLint configuration
Author: Raposify Solutions Inc
Latest version: 1.9.0

# ESLint Configuration

> Shared JS configuration for Raposify apps

This is an NPM package to be used across all Javascript projects in Raposify.
It is based on the official recommended configurations for the following ESLint plugins:

- ESLint
- React (configured for Preact)
- Jest
- Prettier

## How to use

1. In your project, install this package as a dev dependency:
   ```
   > npm i eslint @raposify/eslint-config -D
   ```
1. Add the following to your `package.json` file
   ```
   "eslintConfig": {
     "extends": "@raposify"
   }
   ```

## How to update

To update this package

1. Clone the repo
   ```
   > git clone https://gitlab.com/raposify/eslint-config.git
   ```
1. Install dependencies
   ```
   > npm i
   ```
1. Modify rules in `index.js`
1. Test the package by creating a new project, then installing this package with
   ```
   > npm i path/to/this/repo -D
   ```
   Follow the "How to use" instructions (above).
1. Commit changes to this repo
1. Increment the version in `package.json`
   ```
   > npm version <patch|minor|major>
   ```
1. Commit version upgrade to this repo
1. Go back to the package directory and publish it
   ```
   > npm publish --access public
   ```
npm package: @raposify/parcel-plugin-obfuscate
Description: Uses javascript-obfuscator to obfuscate entry files
Author: JABUCO
Latest version: 2.0.0

# parcel-plugin-obfuscate [![npm version](https://badge.fury.io/js/parcel-plugin-obfuscate.svg)](https://npmjs.com/package/parcel-plugin-obfuscate) [![npm dependencies](https://david-dm.org/jabuco/parcel-plugin-obfuscate.svg)](https://github.com/jabuco/parcel-plugin-obfuscate.git)

This plugin allows you to obfuscate entry javascript files using [javascript-obfuscator](https://github.com/javascript-obfuscator/javascript-obfuscator).

## Getting Started

To get started using your favourite package manager.

### install using yarn

> yarn add -D parcel-plugin-obfuscate

### install using npm

> npm install -D parcel-plugin-obfuscate

## Example

from this:

```
// original
class Something {
    constructor(){
        this.type = "js";
    }
}
```

to this:

```
// obfuscated
var _0x53ed=['type'];(function(_0x5de549,_0xe388a2){var _0x3bfb0e=function(_0x284f19){while(--_0x284f19){_0x5de549['push'](_0x5de549['shift']());}};_0x3bfb0e(++_0xe388a2);}(_0x53ed,0x13f));var _0x168c=function(_0x3efb93,_0x362405){_0x3efb93=_0x3efb93-0x0;var _0x4682eb=_0x53ed[_0x3efb93];return _0x4682eb;};class Something{constructor(){this[_0x168c('0x0')]='js';}}
```

## Tests

This plugin has basic test to ensure that everything works as expected. You can find these tests under `test` or run them using the `test` script.

### test using yarn

> yarn test

### test using npm

> npm run test