open-index/open-npm huggingface dataset:
npm package: @roadmanfong/expo-match-media
Description: Universal polyfill for match media API using Expo APIs on mobile
Author: Expo
Latest version: 0.2.1

<!-- Title -->
<h1 align="center">
👋 Welcome to <br><code>@expo/match-media</code>
</h1>

<!-- Header -->

<p align="center">
    <b>Universal polyfill for match media API using Expo APIs on mobile</b>
    <br/>
    <br/>
    <a aria-label="Well tested CSS Library" href="https://github.com/expo/match-media/actions">
      <img align="center" alt="GitHub Actions status" src="https://github.com/expo/match-media/workflows/Check%20Universal%20Module/badge.svg">
    </a>
</p>

---

<!-- Body -->

TL;DR: [Demo](App.js)

## 🏁 Setup

Install `@expo/match-media` in your project.

```sh
yarn add @expo/match-media
```

> If you're using a React Native app that wasn't bootstrapped with the `expo-cli` then you'll need to install and link the `expo` module to use this package.

## ⚽️ Usage

Import the polyfill at the top of your file before using the [`window.matchMedia` API][match-media].

```js
import '@expo/match-media';
// use the match media API
```

**What this does**

- In the browser: Nothing
- In React Native apps: Polyfills the [`matchMedia` API][match-media] so you can use awesome libraries like `react-responsive`.

## License

The Expo source code is made available under the [MIT license](LICENSE). Some of the dependencies are licensed differently, with the BSD license, for example.

<!-- Footer -->

---

<p>
    <a aria-label="sponsored by expo" href="http://expo.io">
        <img src="https://img.shields.io/badge/Sponsored_by-Expo-4630EB.svg?style=for-the-badge&logo=EXPO&labelColor=000&logoColor=fff" target="_blank" />
    </a>
    <a aria-label="@expo/match-media is free to use" href="/LICENSE" target="_blank">
        <img align="right" alt="License: MIT" src="https://img.shields.io/badge/License-MIT-success.svg?style=for-the-badge&color=33CC12" target="_blank" />
    </a>
</p>


[match-media]: https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia
npm package: @roadmanjs/auth
Description:  An auth roadman using a UserType model in Couchbase and firebase-auth
Author: Ceddy Muhoza
Latest version: 1.3.9


<p align="center">
  <h1 align="center"> Roadman - Couchbase UserType Model + Firebase Auth </h1>
</p>
<div align="center">

<img width="500px" src="./docs/roadman_dance.gif"></img>

</div>



## An auth roadman using a UserType model in Couchbase and firebase-auth

### How to use
```
yarn add @roadmanjs/auth
```

app.ts
```ts
import roadman from 'roadman';
import {AuthResolvers} from '@roadmanjs/auth';

await roadman({
  resolvers: [...AuthResolvers, ...MyOtherResolvers]
});
```

also exports, middleswares like, isAuth, or FirebaseToken

#### Env required
```sh
DEBUG=roadman*

# Firebasebase service account json string
FIREBASE_SA={"firebase admmin service account": ""}

# Couchbase envs
COUCHBASE_URL= 
COUCHBASE_BUCKET=
COUCHBASE_USERNAME= 
COUCHBASE_PASSWORD= 

# Access token generator secrets
ACCESS_TOKEN_SECRET=xxxxx
REFRESH_TOKEN_SECRET=xxxx
```
npm package: @roadmanjs/auth-client
Description: GraphQL client gql for @roadmanjs/auth
Author: Ceddy Muhoza
Latest version: 1.3.9


<p align="center">
  <h1 align="center"> Roadman - Couchbase UserType Model + Firebase Auth </h1>
</p>
<div align="center">

<img width="500px" src="./docs/roadman_dance.gif"></img>

</div>



## An auth roadman using a UserType model in Couchbase and firebase-auth

### How to use
```
yarn add @roadmanjs/auth
```

app.ts
```ts
import roadman from 'roadman';
import {AuthResolvers} from '@roadmanjs/auth';

await roadman({
  resolvers: [...AuthResolvers, ...MyOtherResolvers]
});
```

