open-index/open-npm huggingface dataset:
npm package: @privyid.web/browserslist-config
Description: Browserslist shareable config for Persona project
Author: Ade Novid
Latest version: 1.2.0-privyid-dev-2

# browserslist-config
> Browserslist shareable config for Persona project

## Installation

```sh
yarn add -D @privyid.web/browserslist-config
```

Then, add into your `.browserslistrc`

```
extends @privyid.web/browserslist-config
```

## License

[MIT License](/LICENSE)
npm package: @privyid.web/eslint-config-persona
Description: Eslint shareable config for Persona project
Author: Ade Novid
Latest version: 1.2.0-privyid-dev-2

# eslint-config-persona

> Eslint shareable config for Persona project

## Installation

First, Install all dependencies:

```sh
yarn add --dev \
  eslint@8.57.0 \
  eslint-config-standard-with-typescript@21.0.1 \
  eslint-formatter-pretty@5.0.0 \
  eslint-plugin-align-assignments@1.1.2 \
  eslint-plugin-import@2.29.1 \
  eslint-plugin-n@16.6.2 \
  eslint-plugin-node@11.1.0 \
  eslint-plugin-promise@6.1.1 \
  eslint-plugin-unicorn@48.0.1 \
  eslint-plugin-varspacing@1.2.2 \
  eslint-plugin-vue@9.23.0 \
  typescript@5.4.5 \
  @vue/eslint-config-typescript@13.0.0 \
  @typescript-eslint/eslint-plugin@5.62.0 \
  @typescript-eslint/parser@5.62.0 \
  @privyid.web/eslint-config-persona
```

