open-index/open-npm huggingface dataset:
npm package: @pbritto/react-hooks
Description: A collection of utility react hooks
Author: pedrobritto
Latest version: 0.1.0

# @pbritto/react-hooks

> A collection of utility react hooks

[![NPM](https://img.shields.io/npm/v/@pbritto/react-hooks.svg)](https://www.npmjs.com/package/@pbritto/react-hooks) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
npm install --save @pbritto/react-hooks
```

## Usage

```tsx
import * as React from 'react'

import { useMyHook } from '@pbritto/react-hooks'

const Example = () => {
  const example = useMyHook()
  return (
    <div>
      {example}
    </div>
  )
}
```

## License

MIT © [pedrobritto](https://github.com/pedrobritto)

---

This hook is created using [create-react-hook](https://github.com/hermanya/create-react-hook).
npm package: @pbs/vanna
Description: Feature flagging service client
Author: Yanglin Zhao
Latest version: 0.5.0

# Vanna Javascript (Browser) Client

## Introduction

Vanna is an internal feature flagging service used at [PBS](http://pbs.org). It
helps deliver new features to users quickly and safely. This is an example
client implementation for browser based Javascript.

To learn more about the rationale behind using feature flags, read these
articles:

- https://martinfowler.com/articles/feature-toggles.html
- https://blog.travis-ci.com/2014-03-04-use-feature-flags-to-ship-changes-with-confidence/

## Install

The recommended way to install vanna is through `npm`.

```sh
npm install @pbs/vanna
```

## Setup

After installing `vanna`, you can import it with your Javascript bundler of
choice and setup the client.

```js
import { VannaClient } from "@pbs/vanna";

const client = VannaClient({
  uri: "https://vanna.example.com/project",
  userSegment: "beta-tester",
  fallbacks: {
    "your-feature-slug": false
  }
});

client.on("ready", () => {
  const isFeatureEnabled = client.variation("your-feature-slug", {
    fallback: false
  });

  if (isFeatureEnabled) {
    // Do something if feature is enabled
  } else {
    // Do another thing if feature is disabled
  }
});
```

## Licensing

[MIT](/LICENSE)
npm package: @pbsaas/auth-google
Description: Google OAuth authentication provider for Medusa
Author: Medusa
Latest version: 2.0.5

## Testing

In order to manually test the flow, you can do the following:

1. Register an app in `https://console.cloud.google.com/apis/credentials/consent`
2. Generate clientId and clientSecret credentials in the console
3. Replace the values in the test with your credentials
4. Remove the `server.listen()` call
5. Run the tests, get the `location` value from the `authenticate` test, open the browser
6. Once redirected, copy the `code` param from the URL, and add it in one of the `callback` success tests
7. Once you run the tests, you should get back an access token, id token, and so on.
npm package: @pbsaas/icons
Description: Pbsaas UI React icon library
Latest version: 2.0.5

<p align="center">
  <a href="https://www.medusajs.com">
  <picture>
    <source media="(prefers-color-scheme: dark)" srcset="https://user-images.githubusercontent.com/59018053/229103275-b5e482bb-4601-46e6-8142-244f531cebdb.svg">
    <source media="(prefers-color-scheme: light)" srcset="https://user-images.githubusercontent.com/59018053/229103726-e5b529a3-9b3f-4970-8a1f-c6af37f087bf.svg">
    <img alt="Medusa logo" src="https://user-images.githubusercontent.com/59018053/229103726-e5b529a3-9b3f-4970-8a1f-c6af37f087bf.svg">
    </picture>
  </a>
</p>
<h1 align="center">
  Medusa Icons
</h1>

<h4 align="center">
  <a href="https://docs.medusajs.com/ui">Documentation</a> |
  <a href="https://www.medusajs.com">Website</a>
</h4>

<p align="center">
  Icons used in Medusa's design system.
</p>
<p align="center">
  <a href="https://github.com/medusajs/medusa/blob/develop/LICENSE">
    <img src="https://img.shields.io/badge/license-MIT-blue.svg" alt="Medusa is released under the MIT license." />
  </a>
  <a href="https://discord.gg/xpCwq3Kfn8">
    <img src="https://img.shields.io/badge/chat-on%20discord-7289DA.svg" alt="Discord Chat" />
  </a>
  <a href="https://twitter.com/intent/follow?screen_name=medusajs">
    <img src="https://img.shields.io/twitter/follow/medusajs.svg?label=Follow%20@medusajs" alt="Follow @medusajs" />
  </a>
</p>

## Note

This package is auto-generated, and requires a Figma token associated with the Medusa Figma organization. If you are a not a Medusa team member, you will not be able to make changes to this package. If you discover any issues please open an issue instead of a PR.

## Installation

```sh
yarn add @medusajs/icons
```

## Usage

```jsx
import { Star } from "@medusajs/icons"
```
npm package: @pbsaas/ui
Description: <p align="center">   <a href="https://www.medusajs.com">   <picture>     <source media="(prefers-color-scheme: dark)" srcset="https://user-images.githubusercontent.com/59018053/229103275-b5e482bb-4601-46e6-8142-244f531cebdb.svg">     <source media="(p
Latest version: 4.0.3

<p align="center">
  <a href="https://www.medusajs.com">
  <picture>
    <source media="(prefers-color-scheme: dark)" srcset="https://user-images.githubusercontent.com/59018053/229103275-b5e482bb-4601-46e6-8142-244f531cebdb.svg">
    <source media="(prefers-color-scheme: light)" srcset="https://user-images.githubusercontent.com/59018053/229103726-e5b529a3-9b3f-4970-8a1f-c6af37f087bf.svg">
    <img alt="Medusa logo" src="https://user-images.githubusercontent.com/59018053/229103726-e5b529a3-9b3f-4970-8a1f-c6af37f087bf.svg">
    </picture>
  </a>
</p>
<h1 align="center">
  Medusa UI
</h1>

<h4 align="center">
  <a href="https://docs.medusajs.com/ui">Documentation</a> |
  <a href="https://www.medusajs.com">Website</a>
</h4>

<p align="center">
  Medusa's admin component library.
</p>
<p align="center">
  <a href="https://github.com/medusajs/medusa/blob/develop/LICENSE">
    <img src="https://img.shields.io/badge/license-MIT-blue.svg" alt="Medusa is released under the MIT license." />
  </a>
  <a href="https://discord.gg/xpCwq3Kfn8">
    <img src="https://img.shields.io/badge/chat-on%20discord-7289DA.svg" alt="Discord Chat" />
  </a>
  <a href="https://twitter.com/intent/follow?screen_name=medusajs">
    <img src="https://img.shields.io/twitter/follow/medusajs.svg?label=Follow%20@medusajs" alt="Follow @medusajs" />
  </a>
</p>

## Getting Started

### Installation

```sh
yarn add @medusajs/ui
```

### Usage

```jsx
import { Button } from "@medusajs/ui"

const App = () => <Button variant="primary">Hello World</Button>
```

## Documentation

You can find the documentation for Medusa UI [on the documentation site](https://docs.medusajs.com/ui).
npm package: @pbsaas/ui-preset
Description: Pbsaas UI preset
Latest version: 2.0.6

<p align="center">
  <a href="https://www.medusajs.com">
  <picture>
    <source media="(prefers-color-scheme: dark)" srcset="https://user-images.githubusercontent.com/59018053/229103275-b5e482bb-4601-46e6-8142-244f531cebdb.svg">
    <source media="(prefers-color-scheme: light)" srcset="https://user-images.githubusercontent.com/59018053/229103726-e5b529a3-9b3f-4970-8a1f-c6af37f087bf.svg">
    <img alt="Medusa logo" src="https://user-images.githubusercontent.com/59018053/229103726-e5b529a3-9b3f-4970-8a1f-c6af37f087bf.svg">
    </picture>
  </a>
</p>
<h1 align="center">
  Medusa UI
</h1>

<h4 align="center">
  <a href="https://docs.medusajs.com/ui">Documentation</a> |
  <a href="https://www.medusajs.com">Website</a>
</h4>

<p align="center">
  Medusa's design system tokens.
</p>
<p align="center">
  <a href="https://github.com/medusajs/medusa/blob/develop/LICENSE">
    <img src="https://img.shields.io/badge/license-MIT-blue.svg" alt="Medusa is released under the MIT license." />
  </a>
  <a href="https://discord.gg/xpCwq3Kfn8">
    <img src="https://img.shields.io/badge/chat-on%20discord-7289DA.svg" alt="Discord Chat" />
  </a>
  <a href="https://twitter.com/intent/follow?screen_name=medusajs">
    <img src="https://img.shields.io/twitter/follow/medusajs.svg?label=Follow%20@medusajs" alt="Follow @medusajs" />
  </a>
</p>

## Note

This package is auto-generated, and requires a Figma token associated with the Medusa Figma organization. If you are a not a Medusa team member, you will not be able to make changes to this package. If you discover any issues please open an issue instead of a PR.
npm package: @pbsc/react-native-ui-components
Description: UI components for CycleFinder app
Author: Stephen Moon
Latest version: 3.2.1

# @pbsc/react-native-ui-components

This module has been developed for UI components for CycleFinder app.
It includes `TextField`, `Checkbox`, `Switch`, `Dropdown`, `DateTimePicker`, `StepIndicator`, `PhoneNumberField` and `ZipcodeField`.

## Prerequisites

Before install this module, you will need `react-native-paper` (`react-native-vector-icons` as well), `react-native-reanimated` and `react-native-date-picker`.
Please install them first if you don't have them in your project.

### Install react-native-paper

```sh
npm install react-native-paper
```

### Install react-native-vector-icons

```sh
npm install react-native-vector-icons
```

After the installation, you will need `link` it.

```sh
$ react-native link react-native-vector-icons
```

For detail information, please refer <a href='https://github.com/oblador/react-native-vector-icons'>here</a>.

### Install react-native-reanimated

```sh
npm install react-native-reanimated
```

After the installation, you will need to add `babel plugin`.
For detail information, please refer <a href='https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/installation/'>here</a>.

### Install react-native-date-picker

```sh
npm install react-native-date-picker
```

## Installation

```sh
npm install @pbsc/react-native-ui-components
```

## Usage

```js
import {
  TextField,
  Checkbox,
  Switch,
  Dropdown,
  DateTimePicker,
  StepIndicator,
  PhoneNumberField,
  ZipcodeField,
  PasswordStrength
} from '@pbsc/react-native-ui-components';

// ...

<TextField />;
<Checkbox />;
<Switch />;
<Dropdown />;
<DateTimePicker />;
<StepIndicator />;
<PhoneNumberField />;
<ZipcodeField />;
<PasswordStrength />;
```

## Documentations (or API)
- [TextField](./docs/textfield.md)
- [Checkbox](./docs/checkbox.md)
- [Switch](./docs/switch.md)
- [Dropdown](./docs/dropdown.md)
- [DateTimePicker](./docs/datetimepicker.md)
- [StepIndicator](./docs/stepindicator.md)
- [PhoneNumberField](./docs/phonenumberfield.md)
- [ZipcodeField](./docs/zipcodefield.md)
- [PasswordStrength](./docs/passwordStrength.md)

## Contributing

See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.

## CI/CD process 

See the [CI/CD Process guide](CICDProcess.md) to learn about our CI/CD pipeline and the tools that we use.

## License

MIT
npm package: @pbscript/core
Description: [PBScript](https://github.com/benallfree/pbscript) allows you to write [PocketBase](https://pocketbase.io) server-side functions in Typescript or Javascript without recompiling.
Author: Ben Allfree
Latest version: 0.0.3

# TS/JS Cloud Functions for PocketBase

[PBScript](https://github.com/benallfree/pbscript) allows you to write [PocketBase](https://pocketbase.io) server-side functions in Typescript or Javascript without recompiling.

This package is contains the Javascript core functions necessary to bind TS/JS to PocketBase hooks.

```bash
npm i @pbscript/core
```

```bash
yarn add @pbscript/core
```

Then, import this:

```ts
import '@pbscript/core'
```

See official docs at the [PBScript repo](https://github.com/benallfree/pbscript).