open-index/open-npm huggingface dataset:
npm package: @magic-sdk/admin
Description: Magic Authentication Admin JavaScript SDK.
Author: Magic Labs
Latest version: 2.8.2

# Magic Admin Node SDK

[![Publish](https://github.com/magiclabs/magic-admin-js/actions/workflows/publish.yml/badge.svg?branch=master)](https://github.com/magiclabs/magic-admin-js/actions/workflows/publish.yml)
> The Magic Admin SDK lets developers secure endpoints, manage users, and create middlewares via easy-to-use utilities.

<p align="center">
  <a href="./LICENSE">License</a> ·
  <a href="./CHANGELOG.md">Changelog</a> ·
  <a href="./CONTRIBUTING.md">Contributing Guide</a>
</p>

## 📖 Documentation

See the [developer documentation](https://docs.magic.link/embedded-wallets/sdk/server-side/node) to learn how you can master the Magic Admin SDK in a matter of minutes.

## 🔗 Installation

Integrating your Node.js application with Magic will require our server-side NPM package:

```bash
# Via NPM:
npm install --save @magic-sdk/admin

# Via Yarn:
yarn add @magic-sdk/admin
```

## ⚡️ Quick Start

Sign up or log in to the [developer dashboard](https://dashboard.magic.link) to receive API keys that will allow your application to interact with Magic's administration APIs.

```ts
const { Magic } = require('@magic-sdk/admin');

// In async function:
const magic = await Magic.init('YOUR_SECRET_API_KEY');
// OR
Magic.init('YOUR_SECRET_API_KEY').then((magic) => {
  magic
});
// Validate a token
try {
  magic.token.validate("DIDToken");
} catch (e) {
  console.log(e);
}
// Magic Auth - Get User Email
try {
  await magic.users.getMetadataByToken("DIDToken");
} catch (e) {
  console.log(e);
}
```
npm package: @magic-sdk/commons
Description: Exposes a listing of common public APIs from the Magic JS SDK ecosystem.
Author: Magic Labs
Latest version: 26.0.0

# ✨ Magic JavaScript SDK Commons 

[![<MagicLabs>](https://circleci.com/gh/magiclabs/magic-js.svg?style=shield)](https://circleci.com/gh/magiclabs/magic-js)

> Exposes a listing of common public APIs from `@magic-sdk/provider` and `@magic-sdk/types` to the platform-specific entry points (`magic-sdk`, `@magic-sdk/react-native-bare`, and `@magic-sdk/react-native-expo`)

<p align="center">
  <a href="https://github.com/magiclabs/magic-js/blob/master/packages/@magic-sdk/commons/LICENSE">License</a> ·
  <a href="https://github.com/magiclabs/magic-js/blob/master/packages/@magic-sdk/commons/CHANGELOG.md">Changelog</a> ·
  <a href="https://github.com/magiclabs/magic-js/blob/master/CONTRIBUTING.md">Contributing Guide</a>
</p>

## 📖 Documentation

See the [developer documentation](https://magic.link/docs) to learn how you can master the Magic SDK in a matter of minutes.

## Looking to Get Started With Magic?

This package is an internal dependency of the Magic JavaScript SDK ecosystem. If you're looking to get started with Magic's passwordless authentication for web or React native, check out one of these:

- Web: [`magic-sdk`](https://github.com/magiclabs/magic-js/tree/master/packages/magic-sdk)
- Bare React Native: [`@magic-sdk/react-native-bare`](https://github.com/magiclabs/magic-js/tree/master/packages/@magic-sdk/react-native-bare)
- Expo React Native: [`@magic-sdk/react-native-expo`](https://github.com/magiclabs/magic-js/tree/master/packages/@magic-sdk/react-native-expo)
npm package: @magic-sdk/provider
Description: Core business logic for Magic SDK packages.
Author: Magic Labs
Latest version: 33.6.3

# ✨ Magic JavaScript SDK Core

[![<MagicLabs>](https://circleci.com/gh/magiclabs/magic-js.svg?style=shield)](https://circleci.com/gh/magiclabs/magic-js)

> Core business logic for Magic SDK packages

<p align="center">
  <a href="https://github.com/magiclabs/magic-js/blob/master/packages/@magic-sdk/provider/LICENSE">License</a> ·
  <a href="https://github.com/magiclabs/magic-js/blob/master/packages/@magic-sdk/provider/CHANGELOG.md">Changelog</a> ·
  <a href="https://github.com/magiclabs/magic-js/blob/master/CONTRIBUTING.md ">Contributing Guide</a>
</p>

## 📖 Documentation

See the [developer documentation](https://magic.link/docs) to learn how you can master the Magic SDK in a matter of minutes.

## Looking to Get Started With Magic?

This package is an internal dependency of the Magic JavaScript SDK ecosystem. If you're looking to get started with Magic's passwordless authentication for web or React native, check out one of these:

- Web: [`magic-sdk`](https://github.com/magiclabs/magic-js/tree/master/packages/magic-sdk)
- Bare React Native: [`@magic-sdk/react-native-bare`](https://github.com/magiclabs/magic-js/tree/master/packages/@magic-sdk/react-native-bare)
- Expo React Native: [`@magic-sdk/react-native-expo`](https://github.com/magiclabs/magic-js/tree/master/packages/@magic-sdk/react-native-expo)
npm package: @magic-sdk/sso
Description: Magic Javascript SSO SDK
Author: Magic
Latest version: 0.2.2

# Magic SSO Admin Javascript SDK
Magic SSO Admin SDK provides an easy interface for integrating parties to implement SAML/SSO authentication offered by the Magic platform to select vendors.

## Installation

This is an experimental SSO implementation using magic intended only for select partners.

```zsh
npm install --save @magic-sdk/sso
```
or 
```zsh
yarn add @magic-sdk/sso
```

## Usage

### Generating a SAML Project and configuring a provider

```javascript
const MagicSSO = require('@magic-sdk/sso');

// Create a Magic Admin SSO instance
const magicSSO = new MagicSSO(‘YOUR_DEVELOPER_SECRET_KEY’);

// Login Users
const SAMLConnectionInfo = await magicSSO.addSamlConnection();

await magicSSO.setProvider({
  project_id, /* from addSamlConnection */
  entity_id, /* from IDP */
  redirect_url,
  issuer, /* IDP Name ie. auth0 */
  sso_url, /* from IDP */
  signing_certificate, /* from IDP */
  metadata_url,
  options,
 });

```

### Logging in a SAML user

```javascript
import express from 'express';
const MagicSSO = require('@magic-sdk/sso');

const app = express();

// Create a Magic Admin SSO instance
const magicSSO = new MagicSSO(‘YOUR_DEVELOPER_SECRET_KEY’);

// Logging Users In

// Authentication endpoint
app.get('/auth', async (req: any, res: any) => {
  try {
    const { projectID } = req.query;
    const authorizationURL = await magicSSO.getAuthorizationUrl(projectID);
    res.redirect(authorizationURL);
  } catch (err) {
    console.error(err);
  }
});

// Callback endpoint
app.get('/callback', async (req: any, res: any) => {
  try {
    const { code } = req.query;
    const userInfo = await magicSSO.getProfile(code);
    // ... logged in
    res.redirect('/');
  } catch (err) {
    console.error(err);
  }
});

```

Refer to `src/node-e2e/app.ts` for reference implementation
npm package: @magic-sdk/types
Description: Core typings for Magic SDK packages.
Author: Magic Labs
Latest version: 27.6.2

# ✨ Magic JavaScript SDK Types 

[![<MagicLabs>](https://circleci.com/gh/magiclabs/magic-js.svg?style=shield)](https://circleci.com/gh/magiclabs/magic-js)

> Core typings for Magic SDK packages

<p align="center">
  <a href="https://github.com/magiclabs/magic-js/blob/master/packages/@magic-sdk/types/LICENSE">License</a> ·
  <a href="https://github.com/magiclabs/magic-js/blob/master/packages/@magic-sdk/types/CHANGELOG.md">Changelog</a> ·
  <a href="https://github.com/magiclabs/magic-js/blob/master/CONTRIBUTING.md ">Contributing Guide</a>
</p>

## 📖 Documentation

See the [developer documentation](https://magic.link/docs) to learn how you can master the Magic SDK in a matter of minutes.

## Looking to Get Started With Magic?

This package is an internal dependency of the Magic JavaScript SDK ecosystem. If you're looking to get started with Magic's passwordless authentication for web or React native, check out one of these:

- Web: [`magic-sdk`](https://github.com/magiclabs/magic-js/tree/master/packages/magic-sdk)
- Bare React Native: [`@magic-sdk/react-native-bare`](https://github.com/magiclabs/magic-js/tree/master/packages/@magic-sdk/react-native-bare)
- Expo React Native: [`@magic-sdk/react-native-expo`](https://github.com/magiclabs/magic-js/tree/master/packages/@magic-sdk/react-native-expo)
npm package: @magic-seven-ai/magic-seven-mcp
Description: MCP stdio bridge for the Magic Seven desktop video editor. Launches the app if needed and proxies MCP traffic over stdio.
Latest version: 1.14.0

# magic-seven-mcp

MCP stdio bridge for the [Magic Seven](https://magicseven.ai) desktop video editor. Lets Claude Desktop and other STDIO-only MCP clients connect to Magic Seven's MCP server using lazy launch — the app only starts when the agent sends its first real request.

## Setup

> **Requirements:** Node.js must be installed. Magic Seven launches automatically when a tool is called — you do not need to open the app first.

> **Why `@latest`?** Without it, `npx` caches the first version it downloads and never checks for updates. The `@latest` tag forces a freshness check on every launch, so your client always uses the newest bridge version.

### Claude Desktop

Edit `claude_desktop_config.json` (Settings > Developer > Edit Config):

```json
{
  "mcpServers": {
    "magic-seven": {
      "command": "npx",
      "args": ["-y", "@magic-seven-ai/magic-seven-mcp@latest"]
    }
  }
}
```

Then restart Claude Desktop.

> **Note:** If Claude Desktop can't find `npx`, use the full path. Run `which npx` in your
> terminal to find it, then replace `"npx"` with the result (e.g., `"/usr/local/bin/npx"`).

### Claude Code

```bash
claude mcp add magic-seven -- npx -y @magic-seven-ai/magic-seven-mcp@latest
```

### Cursor

Edit `~/.cursor/mcp.json`:

```json
{
  "mcpServers": {
    "magic-seven": {
      "command": "npx",
      "args": ["-y", "@magic-seven-ai/magic-seven-mcp@latest"]
    }
  }
}
```

### Windsurf

Edit `~/.codeium/windsurf/mcp_config.json`:

```json
{
  "mcpServers": {
    "magic-seven": {
      "command": "npx",
      "args": ["-y", "@magic-seven-ai/magic-seven-mcp@latest"]
    }
  }
}
```

### OpenClaw

Edit `~/.openclaw/openclaw.json`:

```json
{
  "mcpServers": {
    "magic-seven": {
      "command": "npx",
      "args": ["-y", "@magic-seven-ai/magic-seven-mcp@latest"],
      "transport": "stdio"
    }
  }
}
```

### Direct HTTP (advanced)

For clients that only support HTTP transport, connect directly to the app's MCP server:

```
http://localhost:7777/mcp
```

This requires Magic Seven to already be running. The bridge's auto-launch and tool caching features are not available with direct HTTP.

## Logs

The bridge writes diagnostic logs to stderr. Claude Desktop captures these at:

- **macOS:** `~/Library/Logs/Claude/mcp-server-magic-seven.log`
- **Windows:** `%APPDATA%\Claude\Logs\mcp-server-magic-seven.log`

## Troubleshooting

If tools seem stale or out of date, clear the bridge cache:

```bash
rm ~/.config/magic-seven/mcp-bridge-cache.json
```

Then restart your MCP client. The cache will be rebuilt automatically on next use.
npm package: @magic-spells/focus-trap
Description: A customizable focus trap Web Component for managing keyboard focus within a container.
Author: Cory Schulz
Latest version: 1.0.7

# Focus Trap Web Component

A lightweight, customizable Web Component that traps keyboard focus within a container. Perfect for modals, dialogs, and any UI that requires constrained keyboard navigation.

## Features

- No dependencies
- Lightweight (~2KB minified)
- Follows accessibility best practices
- Works with native keyboard navigation
- Handles Escape key to exit trap
- Uses aria attributes for accessibility

## Installation

```bash
npm install @magic-spells/focus-trap
```

```javascript
// Add to your JavaScript file
import '@magic-spells/focus-trap';
```

Or include directly in your HTML:

```html
<script src="https://unpkg.com/@magic-spells/focus-trap"></script>
```

## Usage

```html
<button aria-controls="modal" aria-expanded="false">
	Open Modal
</button>

<div id="modal" aria-hidden="true">
	<focus-trap>
		<h2>Modal Content</h2>
		<input type="text" placeholder="Focusable input" />
		<button>Focusable button</button>
	</focus-trap>
</div>
```

The focus trap will:

- Automatically trap focus within the container
- Cycle through focusable elements using Tab/Shift+Tab

## Keyboard Navigation

- `Tab`: Move focus to the next focusable element
- `Shift + Tab`: Move focus to the previous focusable element
- `Escape`: Exit the focus trap

## Browser Support

Works in all modern browsers that support Web Components.

## License

MIT
npm package: @magic-spells/rollup-plugin-skip-unchanged-output
Description: A Rollup plugin that skips writing files when their content hasn't changed, preventing unnecessary file system operations
Author: Cory Schulz @ Magic Spells
Latest version: 1.0.0

# @magic-spells/rollup-plugin-skip-unchanged-output

A Rollup plugin that skips writing files when their content hasn't changed, preventing unnecessary file system operations and reducing build noise.

## Installation

```bash
npm install @magic-spells/rollup-plugin-skip-unchanged-output --save-dev
```

## Usage

```javascript
import skipUnchangedOutput from '@magic-spells/rollup-plugin-skip-unchanged-output';

export default {
  // ... your rollup config
  plugins: [
    // ... other plugins
    skipUnchangedOutput({
      logWhenSkipped: false,  // default: false
      logWhenChanged: true    // default: true
    })
  ]
};
```

## Options

- `logWhenSkipped` (boolean): Whether to log when files are skipped due to unchanged content. Default: `false`
- `logWhenChanged` (boolean): Whether to log when files are written due to changed content. Default: `true`

## How it works

The plugin maintains an in-memory cache of file contents. During the `generateBundle` phase, it compares the current content with the cached version. If the content is identical, the file is removed from the bundle, preventing unnecessary writes to the file system.

This is particularly useful when:
- Working with file watchers that trigger on any file change
- Preventing rate limiting issues with external services (like Shopify CLI)
- Reducing unnecessary I/O operations during development

## License

MIT
npm package: @magic-translate/core
Description: The core JS library for Magic Translate (https://magictranslate.io)
Author: i42 GmbH
Latest version: 1.2.1

#

[![NPM](https://img.shields.io/npm/v/@magic-translate/core.svg)](https://www.npmjs.com/package/@magic-translate/core)
[![npm](https://img.shields.io/npm/dm/@magic-translate/core.svg)](https://www.npmjs.com/package/@magic-translate/core)

# @magic-translate/core

This is the core library of [Magic Translate](https://magictranslate.io), the easiest / cheapest / fastest
way to translate your React app into any language.

This package by itself is of little use. You probably want to install one of these clients:

- @magic-translate/react
- @magic-translate/react-ssr

For more information please rtfm at [https://docs.magictranslate.io](https://docs.magictranslate.io).

## License

MIT © [Magic Translate](https://magictranslate.io)
npm package: @magic-translate/react
Description: [![NPM](https://img.shields.io/npm/v/@magic-translate/react.svg)](https://www.npmjs.com/package/@magic-translate/react) [![npm](https://img.shields.io/npm/dm/@magic-translate/react.svg)](https://www.npmjs.com/package/@magic-translate/react) ![GitHub](http
Author: i42 GmbH
Latest version: 1.16.0

# @magic-translate/react

[![NPM](https://img.shields.io/npm/v/@magic-translate/react.svg)](https://www.npmjs.com/package/@magic-translate/react)
[![npm](https://img.shields.io/npm/dm/@magic-translate/react.svg)](https://www.npmjs.com/package/@magic-translate/react)
![GitHub](https://img.shields.io/github/license/omnibrain/@magic-translate/react)

## Install

```bash
npm install --save @magic-translate/react
```

Or with yarn:

```bash
yarn add @magic-translate/react
```

## Usage

## API / Props

## License

MIT © [omnibrain](https://github.com/omnibrain)
npm package: @magic-translate/react-ssr
Description: [![NPM](https://img.shields.io/npm/v/@magic-translate/react.svg)](https://www.npmjs.com/package/@magic-translate/react) [![npm](https://img.shields.io/npm/dm/@magic-translate/react.svg)](https://www.npmjs.com/package/@magic-translate/react) ![GitHub](http
Author: i42 GmbH
Latest version: 1.0.2

# @magic-translate/react

[![NPM](https://img.shields.io/npm/v/@magic-translate/react.svg)](https://www.npmjs.com/package/@magic-translate/react)
[![npm](https://img.shields.io/npm/dm/@magic-translate/react.svg)](https://www.npmjs.com/package/@magic-translate/react)
![GitHub](https://img.shields.io/github/license/omnibrain/@magic-translate/react)

## Install

```bash
npm install --save @magic-translate/react
```

Or with yarn:

```bash
yarn add @magic-translate/react
```

## Usage

## API / Props

## License

MIT © [omnibrain](https://github.com/omnibrain)
npm package: @magic-words/canvas2image
Description: Implementation of canvas2image in Typescript.
Author: Devin C. Horvay
Latest version: 2.1.0

# canvas2image

[![npm](https://img.shields.io/npm/v/@magic-words/canvas2image.svg)](https://www.npmjs.com/package/@magic-words/canvas2image)
[![language](https://img.shields.io/badge/language-typescript-2b7489.svg)](https://www.github.com/magic-words)
[![license: GPL v3](https://img.shields.io/badge/license-MIT-yellow.svg)](https://github.com/magic-words/canvas2image/blob/master/LICENSE)
[![canvas2image](https://circleci.com/gh/magic-words/canvas2image.svg?style=shield)](https://app.circleci.com/pipelines/github/magic-words/canvas2image)

Implementation of canvas2image in Typescript. It was originally created by [hongru](https://github.com/hongru). It is a tool to save or convert a canvas to an image. This version will have / has some new features added, such as the ability to copy a canvas to the clipboard.

## Features

-   [x] Save canvas as image
-   [x] Convert canvas to image
-   [x] Copy canvas to clipboard
-   [ ] Bitmap support

## Installation

```bash
npm i @magic-words/canvas2image
```

## Usage

Downloading an image from a canvas to your machine:

```ts { compiler: 'format' }
import { CanvasToImage } from '@magic-words/canvas2image';

CanvasToImage.saveAsImage(this.canvas, 'png', 'image.png');
```

API Documentation:
https://magic-words.github.io/canvas2image/modules/_index_.canvastoimage.html


## References

https://github.com/hongru/canvas2image

## License

MIT
npm package: @magic-works/commonjs-import.meta
Description: A TypeScript transformer that add import.meta support for CommonJS module format.
Author: Jack Works
Latest version: 1.0.1

# `import.meta` => `__filename`

## Usage

```bash
npm i -D @magic-works/commonjs-import.meta ttypescript typescript ts-node
yarn add -D @magic-works/commonjs-import.meta ttypescript typescript ts-node
pnpm i -D @magic-works/commonjs-import.meta ttypescript typescript ts-node
```

This package works with [ttypescript](https://github.com/cevek/ttypescript).

Add the following to your `tsconfig.json`.

```json
{
    "compilerOptions": {
        "plugins": [{ "transform": "@magic-works/commonjs-import.meta" }]
    }
}
```

### Use with [ts-node](https://github.com/TypeStrong/ts-node/) in tsconfig.json

```jsonc
{
    "ts-node": {
        "compilerOptions": {
            "module": "CommonJS",
            "plugins": [{ "transform": "@magic-works/commonjs-import.meta" }]
        },
        "compiler": "ttypescript",
        // One of:
        "ignoreDiagnostics": [1343],
        // Or:
        "transpileOnly": true
        // To mute The 'import.meta' meta-property is only allowed when the '--module' option is 'esnext' or 'system'.ts(1343)
    }
}
```

## Transformation

This transformer did the following thing:

Add the following code to every file:

```ts
const __meta = { url: require('url').pathToFileURL(__filename).href }
Object.setPrototypeOf(__meta, null)
```

And it replace every `import.meta` into `__meta`.
npm package: @magic-works/i18n-codegen
Description: A code generator for strongly-typed i18n resources
Author: Jack Works
Latest version: 0.6.1
Deprecated: This package stops being maintained, please try other next-generation tools like Lingui.

# Usage

```plain
i18n-codegen [command]

Commands:
  i18n-codegen gen  Generate the i18n files

Options:
      --help     Show help                                             [boolean]
      --version  Show version number                                   [boolean]
  -c, --config   Specify a different configuration file
                                      [string] [default: "./.i18n-codegen.json"]
      --cwd      Current working directory                              [string]
  -q, --quite    Don't write to stdout                [boolean] [default: false]
```

# TODO

## i18next parser

-   [ ] Support nested namespace

## i18next generator

-   [ ] Support generation for nested namespace
npm package: @magic-works/webextension-systemjs
Description: A SystemJS loader for Web Extension content script
Author: Jack Works
Latest version: 0.0.4

# Use SystemJS in content script of Web Extension

## Motivation

[To use ES Module in Web Extension](https://jack-works.github.io/bayesian-conspiracy/#/./experiments/2019/sept-web-ext-with-esm.md).

But it is blocked by [Firefox Bug 1536094: Dynamic module import doesn't work in webextension content scripts](https://bugzilla.mozilla.org/show_bug.cgi?id=1536094)

## Perquisite

If not running on the Firefox, you have to include a polyfill: [webextension-polyfill](https://github.com/DimensionDev/webextension-polyfill).

-   Build all your code into `ESModule` format and `SystemJS` format.

## Usage

1. Install `@magic-works/webextension-systemjs`
2. Load `@magic-works/webextension-systemjs/background-script.js` in the background script
3. Load `@magic-works/webextension-systemjs/content-script.js` **before** your code.
4. Transpile all your code into SystemJS format.
5. Run you content script by

```js
// Chrome support native ES Module in content script
import(browser.runtime.getURL("./es/content-script.js")).catch(() => {
    // Firefox fallback to SystemJS
    System.import("./system/content-script.js")
})
```

## An example repo

https://github.com/Jack-Works/web-extension-esmodule-test/tree/master/mixed
npm package: @magic-zhu/ares
Description: a simple cli
Author: zhuruijia
Latest version: 1.1.4

# 介绍 (💦开发中)
![image](assets/Ares.png)

![image](https://img.shields.io/badge/Version-1.1.4-green.svg)  ![image](https://img.shields.io/badge/node->10-red.svg)

Ares是一个简单的脚手架,主要是为了解决每次创建项目时都要copy代码，配置插件等繁琐的工作。<br>

 - 📦 开箱即用
 - 🚗 懒人命令
 - 🚀 GUI可视化操作 💦 开发中
 - 📖 一些常用插件和npm的整理和收集 提供一键安装的命令 💦 开发中

目前支持三个版块

1. D2(超级好用的中后台模板) 👉<a href='#d2'>跳转</a>  [官网](https://d2.pub/zh/doc/d2-admin/)
2. 微信小程序 👉<a href='#weapp'>跳转</a>
3. 快捷工具

## 安装

直接执行下面的命令,安装缓慢的可以切换淘宝镜像源

```shell
npm install @magic-zhu/ares -g
```


## 使用

### 🚀 快捷工具

`切换npm镜像源`
```shell
ares npm
```
![image](assets/npm.png)

`切换node版本`
>集成tj大神的n - :exclamation:不支持windows

+ `ares node lsr`:显示所有可安装的node版本
+ `ares node ls`:显示所有已安装的node版本
+ `ares node install <version>`:不带版本的时候安装最新稳定版本的node,带版本的时候安装指定版本的node
+ `ares node use`:会出现一个列表 选择想要使用的版本按回车即可

<div id='d2'></div>

## ✈️ D2Admin

#### 创建项目

:exclamation:快速创建D2
d2 init 
```

##### 新增页面

```shell
d2 add 
```

##### 主题生成

执行下列命令之后会有一个交互界面，填写完整信息之后，重启项目就能看到新添加的主题了

```shell
ares d2 theme 
```
<div id='weapp'></div>

##  🍀原生微信小程序

>原生微信小程序部分所有的命令都是以`ares weapp`开头

⚠命令需要在小程序项目根目录下执行 (app.json同级目录)

### 新建页面

>脚手架会自动注册路由

```bash
weapp create <name> --page 
weapp create <name> -p //--page的简写
weapp create <name> --page  --subpackage
weapp create <name> -p -s
weapp create <name> -p -s <subpackageName> --path <path>
```
>-p可以省略

`name` 是新建页面的名字<br>
`--page`或者`-p` 表示新建的是页面<br>
`--subpackage`或者`-s` 表示这是一个分包<br>
`--path` 指定要新建的路径 <br>

**🍀示例**

+ `weapp create demo` 最简单的示例  默认创建在 /pages/demo 这个目录下面
+ `weapp create textPage --path /pages/testModule` 创建在 /pages/testModule/testPage 
+ `weapp create hero -s packageA` 默认创建在 /packageA/pages/hero  
+ `weapp create hero -s packageA --path /pages/testModule ` 创建在/packageA/pages/testModule/hero

### 新建组件

大体上和新建页面类似

>不指定path的情况下 默认/components

```bash
ares weapp create <name> -c
ares weapp create <name> --component
ares weapp create <name> -c --path <path>
```
### 安装脚手架提供的组件(magic-ui-weapp)

脚手架带了一套方便修改源码的组件库具体请查看 👉[文档]()

```bash
ares weapp plugins
```

![示例图片](/assets/ares_weapp_plugins.png)

选择组件后会自动将组件安装到`components`文件夹下并自动在全局注册好

![示例图片](/assets/ares_weapp_plugins_install.png)
npm package: @magic-zhu/helper
Description: A modern JavaScript utility library
Author: magic-zhu
Latest version: 1.1.1

### Introduction

![image](https://img.shields.io/badge/Version-1.1.1-green.svg)

一个自己的工具库，封装了项目中使用频率比较高的一些方法

- blobTostring blob对象转成string

### How to use

```bash
npm install @magic-zhu/helper  
```

```ts
import {typeOf} from '@magic-zhu/helper'
console.log(typeOf('133')) //String
```

### docs

https://magic-zhu.github.io/helper/