open-index/open-npm huggingface dataset:
npm package: @quibble-dev/tailwindcss-inner-border
Description: Tailwindcss plugin that provides utilities for creating inner borders.
Author: moonlitgrace
Latest version: 0.0.4

# tailwindcss-inner-border

Tailwindcss plugin that provides utilities for creating inner borders.

## Installation

Install the plugin from npm:

```sh
npm install -D @quibble-dev/tailwindcss-inner-border
```

Then add the plugin to your `tailwind.config.js` file:

```js
// tailwind.config.js
module.exports = {
  theme: {
    // ...
  },
  plugins: [
    require('@quibble-dev/tailwindcss-inner-border'),
    // ...
  ],
};
```

## Usage

Use the `inner-border-{n}` utilities to set the inner border width for all sides of an element:

<!-- prettier-ignore-start -->
```html
<input class="inner-border ...">
<input class="inner-border-2 ...">
```
<!-- prettier-ignore-end -->

Control the inner border color of an element using the `inner-border-{color}` utilities:

<!-- prettier-ignore-start -->
```html
<input class="inner-border-2 inner-border-rose-500 ...">
```
<!-- prettier-ignore-end -->

Variants and color opacity modifiers may also be used:

<!-- prettier-ignore-start -->
```html
<input class="inner-border-2 inner-border-rose-500/75 hover:inner-border-rose-500 ...">
```
<!-- prettier-ignore-end -->
npm package: @quibr/react-native-screen-time-api
Description: React Native for accessing the iOS Screen Time and Android Digital Wellbeing (coming soon) APIs.
Author: noodleofdeath
Latest version: 0.0.27

# React Native Screen Time API <!-- omit in toc -->

<p align="center">
  <a href="https://github.com/facebook/react-native/blob/HEAD/LICENSE">
    <img src="https://img.shields.io/badge/license-MIT-blue.svg" alt="React Native is released under the MIT license." />
  </a>
  <a href="https://www.npmjs.org/package/react-native-screen-time-api">
    <img src="https://img.shields.io/npm/v/react-native-screen-time-api?color=brightgreen&label=npm%20package" alt="Current npm package version." />
  </a>
  <a href="https://www.npmjs.org/package/react-native-screen-time-api">
    <img src="https://img.shields.io/npm/dt/react-native-screen-time-api" alt="Npm downloads." />
  </a>
  <img src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg" alt="PRs welcome!" />
</p>

Access the Screen Time API for iOS and Wellbeing API for Android (coming soon). This is far from complete and needs more work. Please don't hesitate to request specific screen time features

## Table of Contents <!-- omit in toc -->

