open-index/open-npm huggingface dataset:
npm package: @ro4z/react-native-animated-ellipsis
Description: A simple, customizable animated dots component for use in React Native apps. Ideal for loading screens.
Author: Casey Brant
Latest version: 2.0.2

# React Native Animated Ellipsis
A simple, customizable animated dots component for use in React Native apps. Ideal for loading screens.

![Kinda like iOS](https://raw.githubusercontent.com/wiki/adorableio/react-native-animated-ellipsis/images/example_ios_ish.gif)


## Installation
```shell
npm install --save react-native-animated-ellipsis
```

## Importing
```js
import AnimatedEllipsis from 'react-native-animated-ellipsis';
```

## Usage
Just include the component in the output of any other component like this:

```jsx
render() {
  return (
    <View>
      <Text>
        Loading
        <AnimatedEllipsis />
      </Text>
    </View>
  );
}
```

which will get you something like this:

![Basic Example](https://raw.githubusercontent.com/wiki/adorableio/react-native-animated-ellipsis/images/example_basic.gif)


## Props
Customize the number of dots, animation speed, and style using these props:

| Property | Description |
|----------|-------------|
| **`numberOfDots`** | The number of dots you'd like to show. Defaults to **3**. |
| **`animationDelay`** | The length in milliseconds of each phase of the animated. Defaults to **300**. |
| **`minOpacity`** | The minimum opacity for the dots. Defaults to **0**. |
| **`style`** | CSS to apply to the dots. It accepts any styles that a normal `<Text />` component can take. |


## More Examples

![Ten Dots Example](https://raw.githubusercontent.com/wiki/adorableio/react-native-animated-ellipsis/images/example_ten_dots.gif)

```jsx
<AnimatedEllipsis numberOfDots={10} />
```

------

![Complex Example](https://raw.githubusercontent.com/wiki/adorableio/react-native-animated-ellipsis/images/example_four_red_dots.gif)

```jsx
<AnimatedEllipsis numberOfDots={4}
                  animationDelay={150}
                  style={{
                    color: 'red',
                    fontSize: 72,
                  }}
/>
```

------

![Kinda like iOS](https://raw.githubusercontent.com/wiki/adorableio/react-native-animated-ellipsis/images/example_ios_ish.gif)

```jsx
<AnimatedEllipsis numberOfDots={3}
                  minOpacity={0.4}
                  animationDelay={200}
                  style={{
                    color: '#94939b',
                    fontSize: 100,
                    letterSpacing: -15,
                  }}
  />
```
npm package: @ro4z/react-native-system-time
Description: React Native Library for CPU Time
Author: Pascal Steiner
Latest version: 0.0.3


# React Native System Time

## Getting started

`$ npm install react-native-system-time --save`

### Mostly automatic installation

`$ react-native link react-native-system-time`

### Manual installation


#### iOS

1. In XCode, in the project navigator, right click `Libraries` ➜ `Add Files to [your project's name]`
2. Go to `node_modules` ➜ `react-native-system-time` and add `RNSystemtime.xcodeproj`
3. In XCode, in the project navigator, select your project. Add `libRNSystemtime.a` to your project's `Build Phases` ➜ `Link Binary With Libraries`
4. Run your project (`Cmd+R`)<

#### Android

1. Open up `android/app/src/main/java/[...]/MainActivity.java`
  - Add `import com.reactlibrary.RNSystemtimePackage;` to the imports at the top of the file
  - Add `new RNSystemtimePackage()` to the list returned by the `getPackages()` method
2. Append the following lines to `android/settings.gradle`:
  	```
  	include ':react-native-system-time'
  	project(':react-native-system-time').projectDir = new File(rootProject.projectDir, 	'../node_modules/react-native-system-time/android')
  	```
3. Insert the following lines inside the dependencies block in `android/app/build.gradle`:
  	```
      compile project(':react-native-system-time')
  	```

## Usage
```javascript
import { getTime } from 'react-native-system-time';

async function fetchTime() {
  const response = await getTime();
  return response;
}

```
npm package: @ro4z/react-native-youtube-iframe
Description: A simple wrapper around the youtube iframe js API for react native
Author: Ananthu P Kanive
Latest version: 1.0.1

# React Native Youtube iframe

![npm](https://img.shields.io/npm/v/react-native-youtube-iframe?style=for-the-badge) ![npm](https://img.shields.io/npm/dm/react-native-youtube-iframe?style=for-the-badge)

A wrapper of the Youtube IFrame player API build for react native.

- ✅ Works seamlessly on both ios and android platforms
- ✅ Does not rely on the native youtube service on android (prevents unexpected crashes, works on phones without the youtube app)
- ✅ Uses the webview player which is known to be more stable compared to the native youtube app
- ✅ Access to a vast API provided through the iframe youtube API
- ✅ Supports multiple youtube player instances in a single page
- ✅ Fetch basic video metadata without API keys (uses oEmbed)
- ✅ Works on modals and overlay components
- ✅ Expo support

![ios](./website/static/img/demo.gif?raw=true 'ios')

## Installation and Documentation

[react-native-youtube-iframe](https://lonelycpp.github.io/react-native-youtube-iframe/)

## Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

## License

[MIT](https://choosealicense.com/licenses/mit/)
npm package: @roa-ai/ui
Description: 로아 디자인 시스템
Latest version: 0.0.2

<p>
  <a href="https://www.npmjs.com/package/@roa-ai/ui">
    <img
      src="https://img.shields.io/npm/v/@roa-ai/ui.svg"
      alt="npm"
    >
  </a>
  <a href="https://github.com/roa-ai/roa-ui/blob/master/LICENSE">
    <img
      src="https://img.shields.io/github/license/mashape/apistatus.svg"
      alt="MIT"
    >
  </a>
  <a href="https://roa-ai.github.io/roa-ui/">
    <img
      src="https://img.shields.io/readthedocs/pip.svg"
      alt="docs"
    >
  </a>
</p>

# Roa Design System

A react based ui components.

We created to help our team get started with creating their own react component library using:

- [React](https://reactjs.org/)
- [Rollup](https://rollupjs.org/guide/en/)
- [TypeScript](https://www.typescriptlang.org/)
- [Styled-Components](https://styled-components.com/)

It also features:

- [Storybook](https://storybook.js.org/)
- [Jest](https://jestjs.io/)

## Install

```
npm install --save @roa-ai/ui
```

## Development

### Building

```
npm run build
```

### Storybook

To run a live-reload storybook server on your local machine:

```
npm run storybook
```

To export your storybook as static files:

```
npm run storybook:build
```

Also, can deploy to gh-pages:

```
npm run storybook:deploy
```

## Usage

```tsx
import React from 'react';
import { Button } from '@roa-ai/ui';

const Example = () => (
  <Button text="Hello Roa 👋" onClick={() => console.log('Hello Roa 👍')} />
);

export default Example;
```
npm package: @road-labs/ocmf
Description: A TypeScript/JavaScript implementation of the [Open Charge Metering Format (OCMF)](https://github.com/SAFE-eV/OCMF-Open-Charge-Metering-Format) specification.
Latest version: 0.0.9

# @road-labs/ocmf

A TypeScript/JavaScript implementation of
the [Open Charge Metering Format (OCMF)](https://github.com/SAFE-eV/OCMF-Open-Charge-Metering-Format) specification.

See the README in the root for more details and examples.
npm package: @road-labs/ocmf-crypto-noble
Description: This module is a crypto backend for [@road-labs/ocmf](https://www.npmjs.com/package/@road-labs/ocmf)
Latest version: 0.0.9

# @road-labs/ocmf-crypto-noble

This module is a crypto backend for [@road-labs/ocmf](https://www.npmjs.com/package/@road-labs/ocmf)

## Features

- Supported platforms: nodejs, browser
- ECC backend: [@noble/curves](https://github.com/paulmillr/noble-curves) package
- Supported signature methods: all specified by OCMF

The [@noble/curves](https://github.com/paulmillr/noble-curves) package is an audited JavaScript ECC implementation that
works well in Node.js and browsers.
npm package: @road-labs/ocmf-crypto-node
Description: This module is a crypto backend for [@road-labs/ocmf](https://www.npmjs.com/package/@road-labs/ocmf)
Latest version: 0.0.9

# @road-labs/ocmf-crypto-node

This module is a crypto backend for [@road-labs/ocmf](https://www.npmjs.com/package/@road-labs/ocmf)

## Features

- Supported platforms: nodejs
- ECC backend: nodejs [Crypto](https://nodejs.org/api/crypto.html) module
- Supported signature methods: all specified by OCMF

This may work with Deno too, untested. Note that browser use may be possible via the `crypto-browserify` package,
however this is also untested and generally discouraged.
npm package: @road-labs/ocmf-crypto-web
Description: This module is a crypto backend for [@road-labs/ocmf](https://www.npmjs.com/package/@road-labs/ocmf)
Latest version: 0.0.9

# @road-labs/ocmf-crypto-web

This module is a crypto backend for [@road-labs/ocmf](https://www.npmjs.com/package/@road-labs/ocmf)

## Features

- Supported platforms: nodejs, browser
- ECC backend: [Web Crypto API](https://w3c.github.io/webcrypto/)
- Supported signature methods: ECDSA-secp256r1-SHA256, ECDSA-secp384r1-SHA256

The Web Crypto API is a unified API that is supported by both Node.js and browsers. The curve support is very limited,
meaning only 2 signature methods are supported.
npm package: @road-to-rome/babel-plugin
Description: Automatically generate routes by filename
Author: Eric Chen
Latest version: 0.5.2

# @road-to-rome/babel-plugin

Automatically generate routes by filename.

[![npm][npm-badge]][npm-url]
[![github][github-badge]][github-url]
![node][node-badge]

[npm-url]: https://www.npmjs.com/package/@road-to-rome/babel-plugin
[npm-badge]: https://img.shields.io/npm/v/@road-to-rome/babel-plugin.svg?style=flat-square&logo=npm
[github-url]: https://github.com/airkro/road-to-rome/tree/master/packages/babel-plugin
[github-badge]: https://img.shields.io/npm/l/@road-to-rome/babel-plugin.svg?style=flat-square&colorB=blue&logo=github
[node-badge]: https://img.shields.io/node/v/@road-to-rome/babel-plugin.svg?style=flat-square&colorB=green&logo=node.js

## Installation

```bash
npm install @road-to-rome/babel-plugin --save-dev
```

# Usage

```jsonc
// example: babel.config.json
{
  "plugins": [
    [
      "@road-to-rome/babel-plugin",
      {
        "entry": "src/route.config.js"
      }
    ]
  ]
}
```
npm package: @road-to-rome/routes
Description: Placeholder of routes generated by `road-to-rome`
Author: Eric Chen
Latest version: 0.2.3

# @road-to-rome/routes

Placeholder of routes generated by `road-to-rome`.

[![npm][npm-badge]][npm-url]
[![github][github-badge]][github-url]
![node][node-badge]

[npm-url]: https://www.npmjs.com/package/@road-to-rome/routes
[npm-badge]: https://img.shields.io/npm/v/@road-to-rome/routes.svg?style=flat-square&logo=npm
[github-url]: https://github.com/airkro/road-to-rome/tree/master/packages/routes
[github-badge]: https://img.shields.io/npm/l/@road-to-rome/routes.svg?style=flat-square&colorB=blue&logo=github
[node-badge]: https://img.shields.io/node/v/@road-to-rome/routes.svg?style=flat-square&colorB=green&logo=node.js

## Installation

```bash
npm install @road-to-rome/routes --save
```

## Usage

<!-- global Router  -->

```js
import { routes } from '@road-to-rome/routes';

const router = new Router({ routes });
```

## Tips

Replace `routes` with [@road-to-rome/webpack-plugin](https://www.npmjs.com/package/@road-to-rome/webpack-plugin) or other implementation.
npm package: @road-to-rome/webpack-plugin
Description: Automatically generate routes by filename
Author: Eric Chen
Latest version: 0.12.2

# @road-to-rome/webpack-plugin

Automatically generate routes by filename.

[![npm][npm-badge]][npm-url]
[![github][github-badge]][github-url]
![node][node-badge]

[npm-url]: https://www.npmjs.com/package/@road-to-rome/webpack-plugin
[npm-badge]: https://img.shields.io/npm/v/@road-to-rome/webpack-plugin.svg?style=flat-square&logo=npm
[github-url]: https://github.com/airkro/road-to-rome/tree/master/packages/webpack-plugin
[github-badge]: https://img.shields.io/npm/l/@road-to-rome/webpack-plugin.svg?style=flat-square&colorB=blue&logo=github
[node-badge]: https://img.shields.io/node/v/@road-to-rome/webpack-plugin.svg?style=flat-square&colorB=green&logo=node.js

## Installation

```bash
npm install @road-to-rome/routes --save
npm install @road-to-rome/webpack-plugin --save-dev
```

## Usage

<!-- global Router  -->

```js
// example: 'src/index.js'
import { routes } from '@road-to-rome/routes';

const router = new Router({ routes });
```

```cjs
// example: webpack.config.js
const RoadToRomePlugin = require('@road-to-rome/webpack-plugin');

module.exports = {
  plugins: [new RoadToRomePlugin()]
};
```

## Options

### globs

- type: `string`
- default: `src/pages/**/route.config.js`

Find your routes by globs.

### depth

- type: `integer`
- default: `10`

Value of `globbyOptions.deep` and `chokidarOptions.depth`

### filter

- type: `function: ({ path }) => boolean`

Page component filter for generations.

### include

- type: `string[]`

Page component filter for generations.

### exclude

- type: `string[]`

Page component filter for generations.

## Tips

When your `webpack` compiler in watching mode, typing `rtr` command in your terminal can trigger routes rebuild manually.
npm package: @road/phascolar-ctoscinereus
Description: first npm package simple function
Latest version: 3.3.0

@road/phascolar-ctoscinereus
npm login
npm publish --access=public --registry=https://registry.npmjs.org

npm version major // 更新大版本， 1.00 =》 2.0.0
npm version patch // 更新最小的版本 1.0.0 => 1.0.1
npm version minor // 更新中间版本 1.0.0 => 1.1.0
npm package: @roadcons/underscore
Description: JavaScript's functional programming helper library.
Author: Jeremy Ashkenas
Latest version: 1.9.1-map

                       __
                      /\ \                                                         __
     __  __    ___    \_\ \     __   _ __   ____    ___    ___   _ __    __       /\_\    ____
    /\ \/\ \ /' _ `\  /'_  \  /'__`\/\  __\/ ,__\  / ___\ / __`\/\  __\/'__`\     \/\ \  /',__\
    \ \ \_\ \/\ \/\ \/\ \ \ \/\  __/\ \ \//\__, `\/\ \__//\ \ \ \ \ \//\  __/  __  \ \ \/\__, `\
     \ \____/\ \_\ \_\ \___,_\ \____\\ \_\\/\____/\ \____\ \____/\ \_\\ \____\/\_\ _\ \ \/\____/
      \/___/  \/_/\/_/\/__,_ /\/____/ \/_/ \/___/  \/____/\/___/  \/_/ \/____/\/_//\ \_\ \/___/
                                                                                  \ \____/
                                                                                   \/___/

Underscore.js is a utility-belt library for JavaScript that provides
support for the usual functional suspects (each, map, reduce, filter...)
without extending any core JavaScript objects.

For Docs, License, Tests, and pre-packed downloads, see:
http://underscorejs.org

For support and questions, please use
[the gitter channel](https://gitter.im/jashkenas/underscore)
or [stackoverflow](http://stackoverflow.com/search?q=underscore.js)

Underscore is an open-sourced component of DocumentCloud:
https://github.com/documentcloud

Many thanks to our contributors:
https://github.com/jashkenas/underscore/contributors

This project adheres to a [code of conduct](CODE_OF_CONDUCT.md). By participating, you are expected to uphold this code.
npm package: @roaddirect/ngx-material-file-input
Description: File input management for Angular Material 17
Author: Daniel Stocker
Latest version: 5.0.2

# NgxMaterialFileInput

File input management for Angular Material 17

Forked from [benceHornyak/ngx-material-file-input](https://github.com/benceHornyak/ngx-material-file-input)

which was Forked from [merlosy/ngx-material-file-input](https://github.com/merlosy/ngx-material-file-input)