open-index/open-npm huggingface dataset:
npm package: @mv-data-core/cli
Description: The official MV Datacore CLI done
Author: João Biondo
Latest version: 9.12.0

# Directus CLI

The official Directus CLI tool. Allows you to connect to, and manage, any given Directus instance through the command
line interface.

## Installation

```
npm install -g @directus/cli
```

## Usage

```sh
$ directusctl --help
```

## Docs

See [the docs](https://docs.directus.io/reference/cli/)
npm package: @mv-data-core/drive
Description: Flexible and Fluent way to manage storage in Node.js.
Latest version: 9.12.0

# @directus/drive

Object storage abstraction layer.

## Credits

This package started life as a fork of [`@slynova/flydrive`](https://github.com/slynova-org/flydrive) by Robin Grundvåg
<robgru52@gmail.com>.
npm package: @mv-data-core/format-title
Description: Custom string formatter that converts any string into [Title Case](http://www.grammar-monster.com/lessons/capital_letters_title_case.htm)
Author: rijkvanzanten
Latest version: 9.12.0

## Title Formatter

Custom string formatter that converts any string into
[Title Case](http://www.grammar-monster.com/lessons/capital_letters_title_case.htm)

This package converts any string into title case. This means only using capital letters for the principal words.
Articles, conjunctions, and prepositions do not get capital letters unless they start or end the title

| input                        | output                          |
| ---------------------------- | ------------------------------- |
| `snowWhiteAndTheSevenDwarfs` | Snow White and the Seven Dwarfs |
| `NewcastleUponTyne`          | Newcastle upon Tyne             |
| `brighton_on_sea`            | Brighton on Sea                 |
| `apple_releases_new_ipad`    | Apple Releases New iPad         |
| `7-food-trends`              | 7 Food Trends                   |

> The package contains a list of words that use some sort of special casing, for example: McDonalds, iPhone, and
> YouTube.

## Installation

```bash
$ npm install @directus/format-title
```

## Usage

The package by default converts camelCase, PascalCase, underscore, and "regular" sentences to
[Title Case](http://www.grammar-monster.com/lessons/capital_letters_title_case.htm)

```js
formatTitle(string, [separator]);

formatTitle('snowWhiteAndTheSevenDwarfs');
// => Snow White and the Seven Dwarfs
```

You can provide an optional `separator` regex as a second parameter to support splitting the string on different
characters. By default, this regex is set to `/\s|-|_/g`.

## Contributing

If your favorite specially cased word isn't being capitalized properly,
[please open an issue](https://github.com/directus/format-title/issues/new) or submit a pull request!
npm package: @mv-data-core/sdk
Description: The official MV Datacore SDK for use in JavaScript!
Author: Rijk van Zanten
Latest version: 9.12.0

# Directus JS SDK

## Installation

```
npm install @directus/sdk
```

## Usage

```js
import { Directus } from '@directus/sdk';

const directus = new Directus('http://directus.example.com');

const items = await directus.items('articles').readOne(15);
console.log(items);
```

```js
import { Directus } from '@directus/sdk';

const directus = new Directus('http://directus.example.com');

directus
	.items('articles')
	.readOne(15)
	.then((item) => {
		console.log(item);
	});
```

## Docs

See [the docs](https://docs.directus.io/reference/sdk/)
npm package: @mv-form-create/component-elm-checkbox
Description: @mv-form-create/element-ui 内置组件
Author: hxianyun
Latest version: 3.1.27

# @mv-form-create/component-elm-checkbox

@mv-form-create/element-ui 内置组件

[GitHub](https://github.com/hxianyun/form-create) | [文档](http://form-create.com/v3/) | [Document](http://form-create.com/v3/)
npm package: @mv-form-create/component-elm-frame
Description: @mv-form-create/element-ui 内置组件
Author: hxianyun
Latest version: 3.1.27

# @mv-form-create/component-elm-frame

@mv-form-create/element-ui 内置组件

[GitHub](https://github.com/hxianyun/form-create) | [文档](http://form-create.com/v3/) | [Document](http://form-create.com/v3/)
npm package: @mv-form-create/component-elm-group
Description: @mv-form-create/element-ui 内置组件
Author: hxianyun
Latest version: 3.1.27

# @mv-form-create/component-elm-group

@mv-form-create/element-ui 内置组件

[GitHub](https://github.com/hxianyun/form-create) | [文档](http://form-create.com/v3/) | [Document](http://form-create.com/v3/)
npm package: @mv-form-create/component-elm-radio
Description: @mv-form-create/element-ui 内置组件
Author: hxianyun
Latest version: 3.1.27

# @mv-form-create/component-elm-radio

@mv-form-create/element-ui 内置组件

[GitHub](https://github.com/hxianyun/form-create) | [文档](http://form-create.com/v3/) | [Document](http://form-create.com/v3/)
npm package: @mv-form-create/component-elm-select
Description: @mv-form-create/element-ui 内置组件
Author: hxianyun
Latest version: 3.1.27

# @mv-form-create/component-elm-select

@mv-form-create/element-ui 内置组件

[GitHub](https://github.com/hxianyun/form-create) | [文档](http://form-create.com/v3/) | [Document](http://form-create.com/v3/)
npm package: @mv-form-create/component-elm-tree
Description: @mv-form-create/element-ui 内置组件
Author: hxianyun
Latest version: 3.1.27

# @mv-form-create/component-elm-tree

@mv-form-create/element-ui 内置组件

[GitHub](https://github.com/hxianyun/form-create) | [文档](http://form-create.com/v3/) | [Document](http://form-create.com/v3/)
npm package: @mv-form-create/component-elm-upload
Description: @mv-form-create/element-ui 内置组件
Author: hxianyun
Latest version: 3.1.27

# @mv-form-create/component-elm-upload

@mv-form-create/element-ui 内置组件

[GitHub](https://github.com/hxianyun/form-create) | [文档](http://form-create.com/v3/) | [Document](http://form-create.com/v3/)
npm package: @mv-form-create/component-ivu-checkbox
Description: @mv-form-create/view-ui-plus 内置组件
Author: hxianyun
Latest version: 3.1.29

# @mv-form-create/component-ivu-checkbox

@mv-form-create/iview 内置组件

[GitHub](https://github.com/hxianyun/form-create) | [文档](http://form-create.com/v2/) | [Document](http://form-create.com/en/v2/)
npm package: @mv-form-create/component-ivu-frame
Description: @mv-form-create/view-ui-plus 内置组件
Author: hxianyun
Latest version: 3.1.29

# @mv-form-create/component-ivu-frame

@mv-form-create/iview 内置组件

[GitHub](https://github.com/hxianyun/form-create) | [文档](http://form-create.com/v2/) | [Document](http://form-create.com/en/v2/)
npm package: @mv-form-create/component-ivu-group
Description: @mv-form-create/view-ui-plus 内置组件
Author: hxianyun
Latest version: 3.1.29

# @mv-form-create/component-ivu-group

@mv-form-create/iview 内置组件

[GitHub](https://github.com/hxianyun/form-create) | [文档](http://form-create.com/v2/) | [Document](http://form-create.com/en/v2/)
npm package: @mv-form-create/component-ivu-radio
Description: @mv-form-create/view-ui-plus 内置组件
Author: hxianyun
Latest version: 3.1.29

# @mv-form-create/component-ivu-radio

@mv-form-create/iview 内置组件

[GitHub](https://github.com/hxianyun/form-create) | [文档](http://form-create.com/v2/) | [Document](http://form-create.com/en/v2/)
npm package: @mv-form-create/component-ivu-select
Description: @mv-form-create/view-ui-plus 内置组件
Author: hxianyun
Latest version: 3.1.29

# @mv-form-create/component-ivu-select

@mv-form-create/iview 内置组件

[GitHub](https://github.com/hxianyun/form-create) | [文档](http://form-create.com/v2/) | [Document](http://form-create.com/en/v2/)
npm package: @mv-form-create/component-ivu-tree
Description: @mv-form-create/view-ui-plus 内置组件
Author: hxianyun
Latest version: 3.1.29

# @mv-form-create/component-ivu-tree

@mv-form-create/iview 内置组件

[GitHub](https://github.com/hxianyun/form-create) | [文档](http://form-create.com/v2/) | [Document](http://form-create.com/en/v2/)
npm package: @mv-form-create/component-ivu-upload
Description: @mv-form-create/view-ui-plus 内置组件
Author: hxianyun
Latest version: 3.1.29

# @mv-form-create/component-ivu-upload

@mv-form-create/iview 内置组件

[GitHub](https://github.com/hxianyun/form-create) | [文档](http://form-create.com/v2/) | [Document](http://form-create.com/en/v2/)
npm package: @mv-form-create/component-subform
Description: @mv-form-create 内置组件
Author: hxianyun
Latest version: 3.1.27

# @mv-form-create/component-subform

@mv-form-create 内置组件

[GitHub](https://github.com/hxianyun/form-create) | [文档](http://form-create.com/v3/) | [Document](http://form-create.com/v3/)
npm package: @mv-form-create/component-wangeditor
Description: @mv-form-create 富文本组件
Author: hxianyun
Latest version: 3.1.27

# @mv-form-create/component-wangeditor

@mv-form-create 富文本组件

[GitHub](https://github.com/hxianyun/form-create) | [文档](http://form-create.com/v3/) | [Document](http://form-create.com/v3/)


props

| 属性            | 类型  | 说明                                  |
| -------------- | --------  | ------------------------------ |
| v-model       |  string   | 富文本内容 |
| init         |  Function | 初始化 wangEditor |
| disabled   |  boolean   | 禁用富文本组件 |
npm package: @mv-form-create/core
Description: vue动态表单,助你轻松搞定表单|form-create is a form generation component that can generate dynamic rendering, data collection, verification and submission functions through JSON. Supports 5 UI frameworks, and supports the generation of any Vue components. Built-in 20 
Author: hxianyun
Latest version: 3.1.28

# @mv-form-create/core
**form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成组件。支持5个UI框架，并且支持生成任何 Vue 组件。内置20种常用表单组件和自定义组件，再复杂的表单都可以轻松搞定。**

form-create is a form generation component that can generate dynamic rendering, data collection, verification and submission functions through JSON. Supports 5 UI frameworks, and supports the generation of any Vue components. Built-in 20 kinds of commonly used form components and custom components, no matter how complex forms can be easily handled.

[GitHub](https://github.com/hxianyun/form-create) | [文档](http://form-create.com/v3) | [Document](http://form-create.com/v3)

[开源的vue表单设计器组件](https://github.com/hxianyun/form-create-designer) ([功能演示](http://form-create.com/designer?fr=fc))

- **预览**

![demo1](https://raw.githubusercontent.com/hxianyun/form-create/dev/images/demo-live3.gif)


- **操作表单**

![demo2](https://raw.githubusercontent.com/hxianyun/form-create/dev/images/demo-live2.gif)

- **`group` 组件**

![demo3](https://raw.githubusercontent.com/hxianyun/form-create/dev/images/demo-group.gif)

- **`control` 配置项**

![demo2](https://raw.githubusercontent.com/hxianyun/form-create/dev/images/demo-live4.gif)
npm package: @mv-form-create/element-ui
Description: element-ui动态表单|form-create is a form generation component that can generate dynamic rendering, data collection, verification and submission functions through JSON. Supports 5 UI frameworks, and supports the generation of any Vue components. Built-in 20 ki
Author: hxianyun
Latest version: 3.1.29

# @mv-form-create/element-ui
**form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成组件。支持5个UI框架，并且支持生成任何 Vue 组件。内置20种常用表单组件和自定义组件，再复杂的表单都可以轻松搞定。**

form-create is a form generation component that can generate dynamic rendering, data collection, verification and submission functions through JSON. Supports 5 UI frameworks, and supports the generation of any Vue components. Built-in 20 kinds of commonly used form components and custom components, no matter how complex forms can be easily handled.

> form-create element-ui 动态表单组件
>
> form-create element-ui Dynamic form component

[GitHub](https://github.com/hxianyun/form-create) | [文档](http://form-create.com/v3/element-ui/)

[开源的vue表单设计器组件](https://github.com/hxianyun/form-create-designer) ([功能演示](http://form-create.com/designer?fr=fc))

- **预览**

![demo1](https://raw.githubusercontent.com/hxianyun/form-create/dev/images/demo-live3.gif)


- **操作表单**

![demo2](https://raw.githubusercontent.com/hxianyun/form-create/dev/images/demo-live2.gif)

- **`group` 组件**

![demo3](https://raw.githubusercontent.com/hxianyun/form-create/dev/images/demo-group.gif)

- **`control` 配置项**

![demo2](https://raw.githubusercontent.com/hxianyun/form-create/dev/images/demo-live4.gif)
npm package: @mv-form-create/utils
Description: **form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成组件。支持5个UI框架，并且支持生成任何 Vue 组件。内置20种常用表单组件和自定义组件，再复杂的表单都可以轻松搞定。**
Author: hxianyun
Latest version: 3.1.27

# @mv-form-create/utils
**form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成组件。支持5个UI框架，并且支持生成任何 Vue 组件。内置20种常用表单组件和自定义组件，再复杂的表单都可以轻松搞定。**

form-create is a form generation component that can generate dynamic rendering, data collection, verification and submission functions through JSON. Supports 5 UI frameworks, and supports the generation of any Vue components. Built-in 20 kinds of commonly used form components and custom components, no matter how complex forms can be easily handled.

[GitHub](https://github.com/hxianyun/form-create) | [文档](http://form-create.com/v2) | [Document](http://form-create.com/en/v2)


- **预览**

![demo1](https://raw.githubusercontent.com/hxianyun/form-create/dev/images/demo-live3.gif)


- **操作表单**

![demo2](https://raw.githubusercontent.com/hxianyun/form-create/dev/images/demo-live2.gif)

- **`group` 组件**

![demo3](https://raw.githubusercontent.com/hxianyun/form-create/dev/images/demo-group.gif)

- **`control` 配置项**

![demo2](https://raw.githubusercontent.com/hxianyun/form-create/dev/images/demo-live4.gif)
npm package: @mv-form-create/view-ui-plus
Description: view-ui-plus动态表单|form-create is a form generation component that can generate dynamic rendering, data collection, verification and submission functions through JSON. Supports 3 UI frameworks, and supports the generation of any Vue components. Built-in 20 
Author: hxianyun
Latest version: 3.1.29

ERROR: No README data found!
npm package: @mv-react/sample-typescript-scss
Description: Made with create-react-library
Author: madhujayavarapu
Latest version: 1.0.0

# @mv/sample-typescript-scss

> Made with create-react-library

[![NPM](https://img.shields.io/npm/v/@mv/sample-typescript-scss.svg)](https://www.npmjs.com/package/@mv/sample-typescript-scss) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
npm install --save @mv/sample-typescript-scss
```

## Usage

```tsx
import React, { Component } from 'react'

import MyComponent from '@mv/sample-typescript-scss'
import '@mv/sample-typescript-scss/dist/index.css'

class Example extends Component {
  render() {
    return <MyComponent />
  }
}
```

## License

MIT © [madhujayavarapu](https://github.com/madhujayavarapu)
npm package: @mv-template/cameravision
Description: ``` yarn add mv-template-page or npm i mv-template-page ```
Author: machinevision
Latest version: 0.0.14

# MV Template Page

## Installation

```
yarn add @mv-template/[project_name]
or
npm i @mv-template/[project_name]
```

## Example

```
<template>
  <mv-template
    :title="title"
    :dashboard-ids="dashboardIds"
    :token="configToken"
    :is-dark="isDark"
    :filters.sync="filters"
    :update-filters.sync="updateFilters"
    :code="code"
    :links="links"
    :additional="additional"
  />
</template>
<script>
import MvTemplate from 'mv-template'
import 'mv-template/dist/mv-template-page.css'

export default {
  components: {
    MvTemplate,
  },
  data() {
    return {
      title: 'Dev Testing',
      configToken: `Bearer ${localStorage.getItem('accessToken')}`,
      isDark: false,
      dashboardIds: [
        {
          title: 'Summary',
          id: '60dad4302722b900132f807e',
        },
        {
          title: 'Analytics',
          id: '60ebc0914a0a130012db902b',
        },
      ],
      filters: [
        {
          name: 'Filter-1',
          operator: '=',
          property: 'group_exams_gender',
          propertyType: 'string',
          value: 'male',
          widgets: ['60c18c69c65520001422e662'],
          _id: '60c61f3a471c96001211a619',
        },
      ],
      updateFilters: [
        {
          name: 'Filter-1',
          value: 'male',
          operator: '=',
        },
      ],
      code: 'PAGE-DevTest',
      links: [
        'http://metabase.machinevision.global:3009/public/dashboard/fa6e40b6-3b72-4ed6-a1aa-a86a93da1f74',
        'http://metabase.machinevision.global:3009/public/dashboard/f69f02da-4910-433e-94d7-2b1b48418f17',
      ],
      additional: {
        linkHeights: [2200, 1650],
        orders: [
          {
            type: 'DASHBOARD',
            order: 1,
          },
          {
            type: 'URL',
            order: 2,
          },
        ],
        baseUrl: 'https://backbone.machinevision.global/data-core/api/plants/',
        logo: 'https://backbone.machinevision.global/file-storage/api/static/image_1624852365272.png',
      },
    },
  },
}
</script>
```
## Create New Branch
1. Create new local branch from 'boilerplate'
2. Branch name represent your project name
3. Edit project name in file 'package.json'
```
"name": "@mv-template/[your_project_name]",
```

## Add New Page
1. Create new folder under 'components' folder using this format 'page-[code]'
2. Create 'MainComponent.vue' into component folder that you have already created. If you want to create other component for your new page, make sure it registered in this 'MainComponent.vue'
3. 'MainComponent.vue' must have this props:
    - title
    - token
    - dashboardIds
    - isDark
    - filters
    - updateFilters
    - additional
4. Import your 'MainComponent.vue' into 'MVTemplate.vue' and create new code for  your new component
5. Register your new code in MES Admin ('Template Setting' menu) and fill additional properties (optional)
npm package: @mv-template/dev
Description: ``` yarn add mv-template-page or npm i mv-template-page ```
Author: dyvapandhu
Latest version: 0.0.1

# MV Template Page

## Installation

```
yarn add mv-template-page
or
npm i mv-template-page
```

## Example

```
<template>
  <mv-template
    :title="title"
    :dashboard-ids="dashboardIds"
    :token="configToken"
    :is-dark="isDark"
    :filters.sync="filters"
    :update-filters.sync="updateFilters"
    :code="code"
  />
</template>
<script>
import MvTemplate from 'mv-template-page'

export default {
  components: {
    MvTemplate,
  },
  data() {
    return {
      title: 'Dev Test Page',
      configToken: `Bearer ${localStorage.getItem('accessToken')}`,
      isDark: false,
      dashboardIds: [
        {
          title: 'Summary',
          id: '60dad4302722b900132f807e',
        },
        {
          title: 'Analytics',
          id: '60ebc0914a0a130012db902b',
        },
      ],
      filters: [
        {
          name: 'Filter-1',
          operator: '=',
          property: 'group_exams_gender',
          propertyType: 'string',
          value: 'male',
          widgets: ['60c18c69c65520001422e662'],
          _id: '60c61f3a471c96001211a619',
        },
      ],
      updateFilters: [
        {
          name: 'Filter-1',
          value: 'male',
          operator: '=',
        },
      ],
      code: 'PAGE-1',
    }
  },
}
</script>
```
## Add New Page
1. Create new folder under 'components' folder using this format 'page-[code]'
2. Create 'MainComponent.vue' into component folder that you have already created. If you want to create other component for your new page, make sure it registered in this 'MainComponent.vue'
3. 'MainComponent.vue' must have this props:
    - title
    - token
    - dashboardIds
    - isDark
    - filters
    - updateFilters
4. Import your 'MainComponent.vue' into 'MVTemplate.vue' and create new code for  your new component
5. Register your new code in MES swagger (temporary) :
    https://mes.machinevision.global:4600/mes/api/menu
npm package: @mv-template/telkom
Description: ``` yarn add mv-template-page or npm i mv-template-page ```
Author: machinevision
Latest version: 0.0.13

# MV Template Page

## Installation

```
yarn add @mv-template/[project_name]
or
npm i @mv-template/[project_name]
```

## Example

```
<template>
  <mv-template
    :title="title"
    :dashboard-ids="dashboardIds"
    :token="configToken"
    :is-dark="isDark"
    :filters.sync="filters"
    :update-filters.sync="updateFilters"
    :code="code"
    :links="links"
    :additional="additional"
  />
</template>
<script>
import MvTemplate from 'mv-template'
import 'mv-template/dist/mv-template-page.css'

export default {
  components: {
    MvTemplate,
  },
  data() {
    return {
      title: 'Dev Testing',
      configToken: `Bearer ${localStorage.getItem('accessToken')}`,
      isDark: false,
      dashboardIds: [
        {
          title: 'Summary',
          id: '60dad4302722b900132f807e',
        },
        {
          title: 'Analytics',
          id: '60ebc0914a0a130012db902b',
        },
      ],
      filters: [
        {
          name: 'Filter-1',
          operator: '=',
          property: 'group_exams_gender',
          propertyType: 'string',
          value: 'male',
          widgets: ['60c18c69c65520001422e662'],
          _id: '60c61f3a471c96001211a619',
        },
      ],
      updateFilters: [
        {
          name: 'Filter-1',
          value: 'male',
          operator: '=',
        },
      ],
      code: 'PAGE-DevTest',
      links: [
        'http://metabase.machinevision.global:3009/public/dashboard/fa6e40b6-3b72-4ed6-a1aa-a86a93da1f74',
        'http://metabase.machinevision.global:3009/public/dashboard/f69f02da-4910-433e-94d7-2b1b48418f17',
      ],
      additional: {
        linkHeights: [2200, 1650],
        orders: [
          {
            type: 'DASHBOARD',
            order: 1,
          },
          {
            type: 'URL',
            order: 2,
          },
        ],
        baseUrl: 'https://backbone.machinevision.global/data-core/api/plants/',
        logo: 'https://backbone.machinevision.global/file-storage/api/static/image_1624852365272.png',
      },
    },
  },
}
</script>
```
## Create New Branch
1. Create new local branch from 'boilerplate'
2. Branch name represent your project name
3. Edit project name in file 'package.json'
```
"name": "@mv-template/[your_project_name]",
```

## Add New Page
1. Create new folder under 'components' folder using this format 'page-[code]'
2. Create 'MainComponent.vue' into component folder that you have already created. If you want to create other component for your new page, make sure it registered in this 'MainComponent.vue'
3. 'MainComponent.vue' must have this props:
    - title
    - token
    - dashboardIds
    - isDark
    - filters
    - updateFilters
    - additional
4. Import your 'MainComponent.vue' into 'MVTemplate.vue' and create new code for  your new component
5. Register your new code in MES Admin ('Template Setting' menu) and fill additional properties (optional)
npm package: @mv-template/toyota
Description: ``` yarn add mv-template-page or npm i mv-template-page ```
Author: machinevision
Latest version: 0.0.15

# MV Template Page

## Installation

```
yarn add @mv-template/[project_name]
or
npm i @mv-template/[project_name]
```

## Example

```
<template>
  <mv-template
    :title="title"
    :dashboard-ids="dashboardIds"
    :token="configToken"
    :is-dark="isDark"
    :filters.sync="filters"
    :update-filters.sync="updateFilters"
    :code="code"
    :links="links"
    :additional="additional"
  />
</template>
<script>
import MvTemplate from 'mv-template'
import 'mv-template/dist/mv-template-page.css'

export default {
  components: {
    MvTemplate,
  },
  data() {
    return {
      title: 'Dev Testing',
      configToken: `Bearer ${localStorage.getItem('accessToken')}`,
      isDark: false,
      dashboardIds: [
        {
          title: 'Summary',
          id: '60dad4302722b900132f807e',
        },
        {
          title: 'Analytics',
          id: '60ebc0914a0a130012db902b',
        },
      ],
      filters: [
        {
          name: 'Filter-1',
          operator: '=',
          property: 'group_exams_gender',
          propertyType: 'string',
          value: 'male',
          widgets: ['60c18c69c65520001422e662'],
          _id: '60c61f3a471c96001211a619',
        },
      ],
      updateFilters: [
        {
          name: 'Filter-1',
          value: 'male',
          operator: '=',
        },
      ],
      code: 'PAGE-DevTest',
      links: [
        'http://metabase.machinevision.global:3009/public/dashboard/fa6e40b6-3b72-4ed6-a1aa-a86a93da1f74',
        'http://metabase.machinevision.global:3009/public/dashboard/f69f02da-4910-433e-94d7-2b1b48418f17',
      ],
      additional: {
        linkHeights: [2200, 1650],
        orders: [
          {
            type: 'DASHBOARD',
            order: 1,
          },
          {
            type: 'URL',
            order: 2,
          },
        ],
        baseUrl: 'https://backbone.machinevision.global/data-core/api/plants/',
        logo: 'https://backbone.machinevision.global/file-storage/api/static/image_1624852365272.png',
      },
    },
  },
}
</script>
```
## Create New Branch
1. Create new local branch from 'boilerplate'
2. Branch name represent your project name
3. Edit project name in file 'package.json'
```
"name": "@mv-template/[your_project_name]",
```

## Add New Page
1. Create new folder under 'components' folder using this format 'page-[code]'
2. Create 'MainComponent.vue' into component folder that you have already created. If you want to create other component for your new page, make sure it registered in this 'MainComponent.vue'
3. 'MainComponent.vue' must have this props:
    - title
    - token
    - dashboardIds
    - isDark
    - filters
    - updateFilters
    - additional
4. Import your 'MainComponent.vue' into 'MVTemplate.vue' and create new code for  your new component
5. Register your new code in MES Admin ('Template Setting' menu) and fill additional properties (optional)
npm package: @mv740/mesh-editor
Description: Interactive 3D mesh editor component for React
Author: Michal Wozniak
Latest version: 1.0.3

<div align="center">
 <h1>mesh-editor</h1>

<a href="https://www.npmjs.com/~@mv740/mesh-editor" target="_blank"><img src="https://img.shields.io/npm/v/@mv740/mesh-editor.svg" alt="NPM Version" /></a>
<a href="https://www.npmjs.com/~@mv740/mesh-editor" target="_blank"><img src="https://img.shields.io/npm/l/@mv740/mesh-editor.svg" alt="Package License" /></a>
<a href="https://github.com/mv740/mesh-editor/actions/workflows/test.yml" target="_blank"><img src="https://github.com/mv740/mesh-editor/actions/workflows/test.yml/badge.svg" alt="Unit Test" /></a>

</div>

A powerful and interactive 3D mesh editor component for React. `mesh-editor` provides a comprehensive solution for viewing and manipulating 3D models directly in the browser.

## Features

- **3D Mesh Viewer**: Load and display 3D models in various formats.
- **Interactive 3D Mesh Editor**: A rich set of tools for mesh manipulation.
  - **State Management**: Undo/redo support for all editing operations (Ctrl+Z / Ctrl+Y).
  - **Landmarks**: Add, move, and delete landmarks on the mesh surface.
  - **Fill Holes**: Automatically detect and fill holes in the mesh.
  - **Clip Mesh**: Cut the mesh with a clipping plane.

## Installation

Install the published package for use in your application:

```bash
npm install @mv740/mesh-editor
```

## Demo

### Landmarks

![Landmarks demo](./docs/landmarks.gif)

### Clip/Fill hole

![Fill holes demo](./docs/clip-fill-hole.gif)

## Quick start (in a React app)

Import the component and CSS into your React app:

```tsx
import { MeshEditor } from '@mv740/mesh-editor'
import '@mv740/mesh-editor/style.css'

function MyEditor() {
  const [file, setFile] = useState<File | null>(null)

  // Load a mesh file into `file` (e.g. via an <input type="file" />)

  return (
    <div style={{ height: '100vh', width: '100vw' }}>
      <MeshEditor title="My Mesh Editor" inputSettings={{ file }} />
    </div>
  )
}
```

Notes:

- The `MeshEditor` accepts props such as `title` and `inputSettings`. See the source for additional options.
- Provide a container with explicit height/width so the WebGL canvas can size correctly.

## Development (run the playground)

Run the playground to develop locally and preview changes:

```bash
npm run playground
```

Open the URL printed by Vite (usually http://localhost:5173).

## Testing

Run unit tests (Vitest) and the end-to-end test:

```bash
npm test
```

There is a browser E2E test in `tests/` that requires a headless browser environment configured in CI.

## Building

To build the library for publishing:

```bash
npm run build
```

## Contributing

If you'd like to contribute, please open issues or pull requests. Follow the existing coding style and add unit tests for new features.
npm package: @mvahedi/auto-password-generator
Description: Automatic Password Generator for Node.js.
Author: Mohammad Vahedi
Latest version: 1.0.2

# Auto Password Generator

.auto password generator make you a function that generate a random password with your custom length.

- Passwords that it generates includes"A-Z","a-z","0-9","!@#\$%^&\*()".
- You can pass it your custom password length to function.
- Default length is 4 characters.

### Installation

```sh
$ npm i @mvahedi/auto-password-generator
```

### Usage

in any Javascript Library:

```sh
import {autoPasswordGenerator} from "@mvahedi/auto-password-generator"
console.log(autoPasswordGenerator(8))
```

in Node.js:

```sh
var {autoPasswordGenerator} = require("@mvahedi/auto-password-generator")
console.log(autoPasswordGenerator(8))
//len
```

## License

MIT

**Free Software, Hell Yeah!**
npm package: @mvandenburgh/vjsf
Description: Generate forms for the vuetify UI library (vuejs) based on annotated JSON schemas.
Author: Mike VanDenburgh
Latest version: 2.1.3-fork3
Deprecated: This fork is no longer maintained. All of the changes unique to this fork have been merged and are now included in https://www.npmjs.com/package/@koumoul/vjsf, please use that package instead.

# vjsf

This is a fork of https://github.com/koumoul-dev/vuetify-jsonschema-form.

*vuetify-jsonschema-form*

Create beautiful and low-effort forms that output valid data.

Based on [Vue.js](https://vuejs.org/) / [Vuetify](https://vuetifyjs.com/) / [JSON Schema](https://json-schema.org/).

See [the documentation](https://koumoul-dev.github.io/vuetify-jsonschema-form/latest/).

![](doc/static/vjsf.gif)

## Development server

The documentation serves as development server too.

```
npm install
npm run doc-dev
```

## Bug reports

Bug reports are created using github issues. The examples in the documentation include codepen links, as much as possible please save a duplicate codepen with the minimal schema/config to reproduce your problem.

## Contribute

See [CONTRIBUTE.md](./CONTRIBUTE.md).
npm package: @mvanvu/ujs
Description: UMD JS work on the both browser and NodeJs
Author: Rainy
Latest version: 1.0.1

# Util JS

UMD JS work on the both Browser and NodeJs

## Install

```
// With yarn
yarn add @mvanvu/ujs

// With NPM
npm install @mvanvu/ujs
```

### Usage On Browser

```
<script src="dist/index.js">
    const { DateTime } = window.$ujs;
    console.log(DateTime.now());
</script>
```

### Usage On NodeJS

```
import { DateTime } from '@mvanvu/ujs';
console.log(DateTime.now());
```

### Test

```
// Test all utils
yarn test

// Test for a util
yarn test datetime
```

See all the sample tests at: /test/lib

### API Documentation

-  [DateTime](docs/Datetime.md) an advanced of the JS native Date
-  [EventEmitter](docs/Event-emitter.md) an event emitter
-  [Hash](docs/Hash.md) provide some useful methods such as: base64, sha256, uuid, JWT...
-  [Is](docs/Is.md) validate the value that will (or will not) match some conditions
-  [Registry](docs/Registry.md) powerful object key-value pair manager
-  [Schema](docs/Schema.md) validate the value by using Schema
-  [Transform](docs/Transform.md) provide the transformer to convert any value to some expected value
-  [Util](docs/Util.md) provide some useful common util methods
npm package: @mvarble/gatsby-theme-mdx-deck
Description: Add MDX Deck presentations to any Gatsby site
Latest version: 0.0.2

# gatsby-theme-mdx-deck

Add MDX Deck presentations to any Gatsby site

```sh
npm i gatsby-theme-mdx-deck
```

```js
// gatsby-config.js
module.exports = {
  plugins: [
    'gatsby-theme-mdx-deck',
  ]
}
```

Add one or more MDX presentation files to the `decks/` directory.
The filenames will be used for creating routes to each deck.

Example `decks/hello.mdx`

```mdx
# Hello!

---

## Beep boop
```

## Layouts

Individual slides can be wrapped with layout components,
which work similarly to slide templates found in other presentation software.

Example `decks/hello.mdx`

```mdx
import Layout from './my-layout'

<Layout>

# Hello

</Layout>

---

## Beep boop
```

## Configuration Options

The Gatsby theme accepts the following options.

```js
// gatsby-config.js
module.exports = {
  plugins: [
    {
      resolve: 'gatsby-theme-mdx-deck',
      options: {
        // enable or disable gatsby-plugin-mdx
        mdx: false,
        // source directory
        contentPath: 'decks',
        // base path for routes generate by this theme
        basePath: ''
        // passed to the `gatsby-plugin-mdx` config
        mdxOptions: {},
      }
    }
  ]
}
```

MIT License