also exports, middleswares like, isAuth, or FirebaseToken

#### Env required
```sh
DEBUG=roadman*

# Firebasebase service account json string
FIREBASE_SA={"firebase admmin service account": ""}

# Couchbase envs
COUCHBASE_URL= 
COUCHBASE_BUCKET=
COUCHBASE_USERNAME= 
COUCHBASE_PASSWORD= 

# Access token generator secrets
ACCESS_TOKEN_SECRET=xxxxx
REFRESH_TOKEN_SECRET=xxxx
```
npm package: @roadmanjs/badge
Description: A very Badge
Author: Ceddy Muhoza
Latest version: 0.0.1


<p align="center">
  <h1 align="center"> RoadmanJS Badge - a very badge </h1>
</p>

<div align="center">
<img src="./docs/badge-icon.png" width="300" />
</div>



## A Roadman for creating badges, messages, notifications, settings .e.t.c ...
npm package: @roadmanjs/badge-client
Description: GraphQL client gql for @roadmanjs/badge
Author: Ceddy Muhoza
Latest version: 0.0.1


<p align="center">
  <h1 align="center"> RoadmanJS Badge - a very badge </h1>
</p>

<div align="center">
<img src="./docs/badge-icon.png" width="300" />
</div>



## A Roadman for creating badges, messages, notifications, settings .e.t.c ...
npm package: @roadmanjs/chat
Description:  A roadman for chat and groups
Author: Ceddy Muhoza
Latest version: 1.3.9


<p align="center">
  <h1 align="center"> Roadman - for chat and groups </h1>
</p>
<div align="center">

<img width="500px" src="./docs/roadman_dance.gif"></img>

</div>



## A Roadman for chat and groups, using UserType from 'auth'

### How to use
```
yarn add @roadmanjs/auth @roadmanjs/chat
```

app.ts
```ts
import roadman from 'roadman';
import {getAuthResolvers} from '@roadmanjs/auth';
import {getChatResolvers} from '@roadmanjs/chat';

await roadman({
  resolvers: [...getAuthResolvers(), ...getChatResolvers(), ...MyOtherResolvers]
});
```

#### Env required
```sh
DEBUG=roadman*

# Firebase service account json string
FIREBASE_SA={"firebase admin service account": ""}

# Couchbase envs
COUCHBASE_URL= 
COUCHBASE_BUCKET=
COUCHBASE_USERNAME= 
COUCHBASE_PASSWORD= 

# Any random ass access token generator secrets
ACCESS_TOKEN_SECRET=xxxxx
REFRESH_TOKEN_SECRET=xxxx
```
npm package: @roadmanjs/chat-client
Description: @roadmanjs/chat fragments, query, mutations, subscriptions
Author: Ceddy Muhoza
Latest version: 1.3.9


<p align="center">
  <h1 align="center"> Roadman - for chat and groups </h1>
</p>
<div align="center">

<img width="500px" src="./docs/roadman_dance.gif"></img>

</div>



## A Roadman for chat and groups, using UserType from 'auth'

### How to use
```
yarn add @roadmanjs/auth @roadmanjs/chat
```

app.ts
```ts
import roadman from 'roadman';
import {getAuthResolvers} from '@roadmanjs/auth';
import {getChatResolvers} from '@roadmanjs/chat';

await roadman({
  resolvers: [...getAuthResolvers(), ...getChatResolvers(), ...MyOtherResolvers]
});
```

#### Env required
```sh
DEBUG=roadman*

# Firebase service account json string
FIREBASE_SA={"firebase admin service account": ""}

# Couchbase envs
COUCHBASE_URL= 
COUCHBASE_BUCKET=
COUCHBASE_USERNAME= 
COUCHBASE_PASSWORD= 

# Any random ass access token generator secrets
ACCESS_TOKEN_SECRET=xxxxx
REFRESH_TOKEN_SECRET=xxxx
```
npm package: @roadmanjs/core
Description: Roadman core
Author: Ceddy Muhoza
Latest version: 1.3.9


<p align="center">
  <h1 align="center"> Roadman - Core  </h1>
