open-index/open-npm huggingface dataset:
npm package: @mab/gatsby-material-ui-components
Description: Material-UI components for Gatsby
Latest version: 5.3.0

# gatsby-material-ui-components

> [Material-UI](https://github.com/mui-org/material-ui) components for [Gatsby](https://github.com/gatsbyjs/gatsby)

The components are part of the [gatsby-theme-material-ui](https://github.com/hupe1980/gatsby-theme-material-ui)

## Install

```sh
// with npm
npm install gatsby-material-ui-components @mui/material

// with yarn
yarn add gatsby-material-ui-components @mui/material
```

## How to use

```javascript
import React from "react";
import { Typography } from "@mui/material";
//import { Link } from "gatsby"
import { Link } from "gatsby-material-ui-components";

const Page = () => (
  <div>
    <Typography>
      Check out my <Link to="/blog">blog</Link>!
    </Typography>
  </div>
);

export default Page;
```

The following components have also been adapted for use with Gatsby:

```javascript
import {
  BottomNavigationAction,
  Button,
  CardActionArea,
  Fab,
  IconButton,
  Link,
  ListItemButton
} from "gatsby-material-ui-components";
```

## License

[MIT](LICENSE)
npm package: @mab/gatsby-plugin-slug-field
Description: Create slugs from node data using specific fields
Latest version: 0.3.0

# gatsby-plugin-slug-field

Create slugs from node data, using specific fields to generate a source string.

```graphql
# Using default options, with source parameter set to 'title'

{
  allPostsYaml {
    edges {
      node {
        id # 1234
        title # 'Blog Post Title'
        content # ...
        fields {
          slug # blog-post-title
        }
      }
    }
  }
}
```

## Install

```bash
$ npm install gatsby-plugin-slug-field
```

## Configure

```javascript
// gatsby-config.js

module.exports = {
  plugins: [
    {
      resolve: 'gatsby-plugin-slug-field',
      options: {
        filter: { internal: { type: 'Yaml' } },
        source: 'field-name',
        fieldName: 'slug',
      },
    }
  ],
}
```

## Options

### filter

Default: `true`. Type: `Object`, `function` or `boolean`.

Determines which nodes will be processed. It can be set to an object for simple
matching (e.g.: `{ author: 'John Q.' }`) or a function, useful in complex cases.
The function will receive the current node as parameter (e.g.:
`node => node.field ? true : false`) and must return `true` if the node
should be processed or `false` to ignore it. Set `filter` to `true` if every
node should be processed or `false` to ignore all nodes.

### source

Default: `undefined`. Type: `string`, `Array` or `function`.

Defines the fields used to generate the slug. If set to a `string` or `array`,
the matching fields will be used to generate the slug — if a field is `null` or
`undefined`, it will be included as an empty string. For complex cases, you can
use a function with this option. It will receive the current node as parameter
(e.g.: `node => node.field + '-slug'`), and must return a `string` that will be
processed by [url-slug](https://github.com/stldo/url-slug).

### fieldName

Default: `'slug'`. Type: `string`.

The field name to be used by `createNodeField`, it will contain the generated
slug.

### urlSlugOptions

Default: `{}`. Type: `Object`.

The options object to be passed to __url-slug__. More info about it can be found
on [url-slug documentation](https://github.com/stldo/url-slug#readme).

## Usage

```javascript
// gatsby-config.js

module.exports = {
  plugins: [
    {
      resolve: 'gatsby-plugin-slug-field',
      options: {
        filter: { internal: { type: 'PostsYaml' } },
        source: ['author', 'title', 'id'],
        fieldName: 'postSlug',
        urlSlugOptions: {
          separator: '_'
        }
      },
    }
  ],
}
```

```graphql
# The options set above will enable the following query

{
  allPostsYaml {
    edges {
      node {
        id # 1234
        title # 'Blog Post Title'
        author # null
        fields {
          postSlug # blog_post_title_1234
        }
      }
    }
  }
}
```

## License

[The MIT License](./LICENSE)
npm package: @mabalashov/azuro-client
Description: The client to simplify access to Azuro games
Latest version: 0.0.32

# Azuro Client

The client to simplify access to Azuro games

It contains the clients to fetch the games from Azuro Cache Server and from Azuro SmartContracts

You can combine several clients to implement the Fallback strategy 

### Install 

```shell
yarn add @mabalashov/azuro-client
```


### Usage 

```typescript
import { configure, setSelectedChainId } from "@mabalashov/azuro-sdk";
import { Client, SdkClient, ApiClient } from "@mabalashov/azuro-client";

const init = async () => {
  // configure SDK Client
  configure({
    rpcUrl: 'https://sokol-rpc.azuro.org/',
    ipfsGateway: 'https://ipfs-gateway.azuro.org/ipfs/',
  });

  const client = new Client([ // order is important
    new ApiClient({
      // you can pass configured Axios instance
      baseUrl: 'http://127.0.0.1:3000'
    }),
    new SdkClient(),
  ]);

  const games = await client.fetchGames();
  console.log(games);
}

init();
```
npm package: @mabaoguo/todo-cli
Description: A terminal TODO task manager CLI tool
Author: mabaoguo
Latest version: 1.0.1

# TODO CLI

一个现代化的终端任务管理命令行工具，采用蓝色主题设计。

## 功能特性

- ✅ 添加、查看、完成、删除任务
- 🎨 蓝色主题终端界面，美观现代
- 📊 表格形式展示任务列表
- 🏷️ 任务优先级管理（高/中/低）
- 💾 本地 JSON 数据存储
- 🔧 TypeScript 开发，类型安全

## 安装

### 全局安装（推荐）

```bash
npm install -g @mabaoguo/todo-cli
# 或
pnpm add -g @mabaoguo/todo-cli
# 或
yarn global add @mabaoguo/todo-cli
```

### 本地开发安装

```bash
git clone <repository-url>
cd todo-cli
pnpm install
pnpm build
```

## 使用方法

### 查看帮助

```bash
todo --help
```

### 添加任务

```bash
todo add "学习 TypeScript" --priority high
todo add "写文档" --priority medium
todo add "整理桌面" --priority low
```

### 查看任务列表

```bash
todo list
```

### 完成任务

```bash
todo done 1
```

### 删除任务

```bash
todo remove 2
```

### 清空所有任务

```bash
todo clear
```

## 命令选项

- `add <task>` - 添加新任务
  - `--priority <high|medium|low>` - 设置优先级（默认：medium）
- `list` - 显示所有任务
- `done <id>` - 完成任务
- `remove <id>` - 删除任务
- `clear` - 清空所有任务

## 技术栈

- **语言**: TypeScript
- **构建工具**: tsdown
- **命令行框架**: Commander.js
- **终端交互**: @clack/prompts
- **颜色输出**: chalk
- **表格显示**: cli-table3

## 开发

```bash
# 安装依赖
pnpm install

# 构建项目
pnpm build

# 开发模式（监听文件变化）
pnpm dev

# 运行测试
pnpm start
```

## 许可证

MIT License
npm package: @mabi-ui/accordion
Description: An element that can show or hide content 
Latest version: 1.0.4

# @mabi-ui/accordion

An element that can show or hide content 

## Installation

```sh
yarn add @mabi-ui/accordion
# or
npm i @mabi-ui/accordion
# or
pnpm i @mabi-ui/accordion
```

## Licence

This project is licensed under the terms of the
[MIT license](https://github.com/mabiloft/mabi-ui/blob/master/LICENSE).
npm package: @mabi-ui/autocomplete
Description: An autocomplete text input
Latest version: 1.0.9

# @mabi-ui/autocomplete

An autocomplete text input

## Installation

```sh
yarn add @mabi-ui/autocomplete
# or
npm i @mabi-ui/autocomplete
# or
pnpm i @mabi-ui/autocomplete
```

## Licence

This project is licensed under the terms of the
[MIT license](https://github.com/mabiloft/mabi-ui/blob/master/LICENSE).
npm package: @mabi-ui/avatar
Description: An image with a fallback that represents the user
Latest version: 1.0.4

# @mabi-ui/avatar

An image with a fallback that represents the user

## Installation

```sh
yarn add @mabi-ui/avatar
# or
npm i @mabi-ui/avatar
# or
pnpm i @mabi-ui/avatar
```

## Licence

This project is licensed under the terms of the
[MIT license](https://github.com/mabiloft/mabi-ui/blob/master/LICENSE).
npm package: @mabi-ui/badge
Description: This component shows notifications, usually over an icon
Latest version: 1.0.4

# @mabi-ui/badge

This component shows notifications, usually over an icon

## Installation

```sh
yarn add @mabi-ui/badge
# or
npm i @mabi-ui/badge
# or
pnpm i @mabi-ui/badge
```

## Licence

This project is licensed under the terms of the
[MIT license](https://github.com/mabiloft/mabi-ui/blob/master/LICENSE).
npm package: @mabi-ui/breadcrumbs
Description: display a hierarchy of links to the current page or resource in an application
Latest version: 1.0.4

# @mabi-ui/breadcrumbs

display a hierarchy of links to the current page or resource in an application

## Installation

```sh
yarn add @mabi-ui/breadcrumbs
# or
npm i @mabi-ui/breadcrumbs
# or
pnpm i @mabi-ui/breadcrumbs
```

## Licence

This project is licensed under the terms of the
[MIT license](https://github.com/mabiloft/mabi-ui/blob/master/LICENSE).
npm package: @mabi-ui/button
Description: It is a button.
Latest version: 1.0.4

# @mabi-ui/button

It is a button.

## Installation

```sh
yarn add @mabi-ui/button
# or
npm i @mabi-ui/button
# or
pnpm i @mabi-ui/button
```

## Licence

This project is licensed under the terms of the
[MIT license](https://github.com/mabiloft/mabi-ui/blob/master/LICENSE).
npm package: @mabi-ui/calendar
Description: A calendar picker
Latest version: 1.0.7

# @mabi-ui/calendar

A calendar picker

## Installation

```sh
yarn add @mabi-ui/calendar
# or
npm i @mabi-ui/calendar
# or
pnpm i @mabi-ui/calendar
```

## Licence

This project is licensed under the terms of the
[MIT license](https://github.com/mabiloft/mabi-ui/blob/master/LICENSE).
npm package: @mabi-ui/checkbox
Description: input type for checks
Latest version: 1.0.4

# @mabi-ui/checkbox

input type for checks

## Installation

```sh
yarn add @mabi-ui/checkbox
# or
npm i @mabi-ui/checkbox
# or
pnpm i @mabi-ui/checkbox
```

## Licence

This project is licensed under the terms of the
[MIT license](https://github.com/mabiloft/mabi-ui/blob/master/LICENSE).
npm package: @mabi-ui/chip
Description: Selectable and deletable component for selections, filter etc.
Latest version: 1.0.4

# @mabi-ui/chip

Selectable and deletable component for selections, filter etc.

## Installation

```sh
yarn add @mabi-ui/chip
# or
npm i @mabi-ui/chip
# or
pnpm i @mabi-ui/chip
```

## Licence

This project is licensed under the terms of the
[MIT license](https://github.com/mabiloft/mabi-ui/blob/master/LICENSE).
npm package: @mabi-ui/dark-mode-provider
Description: Provider to enable switching dark or white mode
Latest version: 1.0.2

# @mabi-ui/darkModeProvider

Provider to enable switching dark or white mode

## Installation

```sh
yarn add @mabi-ui/darkModeProvider
# or
npm i @mabi-ui/darkModeProvider
# or
pnpm i @mabi-ui/darkModeProvider
```

## Licence

This project is licensed under the terms of the
[MIT license](https://github.com/mabiloft/mabi-ui/blob/master/LICENSE).
npm package: @mabi-ui/dialog
Description: a modal window that appears in front of the content
Latest version: 1.0.5

# @mabi-ui/dialog

a modal window that appears in front of the content

## Installation

```sh
yarn add @mabi-ui/dialog
# or
npm i @mabi-ui/dialog
# or
pnpm i @mabi-ui/dialog
```

## Licence

This project is licensed under the terms of the
[MIT license](https://github.com/mabiloft/mabi-ui/blob/master/LICENSE).
npm package: @mabi-ui/divider
Description: Component use to separate two sections
Latest version: 1.0.4

# @mabi-ui/divider

Component use to separate two sections

## Installation

```sh
yarn add @mabi-ui/divider
# or
npm i @mabi-ui/divider
# or
pnpm i @mabi-ui/divider
```

## Licence

This project is licensed under the terms of the
[MIT license](https://github.com/mabiloft/mabi-ui/blob/master/LICENSE).
npm package: @mabi-ui/fab
Description: A button that appears in front of all screen content
Latest version: 1.0.4

# @mabi-ui/fab

A button that appears in front of all screen content

## Installation

```sh
yarn add @mabi-ui/fab
# or
npm i @mabi-ui/fab
# or
pnpm i @mabi-ui/fab
```

## Licence

This project is licensed under the terms of the
[MIT license](https://github.com/mabiloft/mabi-ui/blob/master/LICENSE).
npm package: @mabi-ui/icon-button
Description: It is a button with a icon and no label
Latest version: 1.0.4

# @mabi-ui/IconButton

It is a button with a icon and no label

## Installation

```sh
yarn add @mabi-ui/IconButton
# or
npm i @mabi-ui/IconButton
# or
pnpm i @mabi-ui/IconButton
```

## Licence

This project is licensed under the terms of the
[MIT license](https://github.com/mabiloft/mabi-ui/blob/master/LICENSE).
npm package: @mabi-ui/input-number
Description: An input with type&#x3D;&#x27;number&#x27; with added controls 
Latest version: 1.0.5

# @mabi-ui/inputNumber

An input with type&#x3D;&#x27;number&#x27; with added controls 

## Installation

```sh
yarn add @mabi-ui/inputNumber
# or
npm i @mabi-ui/inputNumber
# or
pnpm i @mabi-ui/inputNumber
```

## Licence

This project is licensed under the terms of the
[MIT license](https://github.com/mabiloft/mabi-ui/blob/master/LICENSE).
npm package: @mabi-ui/line-clamp
Description: Typography that occupies at max n lines
Latest version: 1.0.4

# @mabi-ui/line-clamp

Typography that occupies at max n ines

## Installation

```sh
yarn add @mabi-ui/line-clamp
# or
npm i @mabi-ui/line-clamp
# or
pnpm i @mabi-ui/line-clamp
```

## Licence

This project is licensed under the terms of the
[MIT license](https://github.com/mabiloft/mabi-ui/blob/master/LICENSE).
npm package: @mabi-ui/menu
Description: A menu triggered by a button
Latest version: 1.0.2

# @mabi-ui/menu

A menu triggered by a button

## Installation

```sh
yarn add @mabi-ui/menu
# or
npm i @mabi-ui/menu
# or
pnpm i @mabi-ui/menu
```

## Licence

This project is licensed under the terms of the
[MIT license](https://github.com/mabiloft/mabi-ui/blob/master/LICENSE).
npm package: @mabi-ui/modal-navigator
Description: A utility to be show modal as they were routes
Latest version: 1.0.2

# @mabi-ui/modalNavigator

A utility to be show modal as they were routes

## Installation

```sh
yarn add @mabi-ui/modalNavigator
# or
npm i @mabi-ui/modalNavigator
# or
pnpm i @mabi-ui/modalNavigator
```

## Licence

This project is licensed under the terms of the
[MIT license](https://github.com/mabiloft/mabi-ui/blob/master/LICENSE).
npm package: @mabi-ui/pagination
Description: Pagination component for usage with table
Latest version: 1.0.4

# @mabi-ui/pagination

Pagination component for usage with table

## Installation

```sh
yarn add @mabi-ui/pagination
# or
npm i @mabi-ui/pagination
# or
pnpm i @mabi-ui/pagination
```

## Licence

This project is licensed under the terms of the
[MIT license](https://github.com/mabiloft/mabi-ui/blob/master/LICENSE).
npm package: @mabi-ui/popover
Description: An element that displays content in a portal
Latest version: 1.0.6

# @mabi-ui/popover

An element that displays content in a portal

## Installation

```sh
yarn add @mabi-ui/popover
# or
npm i @mabi-ui/popover
# or
pnpm i @mabi-ui/popover
```

## Licence

This project is licensed under the terms of the
[MIT license](https://github.com/mabiloft/mabi-ui/blob/master/LICENSE).
npm package: @mabi-ui/preflight
Description: Provider for enabling custom preflight on components
Latest version: 1.0.2

# @mabi-ui/preflight

Provider for enabling custom preflight on components

## Installation

```sh
yarn add @mabi-ui/preflight
# or
npm i @mabi-ui/preflight
# or
pnpm i @mabi-ui/preflight
```

## Licence

This project is licensed under the terms of the
[MIT license](https://github.com/mabiloft/mabi-ui/blob/master/LICENSE).
npm package: @mabi-ui/preflight-plugin
Description: Scoped tailwind preflight for MabiUI
Latest version: 0.1.8

# @mabi-ui/preflight

Preflight tailwind plugin is a set of base styles to provide a consistent, cross-browser, responsive foundation for building Mabi UI.

## Installation

```sh
yarn add @mabi-ui/preflight
# or
npm i @mabi-ui/preflight
# or
pnpm i @mabi-ui/preflight
```

## Licence

This project is licensed under the terms of the
[MIT license](https://github.com/mabiloft/mabi-ui/blob/master/LICENSE).
npm package: @mabi-ui/progress
Description: It marks a progress
Latest version: 1.0.4

# @mabi-ui/progress

It marks a progress

## Installation

```sh
yarn add @mabi-ui/progress
# or
npm i @mabi-ui/progress
# or
pnpm i @mabi-ui/progress
```

## Licence

This project is licensed under the terms of the
[MIT license](https://github.com/mabiloft/mabi-ui/blob/master/LICENSE).
npm package: @mabi-ui/provider
Description: Provider for enabling SSR
Latest version: 1.0.2

# @mabi-ui/provider

Provider for enabling SSR

## Installation

```sh
yarn add @mabi-ui/provider
# or
npm i @mabi-ui/provider
# or
pnpm i @mabi-ui/provider
```

## Licence

This project is licensed under the terms of the
[MIT license](https://github.com/mabiloft/mabi-ui/blob/master/LICENSE).
npm package: @mabi-ui/radio
Description: Radio group and radio button components for Mabi-UI
Latest version: 1.0.5

# @mabi-ui/radioGroup

Radio button component for Mabi-UI

## Installation

```sh
yarn add @mabi-ui/radioGroup
# or
npm i @mabi-ui/radioGroup
# or
pnpm i @mabi-ui/radioGroup
```

## Licence

This project is licensed under the terms of the
[MIT license](https://github.com/mabiloft/mabi-ui/blob/master/LICENSE).
npm package: @mabi-ui/react
Description: Main library exports
Latest version: 1.0.15

# @mabi-ui/react

A Quick description of the component

## Installation

```sh
yarn add @mabi-ui/react
# or
npm i @mabi-ui/react
# or
pnpm i @mabi-ui/react
```

## Licence

This project is licensed under the terms of the
[MIT license](https://github.com/mabiloft/mabi-ui/blob/master/LICENSE).
npm package: @mabi-ui/select
Description: A select menu
Latest version: 1.0.7

# @mabi-ui/select

A select menu

## Installation

```sh
yarn add @mabi-ui/select
# or
npm i @mabi-ui/select
# or
pnpm i @mabi-ui/select
```

## Licence

This project is licensed under the terms of the
[MIT license](https://github.com/mabiloft/mabi-ui/blob/master/LICENSE).
npm package: @mabi-ui/slider
Description: An input where the user selects a value from within a given range
Latest version: 1.0.4

# @mabi-ui/slider

An input where the user selects a value from within a given range

## Installation

```sh
yarn add @mabi-ui/slider
# or
npm i @mabi-ui/slider
# or
pnpm i @mabi-ui/slider
```

## Licence

This project is licensed under the terms of the
[MIT license](https://github.com/mabiloft/mabi-ui/blob/master/LICENSE).
npm package: @mabi-ui/sliding-loading
Description: Absolute positioned loading spinner that animates from top
Latest version: 1.0.2

# @mabi-ui/sliding-loading

Absolute positioned loading spinner that animates from top

## Installation

```sh
yarn add @mabi-ui/sliding-loading
# or
npm i @mabi-ui/sliding-loading
# or
pnpm i @mabi-ui/sliding-loading
```

## Licence

This project is licensed under the terms of the
[MIT license](https://github.com/mabiloft/mabi-ui/blob/master/LICENSE).
npm package: @mabi-ui/smart-form
Description: A set of components to easily create a form
Latest version: 0.0.3

# @mabi-ui/smart-form

A set of components to easily create a form

## Installation

```sh
yarn add @mabi-ui/smart-form
# or
npm i @mabi-ui/smart-form
# or
pnpm i @mabi-ui/smart-form
```

## Licence

This project is licensed under the terms of the
[MIT license](https://github.com/mabiloft/mabi-ui/blob/master/LICENSE).
npm package: @mabi-ui/snackbar
Description: A snackbar
Latest version: 1.0.4

# @mabi-ui/snackbar

A snackbar

## Installation

```sh
yarn add @mabi-ui/snackbar
# or
npm i @mabi-ui/snackbar
# or
pnpm i @mabi-ui/snackbar
```

## Licence

This project is licensed under the terms of the
[MIT license](https://github.com/mabiloft/mabi-ui/blob/master/LICENSE).
npm package: @mabi-ui/spinner
Description: It&#x27;s a spinning component used for loading
Latest version: 1.0.2

# @mabi-ui/spinner

It&#x27;s a spinning component used for loading

## Installation

```sh
yarn add @mabi-ui/spinner
# or
npm i @mabi-ui/spinner
# or
pnpm i @mabi-ui/spinner
```

## Licence

This project is licensed under the terms of the
[MIT license](https://github.com/mabiloft/mabi-ui/blob/master/LICENSE).
npm package: @mabi-ui/stepper
Description: A component that indicates a progress trough a set of steps
Latest version: 1.0.4

# @mabi-ui/stepper

A component that indicates a progress trough a set of steps

## Installation

```sh
yarn add @mabi-ui/stepper
# or
npm i @mabi-ui/stepper
# or
pnpm i @mabi-ui/stepper
```

## Licence

This project is licensed under the terms of the
[MIT license](https://github.com/mabiloft/mabi-ui/blob/master/LICENSE).
npm package: @mabi-ui/switch
Description: A switch toggles a state
Latest version: 1.0.5

# @mabi-ui/switch

A switch toggles a state

## Installation

```sh
yarn add @mabi-ui/switch
# or
npm i @mabi-ui/switch
# or
pnpm i @mabi-ui/switch
```

## Licence

This project is licensed under the terms of the
[MIT license](https://github.com/mabiloft/mabi-ui/blob/master/LICENSE).
npm package: @mabi-ui/tab
Description: It switches between different content in various tabs
Latest version: 1.0.5

# @mabi-ui/tab

It switches between different content in various tabs

## Installation

```sh
yarn add @mabi-ui/tab
# or
npm i @mabi-ui/tab
# or
pnpm i @mabi-ui/tab
```

## Licence

This project is licensed under the terms of the
[MIT license](https://github.com/mabiloft/mabi-ui/blob/master/LICENSE).
npm package: @mabi-ui/table
Description: Various components to build a table
Latest version: 1.0.5

# @mabi-ui/Table

Various components to build a table

## Installation

```sh
yarn add @mabi-ui/Table
# or
npm i @mabi-ui/Table
# or
pnpm i @mabi-ui/Table
```

## Licence

This project is licensed under the terms of the
[MIT license](https://github.com/mabiloft/mabi-ui/blob/master/LICENSE).
npm package: @mabi-ui/text-field
Description: An accessible input field with an optional label and description
Latest version: 1.0.4

# @mabi-ui/textField

An accessible input field with an optional label and description

## Installation

```sh
yarn add @mabi-ui/textField
# or
npm i @mabi-ui/textField
# or
pnpm i @mabi-ui/textField
```

## Licence

This project is licensed under the terms of the
[MIT license](https://github.com/mabiloft/mabi-ui/blob/master/LICENSE).
npm package: @mabi-ui/toast
Description: This is the replacement of the snackbar
Latest version: 1.0.5

# @mabi-ui/toast

This is the replacement of the snackbar

## Installation

```sh
yarn add @mabi-ui/toast
# or
npm i @mabi-ui/toast
# or
pnpm i @mabi-ui/toast
```

## Licence

This project is licensed under the terms of the
[MIT license](https://github.com/mabiloft/mabi-ui/blob/master/LICENSE).
npm package: @mabi-ui/tooltip
Description: Tooltips display informative text when users hover over, focus on, or tap an element.
Latest version: 1.0.2

# @mabi-ui/tooltip

Tooltips display informative text when users hover over, focus on, or tap an element.

## Installation

```sh
yarn add @mabi-ui/tooltip
# or
npm i @mabi-ui/tooltip
# or
pnpm i @mabi-ui/tooltip
```

## Licence

This project is licensed under the terms of the
[MIT license](https://github.com/mabiloft/mabi-ui/blob/master/LICENSE).
npm package: @mabi-ui/typography
Description: Component to style text
Latest version: 1.0.4

# @mabi-ui/typography

Component to style text

## Installation

```sh
yarn add @mabi-ui/typography
# or
npm i @mabi-ui/typography
# or
pnpm i @mabi-ui/typography
```

## Licence

This project is licensed under the terms of the
[MIT license](https://github.com/mabiloft/mabi-ui/blob/master/LICENSE).
npm package: @mabi-ui/upload
Description: It&#x27;s a component used to upload documents (on click or by drag and drop)
Latest version: 1.0.4

# @mabi-ui/upload

It&#x27;s a component used to upload documents (on click or by drag and drop)

## Installation

```sh
yarn add @mabi-ui/upload
# or
npm i @mabi-ui/upload
# or
pnpm i @mabi-ui/upload
```

## Licence

This project is licensed under the terms of the
[MIT license](https://github.com/mabiloft/mabi-ui/blob/master/LICENSE).
npm package: @mableai/analytics
Description: Analytics JS integration for Mable AI
Author: Marvin Wichmann
Latest version: 2.1.2

# Mable AI Analytics JS

Analytics library to send events to the mable server without having to deal with all the manual steps.

## Usage - Setup

    const Analytics = require('@mableai/analytics')

    const analytics = new Analytics(apiKey);

### Track Events

    analytics.track(event, cb);

### Identify Events

    analytics.identify(event, cb);
npm package: @mableai/headless
Description: Headless Shop Tracking through Mable
Author: Imon Kalyan Roy
Latest version: 1.0.0

# Mable-Headless

Mable-Headless is a custom flavour of Mable's tracking which brings support for headless and custom setups.
This package provides types and utility functions to help you integrate Mable's tracking into your project and get higher conversion rates.

## Installation

```bash
    npm install @mableai/headless
```

## Usage

### Basic usage

```typescript
import { loadScript, MableEventName } from '@mableai/headless'

// Load the script ( you can directly load by script tag too )
await loadScript(
    'https://imon-dev.mable.ai/static/scripts/dist/swhdls.bundle.js'
)

// track a pageview
await window.wgs?.track(MableEventName.PageView, {})
```

### Events

| Event Name (`MableEventName`) | Description                               | Payload Type                                   |
| ----------------------------- | ----------------------------------------- | ---------------------------------------------- |
| `PageView`                    | tracks page view                          | `IMableBaseData`                               |
| `CollectionView`              | tracks product collection/navigation view | `IMableBaseData & IMableCollectionRelatedData` |
| `ProductView`                 | tracks product view                       | `IMableBaseData & IMableProductRelatedData`    |
| `CartModified`                 | Tracks modification to cart data           | `IMableBaseData & IMableCartRelatedData`       |
| `CartView`                    | Tracks cart view                          | `IMableBaseData & IMableCartRelatedData`       |
| `CheckoutStart`               | Tracks checkout start                     | `IMableBaseData & IMableCheckoutRelatedData`   |
| `PaymentInfoEnter`            | Tracks payment info enter                 | `IMableBaseData & IMableCheckoutRelatedData`   |
| `OrderPlaced`                 | Tracks order placed                       | `IMableBaseData & IMableCheckoutRelatedData`   |
| `Lead`                        | Tracks lead                               | `IMableBaseData & IMableLeadRelatedData`       |
npm package: @mablemarket/playwright-aws-lambda
Description: Support for running Microsoft's Playwrite on AWS Lambda and Google Cloud functions
Author: Austin Kelleher, a@alk.im
Latest version: 0.11.0

# playwright-aws-lambda

![CI](https://github.com/JupiterOne/playwright-aws-lambda/workflows/CI/badge.svg)
[![NPM](https://img.shields.io/npm/v/playwright-aws-lambda)](https://www.npmjs.com/package/playwright-aws-lambda)

Support for Playwright running on AWS Lambda and Google Cloud Functions.

**NOTE**: Currently only Chromium is supported.

## Install

```shell
npm install playwright-core playwright-aws-lambda --save
```

## Usage

This package works with the `nodejs10.x`, `nodejs12.x`, `nodejs14.x`, `nodejs16.x` and `nodejs18.x` AWS Lambda runtimes
out of the box.

```javascript
const playwright = require('playwright-aws-lambda');

exports.handler = async (event, context) => {
  let browser = null;

  try {
    browser = await playwright.launchChromium();
    const context = await browser.newContext();

    const page = await context.newPage();
    await page.goto(event.url || 'https://example.com');

    console.log('Page title: ', await page.title());
  } catch (error) {
    throw error;
  } finally {
    if (browser) {
      await browser.close();
    }
  }
};
```

## API

| Method / Property | Returns                                  | Description                           |
| ----------------- | ---------------------------------------- | ------------------------------------- |
| `launchChromium`  | `{!Promise<playwright.ChromiumBrowser>}` | Launches the Chromium browser.        |
| `loadFont(url)`   | `{Promise<void>}`                        | Downloads and activates a custom font |

### Loading additional fonts

If you need custom font support by e.g. emojicons in your browser, you have to
load it by using the `loadFont(url: string)` function before you launch the
browser.

```js
await loadFont(
  'https://raw.githack.com/googlei18n/noto-emoji/master/fonts/NotoColorEmoji.ttf'
);
```

## Thanks / Credits

This project is based on the work of
[chrome-aws-lambda](https://github.com/alixaxel/chrome-aws-lambda).
npm package: @mabobkov/mapayturewrapper
Description: Payture Widget Wrapper
Author: Mikhail Bobkov
Latest version: 1.0.4

# Wrapper for Payture widget

## 📦 Install

```
npm i mapayturewrapper
```

## 🛠️ Sample usage

```javascript
const payturewrapper = require('mapayturewrapper');
payturewrapper.loadDependencies();
payturewrapper.openWidget({
      Key : "Merchant_Widget",
      Amount : 1000,
      Product : "Service payment",
      Domain : 2,
      CustomParams :{TemplateTag : "Default",Language : "ENG"},
      ChequeParams :{Positions:[{Quantity: 1.000,Price: 1000.00,Text: "Service"}],CustomerContact : "",Message: "Cheque Payture for Service"},
      OnTransactionCompleted : function(success) {alert( success );}
    });
```

## 🔗 [Payture Offical Docs](https://payture.com/en/api/#widget-docs_)
npm package: @maboloshi/markdown-it-toc
Description: Adds syntax for an automatically generated table of contents to markdown-it markdown parser.
Author: Sam Chrisinger, maboloshi
Latest version: 1.1.1

# markdown-it-toc

> This project is forked from [samchrisinger/markdown-it-toc](https://www.npmjs.com/package/markdown-it-toc) (original repository has been removed by the author), with security fixes implemented. See [Security Fixes (v1.1.1)](#security-fixes-v111) for details.

> markdown-it plugin for adding a table of contents to markdown documents

---

## Security Fixes (v1.1.1)

### XSS Vulnerability Patches
Addressed potential HTML injection vulnerabilities through comprehensive escaping:

#### 1. TOC Title Escaping
Sanitize user-provided TOC titles using Markdown's built-in HTML escaper:
```javascript
const escapedTitle = md.utils.escapeHtml(tokens[index].content);
```

#### 2. Heading Content Escaping
All heading contents in TOC entries are now properly sanitized:
```javascript
const escapedContent = md.utils.escapeHtml(heading.content);
```

#### 3. Defense-in-Depth Anchors
Maintained anchor sanitization while adding extra protections:
```javascript
// makeSafe() removes special chars + HTML escaping
anchor: makeSafe(escapedContent) + '_' + heading.map[0]
```

#### 4. Early Content Sanitization
Added proactive escaping when setting token content to establish multiple defense layers:
```javascript
// In toc() function:
token.content = md.utils.escapeHtml(label); // Escaped at source

---

## Usage

#### Enable plugin

```js
var md = require('markdown-it')({
  html: true,
  linkify: true,
  typography: true
}).use(require('markdown-it-toc')); // <-- this use(package_name) is required
```

#### Example

```md
@[toc](Title)
```

Adding this tag with add anchors to each ```<h[n]>``` tag on your document, and will add a ```<ul>``` of hyperlinks pointing to these places on the page.

The end results looks like:

```html
<p>
     <h3>Title</h3>
     <ul>
	<li><a href="...">Heading 1</a></li>
	...
	... 
     </ul> 
</p>
...
...
<h1><a href="..."></a>Heading 1</h1>
```

### Testing

To run the tests use:
```bash
make test
```
npm package: @maboroshi/eslint-config
Description: Our standard lint configurations for JavaScript
Author: Maboroshi Co., Ltd.
Latest version: 4.0.4

# eslint-config
Our standard lint configurations for TypeScript/JavaScript.

## Installation
```sh
npm install -D @maboroshi/eslint-config
```
or
```sh
yarn add -D @maboroshi/eslint-config
```

## Usage
Import the config to your `.eslintrc.json`
```json
{
  "extends": ["@maboroshi/eslint-config"]
}
```
npm package: @maboroshi/math-utils
Description: Common utilities of mathematics.
Author: Maboroshi Co., Ltd.
Latest version: 2.0.1

# math-utils

数学ユーティリティ

## インストール

```sh
npm install @maboroshi/math-utils
```

or

```sh
yarn add @maboroshi/math-utils
```

## 使い方

```js
import { sum } from '@maboroshi/math-utils'

console.log(sum(1, 2, 3)) // => 6
```

## API

[API ドキュメント](https://maboroshi-inc.github.io/math-utils/) を見る
npm package: @maboroshi/prettier-config
Description: Our standard Prettier configurations
Author: Maboroshi Co., Ltd.
Latest version: 2.0.3

# prettier-config

Our standard Prettier configurations

## Installation

```sh
npm install -D @maboroshi/prettier-config
```

or

```sh
yarn add -D @maboroshi/prettier-config
```

## Usage

Add `"prettier": "@maboroshi/prettier-config"` to your package.json.

```json
{
  "name": "your-package",
  "version": "1.0.0",
  "prettier": "@maboroshi/prettier-config"
}
```
npm package: @maboroshi/selector
Description: Just aliases of querySelector.
Author: Maboroshi Co., Ltd.
Latest version: 1.0.6

# selector

単純な querySelector のエイリアス

## インストール

```sh
npm install @maboroshi/selector
```

or

```sh
yarn add @maboroshi/selector
```

## 使い方

```js
import { $, $$ } from '@maboroshi/selector'

console.log($('p')) // => The 1st P element on the document.
console.log($$('p')) // => The All P elements on the document.
```

## API

[API ドキュメント](https://maboroshi-inc.github.io/selector/) を見る
npm package: @maboroshi/shoshiki
Description: Common utilities to format text.
Author: Maboroshi Co., Ltd.
Latest version: 2.0.2

# shoshiki

テキストを整形したり判定したりするユーティリティ

## インストール

```sh
npm install @maboroshi/shoshiki
```

or

```sh
yarn add @maboroshi/shoshiki
```

## 使い方

```js
import { numToCommaSeparated } from '@maboroshi/shoshiki'

console.log(numToCommaSeparated(1234)) // => 1,234
```

## API

[API ドキュメント](https://maboroshi-inc.github.io/shoshiki/) を見る
npm package: @maboroshi/tslint-config
Description: Our standard lint configurations for TypeScript
Author: Maboroshi Co., Ltd.
Latest version: 1.0.1
Deprecated: please use @maboroshi/eslint-config or others instead

# tslint-config
Our standard lint configurations for TypeScript

## Installation
```sh
npm install -D @maboroshi/tslint-config
```
or
```sh
yarn add -D @maboroshi/tslint-config
```

## Usage
Import the config to your `tslint.json`
```json
{
  "extends": ["@maboroshi/tslint-config"]
}
```
npm package: @maboroshi/type-assertions
Description: Type assertion utilities.
Author: Maboroshi Co., Ltd.
Latest version: 1.0.2

# type-assertions

型アサーションユーティリティ  
https://github.com/maboroshi-inc/type-assertions

## インストール

```sh
npm install @maboroshi/type-assertions
```

or

```sh
yarn add @maboroshi/type-assertions
```

## 使い方

### Asserts API

TypeScript 3.7 より提供された [Assertion Function](https://www.typescriptlang.org/docs/handbook/release-notes/typescript-3-7.html#assertion-functions) を用いた型アサート機能を提供する。

```typescript
import { Asserts } from '@maboroshi/type-assertions'

const fn = (value: number | null) => {
  Asserts.isNumber(value)
  return value.toString()
}

fn(123) // => `123`
fn(null) // => throw error!
```

### Guards API

[Type Guard](http://www.typescriptlang.org/docs/handbook/advanced-types.html#type-guards-and-differentiating-types) 機能を提供する。

```typescript
import { Guards } from '@maboroshi/type-assertions'

const fn = (value: number | null) => {
  if (Guards.isNumber(value)) {
    return value.toString()
  }
}

fn(123) // => `123`
fn(null) // => undefined
```

## API

[API ドキュメント](https://maboroshi-inc.github.io/type-assertions/) を見る