open-index/open-npm huggingface dataset:
npm package: @streben/react-link-preview
Description: React library to preview links.
Author: Sharafudeen Aboobacker
Latest version: 1.0.2

# React Link Preview

A React component that renders beautiful, fully-customizable link previews.

[![npm version](https://badge.fury.io/js/%40dhaiwat10%2Freact-link-preview.svg)](https://badge.fury.io/js/%40dhaiwat10%2Freact-link-preview) 
![package downloads](https://img.shields.io/npm/dt/@dhaiwat10/react-link-preview) 
![CI](https://img.shields.io/github/workflow/status/dhaiwat10/react-link-preview/CI)

<a href="https://codesandbox.io/s/rlp-demo-90e1x?file=/src/App.js" target="_blank">Demo</a>

## How to use

**Install the package:**

`yarn add @dhaiwat10/react-link-preview`

`npm install @dhaiwat10/react-link-preview`

**Import and render the preview:**

```js
import { LinkPreview } from '@dhaiwat10/react-link-preview';

const Home = () => {
  return <LinkPreview url='https://www.youtube.com/watch?v=dQw4w9WgXcQ' width='400px' />;
};
```

If the component renders nothing, it means that no metadata could be scraped for the URL. Provide a `fallback` component if you don't want to render `null`.

## Important

This package uses a Heroku proxy to get around CORS issues. Feel free to go through the source code of the proxy <a href="https://github.com/dhaiwat10/rlp-proxy">here</a>.

I highly recommend forking both this repo and the proxy repo, and deploying your own copy of the project if you plan to use this package in a production app.

## API (Available props)

You can pass the following props to the `LinkPreview` component.

### `url` (string)

The URL for which you want to generate the link preview.

<hr />

### `fallback` (JSX.Element / any valid JSX)

A fallback component which will be rendered if a link preview could not be generated.

<hr />

### `showLoader` (boolean)

Whether you want to display the default loading skeleton or not.

<hr />

### `customLoader` (JSX.Element / any valid JSX)

Custom loader that will be displayed in place of the default loader.

<hr />

### `backgroundColor` (string)

Background color of the card.

<hr />

### `primaryTextColor` (string)

Color of the primary text (title).

<hr />

### `secondaryTextColor` (string)

Color of the secondary text (description, URL, domain name).

<hr />

### `borderColor` (string)

Color of the border of the card.

<hr />

### `className` (string)

Any custom CSS class that you want to apply to the card.

<hr />

### `width` (string or number)

Width of the card.

<hr />

### `height` (string or number)

Height of the card.

<hr />

### `margin` (string or number)

Margin around the card.

<hr />

### `descriptionLength` (number)

Length of the description in the card. (number of characters)

<hr />

### `borderRadius` (string or number)

Border radius of the card.
<hr />

### `imageHeight` (string or number)

Height of the image.

<hr />

### `textAlign` ( _left_, _right_ or _center_)

Alignment of the text.

<hr />

Props marked with **?** are **optional**.
npm package: @streebs/number-formatter
Description: Number Formatter [![Build Status](https://travis-ci.org/AustinKostreba/number-formatter.svg?branch=master)](https://travis-ci.org/AustinKostreba/number-formatter) [![Coverage Status](https://coveralls.io/repos/github/AustinKostreba/number-formatter/badge.
Author: Austin Kostreba
Latest version: 0.1.1

Number Formatter [![Build Status](https://travis-ci.org/AustinKostreba/number-formatter.svg?branch=master)](https://travis-ci.org/AustinKostreba/number-formatter) [![Coverage Status](https://coveralls.io/repos/github/AustinKostreba/number-formatter/badge.svg?branch=master)](https://coveralls.io/github/AustinKostreba/number-formatter?branch=master)
=========

A small library that adds commas to numbers

## Installation

  `npm install @streebs/number-formatter`

## Usage

    var numFormatter = require('@streebs/number-formatter');

    var formattedNum = numFormatter(35666);


  Output should be `35,666`


## Tests

  `npm test`

## Contributing

In lieu of a formal style guide, take care to maintain the existing coding style. Add unit tests for any new or changed functionality. Lint and test your code.
npm package: @streebs/text-tokenize
Description: Split text into tokens
Author: Austin Kostreba
Latest version: 1.0.4

# Text Tokenizer [![Build Status][build-badge]][build-status] [![Coverage Status][coverage-badge]][coverage-status]

Split text into tokens

## Installation

[npm][]:

```bash
npm install @streebs/text-tokenizer`
```

## Usage

```js
const textTokenize = require('@streebs/text-tokenize');
let tokens = textTokenize('Hello, World!');
```

This would make
`tokens = ["Hello", ",", " ", "World", "!"]`

## License

[MIT][license] © Austin Kostreba

<!-- Definitions -->

[build-badge]: https://travis-ci.com/AustinKostreba/text-tokenizer.svg?branch=master

[build-status]: https://travis-ci.com/AustinKostreba/text-tokenizer

[coverage-badge]: https://coveralls.io/repos/github/AustinKostreba/text-tokenizer/badge.svg?branch=master

[coverage-status]: https://coveralls.io/github/AustinKostreba/text-tokenizer?branch=master

[npm]: https://docs.npmjs.com/cli/install

[license]: LICENSE
npm package: @streebs/text-tokenizer
Description: Split text into tokens
Author: Austin Kostreba
Latest version: 1.0.1
Deprecated: name

# Text Tokenizer [![Build Status][build-badge]][build-status] [![Coverage Status][coverage-badge]][coverage-status]

Split text into tokens

## Installation

[npm][]:

```bash
npm install @streebs/text-tokenizer`
```

## Usage

```js
const textTokenize = require('@streebs/text-tokenize');
let tokens = textTokenize('Hello, World!');
```

This would make
`tokens = ["Hello", ",", " ", "World", "!"]`

## License

[MIT][license] © Austin Kostreba

<!-- Definitions -->

[build-badge]: https://travis-ci.com/AustinKostreba/text-tokenizer.svg?branch=master

[build-status]: https://travis-ci.com/AustinKostreba/text-tokenizer

[coverage-badge]: https://coveralls.io/repos/github/AustinKostreba/text-tokenizer/badge.svg?branch=master

[coverage-status]: https://coveralls.io/github/AustinKostreba/text-tokenizer?branch=master

[npm]: https://docs.npmjs.com/cli/install

[license]: LICENSE
npm package: @streem/sdk-node
Description: Streem library to interact with the Streem API and generate Embedded SSO tokens
Latest version: 0.3.1

# Streem SDK for Node.JS

Server-side Node.JS library for interacting with the Streem API, and generation of Streem Tokens for use in client SDKs or Embedded SSO.

## Installation

Add the Streem SDK dependency to your project. Yarn is required:

```
yarn add @streem/sdk-node
```

## Usage

First, import the library:

```typescript
import Streem from "@streem/sdk-node"
```

Then initialize the library with your API Key ID and Secret:

```typescript
Streem.init(apiKeyId, apiKeySecret)
```

### Streem Tokens

To create a Streem Token, first create a `TokenBuilder`:

```typescript
const builder = new Streem.TokenBuilder()
```

Then specify the details for the currently logged-in user:
```typescript
const user = // your logged in user

// required
builder.userId = user.id

// recommended
builder.name = user.name
builder.email = user.email
builder.avatarUrl = user.avatar

// optional
builder.tokenExpirationMs = ... // Determines how long this token is valid for starting a session (default 5 minutes)
builder.sessionExpirationMs = ... // Once the session has started, how long can the user remain logged in (default 4 hours)  

// If using the Group Reservation feature, set the reservation sid from the API response
builder.reservationSid = "rsv_abc123"
```

Finally, call `build()` to generate the token string:
```typescript
const token = builder.build()
```

#### Embedded SSO

Embedded SSO allows you to create Streem Tokens server-side, and automatically log your users into the Streem web application.

First, provide the `token` created above to your front-end browser client.  Next, place the token in the hash portion of any Streem web application URL,
by appending `#token=...` with your token.

For example, to create an `iframe` to the root page in Streem, you might have:

```html
<iframe src="https://{company-code}.streempro.app#token={token}"/>
```

Be sure to substitute `{company-code}` and `{token}` for the correct values.

#### Streem Client SDKs

If using the iOS or Android SDKs, you will provide the Streem Token to the client, and pass to the SDK via `Streem.identify()`.  More
details can be found in documentation of the individual SDKs

## License

This repo is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
npm package: @street-common.gl/monochrome
Description: A toolkit of React components for streetscape.gl
Latest version: 0.0.5

# @streetscape.gl/monochrome

`@streetscape.gl/monochrome` is a React component library that offers highly stylable UI controls.

## Installation

```bash
npm install @streetscape.gl/monochrome
```

## Examples & Documentation

- [Styling Guide](/docs/api-reference/styling-guide.md)
- [Storybook](https://uber-web.github.io/monochrome/)

## Development

```bash
# install dependencies
yarn
# run tests
npm run test
# run flow typecheck
npm run typecheck
# run storybook
npm start
```
npm package: @streetcredlabs/react-native-gesture-handler
Description: Experimental implementation of a new declarative API for gesture handling in react-native
Author: Krzysztof Magiera
Latest version: 1.6.0

<p align="center">
  <img height="150" src="https://docs.swmansion.com/react-native-gesture-handler/img/ghlogo.svg" />
  <h1 align="center">React Native Gesture Handler</h1>
  <h3 align="center">Declarative API exposing platform native touch and gesture system to React Native.</h3>
</p>

React Native Gesture Handler provides native-driven gesture management APIs for building best possible touch-based experiences in React Native.

With this library gestures are no longer controlled by the JS responder system, but instead are recognized and tracked in the UI thread.
It makes touch interactions and gesture tracking not only smooth, but also dependable and deterministic.

## Installation

Check [getting started](https://docs.swmansion.com/react-native-gesture-handler/docs/getting-started.html) section of our docs for the detailed installation instructions.

## Documentation

Check out our dedicated documentation page for info about this library, API reference and more: [https://docs.swmansion.com/react-native-gesture-handler/](https://docs.swmansion.com/react-native-gesture-handler)

## Examples

If you want to play with the API but don't feel like trying it on a real app, you can run the example project. Clone the repo, go to the `Example/` folder and run:

```bash
  yarn install
```

If you are running on ios, run `pod install` in the ios folder

Run `yarn start` to start the metro bundler

Run `react-native run-android` or `react-native run-ios` (depending on which platform you want to run the example app on).

You will need to have an Android or iOS device or emulator connected as well as `react-native-cli` package installed globally.

## React native Support

| version | react-native version |
| ------- | -------------------- |
| 1.4.0+  | 0.60.0+              |
| 1.1.0+  | 0.57.2+              |
| <1.1.0  | 0.50.0+              |

## License

Gesture handler library is licensed under [The MIT License](LICENSE).

## Credits

This project is supported by amazing people from [Expo.io](https://expo.io) and [Software Mansion](https://swmansion.com)

[![expo](https://avatars2.githubusercontent.com/u/12504344?v=3&s=100 "Expo.io")](https://expo.io)
[![swm](https://logo.swmansion.com/logo?color=white&variant=desktop&width=150&tag=react-native-gesture-handler-github "Software Mansion")](https://swmansion.com)