</p>
<div align="center">

<img width="500px" src="./docs/roadman_dance.gif"></img>

</div>



<div align="center">

<img width="300px" src="./docs/roadman-baby.jpg"></img>


</div>


## Roadman specs.
npm package: @roadmanjs/couchset
Description: A Couchbase roadman using CouchSet
Author: Ceddy Muhoza
Latest version: 1.3.9


<p align="center">
  <h1 align="center"> Roadman - <a href="https://couchset.org" target="_blank">CouchSet</a>   </h1>
</p>
<div align="center">

<img width="500px" src="./docs/roadman_dance.gif"></img>

</div>



<div align="center">

<img width="500px" src="./docs/couchset-roadman.jpg"></img>


</div>


## A roadman for couchbase using couchset.

### How to use
```
yarn add @roadmanjs/couchset
```

app.ts
```ts
import {roadman} from 'roadman'
import {couchsetRoadman} from '@roadmanjs/couchset';

await roadman({
  roadmen: [couchsetRoadman]
});
```

#### Env required
```sh
COUCHBASE_URL= 
COUCHBASE_BUCKET= 
COUCHBASE_USERNAME= 
COUCHBASE_PASSWORD=
```
npm package: @roadmanjs/firebase-admin
Description: A roadman for firebase-admin
Author: Ceddy Muhoza
Latest version: 1.3.9


<p align="center">
  <h1 align="center"> Roadman - <a href="https://firebase.google.com" target="_blank">Firebase Admin</a>   </h1>
</p>
<div align="center">

<img width="500px" src="./docs/roadman_dance.gif"></img>

</div>



## A roadman for firebase-admin.

### How to use
```
yarn add @roadmanjs/firebase-admin
```

app.ts
```ts
import {roadman} from 'roadman'
import {firebaseRoadman} from '@roadmanjs/firebase-admin';

await roadman({
  roadmen: [firebaseRoadman]
});
```

#### Env required
```sh
FIREBASE_SA= 
```
npm package: @roadmanjs/firebase-admin-serverless
Description: A roadman for firebase-admin
Author: Ceddy Muhoza
Latest version: 1.3.9


<p align="center">
  <h1 align="center"> Roadman - <a href="https://firebase.google.com" target="_blank">Firebase Admin</a>   </h1>
</p>
<div align="center">

<img width="500px" src="./docs/roadman_dance.gif"></img>

</div>



## A roadman for firebase-admin.

### How to use
```
yarn add @roadmanjs/firebase-admin
```

app.ts
```ts
import {roadman} from 'roadman'
import {firebaseRoadman} from '@roadmanjs/firebase-admin';

await roadman({
  roadmen: [firebaseRoadman]
});
```

#### Env required
```sh
FIREBASE_SA= 
```
npm package: @roadmanjs/firebase-client
Description: GraphQL client gql for @roadmanjs/firebase-admin
Author: Ceddy Muhoza
Latest version: 1.3.9


<p align="center">
  <h1 align="center"> Roadman - <a href="https://firebase.google.com" target="_blank">Firebase Admin</a>   </h1>
</p>
<div align="center">

<img width="500px" src="./docs/roadman_dance.gif"></img>

</div>



## A roadman for firebase-admin.

### How to use
```
yarn add @roadmanjs/firebase-admin
```

app.ts
```ts
import {roadman} from 'roadman'
import {firebaseRoadman} from '@roadmanjs/firebase-admin';

await roadman({
  roadmen: [firebaseRoadman]
});
```

#### Env required
```sh
FIREBASE_SA= 
```
npm package: @roadmanjs/logs
Description: A Roadman for logs
Author: Ceddy Muhoza
Latest version: 1.3.9


<p align="center">
  <h1 align="center"> Roadman - Log </h1>
</p>
<div align="center">

<img width="500px" src="./docs/roadman_dance.gif"></img>

</div>



## A roadman for logs using debug and chalk.

### How to use
```
yarn add @roadmanjs/log
```

