open-index/open-npm huggingface dataset:
npm package: @parabit/megatizerui
Description: UI Component Library for React Based on TypeScript + Tailwind CSS
Author: Parabit Internet Agency
Latest version: 0.0.41

<p align="center">
  <a href="https://parabit.github.io/megatizerui" target="_blank">
    <picture>
      <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/parabit/megatizerui/HEAD/.github/logo.svg">
      <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/parabit/megatizerui/HEAD/.github/logo.svg">
      <img alt="megatizerui logo" src="https://raw.githubusercontent.com/parabit/megatizerui/HEAD/.github/logo.svg" width="600" height="130" style="max-width: 100%;">
    </picture>
  </a>
</p>

<p align="center">
  UI Component Library for React<br>
  Based on TypeScript + Tailwind CSS
</p>

---

## Documentation

For full documentation, visit [https://parabit.github.io/megatizerui](https://parabit.github.io/megatizerui)

## Install

```bash
npm i @parabit/megatizerui
```

```bash
yarn add @parabit/megatizerui
```

## Peer dependencies

- [react: "^19.0.0"](https://react.dev/)
- [react-dom: "^19.0.0"](https://react.dev/)
- [tailwindcss: "^"4.0.14"](https://tailwindcss.com/)

## Usage

Add imports `theme` and `components` to your root `.css` file.

```css
@import 'tailwindcss';

@import '@parabit/megatizerui/dist/theme.css';
@import '@parabit/megatizerui/dist/components.css';
```

## P.S.

With ❤️ on Frontend from the [`Parabit`](https://github.com/parabit) company
npm package: @parabit/prettier
Description: prettier config
Author: Parabit Internet Agency
Latest version: 0.0.5

# prettier config 🚀

### Install

```bash
npm i --save-dev @parabit/prettier
```

```bash
yarn add -D @parabit/prettier
```

### Peer dependencies

-  [prettier: "^3.5.0"](https://www.npmjs.com/package/prettier)

### Plugins recommendation for prettier

-  [prettier-plugin-tailwindcss](https://www.npmjs.com/package/prettier-plugin-tailwindcss)

```json
"plugins": ["prettier-plugin-tailwindcss"]
```

-  [@ianvs/prettier-plugin-sort-imports](https://www.npmjs.com/package/@ianvs/prettier-plugin-sort-imports)

```json
"plugins": ["@ianvs/prettier-plugin-sort-imports"],
"importOrder": [
    "^react$",
    "<THIRD_PARTY_MODULES>",
    "",
    "^@assets|@constants|@helpers|@hooks|@modules|@navigation|@services|@stores|@types|@ui$",
    "",
    "^[.]"
]
```

# Usage

Alse see [prettier docs](https://prettier.io/docs/configuration).

Without plugins `.prettierrc.js`

```javascript
import { prettier } from '@parabit/prettier';

export default { ...prettier };
```

With plugins `.prettierrc.js`

```javascript
import { prettier } from '@parabit/prettier';

export default {
	...prettier,
	plugins: ['prettier-plugin-tailwindcss', '@ianvs/prettier-plugin-sort-imports'],
	importOrder: [
		'^react$',
		'<THIRD_PARTY_MODULES>',
		'',
		'^@assets|@constants|@helpers|@hooks|@modules|@navigation|@services|@stores|@types|@ui$',
		'',
		'^[.]',
	],
};
```
npm package: @parabolfi/server
Description: Server utilities for Parabol SDK
Author: Parabol Labs Ltd
Latest version: 1.3.10

# Parabol Server SDK

This repository contains the `@parabolfi/server` package, which is a TypeScript SDK for interacting with the Parabol's hosted APIs.

## Installation

```bash
pnpm install @parabolfi/server
```

## Usage

soon..
npm package: @paraboly/axios-client
Description: Axios-Client ready to use library.
Author: Kuray
Latest version: 0.0.13

<img alt="Axios Client" src="https://github.com/Paraboly/axios-client/blob/master/assets/logo.png" width="1050"/>

[![npm version](https://img.shields.io/npm/v/@paraboly/axios-client.svg?style=for-the-badge)](https://www.npmjs.com/package/@paraboly/axios-client)
[![npm](https://img.shields.io/npm/dt/@paraboly/axios-client.svg?style=for-the-badge)](https://www.npmjs.org/package/@paraboly/axios-client)
[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg?style=for-the-badge)](https://opensource.org/licenses/MIT)
[![styled with prettier](https://img.shields.io/badge/styled_with-prettier-ff69b4.svg?style=for-the-badge)](https://github.com/prettier/prettier)


## Installation

Add the dependency:

### Pure React Native:

```ruby
npm i @paraboly/axios-client
```

# Usage

```js
import { Api } from "@paraboly/axios-client";
// Setup One Time
Api.setup({
  baseUrl: "your-base-url"
});
// Use it anywhere with automatic handlers
Api.get("/your-path")
  .then(res => console.log("res:", res))
  .catch(err => console.log("error: ", err));
```

## Author

paraboly, kurayogun@gmail.com

## License

Paraboly Axios-Client Library is available under the MIT license. See the LICENSE file for more info.
npm package: @paraboly/pwc-map
Description: Paraboly Web Components: @Map: renders mapbox, leaflet and openlayers.
Author: SchemeSonic
Latest version: 0.0.8

# @PWC/MAP

PWC Map component is an abstraction on top of maps like mapboxGL, leaflet, openlayers.

## Getting Started

### Prerequisites

npm 6+

### Installing

Add following script to your index.html head section

`<script type="module" src="https://unpkg.com/@paraboly/PwcMap@latest/dist/PwcMap/PwcMap.esm.js"></script>

  <script nomodule src="https://unpkg.com/@paraboly/PwcMap@latest/dist/PwcMap/PwcMap.js"></script>`

Configuring the initial setup:

```
this.state =
  map: null,
  config: {}
};
```

and finally use it in your html.

`<PwcMap map="${this.state.map}" config="${this.state.config}"></PwcMap>`

## Running the tests

`$npm run test`

## Built With

- [StencilJS](https://stenciljs.com/)

## Authors

- _SchemeSonic_ - [github](https://github.com/schemesonic)

See also the list of [contributors](https://github.com/paraboly/@PwcMap/contributors) who participated in this project.

## License

This project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md) file for details
npm package: @paraboly/pwc-permission-service
Description: Paraboly Generic Permission Service
Author: Kuray
Latest version: 0.0.6



<img alt="Generic Permission Service" src="assets/logo.png" width="1050"/>


[![Generic Permission Service with Jest Test via Paraboly](https://img.shields.io/badge/-Generic%20Permission%20Service%20with%20Jest%20Test%20via%20Paraboly-lightgrey?style=for-the-badge)](https://github.com/Paraboly/pwc-permission-service)


[![npm version](https://img.shields.io/npm/v/@paraboly/pwc-permission-service.svg?style=for-the-badge)](https://www.npmjs.com/package/@paraboly/pwc-permission-service)
[![npm](https://img.shields.io/npm/dt/@paraboly/pwc-permission-service.svg?style=for-the-badge)](https://www.npmjs.com/package/@paraboly/pwc-permission-service)
![Platform - Platform Free Web](https://img.shields.io/badge/-Web%20%7C%20Platform%20Free-blue?style=for-the-badge)
[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg?style=for-the-badge)](https://opensource.org/licenses/MIT)

# Architecture of Using Permission Service

| Types            | Values | Example    | Example2      |
| ---------------- | ------ | ---------- | ------------- |
| NAMESPACE        | 0      | permission | permission    |
| MODULE           | 1      | system     | system        |
| PAGE             | 2      | globalMap  | globalMap     |
| COMPONENT        | 3      | *          | button        |
| COMPONENT ID     | 4      | *          | delete_button |
| PERMISSION VALUE | 5      | 7          | 0             |

## Installation

```js
npm i @paraboly/pwc-permission-service
```

# Usage

## Import

```js
import PermissionService from "@paraboly/pwc-permission-service";
```

## Basic Usage

### Generate Permission Object from Encoded Permission String

Generate (Decode) the given encoded permission string to usable object

```js
const {
  generatePermissionObj,
} = PermissionService;

const permissionObj = generatePermissionObj(permission);
console.log("Permission Object: ", permissionObj);
```

### Decode Selected Permission

Please check the permission architecture about the permission of the each type.

```js
const {
  decodeSelectedPermission
} = PermissionService;

const module = decodeSelectedPermission(1, permission);
const page = decodeSelectedPermission(2, permission);
const permissionValue = decodeSelectedPermission(
  5,
  permission
);
```

### Generate Permission Encode

Generate the fundamental encoded permission string with given parameters

```js
PermissionService.generatePermissionEncode(
  "permission",
  "system",
  "globalMap",
  "*",
  "delete_button",
  7
)
```

## Authors

FreakyCoder, kuray.ogun@paraboly.com | kurayogun@gmail.com

## License

Permission Service is available under the Apache License 2.0 license. See the LICENSE file for more info.