open-index/open-npm huggingface dataset:
npm package: @iume/react-native-spinkit
Description: A collection of animated loading indicators for React Native
Author: Maxime Mezrahi
Latest version: 2.1.1

# react-native-spinkit

[![npm](https://img.shields.io/npm/dm/react-native-spinkit.svg?maxAge=2592000)]()
[![npm](https://img.shields.io/npm/dt/react-native-spinkit.svg?maxAge=2592000)]()   

A collection of animated loading indicators   
React native port of [SpinKit](http://tobiasahlin.com/spinkit/).

## Preview
![](http://i.imgur.com/AwJsakU.gif)

## Getting started

`npm install react-native-spinkit@latest --save`
For RN < 0.40 support, use react-native-spinkit@0.1.5

##### Automatically link the library
`react-native link`

> For RN projects < 0.29 link the library automatically using [RNPM](https://github.com/rnpm/rnpm)
`rnpm link react-native-spinkit`

##### Manual linking - IOS
Follow the wiki available [here](https://github.com/maxs15/react-native-spinkit/wiki/Manual-linking---IOS)

##### Manual linking - Android
Follow the wiki available [here](https://github.com/maxs15/react-native-spinkit/wiki/Manual-linking---Android)

## Example
Check [index.ios.js](https://github.com/maxs15/react-native-spinkit/blob/master/Example/index.ios.js) in the Example folder.

## Properties

| Prop  | Default  | Type | Description |
| :------------ |:---------------:| :---------------:| :-----|
| isVisible | `true` | `boolean` | Visibility of the spinner |
| color | #000000 | `string` | Color of the spinner  |
| size | 37 | `number` | Size of the spinner |
| type | Plane | `string` | Style type of the spinner |

### List of available types

- CircleFlip
- Bounce
- Wave
- WanderingCubes
- Pulse
- ChasingDots
- ThreeBounce
- Circle
- 9CubeGrid
- WordPress (IOS only)
- FadingCircle
- FadingCircleAlt
- Arc (IOS only)
- ArcAlt (IOS only)

## Acknowledgements

IOS library: [SpinKit-ObjC](https://github.com/raymondjavaxx/SpinKit-ObjC)   
Android  library: [Android-SpinKit](https://github.com/ybq/Android-SpinKit)

## License

(c) 2016 Maxime Mezrahi, [MIT license](/LICENSE).
npm package: @iume/react-native-text-field
Description: React native component with custom TextInput element
Author: Darlei Kroth
Latest version: 1.0.2

# react-native-text-field

### Install

```
npm i --save @iume/react-native-text-field
```
or
```
yarn add @iume/react-native-text-field
```

### Properties

Name | Description | Type | Default
--- | --- | --- | ---
`type` | Set `text` to use as TextInput. If `view` is selected, the field will not editable. Default value is `text`. | `text` \| `view` | `text`
`underlineColor` | The underline color when the field is not focused. | `string` | `rgba(0, 0, 0, .12)`
`underlineColorFocused` | The underline color when the field is focused. | `string` | `rgba(0, 0, 0, .38)`
`underlineWidth` | The underline width when the field is not focused. | `number` | `1`
`underlineWidthFocused` | The underline width when the field is focused. | `number` | `1.5`
`inputRef` | Ref for the TextInput. | `React.Ref<TextInput>` |
`containerStyle` | Style for fields container. | `ViewStyle` |
`style` | Style for TextInput and Text. | `TextStyle` |
`activeOpacity` | Determines what the opacity of the wrapped view should be when touch is active. Defaults to 0.5. | `number` | `0.5`
`elementRight` | Render an element at right side. | `JSX.Element` |
`disabled` | Disables the element. | `boolean` | `false`
`onPress` | Called when the touch is released. This event is just available if `type` property is set to `view`. |
npm package: @iume/react-native-view-pager
Description: ViewPager component for react-native on both Android and IOS
Author: Darlei Kroth
Latest version: 1.0.0

# react-native-view-pager

### Install

```
npm i --save @iume/react-native-view-pager
```
or
```
yarn add @iume/react-native-view-pager
```

### Properties

Name | Type
--- | ---
`count` | `number`
`selectedIndex` | `number`
`bounces` | `boolean`
`scrollEnabled` | `scrollEnabled`
`children` | `JSX.Element` \| `JSX.Element[]`
`style` | `ViewStyle`
`onSelectedIndexChange` | `(index: number) => void`
npm package: @iunu-inc/code-style
Description: IUNU's code style configs
Author: Louis Orleans
Latest version: 0.0.12

# IUNU Code Style Guide

A bunch of configuration files for code style standards. Intended to be shared across all IUNU's repos.

## Usage

### Add config files

1. Install the files

    ```sh
    npm i -D @iunu-inc/code-style
    npx add-code-style
    ```

1. Verify settings match the type of project you're working on.

    ESLint in particular has a bunch of settings that will vary base on the type of project you're working on. Node vs browser, what version of ES / TS you're working with, etc.

    We provide some other eslint configs for different environments:

    - [`@iunu-inc/node`](../eslint-config-node/README.md)
    - [`@iunu-inc/typescript`](../eslint-config-typescript/README.md)

### Consider adding some editor settings

-   VS Code

    [.vscode/settings.json](.vscode/settings.json)

-   Vim

    ```vim
    let g:prettier#autoformat_config_present = 1
    let g:prettier#autoformat_require_pragma = 0
    ```

### Consider installing editor plugins

This will automatically apply formatting and linting to your files.

-   [VS Code](.vscode/extensions.json)
-   Vim
    -   https://github.com/prettier/vim-prettier
    -   https://github.com/editorconfig/editorconfig-vim
    -   https://github.com/vim-syntastic/syntastic
-   IntelliJ IDEA
    -   https://www.jetbrains.com/help/idea/prettier.html
    -   https://www.jetbrains.com/help/idea/editorconfig.html
    -   https://www.jetbrains.com/help/idea/eslint.html
-   Sublime Text
    -   https://packagecontrol.io/packages/JsPrettier
    -   https://packagecontrol.io/packages/EditorConfig
    -   https://github.com/SublimeLinter/SublimeLinter-eslint

### Formatting a pre-existing project

1. Make sure you've got a clean working tree
1. Run Prettier

    ```sh
    prettier -w
    ```

1. Commit changes

    ````sh
    git add .
    git commit --author="Prettier (see commit msg) <software@iunu.com>" \
    -m "🎨 format with prettier (see message)" -m \
    'To see the original author of a line with `git blame`, use:

    ```sh
    git config blame.ignoreRevsFile .git-blame-ignore-revs
    ```

    This will configure git to ignore this commit when looking at history for `blame`.'
    ````

1. Add formatting commit hash to `.git-blame-ignore-revs`

    This makes `git blame` ignore the formatting commit so you can see the actual author of the line.

1. Commit `.git-blame-ignore-revs`

    ````sh
    git add .git-blame-ignore-revs
    git commit -m "🔧 add git-blame-ignore-revs" -m \
    'Run the following command to ignore the repo-wide prettier format

    ```sh
    git config blame.ignoreRevsFile .git-blame-ignore-revs
    ```'
    ````

1. Setup git to ignore the formatting commit

    ```sh
    git config blame.ignoreRevsFile .git-blame-ignore-revs
    ```
npm package: @iunu-inc/eslint-config-node
Description: IUNU's node ESLint config
Author: Louis Orleans
Latest version: 0.0.11

# @iunu-inc/eslint-config-node

IUNU's node eslint config

## Usage

1. Install this config plugin as a dev dependency.

    ```sh
    npm i -D @iunu-inc/eslint-config-node
    ```

1. Add the plugin to your `eslintrc`.

    ```yaml
    extends:
        - '@iunu-inc/node'
    ```

1. You might also want to specify an `ecmaVersion`.

    ```yaml
    parserOptions:
        ecmaVersion: 2022
    ```
npm package: @iunu-inc/eslint-config-typescript
Description: IUNU's Typescript ESLint config
Author: Louis Orleans
Latest version: 0.0.12

# @iunu-inc/eslint-config-typescript

IUNU's Typescript eslint config

## Usage

1. Install this config plugin as a dev dependency.

    ```sh
    npm i -D @iunu-inc/eslint-config-typescript
    ```

1. Add the plugin to your `eslintrc`.

    You'll also want to have another eslint config for your environment. In this example, we'll use [the node one](../eslint-config-node/README.md) (which you'll need to install separately).

    ```yaml
    extends:
        - '@iunu-inc/node'
        - '@iunu-inc/typescript'
    ```

1. You might want to add some `ignorePatterns` to not lint your transpiled JS.

    ```yaml
    ignorePatterns:
        - '/out'
    ```
npm package: @iuriiiurevich/sonner
Description: An opinionated toast component for React.
Author: Emil Kowalski
Latest version: 1.7.1-alpha.3

https://github.com/vallezw/sonner/assets/50796600/59b95cb7-9068-4f3e-8469-0b35d9de5cf0

[Sonner](https://sonner.emilkowal.ski/) is an opinionated toast component for React. You can read more about why and how it was built [here](https://emilkowal.ski/ui/building-a-toast-component).

## Usage

To start using the library, install it in your project:

```bash
npm install sonner
```

Add `<Toaster />` to your app, it will be the place where all your toasts will be rendered.
After that you can use `toast()` from anywhere in your app.

```jsx
import { Toaster, toast } from 'sonner';

// ...

function App() {
  return (
    <div>
      <Toaster />
      <button onClick={() => toast('My first toast')}>Give me a toast</button>
    </div>
  );
}
```

## Documentation

Find the full API reference in the [documentation](https://sonner.emilkowal.ski/getting-started).
npm package: @iurra/chickpea-stew
Description: Enrich Garbanzo projects with JHipster cubes
Author: Imanol Urra
Latest version: 0.3.7

# Chickpea stew

Enrich Garbanzo projects with JHipster cubes.

**Examples:**

- Create Garbanzo backend project:

`stew backend --source=/home/user/route/to/project/tools/jhipster --target=/home/user/route/to/project/target --package=com.chickpea.stew`

`guisar backend --source=/home/user/route/to/project/tools/jhipster --target=/home/user/route/to/project/target --package=com.chickpea.stew`

- Create Garbanzo frontend project:

`stew frontend --source=/home/user/route/to/project/tools/jhipster --target=/home/user/route/to/project/target`

`guisar frontend --source=/home/user/route/to/project/tools/jhipster --target=/home/user/route/to/project/target`



**More info:**

based on https://www.twilio.com/blog/how-to-build-a-cli-with-node-js tutorial
npm package: @iursevla/build-ng-packagr
Description: Angular Build Architect for ng-packagr with asset handling
Author: Linnenschmidt
Latest version: 10.0.4

# Angular Build Architect for ng-packagr with asset handling

The default Angular build architect _@angular-devkit/build-ng-packagr_ for ng-packagr doesn't copy assets of libraries.
Most library projects have assets which was mentioned here
[/angular/angular-cli/issues/11071](https://github.com/angular/angular-cli/issues/11071#issuecomment-451271094).

This Angular Build Architect solves the known issue of _@angular-devkit/build-ng-packagr_ even if you only copy assets.

## How to install

Install `@linnenschmidt/build-ng-packagr` into your angular project.
```bash
npm install @linnenschmidt/build-ng-packagr --save-dev
```
or
```bash
yarn add @linnenschmidt/build-ng-packagr --dev
```

## How to use

1. Replace the build architect of your libraries by  `@linnenschmidt/build-ng-packagr:build`.
    ```json
   "architect": {
     "build": {
       "builder": "@linnenschmidt/build-ng-packagr:build",
    ```
2. Add your assets glob rules to the options section like as you normally do for apps
    ```json
   "options": {
     "project": "projects/lib/ng-package.json",
     "tsConfig": "projects/lib/tsconfig.lib.json",
     "assets": [
       "src/assets",
       {
         "glob": "**/*.css",
         "input": "src/some-assets",
         "output": "assets/some-assets"
       }
     ]
   }
    ```
    
A final angular.json file could look like the following example:
```json
{
  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
  "version": 1,
  "projects": {
    "lib": {
      "root": "projects/lib",
      "projectType": "library",
      "architect": {
        "build": {
          "builder": "@linnenschmidt/build-ng-packagr:build",
          "options": {
            "project": "projects/lib/ng-package.json",
            "tsConfig": "projects/lib/tsconfig.lib.json",
            "assets": [
              "src/assets",
              {
                "glob": "**/*.css",
                "input": "src/some-assets",
                "output": "assets/some-assets"
              }
            ]
          }
        },
        "test": {
          "builder": "@angular-devkit/build-angular:karma",
          "options": {
            "main": "projects/lib/src/test.ts",
            "tsConfig": "projects/lib/tsconfig.spec.json",
            "karmaConfig": "projects/lib/karma.conf.js"
          }
        },
        "lint": {
          "builder": "@angular-devkit/build-angular:tslint",
          "options": {
            "tsConfig": [
              "projects/lib/tsconfig.lib.json",
              "projects/lib/tsconfig.spec.json"
            ],
            "exclude": ["**/node_modules/**"]
          }
        }
      }
    }
  }
}

```
## CLI commands for development

**Test package**
```bash
yarn test
```

**Build package**
```bash
yarn build
```

## Two of the known issues

- [angular/angular-cli/issues/11071](https://github.com/angular/angular-cli/issues/11071)
- [ng-packagr/ng-packagr/issues/1092](https://github.com/ng-packagr/ng-packagr/issues/1092)
npm package: @iusca/iulogin-helper
Description: CAS and SAML support libraries for IU Login
Author: Michael Young
Latest version: 0.1.4

# IULogin Helper
#### Javascript library for supporting CAS and SAML protocols with IU Login


## pnpm/yarn install

1.  `pnpm add @iusca/iulogin-helper@latest` or `yarn add @iusca/iulogin-helper@latest`

## Standalone Setup

1.  Clone this repo
2.  Run `npm install` or `yarn install`

## Initialization

```
const iulogin_helper = require('../iulogin-helper');
var IULogin = new iulogin_helper({
    protocol: 'CAS',
    mode: 'dev',
    ldap: {user: 'username', pwd: 'password'}
})
```

### Options
```
protocol:  Either CAS or SAML (required)
mode:  Service deployment type.  Either 'dev' or 'prod'
ldap: (optional) {
   user: 'username',
   pwd: 'passwordhere'
}
```

## Methods
#### validate
`validate = function(token, service, ldap, callback)`

```
token:  provided by authentication service
service:  endpoint wanting authentication (must match)
ldap: boolean, request ldap lookup after authentication?
callback: function(err, username, profile) {} 
```

The callback function will be called by `validate` upon error or completion.  If an LDAP result was requested it will be included in the profile object.

#### get_login_url
`get_login_url = function(service)`

```
service:  endpoint wanting authentication
```

#### ldapLookup
`ldapLookup = function(username, callback)`

```
username:  valid IU username
callback: function(err, ldapProfile) {} 
```


## Example Integration
#### Node Express

```
router.get('/verify', function (req, res, next) {

    IULogin.validate(req.query.ticket, req.query.service, false, function (err, username, profile) {
        if (err) return next(err);
        res.json({status: 'success', username: username, profile: profile})
    })
});

``` 

## Command-line script

#### `/bin/iulogin.js`

```
Usage: iulogin.js -t [string] -p [string] -m [string] -s [string] -l

Options:
      --version          Show version number                           [boolean]
  -t, --ticket, --token  Authentication token/ticket                  [required]
  -p, --protocol         Defines which protocol to use (Must be one of
                         ["CAS","SAML"])                              [required]
  -m, --mode             Defines which mode to use (Must be one of
                         ["dev","prod"])                              [required]
  -s, --service          Service endpoint requesting authentication   [required]
  -l                     Followup successful authentication with LDAP query
                                                                       [boolean]
  -h, --help             Show help                                     [boolean]
```