open-index/open-npm huggingface dataset:
npm package: @mpflow/cli
Description: > TODO: description
Author: chyizheng
Latest version: 1.0.0-alpha.2

# `@mpflow/cli`

## 安装

```bash
npm install -g @mpflow/cli
# 或者
yarn global add @mpflow/cli
```

## 使用

### 创建一个项目

```bash
mpflow create hello-miniprogram
```

创建项目默认使用的小程序模板，可以通过指定 `--template` 参数来指定项目模板

```bash
# 创建一个小程序插件项目
mpflow create hello-plugin --template miniprogram-plugin
```

### 为项目安装插件

```bash
# 安装瘦身插件
mpflow add slim
# 或
mpflow add @mpflow/plugin-slim
```
npm package: @mpflow/plugin-babel
Description: > TODO: description
Author: chyizheng
Latest version: 1.0.0-alpha.2

# `@mpflow/plugin-babel`

> Mpflow 的 `babel` 支持插件

## 说明

该插件用于给 Mpflow 的构架提供 `babel.js` 的集成，用于将 ESNext 代码编译到 ES5

> 该插件通常为默认安装，不需要手动安装

## 安装

```bash
mpflow add babel
# 或
mpflow add @mpflow/plugin-babel
```

## 使用

直接通过 `mpflow build` 即可使用
npm package: @mpflow/plugin-css
Description: > TODO: description
Author: chyizheng
Latest version: 1.0.0-alpha.2

# `@mpflow/plugin-css`

> Mpflow 的 `css`, `less`, `sass`, `stylus` 等支持插件

## 说明

该插件用于给 Mpflow 的构架提供 `css`, `less`, `sass`, `stylus` 等功能的集成，可以使用 `.css`, `.less`, `.scss`, `.sass`, `.stylus` 文件代替 `.wxss` 文件

## 安装

```bash
mpflow add css
# 或
mpflow add @mpflow/plugin-css
```

## 使用

直接通过 `mpflow build` 即可使用
npm package: @mpflow/plugin-e2e-test
Description: > TODO: description
Author: chyizheng
Latest version: 1.0.0-alpha.2

# `@mpflow/plugin-e2e-test`

> Mpflow 的 e2e 测试支持插件

## 说明

