open-index/open-npm huggingface dataset:
npm package: @platformbuilders/react-native-ui
Description: Platform Builders Shared Components Library
Author: Platform Builders
Latest version: 0.5.0

# @platformbuilders/react-native-ui

[![Build Status][check-badge]][workflows]
[![codecov]][codecov]
[![npm][npm-badge]][npm]
[![react-native][rn-badge]][rn]
[![MIT][license-badge]][license]

[npm-badge]: https://img.shields.io/npm/v/@platformbuilders/react-native-ui.svg
[npm]: https://www.npmjs.com/package/@platformbuilders/react-native-ui
[rn]: https://facebook.github.io/react-native
[rn-badge]: https://img.shields.io/badge/react--native-v0.61-05A5D1.svg
[license-badge]: https://img.shields.io/dub/l/vibe-d.svg
[license]: https://raw.githubusercontent.com/platformbuilders/react-native-element/master/LICENSE.md
[workflows]: https://github.com/platformbuilders/react-native-ui/actions
[check-badge]: https://github.com/platformbuilders/react-native-ui/workflows/check/badge.svg
[codecov]: https://codecov.io/gh/platformbuilders/react-native-ui/branch/master/graph/badge.svg
[sonarcloud]: https://sonarcloud.io/api/project_badges/measure?project=platformbuilders_react-native-ui&metric=alert_status

Welcome to the @platformbuilders/react-native-ui package here you will find out all of our components shared with the community

# Whats the idea of this repository

Its a place that we can share a little bit of our code base and show how we work on our projects with our components!

# How can i use the library?

Now it's under development and we will release it soon!

You will need to install some native dependencies that we use on the code:

```bash
yarn add lottie-ios lottie-react-native react-native-camera react-native-vector-icons react-native-haptic react-native-image-picker react-native-svg react-native-fast-image react-native-checkbox react-native-smooth-pincode-input react-native-iphone-x-helper && cd ios && pod install
```

Here's how you add our dependencie to your project @platformbuilders/react-native-ui

1. depend on it:

```bash
yarn add @platformbuilders/react-native-ui
```

