open-index/open-npm huggingface dataset:
npm package: @malomohq/suede-button
Description: Material Design buttons for React
Author: Malomo
Latest version: 1.2.0

# `@malomohq/suede-button`

**[Demo - Text Button](https://codesandbox.io/embed/l5nn946mpq)**

**[Demo - Outlined Button](https://codesandbox.io/embed/nro6yo12jj)**

**[Demo - Contained Button](https://codesandbox.io/embed/w2r0v4831w)**

## Getting Started

```
npm install @malomohq/suede-button

# or

yarn install @malomohq/suede-button
```

`@malomohq/suede-button` requires the `react` and `styled-components` packages as peer dependencies.

## Usage

### `Button.Text`

```js
import Button from '@malomohq/suede-button';

<Button.Text>
  Click Here
</Button.Text>
```

**Details**

* Element type - `button`
* Component type - Structural
* Allows root override - Yes

**Props**

This component will accept any prop supported by the `button` element type.

***

### `Button.Outlined`

```js
import Button from '@malomohq/suede-button';

<Button.Outlined>
  Click Here
</Button.Outlined>
```

**Details**

* Element type - `button`
* Component type - Structural
* Allows root override - Yes

**Props**

This component will accept any prop supported by the `button` element type.

***

### `Button.Contained`

```js
import Button from '@malomohq/suede-button';

<Button.Contained>
  Click Here
</Button.Contained>
```

**Details**

* Element type - `button`
* Component type - Structural
* Allows root override - Yes

**Props**

This component will accept any prop supported by the `button` element type.

***

### `Button.Icon`

```js
import Button from '@malomohq/suede-button';

<Button.Contained>
  <Button.Icon>shopping_cart</Button.Icon>
  Click Here
</Button.Contained>
```

**Details**

* Element type - `i`
* Component type - Structural
* Allows root override - Yes

**Props**

This component will accept any prop supported by the `i` element type.

## Custom Types

To provide a custom root DOM node use the `Root` component exposed on each button type. The `Root` component will apply the styles of that button type to the component you provide.

**Example**

```js
<Button.Text.Root>
  <Link to="/home">Home</Link>
</Button.Text.Root>
```

## See Also

* [@malomohq/suede-elevation](https://github.com/malomohq/suede-elevation)

## Further Reading

* [Material Design - Buttons](https://material.io/design/components/buttons.html)
npm package: @malomohq/suede-elevation
Description: Material Design elevation for any React component
Author: Malomo
Latest version: 1.3.0

# `@malomohq/suede-elevation`

**[Demo - Shadow](https://codesandbox.io/embed/4080ono8j4)**

## Getting Started
```
npm install @malomohq/suede-elevation

# or

yarn install @malomohq/suede-elevation
```

## Usage

### `Shadow`

The `Shadow` component will apply a drop shadow to any React component. You can
modify the effect of the shadow using the `distance` prop.

```js
import { Shadow } from '@malomohq/suede-elevation';

function Example() {
  return (
    <Shadow distance={ 1 }>
      <div>Hello, world!</div>
    </Shadow>
  );
}
```

**Details**

* Element type - none
* Component type - Comprehensive
* Allows root override - No

**Props**

* `children` (element | required) - A single React element of any type.
* `distance` (number | required) - The distance from the front of one material to
the front of the next measured on the z-axis. May be a value between 0 and 24.

***

### `Scrim`

The `Scrim` component applies an opaque background to it's relative parent.

```js
import { Scrim } from '@malomohq/suede-elevation';

function Example() {
  return (
    <div>
      <Dialog>Hello, world!</Dialog>
      <Scrim show />
    </div>
  );
}
```

**Details**

* Element type - `div`
* Component type - Structural
* Allows root override - Yes

**Props**

* `show` (boolean) - Whether to display the scrim or not.

**Additional Notes**

The `z-index` for this component is set to a value of `1000`. If you would like to place an element above or below the scrim you will need to apply a `z-index` to that element accordingly.

## See Also

* [Suede Button](https://github.com/malomohq/suede-button)

## Further Reading

* [Material Design - Elevation](https://material.io/design/environment/elevation.html)
npm package: @malond/ui-phone
Description: Format phone numbers
Author: Vladimir Sokolovskiy
Latest version: 1.0.4

# @malond/ui-phone

Обработчик телефонов для коррестного отображения в виде:
71234567890 -> +7 123 456-78-90

## Применение (Node.js)

При вызове функции возвращается объект с параметрами:

```javascript
{
    isArray: false,
    telArray: [],
    tel: '+7 123 456-78-90',
    color: 'normal'
}
```

| Поле     | Тип           | По умолчанию       | Описание                                                                                                  |
| -------- | ------------- | ------------------ | --------------------------------------------------------------------------------------------------------- |
| isArray  | Boolean       |                    | Принят массив строк через запятую                                                                         |
| telArray | Array<object> | []                 | Массив из объектов разобранных строк, если передали телефоны через запятую (tel = string, color = string) |
| tel      | String        | ""                 | Если передан один телефон                                                                                 |
| color    | String        | "normal" / "error" | Нормальная или ошибочная обработка, если передан один телефон                                             |

### Пример

```javascript
const getTelFormatted = require("@malond/ui-phone/getTelFormatted");

const singleNumber = "+71234567890";
const normalNumbers =
  "+71234567890,81234567890,71234567890,1234567890,4567890,567890,67890";
const wrongNumbers = "771234567890,881234567890,234567890,1234,123,23,4";

console.log("Single numbers:", getTelFormatted(singleNumber));
console.log("Normal numbers:", getTelFormatted(normalNumbers));
console.log("Wrong numbers:", getTelFormatted(wrongNumbers));

// output:
// ---------------------------------------------------
//
// Single numbers:
// { isArray: false,
//   telArray: [],
//   tel: '+7 123 456-78-90',
//   color: 'normal' }
//
// Normal numbers:
// { isArray: true,
//   telArray:
//    [ { tel: '+7 123 456-78-90', color: 'normal' },
//      { tel: '+7 123 456-78-90', color: 'normal' },
//      { tel: '+7 123 456-78-90', color: 'normal' },
//      { tel: '+7 123 456-78-90', color: 'normal' },
//      { tel: '456-78-90', color: 'normal' },
//      { tel: '56-78-90', color: 'normal' },
//      { tel: '6-78-90', color: 'normal' } ],
//   tel: '',
//   color: '' }
//
// Wrong numbers:
// { isArray: true,
//   telArray:
//    [ { tel: '771234567890', color: 'error' },
//      { tel: '881234567890', color: 'error' },
//      { tel: '234567890', color: 'error' },
//      { tel: '1234', color: 'error' },
//      { tel: '123', color: 'error' },
//      { tel: '23', color: 'error' },
//      { tel: '4', color: 'error' } ],
//   tel: '',
//   color: '' }
```

## React компонент

### Пример

```javascript
// ...
import { TelPhones } from "@malond/ui-phone";
// ...

// ...
// tel = "71234567890"
<TelPhones className="size-small">{tel}</TelPhones>;
// ...
```
npm package: @maloon/figma-export
Description: CLI to convert exported Figma JSON into semantic component structures and AI coding prompts.
Latest version: 0.2.0

# figma-agent

A production-oriented MVP that converts Figma frame exports into a visual-only semantic DSL and concise prompts for AI coding agents.

## Product Boundary

This tool is intentionally **not** a Figma-to-code generator.

- Deterministic TypeScript parses Figma JSON into visual structure
- AI is used only for generating prompt text
- Prompts describe visual/layout properties only
- Business logic, events, and behavior are intentionally excluded

## Implemented MVP

- Figma plugin exports minimal JSON from selected frame
- CLI commands:
  - `init`
  - `sync`
  - `analyze`
  - `generate <component>`
- Visual DSL component types:
  - `button`
  - `text`
  - `container`
  - `card`
  - `hero`
  - `header`
  - `footer`
- Prompt caching to avoid unnecessary regeneration

## Requirements

- Node.js 20+

## Install

```bash
npm install
```

## Commands

### `init`

Creates AI workspace folders and sample JSON files.

```bash
npm run dev -- init
```

### `sync`

Pulls latest design JSON from a GitHub raw URL or local file and stores it in:
- `ai/figma/layout.json` (versioned snapshot)
- `ai/raw/figma.json` (analyze input)

```bash
npm run dev -- sync --source https://raw.githubusercontent.com/<owner>/<repo>/<branch>/ai/figma/layout.json
```

Local file source example:

```bash
npm run dev -- sync --source ai/figma/layout.json
```

For private GitHub sources, pass token:

```bash
npm run dev -- sync --source <url> --token <github-token>
```

You can also set `FIGMA_SYNC_SOURCE` and `GITHUB_TOKEN`.

### `analyze`

Converts `ai/raw/figma.json` into visual semantic outputs:
- `ai/semantic/layout.json`
- `ai/semantic/components/*.json`

```bash
npm run dev -- analyze
```

### `generate <component>`

Creates a visual-only prompt markdown file for one semantic component.

```bash
npm run dev -- generate hero-cta-button-1
```

Output:
- `ai/prompts/<component>.prompt.md`

Cache file:
- `ai/prompts/.cache.json`

## File Structure

```text
ai/
  figma/
    layout.json
  raw/
    figma.json
  semantic/
    layout.json
    components/
      hero-1.json
      button-1.json
  prompts/
    hero.prompt.md
    .cache.json
```

## Visual DSL Shape

Each semantic component is visual-only:

- `type`
- `text` (if present)
- `width`, `height`
- `position: { x, y }`
- `layout`
- `color: { background, text, border }`
- `spacing: { top, right, bottom, left }`
- `variant`
- `children`

## Typical Workflow

1. In Figma, select a frame and run plugin export.
2. Save/export JSON and commit it under `ai/figma/layout.json`.
3. Run `npx figma-agent sync`.
4. Run `npx figma-agent analyze`.
5. Run `npx figma-agent generate <component>`.
6. Use generated prompt with coding agent; then add business logic manually.

## Future (Not Implemented)

- Full page prompt generation
- Multi-framework support
- Real-time Figma sync
- Automated advanced classification beyond visual heuristics
npm package: @malopez1578/projectcli
Description: CLI project with webpack
Author: Miguel Angel López
Latest version: 1.0.221

## projects TS CLI

### CLi compila projects in ts

<!-- Badges section here. -->

[![dependencies](https://david-dm.org/malopez1578/cli-project.png)](https://david-dm.org/malopez1578/cli-project)

![npm](https://img.shields.io/github/issues/malopez1578/cli-project)
![npm](https://img.shields.io/github/forks/malopez1578/cli-project)
![npm](https://img.shields.io/github/stars/malopez1578/cli-project)
![npm](https://img.shields.io/github/license/malopez1578/cli-project)

[![Join the chat at https://gitter.im/cli-project/community](https://img.shields.io/gitter/room/nwjs/nw.js.svg)](https://gitter.im/cli-project/community?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)

[![GitHub forks](https://img.shields.io/github/forks/malopez1578/cli-project.svg?style=social&label=Fork)](https://github.com/malopez1578/cli-project/fork)
[![GitHub stars](https://img.shields.io/github/stars/malopez1578/cli-project.svg?style=social&label=Star)](https://github.com/malopez1578/cli-project)

## Prerequisites

The CLI have dependencies that require Node 8.9 or higher, together
with NPM 5.5.1 or higher.

## Table of Contents

- [Installation](#installation)
- [Usage](#usage)
- [Documentation](#documentation)
- [License](#license)

## Installation

**BEFORE YOU INSTALL:** please read the [prerequisites](#prerequisites)

### Install Globally

```bash
npm install -g @malopez1578/projectcli
```

### Install Locally

```bash
npm install @malopez1578/projectcli
```

### Install Specific Version (Example: 1.0.0)

```bash
npm install -g @malopez1578/projectcli@1.0.0
```

## Usage

```bash
project [--start, --build, --help]
```

### Show help

```bash
project --help
```

### Generating and serving an project compile via a development server

```bash
cd PROJECT-NAME
project --start
```

Navigate to `http://localhost:8080/`. The app will automatically reload if you change any of the source files.

You can configure the default port used by the development server with one command-line options :

```bash
project --start --port 3030
```

### Generating final compilation of the project in production mode

```bash
cd PROJECT-NAME
project --build
```

### Generating initial project files in typescript or Javascript

```bash
cd PROJECT-NAME
project --new
```

<!--
Optional you can select the template

```bash
cd PROJECT-NAME
project --new --template Typescript
``` -->

## Documentation

## License

[MIT](https://github.com/malopez1578/cli-project/blob/master/LICENSE.md)

## TODO

- Generate documentation.
npm package: @malots/notification
Description: notification package
Author: leovene
Latest version: 1.2.1

# notification
Notification npm package

## Specification
This package contains a class to be extends, this class is called Notification, and have methods to implement an error property.

## Example
class Example extends Notification {
    constructor() {
        super();
    }
}

## Methods
* addError - Add an error with key and error
* getError(key) - Get error
* getAllErrors - Return json with all errors
* isValid - Return if class don't have any error
* countErrors - Return quantity of erros
npm package: @maloua/sds
Description: SURF Design System for React
Author: oharsta
Latest version: 0.0.4

# surf-design-system

Design System for [https://design.surf.nl/](https://design.surf.nl/)

## Using this package in your React project

Install this package with `npm` into your own project:
```shell
npm install @maloua/sds
```
or using `yarn`
```shell
yarn add @maloua/sds
```
Import the global sds.css, the overrides for this library and the react-tooltip css in your index.js:
```js
import '@maloua/sds/styles/sds.css';
//Do not change the order of @maloua.sds style imports
import '@maloua/sds/cjs/index.css';
import 'react-tooltip/dist/react-tooltip.css';
```
For 
Import the component's you want to use:
```js
import {LanguageSwitcher, Tooltip, Alert} from "@maloua/sds";
```
You can then render the `LanguageSwitcher` component like any other React component in JSX.

Don't forget to choose and set the color palette on the body:
```
<body id="app" class="sds--color-palette--orange">
```

## Contributing
Create an issue and subsequently clone this repo and create a PR including storybook stories in this repo
with preferably squished commits.

### Storybook

To generate and run the Storybook
```
npm run build-storybook
npm run storybook
```

### Publishing

Increment the version in `package.json` and run the following commands:
```
npm install
npm run build
npm login
npm publish --access public ./dist
```
The package is published on https://www.npmjs.com/package/@maloua/sds and is deployed to https://maloua.github.io/sds
npm package: @maloulab/taro-plugins-socksuppet-ci
Description: # 作用
Author: savior
Latest version: 1.0.7

# 使用须知

# 作用

【小程序马甲包】

原@tarojs/plugin-mini-ci 插件 只支持单个微信小程序的打包
部分需求存在马甲包的需求，需要同时发布多个小程序
为解决该问题

该插件支持马甲包功能，根据配置批量打包多个小程序，并且发布到体验版

# 前提

taro 3.x 版本可用

# 安装

```bash
yarn add @maloulab/taro-plugins-socksuppet-ci
```

或

```bash
npm i @maloulab/taro-plugins-socksuppet-ci
```

# 使用

```javascript
plugins: [ ["@tarojs/plugin-mini-ci", CIPluginFn]],
```

修改为

```javascript
plugins: [ ["@maloulab/taro-plugins-socksuppet-ci", {
  CIPluginFn,
  // 非必传
  configMap: {

  },
  // 非必传
  // 自定义打包命令 默认自动获取（taro + 命令 + 参数）例：taro upload --type weapp
  command: ''
}]],
```

# CIPluginFn

官方插件配置 [@tarojs/plugin-mini-ci](https://docs.taro.zone/docs/plugin-mini-ci#%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F-ci-%E9%85%8D%E7%BD%AE)

配置示例：

由于插件会修改 json 配置中的 appid，以达到构建的目的
需要加入 appid 参数

appid: 必填
appName: 非必填(打包显示)

```javascript
const CIPluginOpt = {
  weapp: [
    {
      // 必填
      appid: "微信小程序appid1",
      privateKeyPath:
        "密钥文件相对项目根目录的相对路径，例如 key/private.appid.key",
    },
    {
      // 必填
      appid: "微信小程序appid2",
      privateKeyPath:
        "密钥文件相对项目根目录的相对路径，例如 key/private.appid.key",
    },
  ],
  // 同weapp,如需多个构建，改为数组
  tt: {
    appid: "",
    email: "字节小程序邮箱",
    password: "字节小程序密码",
  },
  // 同weapp,如需多个构建，改为数组
  alipay: {
    appid: "支付宝小程序appid",
    toolId: "工具id",
    privateKeyPath:
      "密钥文件相对项目根目录的相对路径，例如 key/pkcs8-private-pem",
  },
  // 同weapp,如需多个构建，改为数组
  dd: {
    appid: "钉钉小程序appid,即钉钉开放平台后台应用管理的 MiniAppId 选项",
    token: "令牌，从钉钉后台获取",
  },
  // 同weapp,如需多个构建，改为数组
  swan: {
    appid: "",
    token: "鉴权需要的token令牌",
  },
  // 版本号
  version: "1.0.0",
  // 版本发布描述
  desc: "版本描述",
};
```

# 如需打包多个，将 weapp 改为数组配置多个即可！！！

```javascript
// 默认configMap
const configMap = {
  weapp: "project.config.json",
  tt: "project.tt.json",
  alipay: "mini.project.json",
  qq: "project.config.json",
  dd: "project.dd.json",
  swan: "project.swan.json",
  lark: "project.lark.json",
};
```

由于插件会自动修改 project.config.json 中的 appid,
实现自动化构建多个小程序，每个小程序文件名不一致
可自定义

# 注意

因为会修改 project.config.json 或其他 json 中的 appid
appid 会替换为配置中的最后一个

# 最后

因没有其他小程序需求，仅测试微信小程序批量打包！！！
npm package: @malp/math-computer
Description: 如何安装？
Author: malphite
Latest version: 1.1.0

# 说明文档
## `math-computer`: 帮助你解决JS计算精度的问题

如何安装？

```shell
npm install @malp/math-computer
or
yarn add @malp/math-computer
```

## 引入项目

```javascript
import { add, sub } from '@malp/math-computer'

//使用
const sum = add(0.1, 0.2)
```

如果不想开启数组越界检查（默认开启）：

```javascript
import MathComputer from '@malp/math-computer'
const mathComputer = new MathComputer(false)

//使用
const sum = mathComputer.add(0.1, 0.2)
```

## 方法文档

目前提供十个功能：

	1. strip：处理JS小数精度方法
	2. digitLength：返回小数的位数（支持科学计数法）
	3. add：精确加法(支持科学计数法)
	4. sub：精确减法(支持科学计数法)
	5. mul：精确乘法(支持科学计数法)
	6. div：精确除法(支持科学计数法)
	7. surp：精确取余(支持科学计数法)
	8. float2Fixed：将小数转换为整数(支持科学计数法)
	9. checkBoundary：检查数字是否越界(支持科学计数法)
	10. round：四舍五入(支持科学计数法)

### 方法案例
1. strip
 
    + strip(0.09999999999999998) = 0.1

3. digitLength

    + digitLength(0.02) = 2
    + digitLength(2e-4) = 4

4. add(不定参数)

    + add(0.1, 0.2) = 0.3
    + add(0.1, 0.2, 0.3) = 0.7
    + add(1e-1, 2e-1) = 0.3
   
5. sub(不定参数)

    + sub(0.3, 0.1) = 0.2
    + sub(0.5, 0.2, 0.1) = 0.2
    + sub(3e-1, 1e-1) = 0.2
   
6. mul(不定参数)

    + mul(0.2, 0.1) = 0.02
    + mul(0.2, 0.1, 0.1) = 0.002
    + mul(2e-1, 1e-1) = 0.02
   
7. div(不定参数)

    + div(0.04, 0.2) = 0.2
    + div(0.04, 0.2, 0.1) = 2
    + div(4e-2, 2e-1) = 0.2
   
8. surp(不定参数)

    + surp(1.1, 1) = 0.1
    + surp(2.1, 1, 0.03) = 0.01
    + surp(11e-1, 1) = 0.1
   
9. float2Fixed

    + float2Fixed(2.4) = 24
    + float2Fixed(2.4e-4) = 24
   
10. checkBoundary
 
    + checkBoundary(Number.MAX_SAFE_INTEGER + 1)
   
11. round

    + round(1.5555, 2) = 1.56
    + round(1.5555, 1) = 1.6
    + round(15555e-4, 2) = 1.56
    + 如果需要实现自动补零，可将第三个参数设置为true(默认为false)
      + round(1.5, 2, false) = 1.5
      + round(1.5, 2, true) = 1.50
npm package: @malq/tw-ui
Description: A Vue 3 UI component library built with Tailwind CSS
Latest version: 0.1.1

# TW-UI 组件库

一个基于Vue 3和Tailwind CSS的现代化UI组件库。

## 特性

- 🚀 基于Vue 3和Tailwind CSS
- 📦 丰富的组件集合
- 🎨 可定制的主题
- 📱 响应式设计
- 🌐 国际化支持
- ♿ 可访问性支持

## 安装

```bash
npm install tw-ui
```

## 使用

### 全局引入

在你的main.ts/js文件中：

```ts
import { createApp } from 'vue'
import App from './App.vue'
import TwUI from 'tw-ui'
// 重要：导入样式
import 'tw-ui/dist/styles/index.css'

const app = createApp(App)
app.use(TwUI)
app.mount('#app')
```

### 按需引入

```vue
<template>
  <TwButton type="primary">按钮</TwButton>
</template>

<script setup lang="ts">
import { TwButton } from 'tw-ui'
// 重要：导入样式
import 'tw-ui/dist/styles/index.css'
</script>
```

## 组件列表

- Alert 警告提示
- Avatar 头像
- Badge 徽章
- Breadcrumb 面包屑
- Button 按钮
- Card 卡片
- Checkbox 复选框
- Dialog 对话框
- Form 表单
- Input 输入框
- Modal 模态框
- Pagination 分页
- Radio 单选框
- Select 选择器
- Switch 开关
- Table 表格
- Tabs 标签页
- Textarea 文本域
- Tooltip 文字提示
- Upload 上传

## 文档

访问我们的[在线文档](https://tw-ui.example.com)了解更多信息。

## 贡献

欢迎贡献代码，提交问题和功能请求。

## 许可证

[MIT](LICENSE)
npm package: @malrang-toy/wise-cat-saying
Description: toy project - wise cat saying
Author: malrang
Latest version: 1.0.3

# @malrang-toy/wise-cat-saying &middot; [![npm version](https://badge.fury.io/js/@malrang-toy%2Fwise-cat-saying.svg)](https://badge.fury.io/js/@malrang-toy%2Fwise-cat-saying)

This is a toy projects. this module is shown The WiseSaying with cute cat


<img src="https://github.com/seniya/malrang-toy-wise-cat-saying/blob/main/public/screen-01.png?raw=true" alt="Get a word with Cat" style="width:300px;"/>

<img src="https://github.com/seniya/malrang-toy-wise-cat-saying/blob/main/public/screen-02.png?raw=true" alt="Get a word with Cat" style="width:300px;"/>


### Table of Contents

* [Installation](#installation)
* [Basic Usage for old-school](#basic-usage-for-old-school)
* [Basic Usage for ES module](#basic-usage-for-es-module)


## Installation

#### Manually

Simply include `main.umd.js` in the `<head>`...
```html
<head>
  ...
  <script src="main.umd.js"></script>
  <!-- 
  Or remotely via Unpkg CDN 
  <script src="https://unpkg.com/@malrang-toy/wise-cat-saying@1.0.2/dist/main.umd.js"></script>
  -->
</head>
```

If you downloaded the package via zip file from Github, these files are located in the `dist` folder. Otherwise, you can use the Unpkg CDN as shown in the examples above.


#### Via NPM
```sh
npm i @malrang-toy/wise-cat-saying
```

Files & locations:

|        File        |             Folder              |               Description               |
| ------------------ | ------------------------------- | --------------------------------------- |
| main.umd.js  | node_modules/@malrang-toy/wise-cat-saying/dist | old school version |
| main.esm.js | node_modules/@malrang-toy/wise-cat-saying/dist | ES module version |                



## Basic Usage for old-school

Write the element in markup file:
```html
<head>
  ...
  <script src="main.umd.js"></script>
  <!-- 
  Or remotely via Unpkg CDN 
  <script src="https://unpkg.com/@malrang-toy/wise-cat-saying@1.0.2/dist/main.umd.js"></script>
  -->
</head>
<body>
  ...
  <div id="my-cat-card"></div>
  <script>
    window.onload = function(){
      console.log('window.onload')      
      const theCat = new WiseCatSaying('my-cat-card')
      const theWord = theCat.actionSay()
      console.log('theWord : ', theWord)      
      theCat.render()
    }
  </script>
</body>
```

Importing the library for javascript:
```javascript
import WiseCatSaying from '@malrang-toy/wise-cat-saying';

// 'my-cat-card' is markup elemt ID
// ex) <div id="my-cat-card"></div>
const theCat = new WiseCatSaying('my-cat-card')

```

## Basic Usage for ES module

Write the element in markup file:
```html
<body>
  ...
  <div id="my-cat-card"></div>
</body>
```

Importing the library for javascript:
```javascript
import WiseCatSaying from '@malrang-toy/wise-cat-saying';

window.onload = function(){
  // 'my-cat-card' is markup elemt ID
  // ex) <div id="my-cat-card"></div>
  const theCat = new WiseCatSaying('my-cat-card')
  theCat.render()
}
```

Thank you !!

## Origin Source From
#### Cat image : https://thecatapi.com/
#### WiseSaying : google(?)
npm package: @malsa/iconfont-plugin-webpack
Description: Customised Iconfont Generator.
Author: HaoyCn
Latest version: 1.2.0

# This fork made because plugin is not supported anymore, but we need woff2 support

What was made:
1. Updated dependencies version
2. Added support for woff2 build
3. Changed default template to more suitable for skinclub build
4. Add cache busting for fonts
5. Fixed font absolute paths
6. Fixed unicode for icons
7. Fixed multiple inclusions of font-face
8. Dropped IE6 support
npm package: @malsapp/react-native-maformvalidation
Description: React native form validation
Author: Malsapp
Latest version: 1.0.5

# React Native maformvalidation #
[![npm version](https://badge.fury.io/js/react-native-maformvalidation.svg)](https://badge.fury.io/js/react-native-maformvalidation)

React Native maformvalidation is a cross-platform library for validating forms using [React Native](https://github.com/facebook/react-native).

<a name='Installation'></a>
## Installation ##
```
npm install --save @malsapp/react-native-maformvalidation 
OR
yarn add @malsapp/react-native-maformvalidation 
```

## Components

###Form
#####Encapsulate all form elements 
#### Functions
Function | Description
------------ | -------------
validate | Return `True` in case of valid form



###FormValidator
#####Validate Values and contain Rules component  
#### Properties
Prop | Description
------------ | -------------
value | ```Value(String || Function ) : Get value for validation  ```



###Rule
#####Validation Rules and styles  
#### Properties
Prop | Description
------------ | -------------
textStyle | Style the error message
message |  Text of error message
rule | `(Built-in || function that takes the value and return ``true`` if invalid || Regex) Validation rule`


## Built-in Rules
Rule | Description
------------ | -------------
email | Check if the value is valid Email or not 
password | Make sure password is more than 6 characters
required | Check if there is a value in the field or not
isYouTube | Check if URL is valid youtube link or not






<a name='Apply Validation rules on fields'></a>
## Apply Validation rules on fields: Example ##
```
<Form ref={ref => (this.form = ref)}> 

    {/* Email Input) */}
    <Text>Email</Text>
    <TextField placeholder="email@domain.com" onChangeText={email => this.setState({ email })} />
    <FormValidator value={this.state.email}>
        <Rule textStyle={styles.error} message="Email is required" rule={Rule.required} />
        <Rule textStyle={styles.error} message="Not valid email" rule={Rule.email} />
    </FormValidator>

    {/* Password Input) */}
    <Text>Password</Text>
    <Text placeholder="********" secureTextEntry onChangeText={password => this.setState({ password })} />
    <FormValidator>
        <Rule textStyle={styles.error} message="Password is required" rule={Rule.required} />
        <Rule textStyle={styles.error} message="Password must be 6+ charecters" rule={Rule.password} />
    </FormValidator>

    <Button title="login" onPress={() => this.form.validate()}/>
</Form>
```

## License

This project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md) file for details
npm package: @malte.muth/poker-hands
Description: A library of functions for handling texas hold-em poker games and more.
Author: Malte Muth
Latest version: 0.3.1

# poker-hands

A library of functions for handling texas hold-em poker games and more.

## Why?

This is a coding work-out, practicing writing library code instead of applications.

## See also

Inspired and tested against the online calculator [ProPokerTools](http://www.propokertools.com/simulations) and the CLI [poker-odds](https://github.com/CookPete/poker-odds). If you want to calculate hand equity, both tools are strictly better than this one.

## Usage

@TODO
npm package: @malted/unique
Description: A Typescript UUID v4 implementation
Author: malted
Latest version: 1.2.4

# unique - Node branch

## A Typescript UUID v4 implementation
![Github branch](https://img.shields.io/badge/Branch-node-informational)

![GitHub Workflow Status](https://img.shields.io/github/workflow/status/ma1ted/uuid/Test)
![GitHub top language](https://img.shields.io/github/languages/top/ma1ted/uuid)

![GitHub tag (latest by date)](https://img.shields.io/github/v/tag/ma1ted/uuid)
![npm (scoped)](https://img.shields.io/npm/v/@malted/unique)

### Usage

#### Import the module

##### Deno
```js
import { uuid as uuidv4 } from "https://deno.land/x/unique/uuid.ts"
```
##### Node
```sh
npm install @malted/unique
```
```js
const uuid4 = require('@malted/unique');
```

#### Generate a UUID

```js
const uuid: string = uuidv4();
console.log(uuid);
```

#### Validate the generated UUID

```js
import { v4 } from "https://deno.land/std@0.112.0/uuid/mod.ts";

const isValid: boolean = v4.validate(uuid);
console.log(isValid);
```

### Why

As per the MDN docs, `Crypto.randomUUID()` is _available only in secure contexts
(HTTPS), in some or all supporting browsers_.

<!--https://wicg.github.io/uuid/#dom-crypto-randomuuid-->
npm package: @maltem-canada/express-server
Description: Maltem Canada's base express server
Author: aalejandro@maltem.com
Latest version: 1.1.3

# Maltem Canada - Express Server
## install
```
npm i @maltem-canada/express-server
```
## Server
When instanciating your server, you must at least provide a port and a name.
```javascript
import Server from '@maltem-canada/express-server';
import routes from './routes';
import config from './config';

const server = new Server({
  port: config.port,
  name: 'microservice',
  routes,               // optional
  mongo: config.mongo   // optional
});

export default function start() {
  server.start();
}
```
### getConfig
Function used to validate the env variable format (upper case)
#### usage
```javascript
import { getConfig } from '@maltem-canada/express-server';

export default {
  port: getConfig('PORT'),
  mongo: {
    url: getConfig('MONGO_URL'),
    name: getConfig('APP_NAME'),
  },
};

```
### mustProvide
Function used to throw an error if the specified field is not provided
#### usage
```javascript
import { mustProvide } from '@maltem-canada/express-server';

function myFunction(param = mustProvide('param')) {
  // Param provided
}
```
### mustBeType
Function used to check the type of a variable

supported types: ```['string', 'number', 'float', 'object', 'array']```
#### usage
```javascript
import { mustBeType } from '@maltem-canada/express-server';

console.log(mustBeType('object', {})) // true
console.log(mustBeType('array', [])) // true
console.log(mustBeType('number', 12)) // true
```
### logger
Function used to log info or errors
#### usage
```javascript
import { logger } from '@maltem-canada/express-server';

const message = 'Hi boy!';
logger.info(message);
```
```javascript
const error = new Error();
error.message = 'You failed';
error.status = 500;
logger.error(error);
```
### mongoCollection
Function to return a mongo collection
#### usage
```javascript
import { mongoCollection } from '@maltem-canada/express-server';

const userCollection = mongoCollection('user');
userCollection.insertOne({
  name: 'toto',
  age: 29
});
```
npm package: @maltenzo/driver.js
Description: <h1 align="center"><img height="150" src="https://driverjs.com/driver.svg" /><br> Driver.js</h1>
Author: Maltenzo
Latest version: 1.3.19

<h1 align="center"><img height="150" src="https://driverjs.com/driver.svg" /><br> Driver.js</h1>

<p align="center">
  <a href="https://github.com/kamranahmedse/driver.js/blob/master/license">
    <img src="https://img.shields.io/badge/License-MIT-yellow.svg" />
  </a>
  <a href="https://www.jsdelivr.com/package/npm/driver.js">
    <img src="https://data.jsdelivr.com/v1/package/npm/driver.js/badge?style=rounded" alt="jsdelivr hits" />
  </a>
  <a href="https://npmjs.org/package/driver.js">
    <img src="https://img.shields.io/npm/dm/driver.js" alt="downloads" />
  </a>
</p>

<p align="center">
  <b>Powerful, highly customizable vanilla JavaScript engine to drive user's focus on the page</b></br>
  <sub>No external dependencies, light-weight, supports all major browsers and highly customizable </sub><br>
</p>

<br />

- **Simple**: is simple to use and has no external dependency at all
- **Light-weight**: is just 5kb gzipped as compared to other libraries which are +12kb gzipped
- **Highly customizable**: has a powerful API and can be used however you want
- **Highlight anything**: highlight any (literally any) element on page
- **Feature introductions**: create powerful feature introductions for your web applications
- **Focus shifters**: add focus shifters for users
- **User friendly**: Everything is controllable by keyboard
- **TypeScript**: Written in TypeScript
- **Consistent behavior**: usable across all browsers
- **MIT Licensed**: free for personal and commercial use

<br />

## Documentation

For demos and documentation, visit [driverjs.com](https://driverjs.com)

<br />

## So, yet another tour library?

**No**, it's more than a tour library. **Tours are just one of the many use-cases**. Driver.js can be used wherever you need some sort of overlay for the page; some common usecases could be: [highlighting a page component](https://i.imgur.com/TS0LSK9.png) when user is interacting with some component to keep them focused, providing contextual help e.g. popover with dimmed background when user is filling a form, using it as a focus shifter to bring user's attention to some component on page, using it to simulate those "Turn off the Lights" widgets that you might have seen on video players online, usage as a simple modal, and of-course product tours etc.

Driver.js is written in Vanilla TypeScript, has zero dependencies and is highly customizable. It has several options allowing you to change how it behaves and also **provides you the hooks** to manipulate the elements as they are highlighted, about to be highlighted, or deselected.

> Also, comparing the size of Driver.js with other libraries, it's the most light-weight, it is **just ~5kb gzipped** while others are 12kb+.

<br>

## Contributions

Feel free to submit pull requests, create issues or spread the word.

## License

MIT &copy; [Kamran Ahmed](https://twitter.com/kamrify)