该插件用于给 Mpflow 的构架提供 e2e 测试功能的集成，使用 [jest](https://jestjs.io/) 为测试执行器，[miniprogram-automator](https://developers.weixin.qq.com/miniprogram/dev/devtools/auto/) 为自动化执行器

e2e 测试代码请按照 `${name}.test.js` 的命名形式，放置在项目的 `tests/e2e/` 目录下

测试文件默认注入了一个全局 `miniProgram` 对象，可以直接操纵小程序开发者工具，使用方法请参考 [miniprogram-automator 文档](https://developers.weixin.qq.com/miniprogram/dev/devtools/auto/miniprogram.html)

## 安装

```bash
mpflow add e2e-test
# 或
mpflow add @mpflow/plugin-e2e-test
```

## 使用

在项目的 `tests/e2e` 文件夹下添加测试文件，如：

```js
// page-index.test.js

describe('page index', () => {
  let page

  beforeAll(async () => {
    page = await miniProgram.reLaunch('/pages/index/index')
    await page.waitFor(500)
  }, 30 * 1000)

  test('wxml', async () => {
    const element = await page.$('page')
    expect(await element.wxml()).toMatchSnapshot()
  })
})
```

然后执行命令启动 e2e 测试

```bash
npm run test:e2e
# 或
yarn test:e2e
```

也可以通过 `--coverage` 参数来获取代码覆盖率报告

```bash
npm run test:e2e -- --coverage
# 或
yarn test:e2e --coverage
```
npm package: @mpflow/plugin-slim
Description: > TODO: description
Author: chyizheng
Latest version: 1.0.0-alpha.2

# `@mpflow/plugin-slim`

> Mpflow 的小程序瘦身插件

## 说明

该插件用于给 Mpflow 的构架提供小程序瘦身功能的集成，功能与 [瘦身工具](https://developers.weixin.qq.com/miniprogram/dev/extended/utils/miniprogram-slim.html) 相同

## 安装

```bash
mpflow add slim
# 或
mpflow add @mpflow/plugin-slim
```

## 使用

### 代码相似度检查

```bash
npm run slim:cpd
# 或
yarn slim:cpd
```

### 图片压缩

直接通过 `mpflow build` 即可使用

### css 雪碧图

TODO
npm package: @mpflow/plugin-typescript
Description: > TODO: description
Author: chyizheng
Latest version: 1.0.0-alpha.2

# `@mpflow/plugin-typescript`

> Mpflow 的小程序 Typescript 支持插件

## 说明

该插件用于给 Mpflow 的构架提供 Typescript 功能的集成，可以使用 `.ts` 文件代替小程序的 `.js` 文件

## 安装

```bash
mpflow add typescript
# 或
mpflow add @mpflow/plugin-typescript
```

## 使用

直接通过 `mpflow build` 即可使用
npm package: @mpflow/plugin-unit-test
Description: > TODO: description
Author: chyizheng
Latest version: 1.0.0-alpha.2

# `@mpflow/plugin-unit-test`

> Mpflow 的小程序单元测试支持插件

## 说明

该插件用于给 Mpflow 的构架提供单元测试功能的集成，，使用 [jest](https://jestjs.io/) 为测试执行器，[miniprogram-simulate](https://github.com/wechat-miniprogram/miniprogram-simulate) 为自动化执行器

`miniprogram-simulate` 是通过模拟小程序的运行环境，让小程序的自定义组件能够在 DOM 环境下进行测试。因此适用于对单一组件进行单元测试，而不适用与对整个小程序进行集成测试

## 安装

```bash
mpflow add unit-test
# 或
mpflow add @mpflow/plugin-unit-test
```

## 使用

在自定义组件目录下新增 `__test__` 文件夹，在文件夹下添加测试文件，如：

```js
// comp.test.js

import path from 'path'
import simulate from 'miniprogram-simulate'

describe('comp', () => {
    let id

    beforeAll(() => {
        id = simulate.load(path.resolve(__dirname, '../comp'), { less: true })
    })

    test('should match snapshot', () => {
        const comp = simulate.render(id, {})
        comp.attach(document.createElement('parent-wrapper'))

        expect(comp.toJSON()).toMatchSnapshot()
    })
})
```

然后执行命令启动单元测试

```bash
npm run test:unit
# 或
yarn test:unit
```

也可以通过 `--coverage` 参数来获取代码覆盖率报告

```bash
npm run test:unit -- --coverage
# 或
yarn test:unit --coverage
```
npm package: @mpflow/webpack-plugin
Description: > TODO: description
Author: chyizheng
Latest version: 1.0.0-alpha.2

# `@mpflow/webpack-plugin`

> Mpflow 的小程序 Webpack 构建插件

## 说明

由于小程序与普通的 Web App 在结构上有较大差异，因此需要通过该插件支持 Webpack 对小程序代码进行构建打包。

该插件提供的能力为：

- 提供了 `app-loader`, `page-loader`, `plugin-loader` 三个 loader，作为小程序构建的入口
- 提供了一个特殊的 target, 作为小程序构建目标
- 对被标记为小程序代码中的路径解析做了特殊处理，贴合小程序原生的路径解析
- 构建后的产物会按照小程序目录结构输出
- 可以根据配置生成一个 project.config.json

## 使用

```javascript
const mpflowPlugin = require('@mpflow/webpack-plugin')

module.exports = {
  entry: {
    // 入口用 appLoader 标记
    app: `${mpflowPlugin.appLoader}!./app`,
  },

  module: {
    rules: [
      {
        test: /\.json$/,
        type: 'javascript/auto',
      },
      {
        test: /\.wxss$/,
        enforce: 'pre',
        use: [
          {
            loader: '@mpflow/wxss-loader',
          },
        ],
      },
      {
        test: /\.wxml$/,
        enforce: 'pre',
        use: [
          {
            loader: '@mpflow/wxml-loader',
          },
        ],
      },
      {
        test: /\.wxs$/,
        enforce: 'pre',
        loader: 'file-loader',
        options: {
          name: '[name].[hash:8].[ext]',
        },
      },
      {
        test: /\.(png|jpg|jpeg|gif|svg|cer|mp3|aac|m4a|mp4|wav|ogg|silk)$/i,
        loader: 'file-loader',
        enforce: 'pre',
        options: {
          name: '[name].[hash:8].[ext]',
        },
      },
    ],
  },

  // 构建目标指定为 MpflowWebpackPlugin.target
  target: mpflowPlugin.target,

  plugins: [
    // 使用插件
    new mpflowPlugin(),
  ],
}
```

具体例子可以参考 `examples` 目录
npm package: @mpflow/wxml-parser
Description: a wxml ast parser based on the glass-easel-template-compiler
Author: juvanhe
Latest version: 1.0.0-alpha.2

<div align="center">

  <h1><code>wasm-pack-template</code></h1>

  <strong>A template for kick starting a Rust and WebAssembly project using <a href="https://github.com/rustwasm/wasm-pack">wasm-pack</a>.</strong>

  <p>
    <a href="https://travis-ci.org/rustwasm/wasm-pack-template"><img src="https://img.shields.io/travis/rustwasm/wasm-pack-template.svg?style=flat-square" alt="Build Status" /></a>
  </p>

  <h3>
    <a href="https://rustwasm.github.io/docs/wasm-pack/tutorials/npm-browser-packages/index.html">Tutorial</a>
    <span> | </span>
    <a href="https://discordapp.com/channels/442252698964721669/443151097398296587">Chat</a>
  </h3>

  <sub>Built with 🦀🕸 by <a href="https://rustwasm.github.io/">The Rust and WebAssembly Working Group</a></sub>
</div>

## About

[**📚 Read this template tutorial! 📚**][template-docs]

This template is designed for compiling Rust libraries into WebAssembly and
publishing the resulting package to NPM.

Be sure to check out [other `wasm-pack` tutorials online][tutorials] for other
templates and usages of `wasm-pack`.

[tutorials]: https://rustwasm.github.io/docs/wasm-pack/tutorials/index.html
[template-docs]: https://rustwasm.github.io/docs/wasm-pack/tutorials/npm-browser-packages/index.html

## 🚴 Usage

### 🐑 Use `cargo generate` to Clone this Template

[Learn more about `cargo generate` here.](https://github.com/ashleygwilliams/cargo-generate)

```
cargo generate --git https://github.com/rustwasm/wasm-pack-template.git --name my-project
cd my-project
```

### 🛠️ Build with `wasm-pack build`

```
wasm-pack build
```

### 🔬 Test in Headless Browsers with `wasm-pack test`

```
wasm-pack test --headless --firefox
```

### 🎁 Publish to NPM with `wasm-pack publish`

```
wasm-pack publish
```

## 🔋 Batteries Included

* [`wasm-bindgen`](https://github.com/rustwasm/wasm-bindgen) for communicating
  between WebAssembly and JavaScript.
* [`console_error_panic_hook`](https://github.com/rustwasm/console_error_panic_hook)
  for logging panic messages to the developer console.
* `LICENSE-APACHE` and `LICENSE-MIT`: most Rust projects are licensed this way, so these are included for you

## License

Licensed under either of

* Apache License, Version 2.0, ([LICENSE-APACHE](LICENSE-APACHE) or http://www.apache.org/licenses/LICENSE-2.0)
* MIT license ([LICENSE-MIT](LICENSE-MIT) or http://opensource.org/licenses/MIT)

at your option.

### Contribution

Unless you explicitly state otherwise, any contribution intentionally
submitted for inclusion in the work by you, as defined in the Apache-2.0
license, shall be dual licensed as above, without any additional terms or
conditions.
npm package: @mpflutter/miniprogram_dom
Description: 小程序自定义组件开发模板：
Author: PonyCui
Latest version: 1.0.0

# miniprogram-custom-component

小程序自定义组件开发模板：

* 支持使用 less 语法编写 wxss 文件
* 使用 webpack 构建 js
* 支持自定义组件单元测试
* 支持 eslint
* 支持多入口构建

## 使用

* 使用[命令行工具](https://github.com/wechat-miniprogram/miniprogram-cli)进行初始化
* 直接从 github 上 clone 下来

## 开发

1. 安装依赖：

```
npm install
```

2. 执行命令：

```
npm run dev
```

默认会在包根目录下生成 miniprogram\_dev 目录，src 中的源代码会被构建并生成到 miniprogram\_dev/components 目录下。如果需要监听文件变化动态构建，则可以执行命令：

```
npm run watch
```

> ps: 如果 minirpogram\_dev 目录下已存在小程序 demo，执行`npm run dev`则不会再将 tools 下的 demo 拷贝到此目录下。而执行`npm run watch`则会监听 tools 目录下的 demo 变动并进行拷贝。

3. 生成的 miniprogram\_dev 目录是一个小程序项目目录，以此目录作为小程序项目目录在开发者工具中打开即可查看自定义组件被使用的效果。

4. 进阶：

* 如果有额外的构建需求，可自行修改 tools 目录中的构建脚本。
* 内置支持 webpack、less 语法、sourcemap 等功能，默认关闭。如若需要可以自行修改 tools/config.js 配置文件中相关配置。
* 内置支持多入口构建，如若需要可自行调整 tools/config.js 配置文件的 entry 字段。
* 默认开启 eslint，可自行调整规则或在 tools/config.js 中注释掉 eslint-loader 行来关闭此功能。

## 发布

> ps: 发布前得确保已经执行构建，小程序 npm 包只有构建出来的目录是真正被使用到的。

1. 如果还没有 npm 帐号，可以到[ npm 官网](https://www.npmjs.com/)注册一个 npm 帐号。
2. 在本地登录 npm 帐号，在本地执行：

```
npm adduser
```

或者

```
npm login
```

3. 在已完成编写的 npm 包根目录下执行：

```
npm publish
```

到此，npm 包就成功发布到 npm 平台了。

> PS：一些开发者在开发过程中可能修改过 npm 的源，所以当进行登录或发布时需要注意要将源切回 npm 的源。

## 目录结构

以下为推荐使用的目录结构，如果有必要开发者也可以自行做一些调整:

```
|--miniprogram_dev // 开发环境构建目录
|--miniprogram_dist // 生产环境构建目录
|--src // 源码
|   |--components // 通用自定义组件
|   |--images // 图片资源
|   |
|   |--xxx.js/xxx.wxml/xxx.json/xxx.wxss // 暴露的 js 模块/自定义组件入口文件
|
|--test // 测试用例
|--tools // 构建相关代码
|   |--demo // demo 小程序目录，开发环境下会被拷贝生成到 miniprogram_dev 目录中
|   |--config.js // 构建相关配置文件
|
|--gulpfile.js
```

> PS：对外暴露的 js 模块/自定义组件请放在 src 目录下，不宜放置在过深的目录。另外新增的暴露模块需要在 tools/config.js 的 entry 字段中补充，不然不会进行构建。

## 测试

* 执行测试用例：

```
npm run test
```

* 执行测试用例并进入 node inspect 调试：

```
npm run test-debug
```

* 检测覆盖率：

```
npm run coverage
```

测试用例放在 test 目录下，使用 **miniprogram-simulate** 工具集进行测试，[点击此处查看](https://github.com/wechat-miniprogram/miniprogram-simulate/blob/master/README.md)使用方法。在测试中可能需要变更或调整工具集中的一些方法，可在 test/utils 下自行实现。

## 其他命令

* 清空 miniprogram_dist 目录：

```
npm run clean
```

* 清空 miniprogam_dev 目录：

```
npm run clean-dev
```
npm package: @mphpmaster/underz
Description: UnderZ JS Library
Author: hlaCk
Latest version: 1.1.2

*`This repo belongs to `[hlaCk](https://github.com/hlaCk)*
# ~ [UnderZ.JS](https://github.com/mPhpMaster/_UnderZ/blob/master/_z.js)

[![FOSSA Status](https://app.fossa.io/api/projects/git%2Bgithub.com%2FmPhpMaster%2F_UnderZ.svg?type=shield)](https://app.fossa.io/projects/git%2Bgithub.com%2FmPhpMaster%2F_UnderZ?ref=badge_shield)
[![Gitter](https://badges.gitter.im/mPhpMaster/community.svg)](https://gitter.im/mPhpMaster/community?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge)

## UnderZ JS Library
### A tiny Library With huge use.
#### Built to be:
1. **Easier** to use with each call.
2. **Resources friendly**, _shouldn't eat all your cake_.
3. **Optimized performance**, each call should execute and finish ASAP.

> Write and rewrite until it is right. _By: **hard coder**_


***


# Links:

* [Getting Started](http://underz.decodercan.com/UnderZ/Getting_Started) 

* [Library Page](https://github.com/mPhpMaster/UnderZ) 

* [Wiki Page](http://underz.decodercan.com/UnderZ/)

* [Features Page](http://underz.decodercan.com/UnderZ/Features)

* [Syntax Page](http://underz.decodercan.com/UnderZ/Syntax)

* [Old Library](https://github.com/hlaCk/UnderZ) 


***


## Required to start
* [_z.js](https://github.com/mPhpMaster/_UnderZ/blob/master/_z.js) 


***

## Installation

In a browser:
```html
<script type="text/javascript" src="_z.js"></script>
```

Using npm:
```shell
$ npm i underz
```
Note: add --save if you are using npm < 5.0.0

Using composer:
```shell
$ composer require mphpmaster/underz
```

## Dependencies
* NONE


***

## Collaborators

* [TurkiRF](https://github.com/BlackEagleSA)

***


## Copyright and license

Copyright © 2008-2020 hlaCk (https://github.com/mPhpMaster)

Licensed under the **MIT License** (https://github.com/mPhpMaster/UnderZ/blob/master/LICENSE.txt) license.

***

[![FOSSA Status](https://app.fossa.io/api/projects/git%2Bgithub.com%2FmPhpMaster%2F_UnderZ.svg?type=large)](https://app.fossa.io/projects/git%2Bgithub.com%2FmPhpMaster%2F_UnderZ?ref=badge_large)
npm package: @mpigsley/components
Description: Highly-themable, and opinionated react components.
Author: Mitchel Pigsley
Latest version: 0.1.3

# [`@mpigsley/components`]

Base building block components. In [Atomic Design](https://bradfrost.com/blog/post/atomic-web-design/), this package contains atoms and some molecules.

### Styles

To use this package, you'll need to include the compiled styles. They are located at `@mpigsley/components/dist/index.css`.

### Theme

Wrap your component tree with `<ThemeProvider theme={...} control={...} />`. If you are using typescript, these parameter types will be `Theme` and `Control`.

> 📝 This repository ships with a `mono` theme (the default), which is a primarily black & white brutalist theme. More themes to come!

### Components

- `<FlexContainer />`
- `<Spinner />`
npm package: @mpigsley/icons
Description: `react-feather`, but more icons.
Author: Mitchel Pigsley
Latest version: 0.1.4

# [`@mpigsley/icons`]

This package extends [`react-feather`](https://github.com/feathericons/react-feather) with more icons that can sit comfortably within the design aesthetic. There is not a front-page to see these icons. Until then, I'll keep a list below:

- `HalfCircle`
npm package: @mpingosystems/seedforge
Description: Developer Reality Platform — realistic database environments from your schema
Author: Eddy Mkwambe
Latest version: 0.1.0

# SeedForge

> Production-like data before production exists.

SeedForge is a developer tool that instantly populates your database with
realistic, schema-aware data. One command, realistic environments.

## Install

```bash
npm install -g seedforge
```

## Quick Start

```bash
seedforge scan              # Understand your schema
seedforge seed --seed 42    # Populate with realistic data
seedforge reset --confirm   # Clear and start fresh
```

Or use npx without installing:

```bash
npx seedforge scan
npx seedforge seed --template saas --records 1000 --seed 42
```

## Features

- **Schema Intelligence** — Automatically understands your database structure
- **Domain Templates** — SaaS, e-commerce, education with realistic distributions
- **Timeline Generation** — Datasets spanning months with growth curves
- **Scenario Injection** — Payment failures, churn spikes, fraud patterns
- **Reality Packs** — Portable, shareable environment packages
- **Deterministic** — Same seed = same data, every time

## Templates

```bash
seedforge seed --template saas --records 1000 --seed 42
seedforge seed --template ecommerce --records 1000 --seed 42
seedforge seed --template education --records 1000 --seed 42
```

## Timeline & Scenarios

```bash
seedforge seed --template saas --timeline 12-months --seed 42
seedforge seed --template saas --scenario payment-failures --scenario-intensity high
```

## Reality Packs

```bash
seedforge pack export --template saas --name my-saas-env --seed 42
seedforge pack import ./my-saas-env.databox-pack.json --confirm
```

## Configuration

Create `seedforge.config.json` (also reads `databox.config.json` for backward compatibility):

```json
{
  "database": {
    "client": "postgres",
    "connectionString": "postgres://user:pass@localhost:5432/mydb"
  },
  "seed": {
    "defaultRecords": 5000,
    "batchSize": 1000,
    "randomSeed": 42
  },
  "template": "saas"
}
```

## Prerequisites

- Node.js 20+
- PostgreSQL database

## Commands

| Command | Description |
|---------|-------------|
| `seedforge scan` | Scan and display database schema |
| `seedforge seed` | Generate and insert realistic data |
| `seedforge reset` | Clear seeded data |
| `seedforge export` | Export dataset to JSON/CSV/SQL files |
| `seedforge templates` | List available domain templates |
| `seedforge scenarios` | List available scenarios |
| `seedforge pack export` | Export environment as Reality Pack |
| `seedforge pack import` | Import Reality Pack into database |

## License

MIT