2. import the ThemeProvider from [styled-components](https://styled-components.com/docs/advanced) and provide the Theme following the ThemeType definition.

```jsx
import { ThemeProvider } from 'styled-components';
import { ThemeType } from '@platformbuilders/react-native-ui';

const theme: ThemeType = { ... };

<ThemeProvider theme={theme}>
  <App />
</ThemeProvider>
```

3. use it

```jsx
import { Button } from '@platformbuilders/react-native-ui';
```
npm package: @platformbuilders/react-ui
Description: Platform Builders Shared Components Library For React Web
Author: Platform Builders
Latest version: 0.1.0

# @platformbuilders/react-ui

[![Build Status][check-badge]][workflows]
[![npm][npm-badge]][npm]
[![MIT][license-badge]][license]

[npm-badge]: https://img.shields.io/npm/v/@platformbuilders/react-ui.svg
[npm]: https://www.npmjs.com/package/@platformbuilders/react-ui
[license-badge]: https://img.shields.io/dub/l/vibe-d.svg
[license]: https://raw.githubusercontent.com/platformbuilders/react-ui/master/LICENSE.md
[workflows]: https://github.com/platformbuilders/react-ui/actions
[check-badge]: https://github.com/platformbuilders/react-ui/workflows/check/badge.svg

Welcome to the @platformbuilders/react-ui package here you will find out all of our components shared with the community

# Whats the idea of this repository

Its a place that we can share a little bit of our code base and show how we work on our projects with our components!

# How can i use the library?

Here's how you add our dependencie to your project @platformbuilders/react-ui

1. depend on it:

```bash
yarn add @platformbuilders/react-ui
```

2. import the ThemeProvider from [styled-components](https://styled-components.com/docs/advanced) and provide the Theme following the ThemeType definition.

```jsx
import { ThemeProvider } from 'styled-components';
import { ThemeType } from '@platformbuilders/react-ui';

const theme: ThemeType = { ... };

<ThemeProvider theme={theme}>
  <App />
</ThemeProvider>
```

3. use it

```jsx
import { Button } from '@platformbuilders/react-ui';
```
npm package: @platformbuilders/use-notifications
Description: [![Build Status][check-badge]][workflows] [![codecov][codecov]](https://codecov.io/gh/platformbuilders/use-notifications) [![npm][npm-badge]][npm] [![MIT][license-badge]][license]
Author: Platform Builders
Latest version: 0.1.9

[![Build Status][check-badge]][workflows]
[![codecov][codecov]](https://codecov.io/gh/platformbuilders/use-notifications)
[![npm][npm-badge]][npm]
[![MIT][license-badge]][license]

[npm-badge]: https://img.shields.io/npm/v/@platformbuilders/use-notifications.svg
[npm]: https://www.npmjs.com/package/@platformbuilders/use-notifications
[license-badge]: https://img.shields.io/dub/l/vibe-d.svg
[license]: https://raw.githubusercontent.com/platformbuilders/use-notifications/master/LICENSE.md
[workflows]: https://github.com/platformbuilders/use-notifications/actions
[check-badge]: https://github.com/platformbuilders/use-notifications/workflows/check/badge.svg
[codecov]: https://codecov.io/gh/platformbuilders/use-notifications/branch/master/graph/badge.svg

# @platformbuilders/use-notification

Wrapping up `@react-native-firebase/messaging` and [`@notifee/react-native`](https://notifee.app/react-native/docs/overview) as a hook for simpler usage.

## Install

```
yarn add @react-native-firebase/messaging @react-native-firebase/app @notifee/react-native @platformbuilders/use-notifications
```

then, navigate to `cd ios` and run `pod install`

## Usage to configure

```
import { useNotifications } from '@platformbuilders/use-notifications';

const { configureNotifications, getFCMToken } = useNotifications();

const onRegisterNotification = async (token) => {
  console.log('LOG: onRegisterNotification -> token', token);
};

const onReceiveNotification = (notification) => {
  console.log('LOG: onNotification -> notification', notification);
};

const onOpenNotification = (notification) => {
  console.log('LOG: onOpenNotification -> notification', notification);
};

const onTokenRefresh = (token) => {
  console.log('LOG: onTokenRefresh -> token', token);
};

const getFirebaseToken = async () => {
  const fcmToken = await getFCMToken();
  console.log('LOG: getFirebaseToken -> fcmToken', fcmToken);
};

useEffect(() => {
  configureNotifications({
    onRegister: onRegisterNotification,
    onNotification: onReceiveNotification,
    onNotificationOpened: onOpenNotification, // iOS
    onTokenRefresh: onTokenRefresh
  });
}, []);

```

## Usage to display notifications

```
import { useNotifications } from '@platformbuilders/use-notifications';

const { displayNotification } = useNotifications();

useEffect(() => {
  displayNotification({
    title: 'Bem vindo ao App',
    body: 'Faça login para continuar',
  });
}, []);

```

### New Version

- To **test** locally see: [Testando NPM packages localmente](https://www.notion.so/platformbuilders/Testando-NPM-packages-localmente-28423b323abe4b3da1257283bff7d99d)

- To **publish** a new version see: [Testando NPM packages localmente](https://www.notion.so/platformbuilders/Criando-e-distribuindo-Libs-f6de8ccf543c4485ac0cc17379480975)
npm package: @platformbuilders/use-rating
Description: [![Build Status][check-badge]][workflows] [![codecov][codecov]](https://codecov.io/gh/platformbuilders/use-rating) [![npm][npm-badge]][npm] [![MIT][license-badge]][license]
Author: Platform Builders
Latest version: 0.3.10-beta.1

[![Build Status][check-badge]][workflows]
[![codecov][codecov]](https://codecov.io/gh/platformbuilders/use-rating)
[![npm][npm-badge]][npm]
[![MIT][license-badge]][license]

[npm-badge]: https://img.shields.io/npm/v/@platformbuilders/use-rating.svg
[npm]: https://www.npmjs.com/package/@platformbuilders/use-rating
[license-badge]: https://img.shields.io/dub/l/vibe-d.svg
[license]: https://raw.githubusercontent.com/platformbuilders/use-rating/master/LICENSE.md
[workflows]: https://github.com/platformbuilders/use-rating/actions
[check-badge]: https://github.com/platformbuilders/use-rating/workflows/check/badge.svg
[codecov]: https://codecov.io/gh/platformbuilders/use-rating/branch/master/graph/badge.svg

# @platformbuilders/use-rating

Easily check if user should be asked about rating based on number of uses and last rated version.

## Install

```
yarn add react-native-store-review @platformbuilders/use-rating
```

## Usage

iOS users will be inapp prompted to rate (1 to 5 stars) your app. Android users will be redirected to app's page on Play Store.

```
import { useRating } from '@platformbuilders/use-rating';

const { shouldRate, askRate } = useRating(DeviceInfo.getVersion());

const checkRating = async () => {
  const minUsageNumber = 3;
  const shouldAsk = await shouldRate(minUsageNumber);
  if (shouldAsk) {
    askRate(DeviceInfo.getBundleId());
  }
}
```
npm package: @platformbuilders/vike-builders
Description: <!-- WARNING: keep links absolute in this file so they work on NPM too -->
Latest version: 0.0.4

<!-- WARNING: keep links absolute in this file so they work on NPM too -->

[<img src="https://vike.dev/vike-readme.svg" align="right" height="90">](https://vike.dev)
[![npm version](https://img.shields.io/npm/v/vike-react)](https://www.npmjs.com/package/vike-react)

# `vike-react`

React integration for [Vike](https://vike.dev).

> For integrations with Vue and Solid, see the other [`vike-*` packages](https://vike.dev/vike-packages).

See [examples/](https://github.com/vikejs/vike-react/tree/main/examples).
npm package: @platformbutton/platform-button-component
Description: This is an experimental package designed to test the process of extracting a single Vue component into an npm package. The component in question is `YButton`, a simple button component built with Vue 3.
Author: Eleni Taki
Latest version: 1.2.0

# YButton Component Package

## Overview

This is an experimental package designed to test the process of extracting a single Vue component into an npm package. The component in question is `YButton`, a simple button component built with Vue 3.

## Purpose

The main goal of this package is to understand and document the steps involved in packaging a Vue component as an independent module. It serves as a learning project to explore the following:

- Packaging a Vue component as an npm module.
- Managing component styles within the package.
- Ensuring compatibility with a broader Vue ecosystem.

## Installation

To install the package, use npm:

```bash
npm i @platformbutton/platform-button-component
npm package: @platformix/kysely-d1
Description: Kysely dialect for Cloudflare D1
Author: Aiden
Latest version: 0.4.1

# kysely-d1

[![ci](https://github.com/aidenwallis/kysely-d1/actions/workflows/ci.yaml/badge.svg)](https://github.com/aidenwallis/kysely-d1/actions/workflows/ci.yaml)
[![npm](https://img.shields.io/npm/v/kysely-d1.svg)](https://www.npmjs.com/package/kysely-d1)

[Kysely](https://github.com/koskimas/kysely) adapter for [Cloudflare D1](https://developers.cloudflare.com/d1/).

```bash
npm i kysely-d1
```

This project was largely adapted from [kysely-planetscale](https://github.com/depot/kysely-planetscale).

## Usage

Pass your D1 binding into the dialect in order to configure the Kysely client. Follow [these docs](https://developers.cloudflare.com/d1/get-started/#4-bind-your-worker-to-your-d1-database) for instructions on how to do so.

```typescript
import { Kysely } from 'kysely';
import { D1Dialect } from 'kysely-d1';

export interface Env {
  DB: D1Database;
}

interface KvTable {
  key: string;
  value: string;
}

interface Database {
  kv: KvTable;
}

export default {
  async fetch(request: Request, env: Env): Promise<Response> {
    const { searchParams } = new URL(request.url);
    const key = searchParams.get('key');
    if (!key) {
      return new Response('No key defined.', { status: 400 });
    }

    // Create Kysely instance with kysely-d1
    const db = new Kysely<Database>({ dialect: new D1Dialect({ database: env.DB }) });
    
    // Read row from D1 table
    const result = await db.selectFrom('kv').selectAll().where('key', '=', key).executeTakeFirst();
    if (!result) {
      return new Response('No value found', { status: 404 });
    }

    return new Response(result.value);
  },
};
```

There is a working [example](example) also included, which implements a K/V style store using D1.