open-index/open-npm huggingface dataset:
npm package: @mfe-frameworks/cli
Description: [![oclif](https://img.shields.io/badge/cli-oclif-brightgreen.svg)](https://oclif.io) [![Version](https://img.shields.io/npm/v/@mfe-frameworks/cli.svg)](https://npmjs.org/package/@mfe-frameworks/cli) [![Downloads/week](https://img.shields.io/npm/dw/@mfe-fr
Author: marcelovicentegc @marcelovicentegc
Latest version: 0.0.3

# @mfe-frameworks/cli

[![oclif](https://img.shields.io/badge/cli-oclif-brightgreen.svg)](https://oclif.io)
[![Version](https://img.shields.io/npm/v/@mfe-frameworks/cli.svg)](https://npmjs.org/package/@mfe-frameworks/cli)
[![Downloads/week](https://img.shields.io/npm/dw/@mfe-frameworks/cli.svg)](https://npmjs.org/package/@mfe-frameworks/cli)
[![License](https://img.shields.io/npm/l/@mfe-frameworks/cli.svg)](https://github.com/marcelovicentegc/microfrontend-framework/blob/master/package.json)

<!-- toc -->
* [@mfe-frameworks/cli](#mfe-frameworkscli)
* [Usage](#usage)
* [Commands](#commands)
* [Development](#development)
<!-- tocstop -->

# Usage

<!-- usage -->
```sh-session
$ npm install -g @mfe-frameworks/cli
$ mfe COMMAND
running command...
$ mfe (-v|--version|version)
@mfe-frameworks/cli/0.0.3 darwin-arm64 node-v16.13.0
$ mfe --help [COMMAND]
USAGE
  $ mfe COMMAND
...
```
<!-- usagestop -->

# Commands

<!-- commands -->
* [`mfe create`](#mfe-create)
* [`mfe help [COMMAND]`](#mfe-help-command)
* [`mfe install [TENANT]`](#mfe-install-tenant)
* [`mfe publish`](#mfe-publish)

## `mfe create`

creates a new micro-frontend application

```
USAGE
  $ mfe create

OPTIONS
  --poc=nextjs-run-time-integration|nextjs-build-time-integration

EXAMPLE
  $ mfe create
```

_See code: [src/commands/create.ts](https://github.com/marcelovicentegc/microfrontend-framework/blob/v0.0.3/src/commands/create.ts)_

## `mfe help [COMMAND]`

display help for mfe

```
USAGE
  $ mfe help [COMMAND]

ARGUMENTS
  COMMAND  command to show help for

OPTIONS
  --all  see all commands in CLI
```

_See code: [@oclif/plugin-help](https://github.com/oclif/plugin-help/blob/v3.2.13/src/commands/help.ts)_

## `mfe install [TENANT]`

installs a published micro-frontend application on a tenant

```
USAGE
  $ mfe install [TENANT]

ARGUMENTS
  TENANT  (glowing-fiesta|vigilant-octo-sniffle|redesigned-robot) [default: glowing-fiesta] output file

EXAMPLE
  $ mfe install
```

_See code: [src/commands/install.ts](https://github.com/marcelovicentegc/microfrontend-framework/blob/v0.0.3/src/commands/install.ts)_

## `mfe publish`

publishes a patched version of the micro-frontend application

```
USAGE
  $ mfe publish

EXAMPLE
  $ mfe publish
```

_See code: [src/commands/publish.ts](https://github.com/marcelovicentegc/microfrontend-framework/blob/v0.0.3/src/commands/publish.ts)_
<!-- commandsstop -->

# Development

- Clone this repo
- Clone the builder and the registry application
- Get your API keys for each of the services above
- Start the builder, and than start the registry
- Start playing with it
npm package: @mfejs/element-lowcode-materials2.7
Description: <div align="center">
Author: codeteenager
Latest version: 1.0.0

<div align="center">

<a href="https://element.eleme.cn/#/en-US"><img alt="element" src="https://camo.githubusercontent.com/5c4691bfa141b2d01f0f2314a0e6495d3c051a8dd8aea54fc57b81e6fe1b840e/68747470733a2f2f63646e2e7261776769742e636f6d2f456c656d6546452f656c656d656e742f6465762f656c656d656e745f6c6f676f2e737667" width="150"/></a>

## Element(2.15.13) Materials

<br />

[![npm version](https://img.shields.io/npm/v/@mfejs/element-lowcode-materials2.7?logo=npm)](https://www.npmjs.com/package/@mfejs/element-lowcode-materials2.7)
[![npm downloads](https://img.shields.io/npm/dm/@mfejs/element-lowcode-materials2.7)](https://www.npmjs.com/package/@mfejs/element-lowcode-materials2.7)
[![GitHub license](https://img.shields.io/github/license/mfejs/lowcode-engine-ext-vue)](https://github.com/gray-whale)

</div>

## Usage Example

### pnpm

```bash
pnpm add @mfejs/element-lowcode-materials2.7
```

Import the package and initialize the editor:

```ts
import { injectAssets } from '@alilc/lowcode-plugin-inject';
import { IPublicModelPluginContext } from '@alilc/lowcode-types';
import assets from '@mfejs/element-lowcode-materials2.7/dist/assets.json';

const editorInit = (ctx: IPublicModelPluginContext) => {
  return {
    name: 'editor-init',
    async init() {
      const { material, project } = ctx;

      const loadedAssets = await injectAssets(assets);
      material.setAssets(loadedAssets);
      // ...
    },
  };
};

editorInit.pluginName = 'editorInit';

export default editorInit;
```

### CDN

```ts
import { injectAssets } from '@alilc/lowcode-plugin-inject';
import { IPublicModelPluginContext } from '@alilc/lowcode-types';

const editorInit = (ctx: IPublicModelPluginContext) => {
  return {
    name: 'editor-init',
    async init() {
      const { material, project } = ctx;

      const loadedAssets = await injectAssets(
        'https://unpkg.com/@mfejs/element-lowcode-materials2.7@1.0.0/dist/assets.json'
      );
      material.setAssets(loadedAssets);
      // ...
    },
  };
};

editorInit.pluginName = 'editorInit';

export default editorInit;
```

## assets.json

Here is an example of the `assets.json` file:

```json
{
  "version": "1.0.0",
  "packages": [
    {
      "package": "@mfejs/vant-lowcode-materials2.7",
      "version": "1.0.0",
      "library": "MfejsElementLowcodeMaterials2.7",
      "urls": [
        "https://unpkg.com/@mfejs/vant-lowcode-materials2.7@1.0.0/dist/index.css",
        "https://unpkg.com/@mfejs/vant-lowcode-materials2.7@1.0.0/dist/index.js"
      ]
    }
  ],
  "components": [
    {
      "exportName": "MfejsElementLowcodeMaterials2.7",
      "url": "https://unpkg.com/@mfejs/vant-lowcode-materials2.7@1.0.0/dist/meta.js",
      "package": {
        "npm": "@mfejs/vant-lowcode-materials2.7"
      }
    }
  ],
  "sort": {
    "groupList": [],
    "categoryList": []
  }
}
```
npm package: @mfejs/eslint-config-pkg
Description: eslint config
Author: codeteenager
Latest version: 1.0.0

# ESLint Config

## Install

```shell
# with npm
npm i @mfejs/eslint-config-pkg -D

# with yarn
yarn add @mfejs/eslint-config-pkg -D

# with pnpm
pnpm add @mfejs/eslint-config-pkgg -D

# with Bun
bun add@mfejs/eslint-config-pkg -D
```

## Usage

```json
{
  "extends": ["@mfejs/pkg"]
}
```
npm package: @mfejs/lowcode-hooks2.7
Description: [![NPM](https://nodei.co/npm/@mfejs/lowcode-hooks2.7.png?downloads=true&downloadRank=true&stars=true)](https://nodei.co/npm/@mfejs/lowcode-hooks2.7/)
Author: codeteenager
Latest version: 1.0.0

# 🚀 @mfejs/lowcode-hooks2.7

[![NPM](https://nodei.co/npm/@mfejs/lowcode-hooks2.7.png?downloads=true&downloadRank=true&stars=true)](https://nodei.co/npm/@mfejs/lowcode-hooks2.7/)

[![npm version](https://img.shields.io/npm/v/@mfejs/lowcode-hooks2.7.svg)](https://www.npmjs.com/package/@mfejs/lowcode-hooks2.7)
[![npm downloads](https://img.shields.io/npm/dm/@mfejs/lowcode-hooks2.7.svg)](https://www.npmjs.com/package/@mfejs/lowcode-hooks2.7)

This package is used to adapt to Vue 2.7 version.

**TIPS: Please avoid using version 0.6.0 as it has bugs related to the integrated CodeEditor.**

## 📝 License

This is a fork
from [lowcode-hooks](https://github.com/KNXCloud/lowcode-engine-vue/tree/main/packages/hooks)
npm package: @mfejs/lowcode-utils2.7
Description: [![NPM](https://nodei.co/npm/@mfejs/lowcode-utils2.7.png?downloads=true&downloadRank=true&stars=true)](https://nodei.co/npm/@mfejs/lowcode-utils2.7/)
Author: codeteenager
Latest version: 1.0.0

# 🚀 @mfejs/lowcode-utils2.7

[![NPM](https://nodei.co/npm/@mfejs/lowcode-utils2.7.png?downloads=true&downloadRank=true&stars=true)](https://nodei.co/npm/@mfejs/lowcode-utils2.7/)

[![npm version](https://img.shields.io/npm/v/@mfejs/lowcode-utils2.7.svg)](https://www.npmjs.com/package/@mfejs/lowcode-utils2.7)
[![npm downloads](https://img.shields.io/npm/dm/@mfejs/lowcode-utils2.7.svg)](https://www.npmjs.com/package/@mfejs/lowcode-utils2.7)

This package is used to adapt to Vue 2.7 version.

**TIPS: Please avoid using version 0.6.0 as it has bugs related to the integrated CodeEditor.**

## 📝 License

This is a fork
from [lowcode-utils](https://github.com/KNXCloud/lowcode-engine-vue/tree/main/packages/utils)
npm package: @mfejs/lowcode-vue-renderer2.7
Description: [![NPM](https://nodei.co/npm/@mfejs/lowcode-vue-renderer2.7.png?downloads=true&downloadRank=true&stars=true)](https://nodei.co/npm/@mfejs/lowcode-vue-renderer2.7/)
Author: codeteenager
Latest version: 1.0.0

# 🚀 @mfejs/lowcode-vue-renderer2.7

[![NPM](https://nodei.co/npm/@mfejs/lowcode-vue-renderer2.7.png?downloads=true&downloadRank=true&stars=true)](https://nodei.co/npm/@mfejs/lowcode-vue-renderer2.7/)

[![npm version](https://img.shields.io/npm/v/@mfejs/lowcode-vue-renderer2.7.svg)](https://www.npmjs.com/package/@mfejs/lowcode-vue-renderer2.7)
[![npm downloads](https://img.shields.io/npm/dm/@mfejs/lowcode-vue-renderer2.7.svg)](https://www.npmjs.com/package/@mfejs/lowcode-vue-renderer2.7)

This package is used to adapt to Vue 2.7 version.

**TIPS: Please avoid using version 0.6.0 as it has bugs related to the integrated CodeEditor.**

## 📝 License

This is a fork
from [vue-renderer](https://github.com/KNXCloud/lowcode-engine-vue/tree/main/packages/vue-renderer)
npm package: @mfejs/lowcode-vue-simulator-renderer2.7
Description: [![NPM](https://nodei.co/npm/@mfejs/lowcode-vue-simulator-renderer2.7.png?downloads=true&downloadRank=true&stars=true)](https://nodei.co/npm/@mfejs/lowcode-vue-simulator-renderer2.7/)
Author: codeteenager
Latest version: 1.0.0

# 🚀 @mfejs/lowcode-vue-simulator-renderer2.7

[![NPM](https://nodei.co/npm/@mfejs/lowcode-vue-simulator-renderer2.7.png?downloads=true&downloadRank=true&stars=true)](https://nodei.co/npm/@mfejs/lowcode-vue-simulator-renderer2.7/)

[![npm version](https://img.shields.io/npm/v/@mfejs/lowcode-vue-simulator-renderer2.7.svg)](https://www.npmjs.com/package/@mfejs/lowcode-vue-simulator-renderer2.7)
[![npm downloads](https://img.shields.io/npm/dm/@mfejs/lowcode-vue-simulator-renderer2.7.svg)](https://www.npmjs.com/package/@mfejs/lowcode-vue-simulator-renderer2.7)

This package is used to adapt to Vue 2.7 version.

**TIPS: Please avoid using version 0.6.0 as it has bugs related to the integrated CodeEditor.**

## 📝 License

This is a fork
from [vue-simulator-renderer](https://github.com/KNXCloud/lowcode-engine-vue/tree/main/packages/vue-simulator-renderer)
npm package: @mfejs/pkg-cli
Description: Pkg CLI 是一个基于 Vite 实现的 Vue 组件库构建工具，通过 Pkg CLI 可以快速搭建一套功能完备的 Vue 组件库。
Author: codeteenager
Latest version: 1.0.1

# Pkg CLI

Pkg CLI 是一个基于 Vite 实现的 Vue 组件库构建工具，通过 Pkg CLI 可以快速搭建一套功能完备的 Vue 组件库。

### 特性

- 基于 Vite 实现，享受愉悦的开发体验
- 提供丰富的命令，涵盖从开发测试到构建发布的完整流程
- 基于约定的目录结构，自动生成优雅的文档站点和组件示例
- 内置 ESLint 校验规则，提交代码时自动执行校验
- 构建后的组件库默认支持按需引入、主题定制、Tree Shaking

### 快速上手

执行以下命令可以快速创建一个基于 Pkg CLI 的项目：

```bash
yarn create create-pkg-cli
```

npm命令

```bash
npx create-pkg-cli
```

### 手动安装

```shell
# 通过 npm
npm i @mfejs/pkg-cli -D

# 通过 yarn
yarn add @mfejs/pkg-cli -D

# 通过 pnpm
pnpm add @mfejs/pkg-cli -D

# 通过 Bun
bun add @mfejs/pkg-cli -D
```

安装完成后，请将以下配置添加到 package.json 文件中

```json
{
  "scripts": {
    "dev": "pkg-cli dev",
    "test": "pkg-cli test",
    "lint": "pkg-cli lint",
    "build": "pkg-cli build",
    "prepare": "husky",
    "release": "pkg-cli release",
    "build-site": "pkg-cli build-site"
  },
  "nano-staged": {
    "*.md": "prettier --write",
    "*.{ts,tsx,js,vue,less,scss}": "prettier --write",
    "*.{ts,tsx,js,vue}": "eslint --fix"
  },
  "eslintConfig": {
    "root": true,
    "extends": ["@mfejs/pkg"]
  },
  "prettier": {
    "singleQuote": true
  },
  "browserslist": ["Chrome >= 51", "iOS >= 10"]
}
```
npm package: @mfellner/graphql-codegen-typescript-urql-sdk
Description: GraphQL Code Generator plugin for generating a ready-to-use SDK based on urql client and GraphQL operations
Author: Maximilian Fellner
Latest version: 1.0.0

# @graphql-codegen/typescript-urql-sdk

GraphQL Code Generator plugin for generating a ready-to-use SDK based on [`urql`](https://npmjs.com/package/@urql/core) client and GraphQL operations.

## Usage

Configuration:

```yml
schema: YOUR_SCHEMA_HERE
documents: './src/**/*.graphql'
generates:
  ./generated-types.ts:
    plugins:
      - typescript
      - typescript-operations
      - typescript-urql-sdk
```

Generated SDK:

```ts
import { Client } from '@urql/core'

const client = new Client({ url: '/graphql' })
const sdk = getSdk(client)

await sdk.hello().toPromise()
```
npm package: @mfellner/partialize
Description: [![Travis](https://img.shields.io/travis/mfellner/partialize.svg)](travis-ci.org/mfellner/partialize) [![Codecov](https://img.shields.io/codecov/c/github/mfellner/partialize.svg)](https://codecov.io/gh/mfellner/partialize) [![codebeat](https://codebeat.co
Author: Maximilian Fellner
Latest version: 0.3.0

# partialize

[![Travis](https://img.shields.io/travis/mfellner/partialize.svg)](travis-ci.org/mfellner/partialize)
[![Codecov](https://img.shields.io/codecov/c/github/mfellner/partialize.svg)](https://codecov.io/gh/mfellner/partialize)
[![codebeat](https://codebeat.co/badges/1c20b7a3-b782-4f84-ba00-d2ee99d198f8)](https://codebeat.co/projects/github-com-mfellner-partialize-master)
[![npm](https://img.shields.io/npm/v/@mfellner/partialize.svg)](https://www.npmjs.com/package/@mfellner/partialize)
[![license](https://img.shields.io/github/license/mfellner/partialize.svg)](https://choosealicense.com/licenses/mit)

Turn objects into typesafe proxies to access potentially undefined properties.

### Getting started

Let's say you download some unsafe data that should match a given interface:

```typescript
interface Something {
  foo?: {
    bar?: {
      str?: string;
    };
    baz?: {
      num?: number;
    };
  };
}

const data: Something = await fetch(url).then(r => r.json());
```

Some properties may be present but others may not!

```typescript
const str = data.foo!.bar!.str; // OK?
const num = data.foo!.baz!.num; // Error?
```

Use **partialize** to wrap an object in a typesafe [Proxy](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Proxy):

```typescript
import partialize, { Part } from '@mfellner/partialize';

const some: Part<Something> = partialize(data);
```

Now all the declared properties of the object will definitely be defined! That's because each value is turned into an object with all the original properties of that value plus a special `$resolve()` function. In order to retrieve the original raw value you simply call `$resolve()`:

```typescript
const str: string | undefined = data.foo.bar.str.$resolve(); // without fallback
const str: string = data.foo.bar.str.$resolve('fallback'); //  with fallback
```

See [test/index.test.ts](test/index.test.ts) for some examples.
npm package: @mfers/controller-utils
Description: Data and convenience functions shared by multiple packages
Latest version: 3.2.0-siwe5

# `@metamask/controller-utils`

Data and convenience functions shared by multiple packages.

## Installation

`yarn add @metamask/controller-utils`

or

`npm install @metamask/controller-utils`

## Contributing

This package is part of a monorepo. Instructions for contributing can be found in the [monorepo README](https://github.com/MetaMask/core#readme).
npm package: @mfers/oss-attribution-generator
Description: utility to parse bower and npm packages used in a project and generate an attribution file to include in your product
Author: Dan Zumwalt
Latest version: 2.0.6-rc1

# oss-attribution-generator
utility to parse bower and npm packages used in a project and generate an attribution file to include in your product

## Installation
`npm i -g oss-attribution-generator`

## Usage

### For a single Bower or Node project
```
cd pathToYourProject
generate-attribution
git add ./oss-attribution
git commit -m 'adding open source attribution output from oss-attribution-generator'
```

### For multiple projects

*(This feature is currently only supported for Node projects)*

For Node.js projects that use other Node.js projects located in different directories, the `-b` option can be used to provide a variable number of input directories. Each of the input directories are processed, and any duplicate entries (dependencies with same name and version number) are combined to produce a single attribution text.

```
cd pathToYourMainProject
generate-attribution -b pathToYourMainProject pathToYourFirstProjectDependency pathToYourSecondProjectDependency
git add ./oss-attribution
git commit -m 'adding open source attribution output from oss-attribution-generator'
```

### Help

Use the `--help` argument to get further usage details about the various program arguments:

```
generate-attribution --help
```

### Understanding the "overrides"

#### Ignoring a package
Sometimes, you may have an "internal" module which you/your team developed, or a module where you've arranged a special license with the owner. These wouldn't belong in your license attributions, so you can ignore them by creating an `overrides.json` file like so:
```
{
  "signaling-agent": {
      "ignore": true 
  }
}
```

#### Changing the properties of package in the attribution file only
Other times, you may need to supply your own text for the purpose of the attribution/credits. You have full control of this in the `overrides.json` file as well:
```
{
  "some-package": {
    "name": "some-other-package-name",
    "version": "1.0.0-someotherversion",
    "authors": "some person",
    "url": "https://thatwebsite.com/since/their/original/link/was/broken",
    "license": "MIT",
    "licenseText": "you can even override the license text in case the original contents of the LICENSE file were wrong for some reason"
  }
}
```

## Prior art
Like most software, this component is built on the shoulders of giants; oss-attribution-generator was inspired in part by the following work:
  - [license-checker](https://github.com/davglass/license-checker)
  - [node-licensecheck](https://github.com/iceddev/node-licensecheck)
  - [bower-license](https://github.com/AceMetrix/bower-license)
npm package: @mfestack/react
Description: Hooks for managing, caching and syncing asynchronous and remote data in React
Author: MFestack Team
Latest version: 0.8.0

# @mfestack/react

React adapter for MFestack Query.

## Installation

```bash
pnpm add @mfestack/react @mfestack/core
```

## Quick start

```tsx
import { QueryClient } from '@mfestack/core'
import { QueryClientProvider, useQuery } from '@mfestack/react'

const client = new QueryClient()

function App() {
  return (
    <QueryClientProvider client={client}>
      <Example />
    </QueryClientProvider>
  )
}

function Example() {
  const query = useQuery({
    queryKey: ['todos'],
    queryFn: async () => fetch('/api/todos').then(r => r.json()),
  })
  if (query.isLoading) return <div>Loading…</div>
  if (query.error) return <div>Error</div>
  return <pre>{JSON.stringify(query.data, null, 2)}</pre>
}
```

## Features
- useQuery, useMutation, useInfiniteQuery
- Suspense, keepPreviousData
- Refetch on focus/reconnect (via core managers)

## Next steps
- Create the documentation (recommended to finish Phase 3)