open-index/open-npm huggingface dataset:
npm package: @quarkjs/monaco-vue
Description: Vue plugin for the Monaco Editor
Author: rebornix
Latest version: 0.2.2

# Monaco Vue

Vue language plugin for the Monaco Editor. Forked from [Vetur](https://github.com/vuejs/vetur), replaced components with Monaco standalone packages and adopted Monaco Editor Extension API.

Internally the Vue plugin uses the [vscode-html-languageservice](https://github.com/Microsoft/vscode-html-languageservice), [vscode-css-languageservice](https://github.com/Microsoft/vscode-css-languageservice)
node modules. The same modules is also used
in [Visual Studio Code](https://github.com/Microsoft/vscode) to power the HTML/CSS editing experience.

## Development

* `git clone https://github.com/rebornix/monaco-vue`
* `cd monaco-vue`
* `npm install . // yarn install`
* `npm run watch // gulp watch`
* run `gulp simpleserver` in another terminal session and launch `http://127.0.0.1:4000/`.

## License
[MIT](https://github.com/Microsoft/monaco-vue/blob/master/LICENSE.md)
npm package: @quarkly/cli
Description: quarkly cli build tool
Author: Eddort @Eddort
Latest version: 0.0.14

# @quarkly/cli
===

quarkly/cli build tool

[![Version](https://img.shields.io/npm/v/@quarkly/cli.svg)](https://npmjs.org/package/@quarkly/cli)
[![Downloads/week](https://img.shields.io/npm/dw/cli.svg)](https://npmjs.org/package/@quarkly/cli)
[![License](https://img.shields.io/npm/l/cli.svg)](https://github.com/Eddort/cli/blob/master/package.json)

<!-- toc -->
* [@quarkly/cli](#quarklycli)
* [Usage](#usage)
* [Commands](#commands)
<!-- tocstop -->
# Usage
<!-- usage -->
```sh-session
$ npm install -g @quarkly/cli
$ quarkly-cli COMMAND
running command...
$ quarkly-cli (-v|--version|version)
@quarkly/cli/0.0.13 darwin-x64 node-v10.15.1
$ quarkly-cli --help [COMMAND]
USAGE
  $ quarkly-cli COMMAND
...
```
<!-- usagestop -->
# Commands
<!-- commands -->
* [`quarkly-cli help [COMMAND]`](#quarkly-cli-help-command)
* [`quarkly-cli init [NAME]`](#quarkly-cli-init-name)
* [`quarkly-cli publish`](#quarkly-cli-publish)

## `quarkly-cli help [COMMAND]`

display help for quarkly-cli

```
USAGE
  $ quarkly-cli 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/v2.2.0/src/commands/help.ts)_

## `quarkly-cli init [NAME]`

describe the command here

```
USAGE
  $ quarkly-cli init [NAME]

OPTIONS
  -f, --force
  -h, --help   show CLI help

EXAMPLE
  $ @quarkly/cli init project_name
```

_See code: [src/commands/init.ts](https://github.com/quarkly/cli/blob/v0.0.13/src/commands/init.ts)_

## `quarkly-cli publish`

describe the command here

```
USAGE
  $ quarkly-cli publish

OPTIONS
  -d, --dist=dist          path to project dist
  -h, --help               show CLI help
  -m, --manifest=manifest  path to project manifest
  -s, --src=src            path to project src

EXAMPLE
  $ @quarkly/cli publish
```

_See code: [src/commands/publish.ts](https://github.com/quarkly/cli/blob/v0.0.13/src/commands/publish.ts)_
<!-- commandsstop -->
npm package: @quarkly/community-kit
Description: ## 📖 Detailed overview
Author: quarkly-team
Latest version: 0.0.88

# quarkly marketplace library

## 📖 Detailed overview

Why does the user need this component? How will it benefit the user?

## ⚙️ Usage

Detailed instructions on how to get the most out of your component

## 🧩 Components and Props

### In the interface

| Prop name         |     Default      |     Example      |
| :---------------- | :--------------: | :--------------: |
| Enum Prop Name    |  `Enum value 1`  |  `Enum value 2`  |
| String Prop Name  | `String value 1` | `String value 2` |
| Number Prop Name  |       `1`        |       `2`        |
| Boolean Prop Name |   `Unchecked`    |    `Checked`     |

### In the code (for developers)

| Prop name         | Name in the code |   Type    |    Default     |    Example     |
| :---------------- | :--------------: | :-------: | :------------: | :------------: |
| Enum Prop Name    |    `enumProp`    |  `enum`   |  `enumValue1`  |  `enumValue2`  |
| String Prop Name  |   `stringProp`   | `string`  | `stringValue1` | `stringValue2` |
| Number Prop Name  |   `numberProp`   | `number`  |      `1`       |      `2`       |
| Boolean Prop Name |  `booleanProp`   | `boolean` |    `false`     |     `true`     |

#### The 'Enum Prop Name' property values

| User-friendly name | Name in the code |
| :----------------- | :--------------: |
| Enum value 1       |   `enumValue1`   |
| Enum value 2       |   `enumValue2`   |
| Enum value 3       |   `enumValue3`   |
| Enum value 4       |   `enumValue4`   |

## 🗓 Changelog

-   01/03/2021 (v1.0)
-   Some changes

## 📮 Feedback

If you encountered a bug, please contact us so we can fix it promptly. We’re rapidly developing, so don’t hesitate to send us your feedback and request new features you would like to see added. Feel free to share what you’re working on - we **love** to see what you’re building with Quarkly!

[Help with components](https://community.quarkly.io/c/requests/11)

[We're on Discord](https://discord.gg/SuF9vCMJGW)

[Our Twitter](https://twitter.com/quarklyapp)

[dev@quarkly.io](mailto:dev@quarkly.io)

## 📝 License

Licensed under the [MIT License](https://raw.githubusercontent.com/quarkly/community-kit/master/LICENSE).
npm package: @quarkly/elementary
Description: Library for creating atomic react components
Author: Eddort
Latest version: 1.1.4

<p>
  <img src="https://github.com/quarkly/elementary/raw/master/docs/src/q-elementary.png" width="200px">
</p>
<h1> Elementary </h1>
<p>
  <b>Elementary is a library for creating atomic react components. 
Inspired by <a href="http://tachyons.io/" target="_blank">tachyons</a> and <a href="https://github.com/styled-system/styled-system" target="_blank">styled-system</a>.</b>
</p>
<br>

[![Build Status][badge]][travis]
[![Coverage][coverage-badge]][coverage]
[![Version][version-badge]][npm]
![MIT License][license]

<!-- ![size][] -->

[badge]: https://flat.badgen.net/travis/quarkly/elementary/master
[travis]: https://travis-ci.com/quarkly/elementary
[coverage-badge]: https://flat.badgen.net/codecov/c/github/quarkly/elementary
[coverage]: https://codecov.io/github/quarkly/elementary
[version-badge]: https://flat.badgen.net/npm/v/@quarkly/elementary
[npm]: https://npmjs.com/package/@quarkly/elementary
[license]: https://flat.badgen.net/badge/license/MIT/blue

<!-- [size]: https://flat.badgen.net/packagephobia/min/@quarkly/elementary -->

# Features

- Any css properties - props
- Simple writing media queries
- Alias ​​system
- Scaling indents and font sizes
- Support hover, focus ..etc as props
- Fully themed
- Mixins support

# Demo

 - [Codesandbox](https://codesandbox.io/embed/quarklyelementary-demo-jplhn)
 - [@quarkly/elements](https://github.com/quarkly/elements)

# Installation and Usage

```sh
npm i @quarkly/elementary
```

```sh
npm i styled-components
```

Let's create element:

```jsx
import React from 'react';
import ReactDom from 'react-dom';
import elementary from '@quarkly/elementary';

const Box = elementary.div();

ReactDom.render(
  <Box width={[1, 1 / 2, 1 / 4]} bgc={['red', 'green', 'blue']} height="300px" />,
  document.getElementById('root'),
);
```

Since Elementary is based on styled-components, the interface may be familiar to you. <br>

```jsx
const Box = elementary.div`
  border: 2px solid tomato;
`;
```

# Advanced usage

```jsx
import React from 'react';
import ReactDom from 'react-dom';
import elementary from '@quarkly/elementary';

const Box = elementary.div({
  effects: {
    hover: ':hover',
  },
  variant: 'boxes',
  rules: ['height', 'backgroundColor'],
});

ReactDom.render(
  <Box width={[1, 1 / 2, 1 / 4]} bgc={['red', 'green', 'blue']} height="300px" />,
  document.getElementById('root'),
);
```

First argument is the configuration:

- rules - an array of css properties that we will use.
- effects - what effects can be used from jsx (hover, focus ..etc)
- variant - options for component styles from themes
- name - componentName and default styles for this component from a theme

# Docs

- [Aliases](docs/aliases.md)
- [Theming](docs/theming.md)

# License

Licensed under MIT.
npm package: @quarkly/elements
Description: atomic react UI components
Author: Eddort
Latest version: 0.5.7

<br>
<a href="https://github.com/quarkly/elements">
  <img alt="elements" src="https://github.com/quarkly/elements/raw/master/docs/src/q-elements.png" width="200px">
</a>

# WIP:Elements UI

Elements — atomic react UI components based on [Elementary](https://github.com/quarkly/elementary).

[![Build Status][badge]][travis]
[![Coverage][coverage-badge]][coverage]
[![Version][version-badge]][npm]
![MIT License][license]

[badge]: https://flat.badgen.net/travis/quarkly/elements/master
[travis]: https://travis-ci.com/quarkly/elements
[coverage-badge]: https://flat.badgen.net/codecov/c/github/quarkly/elements
[coverage]: https://codecov.io/github/quarkly/elements
[version-badge]: https://flat.badgen.net/npm/v/@quarkly/elements
[npm]: https://npmjs.com/package/@quarkly/elements
[license]: https://flat.badgen.net/badge/license/MIT/blue

## Get started

### Installation

```sh
npm i @quarkly/elements
```

### Usage

```jsx
import React from 'react';
import ReactDom from 'react-dom';
import { Box, Text } from '@quarkly/elements';

ReactDom.render(
  <Box width={[1, 1 / 2, 1 / 4]} bgc={['red', 'green', 'blue']} height="300px">
    <Text fz={2}>Hello from Elements</Text>
  </Box>,
  document.getElementById('root'),
);
```

## Components

- [x] [Block](https://github.com/quarkly/elements/blob/master/docs/block.md)
- [x] [Box](https://github.com/quarkly/elements/blob/master/docs/box.md)
- [x] [Button](https://github.com/quarkly/elements/blob/master/docs/button.md)
- [x] [Card](https://github.com/quarkly/elements/blob/master/docs/card.md)
- [x] [Carousel](https://github.com/quarkly/elements/blob/master/docs/carousel.md)
- [x] [Flex](https://github.com/quarkly/elements/blob/master/docs/flex.md)
- [x] [Grid](https://github.com/quarkly/elements/blob/master/docs/grid.md)
- [x] [Hr](https://github.com/quarkly/elements/blob/master/docs/hr.md)
- [x] [Image](https://github.com/quarkly/elements/blob/master/docs/image.md)
- [x] [Link](https://github.com/quarkly/elements/blob/master/docs/link.md)
- [x] [List](https://github.com/quarkly/elements/blob/master/docs/list.md)
- [x] [Spacer](https://github.com/quarkly/elements/blob/master/docs/spacer.md)
- [x] [Text](https://github.com/quarkly/elements/blob/master/docs/text.md)
- [x] [Video](https://github.com/quarkly/elements/blob/master/docs/video.md)

Soon

- [ ] Icon
- [ ] Map
- [ ] Drawer
- [ ] Gallery
- [ ] Menu
- [ ] Submenu
- [ ] Popup
- [ ] Footer
- [ ] Accordion
- [ ] Form
- [ ] Schedule
- [ ] Timeline
- [ ] Stages
- [ ] Social buttons
- [ ] Timer
- [ ] Payment
- [ ] Facebook feed
npm package: @quarkly/molecules
Description: atomic react UI components
Author: Eddort
Latest version: 0.0.3

<br>
<a href="https://github.com/quarkly/molecules">
  <img alt="elements" src="https://uploads.quarkly.io/atomize-site/molecules-logo-light.svg" width="192px">
</a>
<br>

# Molecules

Molecules — atomic react UI components based on [Atomize](https://github.com/quarkly/atomize).

Used in Quarkly — design tool for creating websites and web apps.

[npm]: https://npmjs.com/package/@quarkly/atomize
[release]: https://badgen.net/github/release/quarkly/atomize
[status]: https://badgen.net/github/status/quarkly/atomize
[CI]: https://badgen.net/github/status/quarkly/atomize/master/ci
[coverage]: https://badgen.net/codecov/c/github/quarkly/atomize
[license]: https://badgen.net/github/license/quarkly/atomize

<br>

## Get started

### Usage

```sh
npm i
```
```sh
npm run storybook
```
<br>

## Components

### Primitives

- [x] [Box](https://github.com/quarkly/molecules/tree/master/src/primitives/box)
- [x] [Button](https://github.com/quarkly/molecules/tree/master/src/primitives/button)
- [x] [Line](https://github.com/quarkly/molecules/tree/master/src/primitives/line)
- [x] [Image](https://github.com/quarkly/molecules/tree/master/src/primitives/image)
- [x] [Input](https://github.com/quarkly/molecules/tree/master/src/primitives/input)
- [x] [List](https://github.com/quarkly/molecules/tree/master/src/primitives/list)
- [x] [Select](https://github.com/quarkly/molecules/tree/master/src/primitives/select)
- [x] [Text](https://github.com/quarkly/molecules/tree/master/src/primitives/text)

### Wysiwyg

- [x] [Inline](https://github.com/quarkly/molecules/tree/master/src/wysiwyg/inline)
- [x] [Span](https://github.com/quarkly/molecules/tree/master/src/wysiwyg/span)
- [x] [Strong](https://github.com/quarkly/molecules/tree/master/src/wysiwyg/strong)
- [x] [Italic](https://github.com/quarkly/molecules/tree/master/src/wysiwyg/italic)
- [x] [Underline](https://github.com/quarkly/molecules/tree/master/src/wysiwyg/underline)
- [x] [Strike](https://github.com/quarkly/molecules/tree/master/src/wysiwyg/strike)

<br>

## Soon

- [ ] Icon
- [ ] Link

- [ ] Formspree
- [ ] GoogleMap
- [ ] Menu
- [ ] Section
- [ ] SocialMedia
- [ ] Stack
- [ ] StackItem
npm package: @quarkly/project-store
Description: A tiny state manager for Quarkly projects
Author: Eddort
Latest version: 0.0.10

# Work in progress

### Simple usage:

```js
const store = createStore('test')
const unbind = store.listen('some', (path, value) => {
  expect(value).toBe(store.get(path))
})
store.set('some.path', 1)
store.set('some.path.deep.path', 2)
```

### Middleware

```js
const testingStore = createStore('test')
const unuse = use([testingStore], ({ commit, storeName, path }) => {
  console.log(storeName, path)
  // you can log or do something and than commit for fire reaction
  commit(storeName, path)
})
```
npm package: @quarkly/sdk
Description: quarkly development kit
Author: Eddort @Eddort
Latest version: 0.5.4

@quarkly/sdk
============

quarkly development kit

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

<!-- toc -->
* [Usage](#usage)
* [Commands](#commands)
<!-- tocstop -->
# Usage
<!-- usage -->
```sh-session
$ npm install -g @quarkly/sdk
$ @quarkly/sdk COMMAND
running command...
$ @quarkly/sdk (-v|--version|version)
@quarkly/sdk/0.5.3 darwin-x64 node-v10.23.2
$ @quarkly/sdk --help [COMMAND]
USAGE
  $ @quarkly/sdk COMMAND
...
```
<!-- usagestop -->
# Commands
<!-- commands -->
* [`@quarkly/sdk component COMPONENTNAME`](#quarklysdk-component-componentname)
* [`@quarkly/sdk help [COMMAND]`](#quarklysdk-help-command)
* [`@quarkly/sdk init PROJECTNAME`](#quarklysdk-init-projectname)
* [`@quarkly/sdk login`](#quarklysdk-login)
* [`@quarkly/sdk publish`](#quarklysdk-publish)

## `@quarkly/sdk component COMPONENTNAME`

create quarkly component

```
USAGE
  $ @quarkly/sdk component COMPONENTNAME

ARGUMENTS
  COMPONENTNAME  type your component name

OPTIONS
  -h, --help  show CLI help

EXAMPLE
  $ @quarkly/sdk component MyAwesomeComponent
```

_See code: [src/commands/component.ts](https://github.com/quarkly/sdk/blob/v0.5.3/src/commands/component.ts)_

## `@quarkly/sdk help [COMMAND]`

display help for @quarkly/sdk

```
USAGE
  $ @quarkly/sdk 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.2/src/commands/help.ts)_

## `@quarkly/sdk init PROJECTNAME`

create new quarkly library

```
USAGE
  $ @quarkly/sdk init PROJECTNAME

ARGUMENTS
  PROJECTNAME  type your project name

OPTIONS
  -h, --help  show CLI help

EXAMPLE
  $ @quarkly/sdk init my-awesome-library
```

_See code: [src/commands/init.ts](https://github.com/quarkly/sdk/blob/v0.5.3/src/commands/init.ts)_

## `@quarkly/sdk login`

login into quarkly sdk

```
USAGE
  $ @quarkly/sdk login

OPTIONS
  -h, --help  show CLI help
```

_See code: [src/commands/login.ts](https://github.com/quarkly/sdk/blob/v0.5.3/src/commands/login.ts)_

## `@quarkly/sdk publish`

publish your library to marketplace

```
USAGE
  $ @quarkly/sdk publish

OPTIONS
  -h, --help  show CLI help
  --onlyCat
  --onlyNpm
```

_See code: [src/commands/publish.ts](https://github.com/quarkly/sdk/blob/v0.5.3/src/commands/publish.ts)_
<!-- commandsstop -->
npm package: @quarks/bpmn-js-guideline-validator
Description: bpmn-js guideline-validator extension
Latest version: 0.1.0

# bpmn-js guideline validation 

A bpmn-js extention for guideline validations.

![Screencast](docs/screencast.gif)

## Installation

Install via [npm](https://www.npmjs.com/).

```
npm install bpmn-js-guideline-validation
```

Add as additional module to [bpmn-js](https://github.com/bpmn-io/bpmn-js)

### Usage

```javascript
var BpmnModeler = require('bpmn-js/lib/Modeler');
var guidelineValidation = require('bpmn-js-guideline-validation');

var modeler = new BpmnModeler({
    container: '#canvas',
    additionalModules: [
        guidelineValidation
    ],
    keyboard: { 
        bindTo: document 
    }
});
```

> For the correct style of the extension you need to copy the assets in the root directory of your `index.html` and include the `css/guideline-validation.css` to your `index.html`. Have a look at the [example](example/index.html).

## Example
Install dependencies

```
npm install
```

Run example

```
npm run dev
```

Check out `localhost:9013`


## Current Guidelines

- Crossing Sequenceflows
- Joining and Splitting Gateways
- No Labels
- No Start and End Event
- Symmetric Modelling
- Unnecessary Gateway
- Use of Parallel Gateway

> Some of the guideline validations are only working properly, if another one is already fixed. For example, you need to modell a start event for the symmetric modelling check.

## Licence
MIT
npm package: @quarks/camunda-bpmn-moddle-es6
Description: Camunda moddle extensions for BPMN 2.0 with ES6 import
Author: David Carvalho
Latest version: 1.0.0

# camunda-bpmn-moddle

[![Build Status](https://travis-ci.org/camunda/camunda-bpmn-moddle.svg)](https://travis-ci.org/camunda/camunda-bpmn-moddle)

This project defines the [Camunda](https://camunda.org) namespace extensions for BPMN 2.0 as a [moddle](https://github.com/bpmn-io/moddle) descriptor.


## Usage

Use it together with [bpmn-moddle](https://github.com/bpmn-io/bpmn-moddle) to validate Camunda BPMN 2.0 extensions.

```javascript
var BpmnModdle = require('bpmn-moddle');

var camundaModdle = require('camunda-bpmn-moddle/resources/camunda');

var moddle = new BpmnModdle({ camunda: camundaModdle });

var serviceTask = moddle.create('bpmn:ServiceTask', {
  'javaDelegate': 'my.company.SomeDelegate'
});
```


## Building the Project

You need [grunt](http://gruntjs.com) to build the project.

To run the test suite that includes XSD schema validation you must have a Java JDK installed and properly exposed through the `JAVA_HOME` variable.

Execute the test via

```
grunt test
```

Perform a complete build of the application via

```
grunt
```

## Extension

We include an extension that provides the necessary validation to clone certain properties, when making use of a library like `bpmn-js`. This allows to easily plug with out modeler solution, which works like the following example:

```js

var BpmnJS = require('bpmn-js/lib/Modeler'),
    camundaExtensionModule = require('camunda-bpmn-moddle/lib');

var modeler = new BpmnJS({
    additionalModules: [
      camundaExtensionModule
    ]
  });

```

This extension makes use of dependency injection via [didi](https://github.com/nikku/didi) and expects an events interface such as [`eventBus`](https://github.com/bpmn-io/diagram-js/blob/master/lib/core/EventBus.js), where we plugin and listen to the `property.clone` event.


## License

Use under the terms of the [MIT license](http://opensource.org/licenses/MIT).
npm package: @quarks/gluon-form
Description: Formularios reativos que conecta diversas funcionalidades do ecossistema Quarks
Author: Quarks Team
Latest version: 2.1.18

# gluon-form

> Formularios reativos que conecta diversas funcionalidades do ecossistema Quarks

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

## Install

```bash
npm install --save @quarks/gluon-form
```

## Usage

```tsx
import * as React from 'react'

import GluonForm from '@quarks/gluon-form'

class Example extends React.Component {
  render () {
    return (
      <GluonForm
        request={(request: CommonRequestConfig) => this.props.request(request)}
        schema={registerForm}
        context={{}}
        onSubmit={(request: CommonRequestConfig) => this.props.request(request)}
      />
    )
  }
}
```

Deve ser importado o CSS para a aplicação:

```
import '@quarks/gluon-form/lib/main.css'
```

## Props
| Plugin | README |
| ------ | ------ |
| request | Uma função que emite um request no formato CommonRequestConfig e deve retornar uma Promise que será resolvida com o resultado do request |
| schema | A estrutura de dados JSON que desenhará o formulário. |
| context | Um objecto com dados qualquer, que poderá ser utilizado para popular campos ou para emitir novos requests |
| OnSubmit | Uma função que emite um request no formato CommonRequestConfig com a configuração de submissão do formulário. |

## Versões
- 2.0.0 - Material Design
- 1.0.0 - Funcionalidades e AntDesign

## License

MIT © [Quarks Team](https://github.com/Quarks Team)