anywhere.ts
```ts
import {log, chalk} from '@roadmanjs/log';

log("somevalue", "normal text")
log("somevalue", chalk.red("red text"))
```

or 

app.ts
```ts
import {roadman} from 'roadman'
import {logRoadman} from '@roadmanjs/log';

await roadman({
  roadmen: [logRoadman]
});
```

#### Env required
```sh
ROADMAN=myappname
DEBUG=myappname* 
```
npm package: @roadmanjs/push
Description: A roadman for push notifications
Author: Ceddy Muhoza
Latest version: 1.3.9

<p align="center">
  <h1 align="center"> Roadman - Push </h1>
</p>

<div align="center">

<img width="500px" src="./docs/roadman_dance.gif"></img>

</div>

## A roadman for push notifications

### Install

```bash
npm i @roadmanjs/push
```

### Usage

```ts
import {roadman} from 'roadman';
import {pushRoadman} from '@roadmanjs/push';

await roadman({
    roadmen: [pushRoadman],
});
```

### Env required

```sh
DEBUG=roadman*

FIREBASE_SA_IOS={"firebase admin service account": ""}
FIREBASE_SA_ANDROID={"firebase admin service account": ""}
```
npm package: @roadmanjs/utils
Description: Shared utilities to use for any other package
Author: Ceddy Muhoza
Latest version: 1.3.9


<p align="center">
  <h1 align="center"> Roadman - Utils </h1>
</p>
<div align="center">

<img width="500px" src="./docs/roadman_dance.gif"></img>

</div>



## Shared utilities to use for any other package.
npm package: @roadmanjs/wallet
Description: A very Wallet
Author: Ceddy Muhoza
Latest version: 0.0.74


<p align="center">
  <h1 align="center"> RoadmanJS Wallet - a very wallet </h1>
</p>

<div align="center">
<img src="./docs/wallet.jpg" width="300" />
</div>



## A Roadman for wallet that supports, coinbase, stripe, nowpayments .e.t.c ...

env

```sh

# to enable stripe
STRIPE_PAYMENT_DESC=mycompany
STRIPE_SECRET=xxxxxx
STRIPE_ENDPOINT_SECRET=xxxxxx

# to enable nowpayments for crypto
NOWPAYMENTS_KEY=
NOWPAYMENTS_SECRET_IPN=xxxxx    # for verifying the webhooks
NOWPAYMENTS_CALLBACK_URL=xxxxxx # for webhooks
```

How to use

```ts
import roadman from "roadman";
import { stripeRoadman, nowPaymentsRoadman, getWalletResolvers, getNowPaymentsResolvers} from "@roadmanjs/wallet"

roadman({
  roadmen: [stripeRoadman, nowPaymentsRoadman],
  resolvers: [...myresolvers, ...getWalletResolvers(), ...getNowPaymentsResolvers()]
});
```
npm package: @roadmanjs/wallet-client
Description: GraphQL client gql for @roadmanjs/wallet
Author: Ceddy Muhoza
Latest version: 0.0.74


<p align="center">
  <h1 align="center"> RoadmanJS Wallet - a very wallet </h1>
</p>

<div align="center">
<img src="./docs/wallet.jpg" width="300" />
</div>



## A Roadman for wallet that supports, coinbase, stripe, nowpayments .e.t.c ...

env

```sh

# to enable stripe
STRIPE_PAYMENT_DESC=mycompany
STRIPE_SECRET=xxxxxx
STRIPE_ENDPOINT_SECRET=xxxxxx

# to enable nowpayments for crypto
NOWPAYMENTS_KEY=
NOWPAYMENTS_SECRET_IPN=xxxxx    # for verifying the webhooks
NOWPAYMENTS_CALLBACK_URL=xxxxxx # for webhooks
```

How to use

```ts
import roadman from "roadman";
import { stripeRoadman, nowPaymentsRoadman, getWalletResolvers, getNowPaymentsResolvers} from "@roadmanjs/wallet"

roadman({
  roadmen: [stripeRoadman, nowPaymentsRoadman],
  resolvers: [...myresolvers, ...getWalletResolvers(), ...getNowPaymentsResolvers()]
});
```