Then, add this to your `.eslintrc` file (create one if doesn't exist):

```json
{
  "extends": ["@privyid.web/eslint-config-persona"],
  "parserOptions": { "project": "./tsconfig.json" }
}
```

Optional, add this to `package.json` script's:

```json
{
  // ...
  "scripts": {
    // ...
    "lint": "eslint . --ext .js,.vue,.ts --format pretty",
    "fix": "yarn lint --fix",
    // ...
  }
  // ...
}
```

## License

[MIT License](/LICENSE)
npm package: @privyid.web/persona
Description: Persona core package
Author: Ade Novid
Latest version: 1.2.0-privyid-dev-2

# @privyid.web/persona

> Persona core package

Learn more about this package: https://persona.privyid.dev

## Contributing

### Local Development

- Run `npm run dev:prepare` to generate type stubs.
- Use `npm run dev` to start [playground](./playground) in development mode.

## License

[MIT License](/LICENSE)
npm package: @privyid.web/persona-icon
Description: Persona icon package
Author: Ade Novid
Latest version: 1.2.0-privyid-dev-2

# @privyid.web/persona-icon

> Persona icon package

## Installation

```sh
yarn add -D @privyid.web/persona-icon
```

## Usage

See: https://persona.privyid.dev/icons/icon/getting-started

## License

[MIT License](/LICENSE)
npm package: @privyid.web/persona-ilustration
Description: Persona ilustration package
Author: Ade Novid
Latest version: 1.2.0-privyid-dev-2

# @privyid.web/persona-ilustration

> Persona ilustration package

## Installation

```sh
yarn add -D @privyid.web/persona-ilustration
```

## Usage

See: https://persona.privyid.dev/icons/ilustration/getting-started

## License

[MIT License](/LICENSE)
npm package: @privyid.web/tailwind-animation
Description: Collection animation class for vue `<transition>`
Author: Ade Novid
Latest version: 1.2.0-privyid-dev-2

# tailwind-animation

> Collection animation class for vue `<transition>`

## Installation

```sh
yarn add -D @privyid.web/tailwind-animation
```

Then, add into `tailwind.config.js`

```js
module.exports = {
  plugins: [
    require('@privyid.web/tailwind-animation')
  ],
  // ...
}
```

## Usage

```vue
<template>
<!-- ... -->
  <transition name="fade" >
    <!-- ... -->
  </transition>
<!-- ... -->
</template>
```

## Available list

- `fade`
- `slide-up`
- `slide-left`
- `slide-right`
- `slide-top`
- `slide-bottom`
- `slide-full-left`
- `slide-full-right`
- `slide-full-top`
- `slide-full-bottom`
- `zoom-in`
- `zoom-out`

## License

[MIT License](/LICENSE)
npm package: @privyid.web/tailwind-extended
Description: Add missing tailwind utilities
Author: Ade Novid
Latest version: 1.2.0-privyid-dev-2

# tailwind-extended
> Add missing tailwind utilities

## Installation

```sh
yarn add -D @privyid.web/tailwind-extended
```

Then, add into `tailwind.config.js`

```js
module.exports = {
  plugins: [
    require('@privyid.web/tailwind-extended')
  ],
  // ...
}
```

## Usage

### Writing Mode

| Class            | Properties                    |
|------------------|-------------------------------|
| `.horizontal-tb` | `writing-mode: horizontal-tb` |
| `.vertical-rl`   | `writing-mode: vertical-rl`   |
| `.vertical-lr`   | `writing-mode: vertical-lr`   |

### Aspect Compat

Similar to native tailwind [aspect-ratio](https://tailwindcss.com/docs/aspect-ratio) but with fallback for old browser.

```css
/* Tailwind Core aspect-ratio */
.aspect-video {
  aspect-ratio: 16 / 9;
}

/* Aspect Ratio Compat */
.aspect-compat-video {
  aspect-ratio: 16 / 9;
}

@supports not (aspect-ratio: 1/1) {
  .aspect-compat-video::before {
    content: '';
    float: left;
    padding-top: calc(100% * 16/9);
  }
  .aspect-compat-video::after {
    content: '';
    display: block;
    clear: both;
  }
}
```

### Margin Inline

| Class   | Properties                  |
|---------|-----------------------------|
| `.mi-1` | `margin-inline: 0.25rem`    |
| `.ms-1` | `margin-inline-start: 0.25` |
| `.me-1` | `margin-inline-end: 0.25`   |

Other values is similar to [Margin](https://tailwindcss.com/docs/margin).

### Padding Inline

| Class   | Properties                   |
|---------|------------------------------|
| `.pi-1` | `padding-inline: 0.25rem`    |
| `.ps-1` | `padding-inline-start: 0.25` |
| `.pe-1` | `padding-inline-end: 0.25`   |

Other values is similar to [Padding](https://tailwindcss.com/docs/padding).

### Space Gap

Flex Gap alternative, using negative margin method. Given space between child element in `x` and `y` direction.

If you not use `flex-wrap` or similar "break wrap" things,
better use `space-x` or `space-y`.

```scss
.space-gap-1 {
  margin-top: -0.5rem;
  margin-left: -0.5rem;

  & > * {
    margin-top: 0.5;
    margin-left: 0.5rem;
  }
}
```

Note: you can't use `space-gap` together with `mt-*` and `ml-*`. You need wrap the element.

```html
<!-- Not Work -->
<div class="mt-4 space-gap-2">
  <!-- Content -->
</div>

<!-- Work -->
<div class="mt-4">
  <div class="space-gap-2">
    <!-- Content -->
  </div>
</div>
```

Other values is similar to [Space](https://tailwindcss.com/docs/space).

## License

[MIT License](/LICENSE)
npm package: @privyid.web/tailwind-preset
Description: Tailwind preset for Persona project
Author: Ade Novid
Latest version: 1.2.0-privyid-dev-2

# tailwind-preset

> Tailwind preset for Persona project

## Installation

```sh
yarn add -D @privyid.web/tailwind-preset
```

Then, add into `tailwind.config.js`

```js
module.exports = {
  presets: [
    require('@privyid.web/tailwind-presets')
  ],
  // ...
}
```

## License

[MIT License](/LICENSE)
npm package: @privyid/dci-client-oauth2
Description: PrivyID's Straight-forward execution of OAuth 2.0 flows and authenticated API requests
Author: agallio
Latest version: 1.0.2

# @privyid/dci-client-oauth2

Custom `client-oauth2` package. Bootstrapped from [Mulesoft js-client-oauth2](https://github.com/mulesoft/js-client-oauth2).
npm package: @privyid/eslint-config-js
Description: Eslint shareable config for Javascript
Author: Ade Novid
Latest version: 5.0.0
Deprecated: Package no longer maintenance, use @privyid/eslint-config-persona instead

# eslint-config-adenvt
> Eslint Shareable Config which lint and pretify your code

[![Build Status](https://travis-ci.com/adenvt/eslint-config-adenvt.svg?branch=master)](https://travis-ci.com/adenvt/eslint-config-adenvt)
[![npm version](https://badge.fury.io/js/eslint-config-adenvt.svg)](https://badge.fury.io/js/eslint-config-adenvt)

## Usage

First, run this command

```
npm install --save-dev eslint babel-eslint eslint-config-standard eslint-plugin-import eslint-plugin-node eslint-plugin-promise eslint-plugin-standard eslint-plugin-unicorn eslint-plugin-varspacing eslint-plugin-vue eslint-config-adenvt
```
Then, add this to your `.eslintrc` file:

```
{
  "extends": "adenvt"
}
```

## License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details
npm package: @privyid/eslint-config-ts
Description: Eslint shareable config for Typescript
Author: Ade Novid
Latest version: 2.0.0
Deprecated: Package no longer maintenance, use @privyid/eslint-config-persona instead

# @privyid/eslint-config-ts
> Eslint shareable config for Typescript

## Usage

First, install all dependencies

**NPM**
```bash
npm install --save-dev \
  eslint \
  babel-eslint \
  eslint-config-standard \
  eslint-plugin-import \
  eslint-plugin-node \
  eslint-plugin-promise \
  eslint-plugin-standard \
  eslint-plugin-unicorn \
  eslint-plugin-varspacing \
  eslint-plugin-vue \
  @privyid/eslint-config-js \
  @privyid/eslint-config-ts \
  @typescript-eslint/eslint-plugin \
  @typescript-eslint/parser
```
**Yarn**
```bash
yarn add --dev \
  eslint \
  babel-eslint \
  eslint-config-standard \
  eslint-plugin-import \
  eslint-plugin-node \
  eslint-plugin-promise \
  eslint-plugin-standard \
  eslint-plugin-unicorn \
  eslint-plugin-varspacing \
  eslint-plugin-vue \
  @privyid/eslint-config-js \
  @privyid/eslint-config-ts \
  @typescript-eslint/eslint-plugin \
  @typescript-eslint/parser
```


Then, add this to your `.eslintrc` file (create one if doesn't exist):

```jsonc
{
  "extends": "@privyid/eslint-config-ts"
}
```

Optional, add this to `package.json` script's
```jsonc
{
  // ...
  "scripts": {
    // ...
    "lint:js": "eslint --ext .ts,.js,.vue --ignore-path .gitignore .",
    "fix:js": "eslint --fix --ext .ts,.js,.vue --ignore-path .gitignore .",
    // ...
  }
  // ...
}
```

## Lint on commit
If you run linting every commit, you can use [pre-commit] and [lint-staged]
```bash
# NPM
npm install --save-dev pre-commit lint-staged

# Yarn
yarn add --dev pre-commit lint-staged
```

and this to your `package.json`
```jsonc
{
  // ...
  "scripts": {
    // ...
    "precommit": "lint-staged",
    // ...
  },
  // ...
  "precommit": ["precommit"],
  "lint-staged": {
    "*.(js|ts|vue)": [
      "eslint --fix"
    ],
    // ...
  },
  // ...
}
```
## License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details

[pre-commit]: https://www.npmjs.com/package/pre-commit
[lint-staged]: https://www.npmjs.com/package/lint-staged
npm package: @privyid/eslint-plugin-varspacing
Description: A eslint rule for proper var spacing
Author: Maximilian Bosch
Latest version: 1.2.2
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# eslint-plugin-varspacing

> Forking from https://gitlab.com/Ma27/eslint-plugin-varspacing

[![pipeline status](https://gitlab.com/Ma27/eslint-plugin-varspacing/badges/master/pipeline.svg)](https://gitlab.com/Ma27/eslint-plugin-varspacing/commits/master)
[![npm version](https://badge.fury.io/js/eslint-plugin-varspacing.svg)](https://www.npmjs.com/package/eslint-plugin-varspacing)
[![Build Status](https://codecov.io/gl/Ma27/eslint-plugin-varspacing/branch/master/graph/badge.svg)](https://codecov.io/gl/Ma27/eslint-plugin-varspacing/branch/master/)

This plugin ships a simple and fixable [ESLint](https://eslint.org) rule to check if variable declarations are
properly aligned.

## Installation

```
npm install --save-dev eslint eslint eslint-plugin-varspacing
```

In order to activate the plugin the following options must be present in `.eslintrc`:

``` json
{
  "plugins": [
    "varspacing"
  ],
  "extends": "plugin:varspacing/recommended"
}
```

Please refer to the [var-spacing docs](https://github.com/Sententiaregum/eslint-plugin-varspacing/blob/master/docs/rules/var-spacing.md)
for further details about the ruleset.

## Hacking

It's recommended to use the [`nix`](https://nixos.org/nix/) package manager for development purposes.
A customized developer shell can be opened like this:

```
$ nix-shell
[nix-shell]$ npm test
```

Furthermore it's possible to actually build the package:

```
nix-build -A package tarball
```

To regenerate the locked package build run the following command:

```
node2nix . --supplement-input mocha.json -6 --composition nix/default.nix --node-env nix/node-env.nix --output nix/node-packages.nix --input package.json --supplement-output supplement.nix
```

## License

This module is published under MIT license.
Please refer to the [`LICENSE`](https://github.com/Sententiaregum/eslint-plugin-varspacing/blob/master/LICENSE)
that was distributed with this package for further legal information.
npm package: @privyid/gitenak
Description: Simple tool for PrivyID git flow
Author: Ade Novid
Latest version: 0.2.0

# Git Enak

## Install

```bash
npm install -g @privyid/gitenak
```

## Usage
Just run it on terminal / console and follow the instruction.
```bash
gitenak
```

## License
MIT © PT.Privy Indentitas Digital
npm package: @privyid/nuxt-csrf
Description: Module CSRF for NUXT
Author: Ade Novid
Latest version: 1.0.0

# nuxt-csrf
> Module CSRF for NUXT

## Installation

Install the module

```sh
# NPM
npm install --save @privyid/nuxt-csrf

# Yarn
yarn add @privyid/nuxt-csrf
```

include in `nuxt.config.js`

```js
// nuxt.config.js
{
  modules: [
    // Simple usage
    '@privyid/nuxt-csrf',

    // With options
    ['@privyid/nuxt-csrf', { /* module options */ }]
  ]
}
```

## Usage

### Get Token

#### via Component
```js
const token = this.$csrfToken()
```

#### via Context

```js
const token = context.app.$csrfToken()
```

### Integrating with Axios
If you using [@nuxtjs/axios][nuxt-axios], this module must be registered before [@nuxtjs/axios][nuxt-axios] axios module.

```js
// nuxt.config.js
{
  modules: [
    '@privyid/nuxt-csrf', // <-- must be placed before @nuxtjs/axios
    '@nuxtjs/axios',
  ]
}
```
### Autosend CSRF Token

If you want axios automatically send CSRF Token in every request, you can add this into your axios's interceptors. If you not familiar with it before, goto [this][nuxt-axios-extend].
```js
// ~/plugins/axios.js
export default function ({ $axios, app, redirect }) {
  $axios.onRequest(config => {
    const token = app.$csrfToken()

    if (!config.headers['X-CSRF-Token'] && token)
      config.headers['X-CSRF-Token'] = token

    return config
  })
}
```

## License

Distributed under the MIT License. See [LICENSE](LICENSE) for more information.

[nuxt-axios]: https://axios.nuxtjs.org/
[nuxt-axios-extend]: https://axios.nuxtjs.org/extend
npm package: @privyid/pdf-ajaib
Description: PDF-Ajaib is a Vue 3 library that provides a powerful PDF viewer component with a precise object placement feature for displaying PDF documents in Vue applications. The library is based on the PDF component from Persona Design System, ensuring top-notch f
Latest version: 0.1.11

# PDF-Ajaib

PDF-Ajaib is a Vue 3 library that provides a powerful PDF viewer component with a precise object placement feature for displaying PDF documents in Vue applications. The library is based on the PDF component from Persona Design System, ensuring top-notch functionality.

## Install via NPM/Yarn

```sh
yarn add @privyid/pdf-ajaib
```


```sh
npm install @privyid/pdf-ajaib
```


# Usage
To use PDF-Ajaib in your Vue application, first, import it into your component:

```javascript
import { PdfViewer } from '@privyid/pdf-ajaib'

```

Then, use the pdf-viewer component in your template:

```html
<pdf-viewer src="https://privy-open-source.github.io/design-system/assets/Calibrator-v3.e869f66c.pdf" />
```

For more information on using PDF-Ajaib, please see the [Persona Design System documentation](https://privy-open-source.github.io/design-system/components/pdf-viewer/).