- [Installation](#installation)
- [Usage](#usage)

## Installation

```sh
npm install react-native-screen-time-api
```

or

```sh
yarn add react-native-screen-time-api
```

Then run `npx pod-install`.

## Usage

### Add FamilyControls capability to your app
See https://developer.apple.com/documentation/Xcode/adding-capabilities-to-your-app

In addition to adding the Family Controls entitlement, for distribution, you will also need to [request Family Controls capabilities](https://developer.apple.com/contact/request/family-controls-distribution)


Open `ios/[your-app]/[your-app].entitlements` file, add this definition:
```xml
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
  <dict>
    <key>com.apple.developer.family-controls</key>
    <true/>
  </dict>
</plist>
```

### Sample code
```javascript
import { ScreenTime } from 'react-native-screen-time-api';

React.useEffect(() => {
  ScreenTime.requestAuthorization('individual').then(async () => {
    const status = await ScreenTime.getAuthorizationStatus();
    console.log('Authorization status:', status); // 'approved', 'denied', or 'notDetermined'
    if (status !== 'approved') {
      throw new Error('user denied screen time access');
    }
    const selection = await ScreenTime.displayFamilyActivityPicker();
    console.log('Family activity selection:', selection);
    // selection will be `null` if user presses cancel
    if (selection) {
      await ScreenTime.setActivitySelection(selection); // sets the shields
    }
  });
}, []);
```

## Release a new version

First, bump the version in the `package.json`

```bash
npm login

npm publish
```
npm package: @quic-pro/eslint-config
Description: Shareable ESLint config.
Author: Sergey Bondarenko QUIC-PRO Inc. developer
Latest version: 0.3.1

# @quic-pro/eslint-config

Shareable ESLint config.

## Installation

```bash
# Using npm
npm install --save-dev @quic-pro/eslint-config

# Using yarn
yarn add --dev @quic-pro/eslint-config
```

> Required ESLint version >= 8
>
> [ESLint documentation](https://eslint.org/docs/latest/user-guide)

## Configs

Available configs:

- [default](https://github.com/quic-pro/eslint-config/blob/main/index.js) same as recommended
- [recommended](https://github.com/quic-pro/eslint-config/blob/main/recommended.js)
- [typescript](https://github.com/quic-pro/eslint-config/blob/main/typescript.js)
- [react](https://github.com/quic-pro/eslint-config/blob/main/react.js)

> Use the recommended config with other configs.

## Usage

### default

1) Add to your ESLint config:

   ```json
   {
     "extends": [
       "@quic-pro/eslint-config"
     ]
   }
   ```

   Or you can also omit the eslint-config and it will be automatically assumed by ESLint:

   ```json
   {
     "extends": [
       "@quic-pro"
     ]
   }
   ```

### recommended

1) Add to your ESLint config:

   ```json
   {
     "extends": [
       "@quic-pro/eslint-config/recommended"
     ]
   }
   ```

### typescript

1) Install required dependencies:

   ```bash
   #Using npm
   npm install --save-dev typescript @typescript-eslint/eslint-plugin @typescript-eslint/parser

   # Using yarn
   yarn add --dev typescript @typescript-eslint/eslint-plugin @typescript-eslint/parser
   ```

   > **Required versions:** <br/>
   typescript >= 4 <br/>
   @typescript-eslint/eslint-plugin >= 5 <br/>
   @typescript-eslint/parser >= 5 <br/>

2) Add to your ESLint config:

   ```json
   {
     "parser": "@typescript-eslint/parser",
     "parserOptions": {
       "ecmaVersion": "latest",
       "sourceType": "module",
       "project": "./tsconfig.json"
     },
     "extends": [
       "@quic-pro/eslint-config/recommended",
       "@quic-pro/eslint-config/typescript"
     ]
   }
   ```

### react

1) Install required dependencies:

   ```bash
   # Using npm
   npm install --save-dev eslint-config-react-app eslint-plugin-jsx-a11y eslint-plugin-react eslint-plugin-react-hooks eslint-plugin-simple-import-sort

   # Using yarn
   yarn add --dev eslint-config-react-app eslint-plugin-jsx-a11y eslint-plugin-react eslint-plugin-react-hooks eslint-plugin-simple-import-sort
   ```

   > **Required versions:** <br/>
   eslint-config-react-app >= 7 <br/>
   eslint-plugin-jsx-a11y >= 6 <br/>
   eslint-plugin-react >= 7 <br/>
   eslint-plugin-react-hooks >= 4 <br/>
   eslint-plugin-simple-import-sort >= 8 <br/>

2) Add to your ESLint config:

   ```json
   {
     "extends": [
       "@quic-pro/eslint-config/recommended",
       "@quic-pro/eslint-config/react"
     ]
   }
   ```

   > If you are using TypeScript with React then you can also add "@quic-pro/eslint-config/typescript". See instructions above.

## License

[MIT](LICENSE)
npm package: @quiches/back
Description: [![npm](https://img.shields.io/npm/v/@quiches/front?style=for-the-badge)](https://www.npmjs.com/package/@quiches/back) ![GitHub Workflow Status](https://img.shields.io/github/workflow/status/quiches-group/back-js-package/deploy?style=for-the-badge)
Latest version: 0.0.16

# Filer Server Module

[![npm](https://img.shields.io/npm/v/@quiches/front?style=for-the-badge)](https://www.npmjs.com/package/@quiches/back)
![GitHub Workflow Status](https://img.shields.io/github/workflow/status/quiches-group/back-js-package/deploy?style=for-the-badge)

## Description




## Documentation

### 1- Installation

Using npm:
````bash
$ npm install @quiches/back --save
````

Using yarn:
````bash
$ yarn add @quiches/back
````

### 2- Examples

**Usage**

The private key is generated on the dashboard at : https://dashboard.quiches.ovh.

```js
import QuichesStack from '@quiches/back';

const PRIVATE_KEY = 'priv_xxxxx';
const quiches = QuichesStack(PRIVATE_KEY);
const auth = quiches.auth;

// or
import { Authentication } from '@quiches/back';

const PRIVATE_KEY = 'priv_xxxxx';
const auth = new Authentication(PUBLIC_KEY);
```


### 3- Authentication
The Authentication class has 3 available methods.
npm package: @quiches/front
Description: [![npm](https://img.shields.io/npm/v/@quiches/front?style=for-the-badge)](https://www.npmjs.com/package/@quiches/front) ![GitHub Workflow Status](https://img.shields.io/github/workflow/status/quiches-group/front-js-package/deploy?style=for-the-badge)
Latest version: 1.0.0

# Filer Server Module

[![npm](https://img.shields.io/npm/v/@quiches/front?style=for-the-badge)](https://www.npmjs.com/package/@quiches/front)
![GitHub Workflow Status](https://img.shields.io/github/workflow/status/quiches-group/front-js-package/deploy?style=for-the-badge)

## Description

This package is used to connect and upload files to my file server. To be able to use this service,
it is necessary to make me a request for a token. It is also possible to install the file server
on your machine but the package is not yet public.


## Documentation

### 1- Installation

Using npm:
````bash
$ npm install @quiches/front --save
````

Using yarn:
````bash
$ yarn add @quiches/front
````

### 2- Examples

**Usage**

The public key is generate on dashboard at : https://dashboard.quiches.ovh.

```js
import QuichesStack from '@quiches/front';

const PUBLIC_KEY = 'pub_xxxxx';
const quiches = QuichesStack(PUBLIC_KEY);
const auth = quiches.auth;

// or
import { Authentication } from '@quiches/front';

const PUBLIC_KEY = 'pub_xxxxx';
const auth = new Authentication(PUBLIC_KEY);
```


### 3- Authentication
The Authentication class has 3 available methods.

#### 1- Login
This method has 2 parameters which are `mail` and `password`, they are of type string.

It returns a promise.

````js
const auth = quiches.auth;

const mail = 'user@domain.ext';
const password = 'passxx';

auth.login({ mail: mail, password: password })
  .then(() => console.log('success'))
  .catch(() => console.log('error'))
````

#### 2- Register
This method has 4 parameters which are `mail`, `password`, `firstname` and `lastanme`, they are of type string.

It returns a promise.

````js
const auth = quiches.auth;

const mail = 'user@domain.ext';
const password = 'passxx';
const firstname = 'John';
const lastname = 'Doe';

auth.register({ mail: mail, password: password, firstname: firstname, lastname: lastname })
  .then(() => console.log('success'))
  .catch(() => console.log('error'))
````

#### 3- Get JWT Token
If you need to retrieve the JWT token to make requests to your API, there is a method to retrieve this token.

If you need to retrieve the JWT token to make requests to your API, there is a method to retrieve this token.

````js
const auth = quiches.auth;

auth.getToken({ mail: mail, password: password })
  .then((token) => console.log(token))
  .catch(() => console.log('error'))
````